.elementor-2819 .elementor-element.elementor-element-aa3181b{--display:flex;--min-height:350px;--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-2819 .elementor-element.elementor-element-0ae56ac{--display:flex;--min-height:350px;--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-2819 .elementor-element.elementor-element-833ffae{--display:flex;--min-height:350px;--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-2819 .elementor-element.elementor-element-9525134{--display:flex;--min-height:350px;--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-2819 .elementor-element.elementor-element-935ca82{--display:flex;--min-height:350px;--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-2819 .elementor-element.elementor-element-657d9b1{--display:flex;--min-height:350px;--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-2819 .elementor-element.elementor-element-fbfa75d{--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:65px;--padding-bottom:65px;--padding-left:0px;--padding-right:0px;}.elementor-2819 .elementor-element.elementor-element-fbfa75d:not(.elementor-motion-effects-element-type-background), .elementor-2819 .elementor-element.elementor-element-fbfa75d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #071622 0%, #10273D 100%);}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-2819 .elementor-element.elementor-element-28ca276{text-align:center;}.elementor-2819 .elementor-element.elementor-element-28ca276 .elementor-heading-title{font-size:24px;letter-spacing:1.8px;word-spacing:8px;color:#D4B878;}.elementor-widget-text-editor{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-2819 .elementor-element.elementor-element-3142164{padding:0px 100px 0px 100px;text-align:center;color:#E0E0E0;}.elementor-2819 .elementor-element.elementor-element-d00d01f{text-align:center;}.elementor-2819 .elementor-element.elementor-element-d00d01f .elementor-heading-title{font-size:14px;color:#8A8A8A;}.elementor-2819 .elementor-element.elementor-element-99f546d{--e-image-carousel-slides-to-show:3;padding:20px 0px 20px 0px;}.elementor-2819 .elementor-element.elementor-element-99f546d .elementor-swiper-button.elementor-swiper-button-prev, .elementor-2819 .elementor-element.elementor-element-99f546d .elementor-swiper-button.elementor-swiper-button-next{font-size:20px;}.elementor-2819 .elementor-element.elementor-element-99f546d .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:3px;--swiper-pagination-bullet-vertical-gap:3px;width:10px;height:10px;background:#D8B56A;}.elementor-2819 .elementor-element.elementor-element-99f546d .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:#FFFFFF;opacity:1;}.elementor-2819 .elementor-element.elementor-element-99f546d .swiper-wrapper{display:flex;align-items:center;}.elementor-2819 .elementor-element.elementor-element-99f546d .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:15px 15px 15px 15px;}.elementor-2819 .elementor-element.elementor-element-99f546d .elementor-image-carousel-caption{text-align:center;color:#FFFFFF;margin-block-start:20px;}.elementor-2819 .elementor-element.elementor-element-e7b9326{--display:flex;--min-height:350px;--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-2819 .elementor-element.elementor-element-f36cbbd{--display:flex;--min-height:350px;--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-2819 .elementor-element.elementor-element-ddeaeb4{--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-2819 .elementor-element.elementor-element-ddeaeb4:not(.elementor-motion-effects-element-type-background), .elementor-2819 .elementor-element.elementor-element-ddeaeb4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F5F0;}.elementor-2819 .elementor-element.elementor-element-656e819{--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-2819 .elementor-element.elementor-element-2ed8b6b{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2819 .elementor-element.elementor-element-2ed8b6b:not(.elementor-motion-effects-element-type-background), .elementor-2819 .elementor-element.elementor-element-2ed8b6b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2819 .elementor-element.elementor-element-cd49169{padding:0px 0px 25px 0px;text-align:start;}.elementor-2819 .elementor-element.elementor-element-cd49169 .elementor-heading-title{color:#000000;}.elementor-2819 .elementor-element.elementor-element-ca8b3d5{text-align:justify;font-size:12px;}.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-2819 .elementor-element.elementor-element-2283df1 .elementor-field-group{padding-right:calc( 0px/2 );padding-left:calc( 0px/2 );margin-bottom:16px;}.elementor-2819 .elementor-element.elementor-element-2283df1 .elementor-form-fields-wrapper{margin-left:calc( -0px/2 );margin-right:calc( -0px/2 );margin-bottom:-16px;}.elementor-2819 .elementor-element.elementor-element-2283df1 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2819 .elementor-element.elementor-element-2283df1 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2819 .elementor-element.elementor-element-2283df1 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-2819 .elementor-element.elementor-element-2283df1 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-2819 .elementor-element.elementor-element-2283df1 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-2819 .elementor-element.elementor-element-2283df1 .elementor-field-type-html{padding-bottom:0px;}.elementor-2819 .elementor-element.elementor-element-2283df1 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF;border-width:0px 0px 0px 0px;border-radius:7px 7px 7px 7px;}.elementor-2819 .elementor-element.elementor-element-2283df1 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF;border-width:0px 0px 0px 0px;border-radius:7px 7px 7px 7px;}.elementor-2819 .elementor-element.elementor-element-2283df1 .e-form__buttons__wrapper__button-next{background-color:#D4B878;color:#000000;}.elementor-2819 .elementor-element.elementor-element-2283df1 .elementor-button[type="submit"]{background-color:#D4B878;color:#000000;}.elementor-2819 .elementor-element.elementor-element-2283df1 .elementor-button[type="submit"] svg *{fill:#000000;}.elementor-2819 .elementor-element.elementor-element-2283df1 .e-form__buttons__wrapper__button-previous{background-color:#D4B878;color:#ffffff;}.elementor-2819 .elementor-element.elementor-element-2283df1 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-2819 .elementor-element.elementor-element-2283df1 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-2819 .elementor-element.elementor-element-2283df1 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-2819 .elementor-element.elementor-element-2283df1 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-2819 .elementor-element.elementor-element-2283df1 .elementor-button{border-radius:50px 50px 50px 50px;padding:18px 24px 18px 24px;}.elementor-2819 .elementor-element.elementor-element-2283df1{--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-2819 .elementor-element.elementor-element-ab03d27{margin:0px 5px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}.elementor-2819 .elementor-element.elementor-element-2ed8b6b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:15px;}}@media(max-width:767px){.elementor-2819 .elementor-element.elementor-element-3142164{padding:0px 20px 0px 20px;text-align:center;font-size:14px;}.elementor-2819 .elementor-element.elementor-element-ddeaeb4{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-2819 .elementor-element.elementor-element-656e819{--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-2819 .elementor-element.elementor-element-2ed8b6b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2819 .elementor-element.elementor-element-cd49169{padding:0px 0px 7px 0px;text-align:start;}.elementor-2819 .elementor-element.elementor-element-2283df1{--e-form-steps-indicators-spacing:0px;--e-form-steps-indicator-padding:0px;--e-form-steps-divider-width:0px;--e-form-steps-divider-gap:0px;}}@media(min-width:768px){.elementor-2819 .elementor-element.elementor-element-656e819{--width:60%;}.elementor-2819 .elementor-element.elementor-element-2ed8b6b{--width:40%;}}/* Start custom CSS for html, class: .elementor-element-ebe734e *//* ========================================================= SERDAR DÜZGÜN PROCEDURE HERO / OVERVIEW ========================================================= */ .sd-procedure-hero { position: relative; width: 100%; min-height: 720px; display: flex; align-items: center; overflow: hidden; background-image: url("https://serdarduzgun.com/wp-content/uploads/2026/08/Joyful-Warm-Toned-Beauty.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 110px 30px 100px; } /* ========================================================= DARK IMAGE OVERLAY ========================================================= */ .sd-procedure-hero__overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient( 90deg, rgba(5, 20, 33, 0.92) 0%, rgba(7, 26, 43, 0.82) 42%, rgba(7, 26, 43, 0.58) 72%, rgba(7, 26, 43, 0.72) 100% ); } /* ========================================================= SUBTLE IMAGE DARKENING ========================================================= */ .sd-procedure-hero::before { content: ""; position: absolute; inset: 0; z-index: 1; background: radial-gradient( circle at 82% 35%, rgba(211, 181, 116, 0.12), transparent 32% ); pointer-events: none; } /* ========================================================= DECORATIVE CIRCLES ========================================================= */ .sd-procedure-hero::after { content: ""; position: absolute; width: 480px; height: 480px; right: -230px; top: -210px; z-index: 1; border: 1px solid rgba(211, 181, 116, 0.18); border-radius: 50%; pointer-events: none; } /* ========================================================= MAIN CONTAINER ========================================================= */ .sd-procedure-hero__container { position: relative; z-index: 3; width: 100%; max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.85fr); align-items: center; gap: 80px; } /* ========================================================= LEFT CONTENT ========================================================= */ .sd-procedure-hero__content { max-width: 680px; } /* ========================================================= EYEBROW ========================================================= */ .sd-procedure-hero__eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; font-family: "Inter", sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 2.8px; text-transform: uppercase; color: #D3B574; } .sd-procedure-hero__eyebrow span { display: block; width: 38px; height: 1px; background: #D3B574; } /* ========================================================= TITLE ========================================================= */ .sd-procedure-hero__title { margin: 0 0 25px; font-family: "Fraunces", serif; font-size: clamp(52px, 6vw, 82px); line-height: 1.02; font-weight: 500; letter-spacing: -1.8px; color: #FFFFFF; } /* ========================================================= INTRO TEXT ========================================================= */ .sd-procedure-hero__intro { max-width: 650px; margin: 0; font-family: "Inter", sans-serif; font-size: 17px; line-height: 1.8; font-weight: 400; color: rgba(255, 255, 255, 0.84); } /* ========================================================= BUTTON AREA ========================================================= */ .sd-procedure-hero__actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 38px; } /* ========================================================= BUTTON BASE ========================================================= */ .sd-procedure-btn { display: inline-flex; align-items: center; justify-content: center; gap: 13px; min-height: 52px; padding: 0 25px; border-radius: 2px; font-family: "Inter", sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 0.4px; text-decoration: none; transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease; } /* ========================================================= PRIMARY BUTTON ========================================================= */ .sd-procedure-btn--primary { background: #D3B574 !important; border: 1px solid #D3B574 !important; color: #071A2B !important; } .sd-procedure-btn--primary span { font-size: 18px; line-height: 1; } .sd-procedure-btn--primary:hover { background: #FFFFFF !important; border-color: #FFFFFF !important; color: #071A2B !important; transform: translateY(-2px); } /* ========================================================= OUTLINE BUTTON ========================================================= */ .sd-procedure-btn--outline { background: rgba(7, 26, 43, 0.20) !important; border: 1px solid rgba(255, 255, 255, 0.55); color: #FFFFFF !important; backdrop-filter: blur(5px); } .sd-procedure-btn--outline:hover { background: rgba(255, 255, 255, 0.10); border-color: #D3B574; color: #D3B574 !important; } /* ========================================================= RIGHT INFORMATION CARD ========================================================= */ .sd-procedure-hero__info { position: relative; padding: 38px 38px 34px; background: linear-gradient( 145deg, rgba(7, 26, 43, 0.88), rgba(7, 26, 43, 0.70) ); border: 1px solid rgba(255, 255, 255, 0.20); box-shadow: 0 25px 70px rgba(0, 0, 0, 0.28); backdrop-filter: blur(12px); } /* GOLD TOP LINE */ .sd-procedure-hero__info::before { content: ""; position: absolute; top: 0; left: 38px; width: 55px; height: 2px; background: #D3B574; } /* ========================================================= INFO HEADER ========================================================= */ .sd-procedure-hero__info-header { margin-bottom: 28px; } .sd-procedure-hero__info-header h2 { margin: 0; font-family: "Fraunces", serif; font-size: 28px; line-height: 1.2; font-weight: 500; color: #FFFFFF; } /* ========================================================= FACT GRID ========================================================= */ .sd-procedure-facts { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid rgba(255, 255, 255, 0.15); } /* ========================================================= INDIVIDUAL FACT ========================================================= */ .sd-procedure-fact { display: flex; flex-direction: column; gap: 7px; padding: 20px 18px 20px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .sd-procedure-fact:nth-child(odd) { border-right: 1px solid rgba(255, 255, 255, 0.12); padding-right: 20px; } .sd-procedure-fact:nth-child(even) { padding-left: 20px; } /* ========================================================= FACT LABEL ========================================================= */ .sd-procedure-fact__label { font-family: "Inter", sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; color: #D3B574; } /* ========================================================= FACT VALUE ========================================================= */ .sd-procedure-fact strong { font-family: "Inter", sans-serif; font-size: 14px; line-height: 1.5; font-weight: 500; color: #FFFFFF; } /* ========================================================= NOTE ========================================================= */ .sd-procedure-hero__note { display: flex; align-items: flex-start; gap: 12px; margin-top: 25px; } .sd-procedure-hero__note-icon { flex-shrink: 0; margin-top: 3px; font-size: 13px; color: #D3B574; } .sd-procedure-hero__note p { margin: 0; font-family: "Inter", sans-serif; font-size: 12px; line-height: 1.7; color: rgba(255, 255, 255, 0.65); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sd-procedure-hero { min-height: auto; padding: 90px 30px 80px; background-position: center center; } .sd-procedure-hero__overlay { background: linear-gradient( 180deg, rgba(5, 20, 33, 0.88) 0%, rgba(7, 26, 43, 0.78) 55%, rgba(7, 26, 43, 0.90) 100% ); } .sd-procedure-hero__container { grid-template-columns: 1fr; gap: 55px; max-width: 760px; } .sd-procedure-hero__content { max-width: 700px; } .sd-procedure-hero__info { max-width: 680px; width: 100%; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sd-procedure-hero { min-height: auto; padding: 90px 20px 65px; background-position: 62% center; } .sd-procedure-hero__overlay { background: linear-gradient( 180deg, rgba(5, 20, 33, 0.90) 0%, rgba(7, 26, 43, 0.82) 45%, rgba(7, 26, 43, 0.94) 100% ); } .sd-procedure-hero__container { gap: 40px; } /* EYEBROW */ .sd-procedure-hero__eyebrow { margin-bottom: 18px; font-size: 10px; letter-spacing: 2.2px; } .sd-procedure-hero__eyebrow span { width: 28px; } /* TITLE */ .sd-procedure-hero__title { margin-bottom: 20px; font-size: clamp(45px, 14vw, 62px); letter-spacing: -1px; } /* INTRO */ .sd-procedure-hero__intro { font-size: 15px; line-height: 1.75; } /* BUTTONS */ .sd-procedure-hero__actions { flex-direction: column; align-items: stretch; margin-top: 30px; } .sd-procedure-btn { width: 100%; } /* INFO CARD */ .sd-procedure-hero__info { padding: 30px 22px 27px; } .sd-procedure-hero__info::before { left: 22px; } .sd-procedure-hero__info-header { margin-bottom: 22px; } .sd-procedure-hero__info-header h2 { font-size: 24px; } /* FACTS */ .sd-procedure-fact { padding: 17px 12px 17px 0; } .sd-procedure-fact:nth-child(odd) { padding-right: 12px; } .sd-procedure-fact:nth-child(even) { padding-left: 12px; } .sd-procedure-fact__label { font-size: 9px; letter-spacing: 1px; } .sd-procedure-fact strong { font-size: 12px; } /* NOTE */ .sd-procedure-hero__note p { font-size: 11px; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .sd-procedure-facts { grid-template-columns: 1fr; } .sd-procedure-fact, .sd-procedure-fact:nth-child(odd), .sd-procedure-fact:nth-child(even) { padding-left: 0; padding-right: 0; border-right: none; } .sd-procedure-fact:last-child { border-bottom: none; } .sd-procedure-hero::after { width: 300px; height: 300px; right: -180px; top: -130px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-d61c9df *//* ========================================================= SERDAR DÜZGÜN PROCEDURE — SECTION 2: INTRODUCTION ========================================================= */ .sd-procedure-intro { position: relative; width: 100%; padding: 115px 30px; background: #F8F7F4; overflow: hidden; } /* ========================================================= CONTAINER ========================================================= */ .sd-procedure-intro__container { width: 100%; max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.92fr); align-items: center; gap: 90px; } /* ========================================================= LEFT CONTENT ========================================================= */ .sd-procedure-intro__content { max-width: 600px; } /* ========================================================= EYEBROW ========================================================= */ .sd-procedure-intro__eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; font-family: "Inter", sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 2.4px; text-transform: uppercase; color: #9A7A3A; } .sd-procedure-intro__eyebrow span { display: block; width: 34px; height: 1px; background: #C5A45D; } /* ========================================================= HEADING ========================================================= */ .sd-procedure-intro__content h2 { margin: 0 0 28px; max-width: 580px; font-family: "Fraunces", serif; font-size: clamp(42px, 4.5vw, 62px); line-height: 1.08; font-weight: 500; letter-spacing: -1.2px; color: #10283C; } .sd-procedure-intro__content h2 em { font-style: italic; font-weight: 400; color: #B18D4A; } /* ========================================================= PARAGRAPHS ========================================================= */ .sd-procedure-intro__content p { max-width: 570px; margin: 0 0 18px; font-family: "Inter", sans-serif; font-size: 16px; line-height: 1.85; font-weight: 400; color: #526170; } /* ========================================================= TEXT LINK ========================================================= */ .sd-procedure-intro__link { display: inline-flex; align-items: center; gap: 12px; margin-top: 15px; padding-bottom: 7px; border-bottom: 1px solid #C5A45D; font-family: "Inter", sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 0.3px; color: #10283C; text-decoration: none; transition: color 0.25s ease, gap 0.25s ease, border-color 0.25s ease; } .sd-procedure-intro__link span { font-size: 18px; line-height: 1; } .sd-procedure-intro__link:hover { gap: 17px; color: #A27E39; border-color: #A27E39; } /* ========================================================= RIGHT VISUAL ========================================================= */ .sd-procedure-intro__visual { position: relative; } /* ========================================================= IMAGE WRAPPER ========================================================= */ .sd-procedure-intro__image-wrap { position: relative; width: 100%; min-height: 570px; overflow: hidden; } /* ========================================================= IMAGE ========================================================= */ .sd-procedure-intro__image-wrap img { display: block; width: 100%; height: 100%; min-height: 570px; object-fit: cover; object-position: center; transition: transform 0.7s ease; } .sd-procedure-intro__image-wrap:hover img { transform: scale(1.025); } /* ========================================================= IMAGE OVERLAY ========================================================= */ .sd-procedure-intro__image-wrap::after { content: ""; position: absolute; inset: 0; background: linear-gradient( 180deg, transparent 55%, rgba(7, 26, 43, 0.72) 100% ); pointer-events: none; } /* ========================================================= IMAGE DETAIL ========================================================= */ .sd-procedure-intro__image-detail { position: absolute; z-index: 2; left: 30px; right: 30px; bottom: 28px; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; } .sd-procedure-intro__image-detail span { font-family: "Fraunces", serif; font-size: 40px; line-height: 1; font-weight: 400; color: #D3B574; } .sd-procedure-intro__image-detail strong { max-width: 210px; font-family: "Inter", sans-serif; font-size: 13px; line-height: 1.5; font-weight: 600; letter-spacing: 0.4px; color: #FFFFFF; } /* ========================================================= DECORATIVE FRAME ========================================================= */ .sd-procedure-intro__visual::before { content: ""; position: absolute; z-index: 0; width: 100%; height: 100%; top: 18px; left: 18px; border: 1px solid #D3B574; pointer-events: none; } /* Keep image above decorative frame */ .sd-procedure-intro__image-wrap { position: relative; z-index: 1; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sd-procedure-intro { padding: 90px 30px; } .sd-procedure-intro__container { grid-template-columns: 1fr; gap: 60px; max-width: 760px; } .sd-procedure-intro__content { max-width: 700px; } .sd-procedure-intro__content p { max-width: 680px; } .sd-procedure-intro__visual { max-width: 680px; width: calc(100% - 18px); } .sd-procedure-intro__image-wrap, .sd-procedure-intro__image-wrap img { min-height: 520px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sd-procedure-intro { padding: 70px 20px; } .sd-procedure-intro__container { gap: 45px; } .sd-procedure-intro__eyebrow { margin-bottom: 18px; font-size: 10px; letter-spacing: 2px; } .sd-procedure-intro__eyebrow span { width: 27px; } .sd-procedure-intro__content h2 { margin-bottom: 22px; font-size: clamp(38px, 11vw, 50px); letter-spacing: -0.8px; } .sd-procedure-intro__content p { font-size: 14px; line-height: 1.8; } .sd-procedure-intro__link { margin-top: 10px; } .sd-procedure-intro__visual { width: calc(100% - 10px); } .sd-procedure-intro__visual::before { top: 10px; left: 10px; } .sd-procedure-intro__image-wrap, .sd-procedure-intro__image-wrap img { min-height: 430px; } .sd-procedure-intro__image-detail { left: 22px; right: 22px; bottom: 22px; } .sd-procedure-intro__image-detail span { font-size: 32px; } .sd-procedure-intro__image-detail strong { font-size: 11px; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .sd-procedure-intro { padding: 60px 18px; } .sd-procedure-intro__image-wrap, .sd-procedure-intro__image-wrap img { min-height: 380px; } .sd-procedure-intro__visual { width: calc(100% - 7px); } .sd-procedure-intro__visual::before { top: 7px; left: 7px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-9aa1478 *//* ========================================================= SERDAR DÜZGÜN PROCEDURE — SECTION 3 PERSONALIZING THE PROCEDURE ========================================================= */ .sd-personalizing { position: relative; width: 100%; padding: 115px 30px; background: #FFFFFF; overflow: hidden; } /* ========================================================= CONTAINER ========================================================= */ .sd-personalizing__container { width: 100%; max-width: 1180px; margin: 0 auto; } /* ========================================================= TOP SECTION ========================================================= */ .sd-personalizing__top { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: 85px; align-items: start; } /* ========================================================= LEFT CONTENT ========================================================= */ .sd-personalizing__content { max-width: 560px; } /* EYEBROW */ .sd-personalizing__eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; font-family: "Inter", sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 2.4px; text-transform: uppercase; color: #9A7A3A; } .sd-personalizing__eyebrow span { width: 34px; height: 1px; display: block; background: #C5A45D; } /* HEADING */ .sd-personalizing__content h2 { margin: 0 0 27px; font-family: "Fraunces", serif; font-size: clamp(42px, 4.5vw, 61px); line-height: 1.08; font-weight: 500; letter-spacing: -1.2px; color: #10283C; } .sd-personalizing__content h2 em { font-style: italic; font-weight: 400; color: #B18D4A; } /* PARAGRAPHS */ .sd-personalizing__content p { max-width: 540px; margin: 0 0 18px; font-family: "Inter", sans-serif; font-size: 15px; line-height: 1.85; color: #596978; } /* ========================================================= APPROACH CARDS ========================================================= */ .sd-personalizing__approaches { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; } /* CARD */ .sd-approach-card { position: relative; padding: 30px 28px 32px; background: #F7F5F0; border: 1px solid #E8E3D9; transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; } .sd-approach-card:hover { transform: translateY(-4px); border-color: #D3B574; box-shadow: 0 15px 35px rgba(16, 40, 60, 0.08); } /* NUMBER */ .sd-approach-card__number { margin-bottom: 45px; font-family: "Fraunces", serif; font-size: 15px; color: #B18D4A; } /* CARD TITLE */ .sd-approach-card h3 { margin: 0 0 13px; font-family: "Fraunces", serif; font-size: 25px; line-height: 1.2; font-weight: 500; color: #10283C; } /* CARD TEXT */ .sd-approach-card p { margin: 0; font-family: "Inter", sans-serif; font-size: 13px; line-height: 1.75; color: #667481; } /* ========================================================= DIVIDER ========================================================= */ .sd-personalizing__divider { width: 100%; height: 1px; margin: 85px 0 70px; background: #E5E1D9; } /* ========================================================= AREAS HEADING ========================================================= */ .sd-personalizing__areas-heading { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 60px; align-items: end; margin-bottom: 38px; } .sd-personalizing__areas-heading > span { font-family: "Inter", sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 2.4px; text-transform: uppercase; color: #9A7A3A; } .sd-personalizing__areas-heading p { max-width: 620px; margin: 0; font-family: "Inter", sans-serif; font-size: 15px; line-height: 1.7; color: #667481; } /* ========================================================= FOCUS GRID ========================================================= */ .sd-personalizing__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } /* ========================================================= FOCUS CARD ========================================================= */ .sd-focus-card { position: relative; min-height: 310px; padding: 30px; background: #10283C; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; } .sd-focus-card::after { content: ""; position: absolute; width: 170px; height: 170px; right: -80px; bottom: -80px; border: 1px solid rgba(211, 181, 116, 0.25); border-radius: 50%; } .sd-focus-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(16, 40, 60, 0.16); } /* ========================================================= TOP ROW ========================================================= */ .sd-focus-card__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 75px; } .sd-focus-card__number { font-family: "Inter", sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 1.5px; color: #D3B574; } .sd-focus-card__arrow { font-size: 21px; line-height: 1; color: #D3B574; } /* ========================================================= CARD TITLE ========================================================= */ .sd-focus-card h3 { position: relative; z-index: 2; margin: 0 0 14px; font-family: "Fraunces", serif; font-size: 29px; line-height: 1.15; font-weight: 500; color: #FFFFFF; } /* ========================================================= CARD TEXT ========================================================= */ .sd-focus-card p { position: relative; z-index: 2; max-width: 320px; margin: 0; font-family: "Inter", sans-serif; font-size: 13px; line-height: 1.75; color: rgba(255, 255, 255, 0.68); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sd-personalizing { padding: 90px 30px; } .sd-personalizing__top { grid-template-columns: 1fr; gap: 50px; max-width: 760px; } .sd-personalizing__content { max-width: 700px; } .sd-personalizing__content p { max-width: 680px; } .sd-personalizing__areas-heading { grid-template-columns: 1fr; gap: 18px; } .sd-personalizing__grid { grid-template-columns: repeat(3, 1fr); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sd-personalizing { padding: 70px 20px; } /* TOP */ .sd-personalizing__top { gap: 40px; } /* EYEBROW */ .sd-personalizing__eyebrow { margin-bottom: 18px; font-size: 10px; letter-spacing: 2px; } .sd-personalizing__eyebrow span { width: 27px; } /* HEADING */ .sd-personalizing__content h2 { margin-bottom: 22px; font-size: clamp(38px, 11vw, 50px); } /* TEXT */ .sd-personalizing__content p { font-size: 14px; line-height: 1.8; } /* APPROACH CARDS */ .sd-personalizing__approaches { grid-template-columns: 1fr; gap: 14px; } .sd-approach-card { padding: 25px 23px 27px; } .sd-approach-card__number { margin-bottom: 30px; } .sd-approach-card h3 { font-size: 23px; } .sd-approach-card p { font-size: 12px; } /* DIVIDER */ .sd-personalizing__divider { margin: 60px 0 50px; } /* AREAS */ .sd-personalizing__areas-heading { margin-bottom: 28px; } .sd-personalizing__areas-heading > span { font-size: 10px; } .sd-personalizing__areas-heading p { font-size: 14px; } /* FOCUS GRID */ .sd-personalizing__grid { grid-template-columns: 1fr; gap: 14px; } .sd-focus-card { min-height: 280px; padding: 25px 23px; } .sd-focus-card__top { margin-bottom: 65px; } .sd-focus-card h3 { font-size: 27px; } .sd-focus-card p { font-size: 12px; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .sd-personalizing { padding: 60px 18px; } .sd-personalizing__divider { margin: 50px 0 42px; } .sd-focus-card { min-height: 260px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-789aa88 *//* ========================================================= SERDAR DÜZGÜN PROCEDURE — SECTION 4 WHO IS A GOOD CANDIDATE? ========================================================= */ .sd-candidate { position: relative; width: 100%; padding: 115px 30px; background: #F7F5F0; overflow: hidden; } /* ========================================================= CONTAINER ========================================================= */ .sd-candidate__container { width: 100%; max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); align-items: center; gap: 90px; } /* ========================================================= LEFT VISUAL ========================================================= */ .sd-candidate__visual { position: relative; width: calc(100% - 18px); } /* GOLD FRAME */ .sd-candidate__visual::before { content: ""; position: absolute; z-index: 0; top: 18px; left: 18px; width: 100%; height: 100%; border: 1px solid #D3B574; pointer-events: none; } /* IMAGE WRAPPER */ .sd-candidate__image-wrap { position: relative; z-index: 1; width: 100%; height: 600px; overflow: hidden; background: #10283C; } /* IMAGE */ .sd-candidate__image-wrap img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.7s ease; } .sd-candidate__image-wrap:hover img { transform: scale(1.025); } /* ========================================================= IMAGE OVERLAY ========================================================= */ .sd-candidate__image-overlay { position: absolute; inset: 0; background: linear-gradient( 180deg, transparent 45%, rgba(7, 26, 43, 0.82) 100% ); pointer-events: none; } /* ========================================================= IMAGE LABEL ========================================================= */ .sd-candidate__image-label { position: absolute; z-index: 2; left: 30px; right: 30px; bottom: 28px; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; } .sd-candidate__image-label span { font-family: "Fraunces", serif; font-size: 42px; line-height: 1; font-weight: 400; color: #D3B574; } .sd-candidate__image-label strong { max-width: 190px; font-family: "Inter", sans-serif; font-size: 12px; line-height: 1.5; font-weight: 600; letter-spacing: 0.4px; color: #FFFFFF; } /* ========================================================= RIGHT CONTENT ========================================================= */ .sd-candidate__content { max-width: 620px; } /* ========================================================= EYEBROW ========================================================= */ .sd-candidate__eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; font-family: "Inter", sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 2.4px; text-transform: uppercase; color: #9A7A3A; } .sd-candidate__eyebrow span { display: block; width: 34px; height: 1px; background: #C5A45D; } /* ========================================================= HEADING ========================================================= */ .sd-candidate__content h2 { margin: 0 0 27px; font-family: "Fraunces", serif; font-size: clamp(42px, 4.5vw, 61px); line-height: 1.08; font-weight: 500; letter-spacing: -1.2px; color: #10283C; } .sd-candidate__content h2 em { font-style: italic; font-weight: 400; color: #B18D4A; } /* ========================================================= LEAD ========================================================= */ .sd-candidate__lead { margin: 0 0 18px; font-family: "Inter", sans-serif; font-size: 16px; line-height: 1.85; font-weight: 500; color: #394E60; } /* ========================================================= BODY TEXT ========================================================= */ .sd-candidate__content > p:not(.sd-candidate__lead) { margin: 0; font-family: "Inter", sans-serif; font-size: 14px; line-height: 1.85; color: #657482; } /* ========================================================= CANDIDATE POINTS ========================================================= */ .sd-candidate__points { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin-top: 35px; border-top: 1px solid #DDD8CE; } /* ========================================================= INDIVIDUAL POINT ========================================================= */ .sd-candidate__point { display: flex; align-items: flex-start; gap: 13px; padding: 21px 20px 21px 0; border-bottom: 1px solid #DDD8CE; } .sd-candidate__point:nth-child(even) { padding-left: 20px; border-left: 1px solid #DDD8CE; } /* ========================================================= ICON ========================================================= */ .sd-candidate__point-icon { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 23px; height: 23px; margin-top: 1px; border: 1px solid #D3B574; border-radius: 50%; font-family: "Inter", sans-serif; font-size: 11px; color: #9A7A3A; } /* ========================================================= POINT TITLE ========================================================= */ .sd-candidate__point h3 { margin: 0 0 6px; font-family: "Inter", sans-serif; font-size: 13px; line-height: 1.4; font-weight: 600; color: #10283C; } /* ========================================================= POINT DESCRIPTION ========================================================= */ .sd-candidate__point p { margin: 0; font-family: "Inter", sans-serif; font-size: 11px; line-height: 1.65; color: #71808D; } /* ========================================================= NOTE ========================================================= */ .sd-candidate__note { display: flex; align-items: flex-start; gap: 12px; margin-top: 27px; padding-top: 20px; border-top: 1px solid #DDD8CE; } .sd-candidate__note > span { flex-shrink: 0; margin-top: 2px; font-size: 13px; color: #B18D4A; } .sd-candidate__note p { margin: 0; font-family: "Inter", sans-serif; font-size: 11px; line-height: 1.7; color: #7A8791; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sd-candidate { padding: 90px 30px; } .sd-candidate__container { grid-template-columns: 1fr; gap: 60px; max-width: 760px; } .sd-candidate__visual { width: calc(100% - 18px); max-width: 680px; } .sd-candidate__image-wrap { height: 520px; } .sd-candidate__content { max-width: 700px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sd-candidate { padding: 70px 20px; } .sd-candidate__container { gap: 45px; } /* IMAGE */ .sd-candidate__visual { width: calc(100% - 10px); } .sd-candidate__visual::before { top: 10px; left: 10px; } .sd-candidate__image-wrap { height: 440px; } .sd-candidate__image-label { left: 22px; right: 22px; bottom: 22px; } .sd-candidate__image-label span { font-size: 34px; } .sd-candidate__image-label strong { font-size: 11px; } /* EYEBROW */ .sd-candidate__eyebrow { margin-bottom: 18px; font-size: 10px; letter-spacing: 2px; } .sd-candidate__eyebrow span { width: 27px; } /* HEADING */ .sd-candidate__content h2 { margin-bottom: 22px; font-size: clamp(38px, 11vw, 50px); } /* TEXT */ .sd-candidate__lead { font-size: 14px; line-height: 1.8; } .sd-candidate__content > p:not(.sd-candidate__lead) { font-size: 13px; line-height: 1.8; } /* POINTS */ .sd-candidate__points { grid-template-columns: 1fr; margin-top: 30px; } .sd-candidate__point, .sd-candidate__point:nth-child(even) { padding: 18px 0; border-left: none; } .sd-candidate__point h3 { font-size: 12px; } .sd-candidate__point p { font-size: 11px; } /* NOTE */ .sd-candidate__note { margin-top: 22px; padding-top: 18px; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .sd-candidate { padding: 60px 18px; } .sd-candidate__image-wrap { height: 390px; } .sd-candidate__visual::before { top: 7px; left: 7px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-f95c0ec *//* ========================================================= SERDAR DÜZGÜN PROCEDURE — SECTION 5 PREPARING FOR THE PROCEDURE ========================================================= */ .sd-preparing { position: relative; width: 100%; padding: 115px 30px; background: #10283C; overflow: hidden; } /* ========================================================= BACKGROUND DETAIL ========================================================= */ .sd-preparing::before { content: ""; position: absolute; width: 520px; height: 520px; right: -260px; top: -250px; border: 1px solid rgba(211, 181, 116, 0.16); border-radius: 50%; pointer-events: none; } .sd-preparing::after { content: ""; position: absolute; width: 300px; height: 300px; left: -180px; bottom: -170px; border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 50%; pointer-events: none; } /* ========================================================= CONTAINER ========================================================= */ .sd-preparing__container { position: relative; z-index: 2; width: 100%; max-width: 1180px; margin: 0 auto; } /* ========================================================= HEADER ========================================================= */ .sd-preparing__header { max-width: 760px; margin: 0 auto 70px; text-align: center; } /* ========================================================= EYEBROW ========================================================= */ .sd-preparing__eyebrow { display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 22px; font-family: "Inter", sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 2.5px; text-transform: uppercase; color: #D3B574; } .sd-preparing__eyebrow span { display: block; width: 34px; height: 1px; background: #D3B574; } /* ========================================================= HEADING ========================================================= */ .sd-preparing__header h2 { margin: 0 0 25px; font-family: "Fraunces", serif; font-size: clamp(43px, 4.8vw, 64px); line-height: 1.08; font-weight: 500; letter-spacing: -1.3px; color: #FFFFFF; } .sd-preparing__header h2 em { font-style: italic; font-weight: 400; color: #D3B574; } /* ========================================================= HEADER DESCRIPTION ========================================================= */ .sd-preparing__header > p { max-width: 650px; margin: 0 auto; font-family: "Inter", sans-serif; font-size: 15px; line-height: 1.85; color: rgba(255, 255, 255, 0.68); } /* ========================================================= STEPS ========================================================= */ .sd-preparing__steps { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(255, 255, 255, 0.16); border-bottom: 1px solid rgba(255, 255, 255, 0.16); } /* ========================================================= INDIVIDUAL STEP ========================================================= */ .sd-preparing__step { position: relative; min-height: 360px; padding: 30px 28px 35px; border-right: 1px solid rgba(255, 255, 255, 0.12); transition: background-color 0.25s ease; } .sd-preparing__step:last-child { border-right: none; } .sd-preparing__step:hover { background: rgba(255, 255, 255, 0.035); } /* ========================================================= STEP NUMBER ========================================================= */ .sd-preparing__step-number { margin-bottom: 75px; font-family: "Fraunces", serif; font-size: 18px; line-height: 1; color: #D3B574; } /* ========================================================= STEP LABEL ========================================================= */ .sd-preparing__step-label { display: block; margin-bottom: 12px; font-family: "Inter", sans-serif; font-size: 9px; font-weight: 600; letter-spacing: 1.7px; text-transform: uppercase; color: rgba(211, 181, 116, 0.85); } /* ========================================================= STEP TITLE ========================================================= */ .sd-preparing__step h3 { margin: 0 0 15px; font-family: "Fraunces", serif; font-size: 25px; line-height: 1.2; font-weight: 500; color: #FFFFFF; } /* ========================================================= STEP DESCRIPTION ========================================================= */ .sd-preparing__step p { margin: 0; font-family: "Inter", sans-serif; font-size: 12px; line-height: 1.8; color: rgba(255, 255, 255, 0.62); } /* ========================================================= BOTTOM NOTE ========================================================= */ .sd-preparing__bottom { display: flex; align-items: flex-start; gap: 15px; max-width: 700px; margin: 35px auto 0; padding: 22px 25px; background: rgba(211, 181, 116, 0.07); border: 1px solid rgba(211, 181, 116, 0.20); } .sd-preparing__bottom-icon { flex-shrink: 0; margin-top: 2px; font-size: 13px; color: #D3B574; } .sd-preparing__bottom strong { display: block; margin-bottom: 5px; font-family: "Inter", sans-serif; font-size: 12px; font-weight: 600; color: #FFFFFF; } .sd-preparing__bottom p { margin: 0; font-family: "Inter", sans-serif; font-size: 11px; line-height: 1.65; color: rgba(255, 255, 255, 0.56); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sd-preparing { padding: 90px 30px; } .sd-preparing__header { margin-bottom: 55px; } .sd-preparing__steps { grid-template-columns: 1fr 1fr; } .sd-preparing__step { min-height: 330px; } .sd-preparing__step:nth-child(2) { border-right: none; } .sd-preparing__step:nth-child(-n + 2) { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sd-preparing { padding: 70px 20px; } /* HEADER */ .sd-preparing__header { margin-bottom: 42px; } .sd-preparing__eyebrow { margin-bottom: 18px; font-size: 10px; letter-spacing: 2px; } .sd-preparing__eyebrow span { width: 27px; } .sd-preparing__header h2 { margin-bottom: 20px; font-size: clamp(38px, 11vw, 50px); } .sd-preparing__header > p { font-size: 14px; line-height: 1.8; } /* STEPS */ .sd-preparing__steps { grid-template-columns: 1fr; } .sd-preparing__step, .sd-preparing__step:nth-child(2) { min-height: auto; padding: 25px 22px 28px; border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .sd-preparing__step:last-child { border-bottom: none; } .sd-preparing__step-number { margin-bottom: 35px; font-size: 16px; } .sd-preparing__step h3 { font-size: 23px; } .sd-preparing__step p { font-size: 12px; line-height: 1.75; } /* BOTTOM NOTE */ .sd-preparing__bottom { margin-top: 28px; padding: 19px 20px; } .sd-preparing__bottom p { font-size: 10px; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .sd-preparing { padding: 60px 18px; } .sd-preparing__step { padding: 23px 19px 26px; } .sd-preparing__step-number { margin-bottom: 30px; } .sd-preparing__bottom { padding: 17px 18px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-46bd5cc *//* ========================================================= SERDAR DÜZGÜN PROCEDURE — SECTION 6 THE PROCEDURE ========================================================= */ .sd-procedure { position: relative; width: 100%; padding: 115px 30px; background: #FFFFFF; overflow: hidden; } /* ========================================================= CONTAINER ========================================================= */ .sd-procedure__container { width: 100%; max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); align-items: center; gap: 90px; } /* ========================================================= LEFT VISUAL ========================================================= */ .sd-procedure__visual { position: relative; width: calc(100% - 18px); } /* GOLD FRAME */ .sd-procedure__visual::before { content: ""; position: absolute; z-index: 0; top: 18px; left: 18px; width: 100%; height: 100%; border: 1px solid #D3B574; pointer-events: none; } /* IMAGE */ .sd-procedure__image-wrap { position: relative; z-index: 1; width: 100%; height: 610px; overflow: hidden; background: #10283C; } .sd-procedure__image-wrap img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.7s ease; } .sd-procedure__image-wrap:hover img { transform: scale(1.025); } /* ========================================================= IMAGE OVERLAY ========================================================= */ .sd-procedure__image-overlay { position: absolute; inset: 0; background: linear-gradient( 180deg, transparent 42%, rgba(7, 26, 43, 0.88) 100% ); pointer-events: none; } /* ========================================================= IMAGE CAPTION ========================================================= */ .sd-procedure__image-caption { position: absolute; z-index: 2; left: 30px; right: 30px; bottom: 28px; display: flex; align-items: flex-end; gap: 20px; } .sd-procedure__image-caption > span { font-family: "Fraunces", serif; font-size: 42px; line-height: 1; font-weight: 400; color: #D3B574; } .sd-procedure__image-caption small { display: block; margin-bottom: 5px; font-family: "Inter", sans-serif; font-size: 9px; font-weight: 600; letter-spacing: 1.7px; color: #D3B574; } .sd-procedure__image-caption strong { display: block; max-width: 230px; font-family: "Inter", sans-serif; font-size: 12px; line-height: 1.5; font-weight: 600; color: #FFFFFF; } /* ========================================================= RIGHT CONTENT ========================================================= */ .sd-procedure__content { max-width: 650px; } /* ========================================================= EYEBROW ========================================================= */ .sd-procedure__eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; font-family: "Inter", sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 2.4px; text-transform: uppercase; color: #9A7A3A; } .sd-procedure__eyebrow span { display: block; width: 34px; height: 1px; background: #C5A45D; } /* ========================================================= HEADING ========================================================= */ .sd-procedure__content > h2 { margin: 0 0 27px; font-family: "Fraunces", serif; font-size: clamp(42px, 4.5vw, 61px); line-height: 1.08; font-weight: 500; letter-spacing: -1.2px; color: #10283C; } .sd-procedure__content > h2 em { font-style: italic; font-weight: 400; color: #B18D4A; } /* ========================================================= LEAD ========================================================= */ .sd-procedure__lead { margin: 0 0 38px; font-family: "Inter", sans-serif; font-size: 15px; line-height: 1.85; color: #596978; } /* ========================================================= PROCEDURE STEPS ========================================================= */ .sd-procedure__steps { border-top: 1px solid #E2DED5; } /* ========================================================= STEP ========================================================= */ .sd-procedure__step { display: grid; grid-template-columns: 48px 1fr; gap: 18px; padding: 22px 0; border-bottom: 1px solid #E2DED5; } /* ========================================================= STEP NUMBER ========================================================= */ .sd-procedure__step-number { padding-top: 2px; font-family: "Fraunces", serif; font-size: 15px; line-height: 1; color: #B18D4A; } /* ========================================================= STEP TITLE ========================================================= */ .sd-procedure__step h3 { margin: 0 0 7px; font-family: "Fraunces", serif; font-size: 22px; line-height: 1.25; font-weight: 500; color: #10283C; } /* ========================================================= STEP DESCRIPTION ========================================================= */ .sd-procedure__step p { max-width: 520px; margin: 0; font-family: "Inter", sans-serif; font-size: 12px; line-height: 1.75; color: #71808D; } /* ========================================================= NOTE ========================================================= */ .sd-procedure__note { display: flex; align-items: flex-start; gap: 12px; margin-top: 25px; padding-top: 20px; border-top: 1px solid #E2DED5; } .sd-procedure__note > span { flex-shrink: 0; margin-top: 2px; font-size: 13px; color: #B18D4A; } .sd-procedure__note p { margin: 0; font-family: "Inter", sans-serif; font-size: 11px; line-height: 1.7; color: #7A8791; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sd-procedure { padding: 90px 30px; } .sd-procedure__container { grid-template-columns: 1fr; gap: 60px; max-width: 760px; } .sd-procedure__visual { width: calc(100% - 18px); max-width: 680px; } .sd-procedure__image-wrap { height: 520px; } .sd-procedure__content { max-width: 700px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sd-procedure { padding: 70px 20px; } .sd-procedure__container { gap: 45px; } /* IMAGE */ .sd-procedure__visual { width: calc(100% - 10px); } .sd-procedure__visual::before { top: 10px; left: 10px; } .sd-procedure__image-wrap { height: 440px; } .sd-procedure__image-caption { left: 22px; right: 22px; bottom: 22px; } .sd-procedure__image-caption > span { font-size: 34px; } .sd-procedure__image-caption strong { font-size: 11px; } /* EYEBROW */ .sd-procedure__eyebrow { margin-bottom: 18px; font-size: 10px; letter-spacing: 2px; } .sd-procedure__eyebrow span { width: 27px; } /* HEADING */ .sd-procedure__content > h2 { margin-bottom: 22px; font-size: clamp(38px, 11vw, 50px); } /* LEAD */ .sd-procedure__lead { margin-bottom: 30px; font-size: 14px; line-height: 1.8; } /* STEPS */ .sd-procedure__step { grid-template-columns: 38px 1fr; gap: 13px; padding: 20px 0; } .sd-procedure__step-number { font-size: 13px; } .sd-procedure__step h3 { font-size: 20px; } .sd-procedure__step p { font-size: 11px; line-height: 1.75; } /* NOTE */ .sd-procedure__note { margin-top: 20px; padding-top: 18px; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .sd-procedure { padding: 60px 18px; } .sd-procedure__image-wrap { height: 390px; } .sd-procedure__visual::before { top: 7px; left: 7px; } .sd-procedure__step { grid-template-columns: 32px 1fr; gap: 10px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fbfa75d */.sd-ba { background: linear-gradient(135deg,#071622 0%,#10273d 100%); padding: 80px 5%; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-7bf48f7 *//* ========================================================= SERDAR DÜZGÜN PROCEDURE — SECTION 8 RECOVERY & RESULTS ========================================================= */ .sd-recovery { position: relative; width: 100%; padding: 115px 30px; background: #FFFFFF; overflow: hidden; } /* ========================================================= CONTAINER ========================================================= */ .sd-recovery__container { width: 100%; max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr); align-items: center; gap: 90px; } /* ========================================================= LEFT CONTENT ========================================================= */ .sd-recovery__content { max-width: 650px; } /* ========================================================= EYEBROW ========================================================= */ .sd-recovery__eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; font-family: "Inter", sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 2.4px; text-transform: uppercase; color: #9A7A3A; } .sd-recovery__eyebrow span { display: block; width: 34px; height: 1px; background: #C5A45D; } /* ========================================================= HEADING ========================================================= */ .sd-recovery__content h2 { margin: 0 0 27px; font-family: "Fraunces", serif; font-size: clamp(42px, 4.5vw, 61px); line-height: 1.08; font-weight: 500; letter-spacing: -1.2px; color: #10283C; } .sd-recovery__content h2 em { font-style: italic; font-weight: 400; color: #B18D4A; } /* ========================================================= LEAD ========================================================= */ .sd-recovery__lead { margin: 0 0 18px; font-family: "Inter", sans-serif; font-size: 16px; line-height: 1.85; font-weight: 500; color: #394E60; } /* ========================================================= BODY TEXT ========================================================= */ .sd-recovery__content > p:not(.sd-recovery__lead) { margin: 0; font-family: "Inter", sans-serif; font-size: 14px; line-height: 1.85; color: #687681; } /* ========================================================= TIMELINE ========================================================= */ .sd-recovery__timeline { margin-top: 38px; border-top: 1px solid #E2DED5; } /* ========================================================= STAGE ========================================================= */ .sd-recovery__stage { display: grid; grid-template-columns: 48px 1fr; gap: 18px; padding: 20px 0; border-bottom: 1px solid #E2DED5; } /* ========================================================= STAGE NUMBER ========================================================= */ .sd-recovery__stage-number { padding-top: 3px; font-family: "Fraunces", serif; font-size: 15px; line-height: 1; color: #B18D4A; } /* ========================================================= STAGE LABEL ========================================================= */ .sd-recovery__stage-content > span { display: block; margin-bottom: 6px; font-family: "Inter", sans-serif; font-size: 9px; font-weight: 600; letter-spacing: 1.5px; color: #A38345; } /* ========================================================= STAGE TITLE ========================================================= */ .sd-recovery__stage-content h3 { margin: 0 0 7px; font-family: "Fraunces", serif; font-size: 21px; line-height: 1.25; font-weight: 500; color: #10283C; } /* ========================================================= STAGE TEXT ========================================================= */ .sd-recovery__stage-content p { max-width: 520px; margin: 0; font-family: "Inter", sans-serif; font-size: 11px; line-height: 1.75; color: #71808D; } /* ========================================================= RIGHT VISUAL ========================================================= */ .sd-recovery__visual { position: relative; width: calc(100% - 18px); justify-self: end; } /* ========================================================= IMAGE ========================================================= */ .sd-recovery__image-wrap { position: relative; z-index: 1; width: 100%; height: 650px; overflow: hidden; background: #10283C; } .sd-recovery__image-wrap img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.7s ease; } .sd-recovery__image-wrap:hover img { transform: scale(1.025); } /* ========================================================= IMAGE OVERLAY ========================================================= */ .sd-recovery__image-overlay { position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(7, 26, 43, 0.05) 30%, rgba(7, 26, 43, 0.88) 100% ); pointer-events: none; } /* ========================================================= RESULT CARD ========================================================= */ .sd-recovery__result-card { position: absolute; z-index: 2; left: 25px; right: 25px; bottom: 25px; padding: 25px; background: rgba(7, 26, 43, 0.82); border: 1px solid rgba(211, 181, 116, 0.35); backdrop-filter: blur(9px); } .sd-recovery__result-card > span { display: block; margin-bottom: 12px; font-family: "Inter", sans-serif; font-size: 9px; font-weight: 600; letter-spacing: 1.8px; color: #D3B574; } .sd-recovery__result-card strong { display: block; max-width: 350px; margin-bottom: 10px; font-family: "Fraunces", serif; font-size: 26px; line-height: 1.2; font-weight: 500; color: #FFFFFF; } .sd-recovery__result-card p { max-width: 360px; margin: 0; font-family: "Inter", sans-serif; font-size: 11px; line-height: 1.7; color: rgba(255, 255, 255, 0.64); } /* ========================================================= GOLD FRAME ========================================================= */ .sd-recovery__visual::before { content: ""; position: absolute; z-index: 0; top: 18px; left: 18px; width: 100%; height: 100%; border: 1px solid #D3B574; pointer-events: none; } /* ========================================================= GOLD LINE ========================================================= */ .sd-recovery__gold-line { position: absolute; z-index: 3; left: -18px; bottom: 45px; width: 70px; height: 2px; background: #D3B574; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sd-recovery { padding: 90px 30px; } .sd-recovery__container { grid-template-columns: 1fr; gap: 60px; max-width: 760px; } .sd-recovery__content { max-width: 700px; } .sd-recovery__visual { width: calc(100% - 18px); max-width: 680px; justify-self: start; } .sd-recovery__image-wrap { height: 520px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sd-recovery { padding: 70px 20px; } .sd-recovery__container { gap: 45px; } /* EYEBROW */ .sd-recovery__eyebrow { margin-bottom: 18px; font-size: 10px; letter-spacing: 2px; } .sd-recovery__eyebrow span { width: 27px; } /* HEADING */ .sd-recovery__content h2 { margin-bottom: 22px; font-size: clamp(38px, 11vw, 50px); } /* TEXT */ .sd-recovery__lead { font-size: 14px; line-height: 1.8; } .sd-recovery__content > p:not(.sd-recovery__lead) { font-size: 13px; line-height: 1.8; } /* TIMELINE */ .sd-recovery__timeline { margin-top: 30px; } .sd-recovery__stage { grid-template-columns: 38px 1fr; gap: 13px; padding: 18px 0; } .sd-recovery__stage-number { font-size: 13px; } .sd-recovery__stage-content h3 { font-size: 20px; } .sd-recovery__stage-content p { font-size: 11px; line-height: 1.75; } /* VISUAL */ .sd-recovery__visual { width: calc(100% - 10px); } .sd-recovery__visual::before { top: 10px; left: 10px; } .sd-recovery__image-wrap { height: 440px; } .sd-recovery__result-card { left: 20px; right: 20px; bottom: 20px; padding: 20px; } .sd-recovery__result-card strong { font-size: 22px; } .sd-recovery__result-card p { font-size: 10px; } .sd-recovery__gold-line { left: -10px; bottom: 35px; width: 50px; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .sd-recovery { padding: 60px 18px; } .sd-recovery__image-wrap { height: 390px; } .sd-recovery__visual::before { top: 7px; left: 7px; } .sd-recovery__result-card { left: 15px; right: 15px; bottom: 15px; padding: 17px; } .sd-recovery__result-card strong { font-size: 20px; } .sd-recovery__gold-line { left: -7px; bottom: 28px; width: 40px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-61f2bcf *//* ========================================================= SERDAR DÜZGÜN PROCEDURE — REQUEST A CONSULTATION ========================================================= */ .sd-consultation { position: relative; width: 100%; padding: 120px 30px; background: #071A2B; overflow: hidden; } /* ========================================================= BACKGROUND ========================================================= */ .sd-consultation__background { position: absolute; inset: 0; background: radial-gradient( circle at 85% 25%, rgba(211, 181, 116, 0.12), transparent 32% ), linear-gradient( 135deg, #071A2B 0%, #0B263C 55%, #071A2B 100% ); pointer-events: none; } /* Decorative circle */ .sd-consultation::before { content: ""; position: absolute; width: 560px; height: 560px; right: -300px; top: -270px; border: 1px solid rgba(211, 181, 116, 0.18); border-radius: 50%; pointer-events: none; } /* ========================================================= CONTAINER ========================================================= */ .sd-consultation__container { position: relative; z-index: 2; width: 100%; max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); align-items: center; gap: 85px; } /* ========================================================= LEFT CONTENT ========================================================= */ .sd-consultation__content { max-width: 650px; } /* ========================================================= EYEBROW ========================================================= */ .sd-consultation__eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 23px; font-family: "Inter", sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 2.5px; text-transform: uppercase; color: #D3B574; } .sd-consultation__eyebrow span { display: block; width: 35px; height: 1px; background: #D3B574; } /* ========================================================= HEADING ========================================================= */ .sd-consultation__content h2 { margin: 0 0 27px; font-family: "Fraunces", serif; font-size: clamp(45px, 5vw, 68px); line-height: 1.05; font-weight: 500; letter-spacing: -1.4px; color: #FFFFFF; } .sd-consultation__content h2 em { display: block; font-style: italic; font-weight: 400; color: #D3B574; } /* ========================================================= TEXT ========================================================= */ .sd-consultation__lead { margin: 0 0 18px; max-width: 620px; font-family: "Inter", sans-serif; font-size: 16px; line-height: 1.85; font-weight: 400; color: rgba(255, 255, 255, 0.82); } .sd-consultation__content > p:not(.sd-consultation__lead) { max-width: 600px; margin: 0; font-family: "Inter", sans-serif; font-size: 13px; line-height: 1.8; color: rgba(255, 255, 255, 0.60); } /* ========================================================= TRUST POINTS ========================================================= */ .sd-consultation__points { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin-top: 34px; padding-top: 23px; border-top: 1px solid rgba(255, 255, 255, 0.15); } .sd-consultation__point { display: flex; align-items: flex-start; gap: 9px; padding-right: 18px; } .sd-consultation__point + .sd-consultation__point { padding-left: 18px; border-left: 1px solid rgba(255, 255, 255, 0.12); } .sd-consultation__point span { flex-shrink: 0; color: #D3B574; font-size: 12px; line-height: 1.4; } .sd-consultation__point strong { font-family: "Inter", sans-serif; font-size: 10px; line-height: 1.5; font-weight: 600; color: rgba(255, 255, 255, 0.78); } /* ========================================================= ACTIONS ========================================================= */ .sd-consultation__actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 38px; } /* ========================================================= BUTTON BASE ========================================================= */ .sd-consultation__button { display: inline-flex; align-items: center; justify-content: center; gap: 13px; min-height: 53px; padding: 0 25px; border-radius: 2px; font-family: "Inter", sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 0.3px; text-decoration: none; transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease; } /* ========================================================= PRIMARY ========================================================= */ .sd-consultation__button--primary { background: #D3B574; border: 1px solid #D3B574; color: #071A2B; } .sd-consultation__button--primary span { font-size: 18px; line-height: 1; } .sd-consultation__button--primary:hover { background: #FFFFFF; border-color: #FFFFFF; color: #071A2B; transform: translateY(-2px); } /* ========================================================= OUTLINE ========================================================= */ .sd-consultation__button--outline { background: transparent; border: 1px solid rgba(255, 255, 255, 0.35); color: #FFFFFF !important; } .sd-consultation__button--outline:hover { background: rgba(255, 255, 255, 0.08); border-color: #D3B574; color: #D3B574 !important; } /* ========================================================= RIGHT IMAGE ========================================================= */ .sd-consultation__visual { position: relative; width: calc(100% - 18px); justify-self: end; } /* GOLD FRAME */ .sd-consultation__visual::before { content: ""; position: absolute; z-index: 0; top: 18px; left: 18px; width: 100%; height: 100%; border: 1px solid #D3B574; pointer-events: none; } /* IMAGE */ .sd-consultation__image-wrap { position: relative; z-index: 1; width: 100%; height: 600px; overflow: hidden; background: #10283C; } .sd-consultation__image-wrap img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.7s ease; } .sd-consultation__image-wrap:hover img { transform: scale(1.025); } /* ========================================================= IMAGE OVERLAY ========================================================= */ .sd-consultation__image-overlay { position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(7, 26, 43, 0.05) 25%, rgba(7, 26, 43, 0.90) 100% ); pointer-events: none; } /* ========================================================= IMAGE CONTENT ========================================================= */ .sd-consultation__image-content { position: absolute; z-index: 2; left: 28px; right: 28px; bottom: 28px; } .sd-consultation__image-content span { display: block; margin-bottom: 11px; font-family: "Inter", sans-serif; font-size: 9px; font-weight: 600; letter-spacing: 2px; color: #D3B574; } .sd-consultation__image-content strong { display: block; max-width: 350px; font-family: "Fraunces", serif; font-size: 29px; line-height: 1.2; font-weight: 500; color: #FFFFFF; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sd-consultation { padding: 90px 30px; } .sd-consultation__container { grid-template-columns: 1fr; gap: 60px; max-width: 760px; } .sd-consultation__content { max-width: 700px; } .sd-consultation__visual { width: calc(100% - 18px); max-width: 680px; justify-self: start; } .sd-consultation__image-wrap { height: 520px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sd-consultation { padding: 70px 20px; } .sd-consultation__container { gap: 45px; } /* EYEBROW */ .sd-consultation__eyebrow { margin-bottom: 18px; font-size: 10px; letter-spacing: 2px; } .sd-consultation__eyebrow span { width: 27px; } /* HEADING */ .sd-consultation__content h2 { margin-bottom: 22px; font-size: clamp(40px, 11vw, 52px); } /* TEXT */ .sd-consultation__lead { font-size: 14px; line-height: 1.8; } .sd-consultation__content > p:not(.sd-consultation__lead) { font-size: 12px; line-height: 1.8; } /* POINTS */ .sd-consultation__points { grid-template-columns: 1fr; gap: 0; margin-top: 28px; } .sd-consultation__point, .sd-consultation__point + .sd-consultation__point { padding: 15px 0; border-left: none; } .sd-consultation__point + .sd-consultation__point { border-top: 1px solid rgba(255, 255, 255, 0.10); } /* BUTTONS */ .sd-consultation__actions { flex-direction: column; align-items: stretch; margin-top: 28px; } .sd-consultation__button { width: 100%; } /* IMAGE */ .sd-consultation__visual { width: calc(100% - 10px); } .sd-consultation__visual::before { top: 10px; left: 10px; } .sd-consultation__image-wrap { height: 440px; } .sd-consultation__image-content { left: 20px; right: 20px; bottom: 20px; } .sd-consultation__image-content strong { font-size: 23px; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .sd-consultation { padding: 60px 18px; } .sd-consultation__image-wrap { height: 390px; } .sd-consultation__visual::before { top: 7px; left: 7px; } .sd-consultation__image-content { left: 16px; right: 16px; bottom: 16px; } .sd-consultation__image-content strong { font-size: 21px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ab03d27 */.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 container, class: .elementor-element-2ed8b6b *//* ========================================================= CONSULTATION FORM — REDUCED SIZE ========================================================= */ .elementor-element-2ed8b6b { width: 100% !important; max-width: 570px !important; min-height: auto !important; padding: 38px 34px 32px !important; margin: 0 auto !important; box-sizing: border-box; background: #FFFFFF !important; border: 1px solid #DED9CF; } /* ========================================================= FORM HEADING ========================================================= */ .elementor-element-2ed8b6b .elementor-element-cd49169 { margin-bottom: 12px !important; } .elementor-element-2ed8b6b .elementor-heading-title { margin: 0 !important; font-family: "Fraunces", serif; font-size: 30px !important; line-height: 1.2; font-weight: 500; color: #10283C; } /* ========================================================= DESCRIPTION ========================================================= */ .elementor-element-2ed8b6b .elementor-element-ca8b3d5 { margin-bottom: 22px !important; } .elementor-element-2ed8b6b .elementor-element-ca8b3d5 p { margin: 0 !important; font-family: "Inter", sans-serif; font-size: 12px; line-height: 1.6; color: #71808C; } /* ========================================================= FORM ROWS ========================================================= */ .elementor-element-2ed8b6b .elementor-form-fields-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } /* ========================================================= FORM FIELD GROUP ========================================================= */ .elementor-element-2ed8b6b .elementor-field-group { width: 100% !important; padding: 0 !important; margin: 0 !important; } /* ========================================================= INPUTS ========================================================= */ .elementor-element-2ed8b6b .elementor-field { width: 100% !important; min-height: 48px; padding: 0 15px !important; box-sizing: border-box; background: #FAF9F6 !important; border: 1px solid #E1DCD3 !important; border-radius: 0 !important; font-family: "Inter", sans-serif; font-size: 12px !important; color: #10283C; box-shadow: none !important; } .elementor-element-2ed8b6b .elementor-field::placeholder { color: #8B969E; opacity: 1; } /* ========================================================= TEXTAREA ========================================================= */ .elementor-element-2ed8b6b .elementor-field-type-textarea { grid-column: 1 / -1; } .elementor-element-2ed8b6b textarea.elementor-field { min-height: 105px !important; height: 105px !important; padding-top: 14px !important; resize: vertical; } /* ========================================================= SUBMIT BUTTON ========================================================= */ .elementor-element-2ed8b6b .e-form__buttons { grid-column: 1 / -1; width: 100% !important; margin-top: 2px !important; } .elementor-element-2ed8b6b .elementor-button { width: 100% !important; min-height: 50px !important; padding: 0 20px !important; border: 1px solid #10283C !important; border-radius: 0 !important; background: #10283C !important; font-family: "Inter", sans-serif; font-size: 12px !important; font-weight: 600; color: #FFFFFF !important; transition: all 0.25s ease; } .elementor-element-2ed8b6b .elementor-button:hover { background: #C5A45D !important; border-color: #C5A45D !important; color: #10283C !important; } /* ========================================================= REMOVE ELEMENTOR DEFAULT SPACING ========================================================= */ .elementor-element-2ed8b6b .elementor-widget { margin-bottom: 0 !important; } .elementor-element-2ed8b6b .elementor-form { margin: 0 !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .elementor-element-2ed8b6b { max-width: 560px !important; padding: 34px 30px 30px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-element-2ed8b6b { width: 100% !important; max-width: 100% !important; padding: 30px 22px 26px !important; } .elementor-element-2ed8b6b .elementor-form-fields-wrapper { grid-template-columns: 1fr; gap: 11px; } .elementor-element-2ed8b6b .elementor-field-type-textarea, .elementor-element-2ed8b6b .e-form__buttons { grid-column: 1; } .elementor-element-2ed8b6b .elementor-heading-title { font-size: 27px !important; } .elementor-element-2ed8b6b textarea.elementor-field { height: 100px !important; min-height: 100px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ddeaeb4 *//* ========================================================= LEFT CONTENT ========================================================= */ .sd-schedule__content { max-width: 520px; padding-top: 25px; } /* ========================================================= EYEBROW ========================================================= */ .sd-schedule__eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; font-family: "Inter", sans-serif; font-size: 12px; line-height: 1.2; font-weight: 600; letter-spacing: 2.5px; text-transform: uppercase; color: #9A7A3A; } .sd-schedule__eyebrow span { display: block; width: 34px; height: 1px; background: #C5A45D; } /* ========================================================= HEADING ========================================================= */ .sd-schedule__content h2 { margin: 0 0 25px; font-family: "Fraunces", serif; font-size: clamp(48px, 5vw, 67px); line-height: 1.05; font-weight: 500; letter-spacing: -1.4px; color: #10283C; } .sd-schedule__content h2 em { display: block; font-style: italic; font-weight: 400; color: #B18D4A; } /* ========================================================= LEAD ========================================================= */ .sd-schedule__lead { margin: 0; font-family: "Inter", sans-serif; font-size: 16px; line-height: 1.8; font-weight: 400; color: #596978; } /* ========================================================= DETAILS ========================================================= */ .sd-schedule__details { margin-top: 38px; border-top: 1px solid #DDD8CE; } /* ========================================================= DETAIL ========================================================= */ .sd-schedule__detail { display: flex; align-items: flex-start; gap: 14px; padding: 19px 0; border-bottom: 1px solid #DDD8CE; } .sd-schedule__detail-icon { flex-shrink: 0; margin-top: 4px; font-size: 13px; line-height: 1; color: #B18D4A; } .sd-schedule__detail strong { display: block; margin-bottom: 5px; font-family: "Inter", sans-serif; font-size: 13px; line-height: 1.4; font-weight: 600; color: #10283C; } .sd-schedule__detail p { margin: 0; font-family: "Inter", sans-serif; font-size: 13px; line-height: 1.7; font-weight: 400; color: #74818B; } /* ========================================================= FORM CARD ========================================================= */ .sd-schedule__form { position: relative; padding: 42px 42px 40px; background: #FFFFFF; border: 1px solid #E4DED4; box-shadow: 0 20px 55px rgba(16, 40, 60, 0.08); } /* ========================================================= GOLD TOP LINE ========================================================= */ .sd-schedule__form::before { content: ""; position: absolute; top: 0; left: 42px; width: 65px; height: 2px; background: #D3B574; } /* ========================================================= FORM HEADER ========================================================= */ .sd-schedule__form-header { margin-bottom: 30px; } .sd-schedule__form-header > span { display: block; margin-bottom: 9px; font-family: "Inter", sans-serif; font-size: 11px; line-height: 1.3; font-weight: 600; letter-spacing: 1.8px; color: #B18D4A; } .sd-schedule__form-header h3 { margin: 0 0 10px; font-family: "Fraunces", serif; font-size: 32px; line-height: 1.2; font-weight: 500; color: #10283C; } .sd-schedule__form-header p { max-width: 520px; margin: 0; font-family: "Inter", sans-serif; font-size: 14px; line-height: 1.7; font-weight: 400; color: #7A8791; } /* ========================================================= FORM PLACEHOLDER ========================================================= */ .sd-schedule__form-placeholder { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sd-schedule { padding: 90px 30px 50px; } .sd-schedule__container { grid-template-columns: 1fr; gap: 55px; max-width: 760px; } .sd-schedule__content { max-width: 700px; padding-top: 0; } .sd-schedule__eyebrow { font-size: 11px; } .sd-schedule__content h2 { font-size: 54px; } .sd-schedule__lead { font-size: 15px; line-height: 1.8; } .sd-schedule__detail strong { font-size: 13px; } .sd-schedule__detail p { font-size: 13px; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sd-schedule { padding: 70px 20px 40px; } .sd-schedule__container { gap: 42px; } /* EYEBROW */ .sd-schedule__eyebrow { margin-bottom: 18px; font-size: 10px; letter-spacing: 2px; } .sd-schedule__eyebrow span { width: 27px; } /* HEADING */ .sd-schedule__content h2 { margin-bottom: 21px; font-size: clamp(42px, 11vw, 54px); line-height: 1.06; } /* LEAD */ .sd-schedule__lead { font-size: 15px; line-height: 1.8; } /* DETAILS */ .sd-schedule__details { margin-top: 28px; } .sd-schedule__detail { gap: 12px; padding: 16px 0; } .sd-schedule__detail-icon { font-size: 12px; margin-top: 4px; } .sd-schedule__detail strong { margin-bottom: 4px; font-size: 13px; line-height: 1.4; } .sd-schedule__detail p { font-size: 13px; line-height: 1.65; } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .sd-schedule { padding: 60px 18px 35px; } .sd-schedule__eyebrow { font-size: 9.5px; letter-spacing: 1.8px; } .sd-schedule__content h2 { font-size: 41px; } .sd-schedule__lead { font-size: 14px; line-height: 1.8; } .sd-schedule__detail { gap: 11px; padding: 15px 0; } .sd-schedule__detail strong { font-size: 12.5px; } .sd-schedule__detail p { font-size: 12.5px; line-height: 1.65; } }/* End custom CSS */