.elementor-2817 .elementor-element.elementor-element-41c61b3{--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-2817 .elementor-element.elementor-element-c531118{--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-2817 .elementor-element.elementor-element-bf31a68{--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-2817 .elementor-element.elementor-element-641bab1{--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-2817 .elementor-element.elementor-element-44b7fc2{--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-2817 .elementor-element.elementor-element-51786cf{--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-2817 .elementor-element.elementor-element-043ca43{--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-2817 .elementor-element.elementor-element-043ca43:not(.elementor-motion-effects-element-type-background), .elementor-2817 .elementor-element.elementor-element-043ca43 > .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-2817 .elementor-element.elementor-element-9e18370{text-align:center;}.elementor-2817 .elementor-element.elementor-element-9e18370 .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-2817 .elementor-element.elementor-element-33691d7{padding:0px 100px 0px 100px;text-align:center;color:#E0E0E0;}.elementor-2817 .elementor-element.elementor-element-1967092{text-align:center;}.elementor-2817 .elementor-element.elementor-element-1967092 .elementor-heading-title{font-size:14px;color:#8A8A8A;}.elementor-2817 .elementor-element.elementor-element-a539cfb{--e-image-carousel-slides-to-show:3;padding:20px 0px 20px 0px;}.elementor-2817 .elementor-element.elementor-element-a539cfb .elementor-swiper-button.elementor-swiper-button-prev, .elementor-2817 .elementor-element.elementor-element-a539cfb .elementor-swiper-button.elementor-swiper-button-next{font-size:20px;}.elementor-2817 .elementor-element.elementor-element-a539cfb .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:3px;--swiper-pagination-bullet-vertical-gap:3px;width:10px;height:10px;background:#D8B56A;}.elementor-2817 .elementor-element.elementor-element-a539cfb .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:#FFFFFF;opacity:1;}.elementor-2817 .elementor-element.elementor-element-a539cfb .swiper-wrapper{display:flex;align-items:center;}.elementor-2817 .elementor-element.elementor-element-a539cfb .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:15px 15px 15px 15px;}.elementor-2817 .elementor-element.elementor-element-a539cfb .elementor-image-carousel-caption{text-align:center;color:#FFFFFF;margin-block-start:20px;}.elementor-2817 .elementor-element.elementor-element-70638b4{--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-2817 .elementor-element.elementor-element-be40b36{--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-2817 .elementor-element.elementor-element-a11114e{--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-2817 .elementor-element.elementor-element-a11114e:not(.elementor-motion-effects-element-type-background), .elementor-2817 .elementor-element.elementor-element-a11114e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F5F0;}.elementor-2817 .elementor-element.elementor-element-b7f8c77{--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-2817 .elementor-element.elementor-element-2993735{--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-2817 .elementor-element.elementor-element-2993735:not(.elementor-motion-effects-element-type-background), .elementor-2817 .elementor-element.elementor-element-2993735 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2817 .elementor-element.elementor-element-813ec6e{padding:0px 0px 25px 0px;text-align:start;}.elementor-2817 .elementor-element.elementor-element-813ec6e .elementor-heading-title{color:#000000;}.elementor-2817 .elementor-element.elementor-element-b0582c9{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-2817 .elementor-element.elementor-element-ba0710e .elementor-field-group{padding-right:calc( 0px/2 );padding-left:calc( 0px/2 );margin-bottom:16px;}.elementor-2817 .elementor-element.elementor-element-ba0710e .elementor-form-fields-wrapper{margin-left:calc( -0px/2 );margin-right:calc( -0px/2 );margin-bottom:-16px;}.elementor-2817 .elementor-element.elementor-element-ba0710e .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2817 .elementor-element.elementor-element-ba0710e .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2817 .elementor-element.elementor-element-ba0710e .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-2817 .elementor-element.elementor-element-ba0710e .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-2817 .elementor-element.elementor-element-ba0710e .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-2817 .elementor-element.elementor-element-ba0710e .elementor-field-type-html{padding-bottom:0px;}.elementor-2817 .elementor-element.elementor-element-ba0710e .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-2817 .elementor-element.elementor-element-ba0710e .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF;border-width:0px 0px 0px 0px;border-radius:7px 7px 7px 7px;}.elementor-2817 .elementor-element.elementor-element-ba0710e .e-form__buttons__wrapper__button-next{background-color:#D4B878;color:#000000;}.elementor-2817 .elementor-element.elementor-element-ba0710e .elementor-button[type="submit"]{background-color:#D4B878;color:#000000;}.elementor-2817 .elementor-element.elementor-element-ba0710e .elementor-button[type="submit"] svg *{fill:#000000;}.elementor-2817 .elementor-element.elementor-element-ba0710e .e-form__buttons__wrapper__button-previous{background-color:#D4B878;color:#ffffff;}.elementor-2817 .elementor-element.elementor-element-ba0710e .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-2817 .elementor-element.elementor-element-ba0710e .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-2817 .elementor-element.elementor-element-ba0710e .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-2817 .elementor-element.elementor-element-ba0710e .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-2817 .elementor-element.elementor-element-ba0710e .elementor-button{border-radius:50px 50px 50px 50px;padding:18px 24px 18px 24px;}.elementor-2817 .elementor-element.elementor-element-ba0710e{--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-2817 .elementor-element.elementor-element-84b273c{margin:0px 5px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}.elementor-2817 .elementor-element.elementor-element-2993735{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:15px;}}@media(max-width:767px){.elementor-2817 .elementor-element.elementor-element-33691d7{padding:0px 20px 0px 20px;text-align:center;font-size:14px;}.elementor-2817 .elementor-element.elementor-element-a11114e{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-2817 .elementor-element.elementor-element-b7f8c77{--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-2817 .elementor-element.elementor-element-2993735{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2817 .elementor-element.elementor-element-813ec6e{padding:0px 0px 7px 0px;text-align:start;}.elementor-2817 .elementor-element.elementor-element-ba0710e{--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-2817 .elementor-element.elementor-element-b7f8c77{--width:60%;}.elementor-2817 .elementor-element.elementor-element-2993735{--width:40%;}}/* Start custom CSS for html, class: .elementor-element-48ceb79 *//* ========================================================= SERDAR DÜZGÜN PROCEDURE HERO BREAST REDUCTION RHINOPLASTY-STYLE HERO ========================================================= */ .sd-procedure-hero { position: relative; width: 100%; min-height: 650px; display: flex; align-items: center; padding: 95px 30px 70px; overflow: hidden; background: #10283C; } /* ========================================================= BACKGROUND IMAGE ========================================================= */ .sd-procedure-hero__background { position: absolute; inset: 0; z-index: 0; background-image: url("https://serdarduzgun.com/wp-content/uploads/2026/07/4.-Breast-Reduction-1-scaled.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; } /* ========================================================= DARK OVERLAY ========================================================= */ .sd-procedure-hero__overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient( 90deg, rgba(11, 25, 35, 0.94) 0%, rgba(11, 25, 35, 0.86) 38%, rgba(11, 25, 35, 0.64) 61%, rgba(11, 25, 35, 0.48) 100% ); } /* ========================================================= CONTAINER ========================================================= */ .sd-procedure-hero__container { position: relative; z-index: 2; width: 100%; max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, 0.75fr); align-items: center; gap: 65px; } /* ========================================================= LEFT CONTENT ========================================================= */ .sd-procedure-hero__content { max-width: 700px; } /* ========================================================= EYEBROW ========================================================= */ .sd-procedure-hero__eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 27px; font-family: "Inter", sans-serif; font-size: 12px; line-height: 1.2; font-weight: 600; letter-spacing: 2.5px; color: #D3B574; } .sd-procedure-hero__eyebrow span { display: block; width: 38px; height: 1px; background: #D3B574; } /* ========================================================= MAIN HEADING ========================================================= */ .sd-procedure-hero__content h1 { margin: 0 0 25px; font-family: "Fraunces", serif; font-size: clamp(58px, 6vw, 82px); line-height: 0.98; font-weight: 400; letter-spacing: -2.5px; color: #FFFFFF; } /* ========================================================= DESCRIPTION ========================================================= */ .sd-procedure-hero__content > p { max-width: 650px; margin: 0 0 35px; font-family: "Inter", sans-serif; font-size: 17px; line-height: 1.8; font-weight: 400; color: rgba(255, 255, 255, 0.88); } /* ========================================================= ACTIONS ========================================================= */ .sd-procedure-hero__actions { display: flex; align-items: center; gap: 12px; } /* ========================================================= BUTTON BASE ========================================================= */ .sd-procedure-hero__button { display: inline-flex; align-items: center; justify-content: center; gap: 13px; min-height: 54px; padding: 0 27px; font-family: "Inter", sans-serif; font-size: 13px; line-height: 1.2; font-weight: 600; text-decoration: none; transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease, gap 0.25s ease; } .sd-procedure-hero__button span { font-size: 19px; line-height: 1; } /* ========================================================= PRIMARY BUTTON ========================================================= */ .sd-procedure-hero__button--primary { background: #D3B574; border: 1px solid #D3B574; color: #10283C; } .sd-procedure-hero__button--primary:hover { gap: 18px; background: #FFFFFF; border-color: #FFFFFF; color: #10283C; } /* ========================================================= SECONDARY BUTTON ========================================================= */ .sd-procedure-hero__button--secondary { background: transparent; border: 1px solid rgba(255, 255, 255, 0.55); color: #FFFFFF !important; } .sd-procedure-hero__button--secondary:hover { border-color: #D3B574; color: #D3B574 !important; } /* ========================================================= WHAT TO EXPECT CARD ========================================================= */ .sd-procedure-hero__expect { position: relative; width: 100%; padding: 37px 38px 32px; background: rgba(13, 34, 51, 0.94); border: 1px solid rgba(255, 255, 255, 0.20); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); } /* ========================================================= GOLD TOP DETAIL ========================================================= */ .sd-procedure-hero__expect-line { position: absolute; top: -1px; left: 38px; width: 55px; height: 2px; background: #D3B574; } /* ========================================================= CARD HEADING ========================================================= */ .sd-procedure-hero__expect h2 { margin: 0 0 28px; font-family: "Fraunces", serif; font-size: 33px; line-height: 1.15; font-weight: 400; color: #FFFFFF; } /* ========================================================= EXPECT GRID ========================================================= */ .sd-procedure-hero__expect-grid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid rgba(255, 255, 255, 0.15); border-left: 1px solid rgba(255, 255, 255, 0.15); } /* ========================================================= EXPECT ITEM ========================================================= */ .sd-procedure-hero__expect-item { min-height: 92px; padding: 20px 18px; border-right: 1px solid rgba(255, 255, 255, 0.15); border-bottom: 1px solid rgba(255, 255, 255, 0.15); } /* ========================================================= EXPECT LABEL ========================================================= */ .sd-procedure-hero__expect-item span { display: block; margin-bottom: 11px; font-family: "Inter", sans-serif; font-size: 10px; line-height: 1.2; font-weight: 600; letter-spacing: 1.5px; color: #D3B574; } /* ========================================================= EXPECT VALUE ========================================================= */ .sd-procedure-hero__expect-item strong { display: block; font-family: "Inter", sans-serif; font-size: 13px; line-height: 1.55; font-weight: 500; color: #FFFFFF; } /* ========================================================= PERSONALIZED NOTE ========================================================= */ .sd-procedure-hero__expect-note { display: flex; align-items: flex-start; gap: 13px; padding-top: 23px; } .sd-procedure-hero__expect-note > span { flex-shrink: 0; margin-top: 3px; font-size: 13px; line-height: 1; color: #D3B574; } .sd-procedure-hero__expect-note p { margin: 0; font-family: "Inter", sans-serif; font-size: 11.5px; line-height: 1.7; color: rgba(255, 255, 255, 0.68); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sd-procedure-hero { min-height: 550px; padding: 90px 30px 65px; } .sd-procedure-hero__container { grid-template-columns: minmax(0, 1fr) minmax(360px, 0.78fr); gap: 45px; } .sd-procedure-hero__eyebrow { font-size: 11px; } .sd-procedure-hero__content h1 { font-size: 60px; } .sd-procedure-hero__content > p { font-size: 15px; line-height: 1.8; } .sd-procedure-hero__button { font-size: 12px; } .sd-procedure-hero__expect { padding: 32px 30px 28px; } .sd-procedure-hero__expect h2 { font-size: 30px; } .sd-procedure-hero__expect-item span { font-size: 9px; } .sd-procedure-hero__expect-item strong { font-size: 12px; } .sd-procedure-hero__expect-note p { font-size: 10.5px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sd-procedure-hero { min-height: auto; padding: 85px 20px 55px; } /* BACKGROUND */ .sd-procedure-hero__background { background-position: 65% center; } /* OVERLAY */ .sd-procedure-hero__overlay { background: linear-gradient( 180deg, rgba(11, 25, 35, 0.91) 0%, rgba(11, 25, 35, 0.86) 50%, rgba(11, 25, 35, 0.92) 100% ); } /* CONTAINER */ .sd-procedure-hero__container { display: flex; flex-direction: column; align-items: stretch; gap: 40px; } /* CONTENT */ .sd-procedure-hero__content { max-width: none; } /* EYEBROW */ .sd-procedure-hero__eyebrow { margin-bottom: 21px; font-size: 10px; line-height: 1.2; letter-spacing: 2px; } .sd-procedure-hero__eyebrow span { width: 28px; } /* HEADING */ .sd-procedure-hero__content h1 { margin-bottom: 21px; font-size: clamp(46px, 12vw, 62px); line-height: 1; letter-spacing: -1.5px; } /* DESCRIPTION */ .sd-procedure-hero__content > p { margin-bottom: 28px; font-size: 14px; line-height: 1.8; } /* BUTTONS */ .sd-procedure-hero__actions { flex-direction: column; align-items: stretch; gap: 9px; } .sd-procedure-hero__button { width: 100%; min-height: 51px; font-size: 12px; } .sd-procedure-hero__button span { font-size: 18px; } /* EXPECT CARD */ .sd-procedure-hero__expect { padding: 30px 22px 25px; } .sd-procedure-hero__expect-line { left: 28px; width: 52px; } .sd-procedure-hero__expect h2 { margin-bottom: 24px; font-size: 29px; } .sd-procedure-hero__expect-item { min-height: 82px; padding: 17px 13px; } .sd-procedure-hero__expect-item span { margin-bottom: 9px; font-size: 8.5px; line-height: 1.2; letter-spacing: 1.2px; } .sd-procedure-hero__expect-item strong { font-size: 11px; line-height: 1.55; } .sd-procedure-hero__expect-note { padding-top: 19px; } .sd-procedure-hero__expect-note > span { font-size: 12px; } .sd-procedure-hero__expect-note p { font-size: 10px; line-height: 1.7; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .sd-procedure-hero { padding: 95px 18px 48px; } .sd-procedure-hero__eyebrow { font-size: 9px; } .sd-procedure-hero__content h1 { font-size: 45px; } .sd-procedure-hero__content > p { font-size: 13.5px; line-height: 1.8; } .sd-procedure-hero__button { min-height: 50px; font-size: 11.5px; } .sd-procedure-hero__expect { padding: 27px 17px 22px; } .sd-procedure-hero__expect-line { left: 22px; width: 48px; } .sd-procedure-hero__expect h2 { font-size: 26px; } .sd-procedure-hero__expect-item { min-height: 76px; padding: 15px 11px; } .sd-procedure-hero__expect-item span { font-size: 8px; letter-spacing: 1px; } .sd-procedure-hero__expect-item strong { font-size: 10.5px; line-height: 1.5; } .sd-procedure-hero__expect-note p { font-size: 9.5px; line-height: 1.7; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-73c437c *//* ========================================================= SERDAR DÜZGÜN — BREAST REDUCTION INTRODUCTION ========================================================= */ /* ========================================================= SECTION ========================================================= */ .sd-introduction { position: relative; width: 100%; padding: 80px 0; background: #F7F5F0; overflow: hidden; } /* ========================================================= CONTAINER ========================================================= */ .sd-introduction__container { width: min(1180px, calc(100% - 48px)); margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(400px, 500px); gap: 80px; align-items: center; } /* ========================================================= LEFT CONTENT ========================================================= */ .sd-introduction__content { max-width: 590px; padding-top: 5px; } /* ========================================================= EYEBROW ========================================================= */ .sd-introduction__eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; 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-introduction__eyebrow span { display: block; width: 34px; height: 1px; flex-shrink: 0; background: #C5A45D; } /* ========================================================= MAIN HEADING ========================================================= */ .sd-introduction__content h2 { margin: 0 0 27px; font-family: "Fraunces", serif; font-size: clamp(44px, 5vw, 66px); line-height: 1.06; font-weight: 500; letter-spacing: -1.4px; color: #10283C; } .sd-introduction__content h2 em { display: block; font-style: italic; font-weight: 400; color: #B18D4A; } /* ========================================================= PARAGRAPHS ========================================================= */ .sd-introduction__content > p { max-width: 570px; margin: 0 0 18px; font-family: "Inter", sans-serif; font-size: 15px; line-height: 1.85; font-weight: 400; color: #596978; } .sd-introduction__content > p:last-child { margin-bottom: 0; } /* ========================================================= LEAD PARAGRAPH ========================================================= */ .sd-introduction__content > .sd-introduction__lead { margin-bottom: 21px; font-size: 16px; line-height: 1.8; color: #40566A; } /* ========================================================= RIGHT VISUAL ========================================================= */ .sd-introduction__visual { position: relative; width: 100%; display: flex; flex-direction: column; gap: 24px; } /* ========================================================= IMAGE ========================================================= */ .sd-introduction__image { position: relative; width: 100%; height: 430px; overflow: hidden; background: #EAE6DE; } .sd-introduction__image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.6s ease; } .sd-introduction__image:hover img { transform: scale(1.025); } /* ========================================================= IMAGE BORDER ========================================================= */ .sd-introduction__image::after { content: ""; position: absolute; inset: 0; border: 1px solid rgba(16, 40, 60, 0.10); pointer-events: none; } /* ========================================================= VISUAL CARD ========================================================= */ .sd-introduction__visual-card { position: relative; padding: 29px 32px 31px; background: #FFFFFF; border: 1px solid #E3DED4; box-shadow: 0 18px 45px rgba(16, 40, 60, 0.06); } /* ========================================================= GOLD TOP ACCENT ========================================================= */ .sd-introduction__visual-card::before { content: ""; position: absolute; top: 0; left: 0; width: 52px; height: 2px; background: #D3B574; } /* ========================================================= CARD LABEL ========================================================= */ .sd-introduction__visual-card > span { display: block; margin-bottom: 10px; font-family: "Inter", sans-serif; font-size: 10px; line-height: 1.3; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #B18D4A; } /* ========================================================= CARD HEADING ========================================================= */ .sd-introduction__visual-card h3 { margin: 0; font-family: "Fraunces", serif; font-size: 32px; line-height: 1.15; font-weight: 500; letter-spacing: -0.5px; color: #10283C; } .sd-introduction__visual-card h3 em { display: block; font-style: italic; font-weight: 400; color: #B18D4A; } /* ========================================================= CARD DIVIDER ========================================================= */ .sd-introduction__visual-line { width: 100%; height: 1px; margin: 21px 0; background: #DDD8CE; } /* ========================================================= CARD DESCRIPTION ========================================================= */ .sd-introduction__visual-card p { margin: 0; font-family: "Inter", sans-serif; font-size: 13px; line-height: 1.75; font-weight: 400; color: #74818B; } /* ========================================================= DECORATIVE MARK ========================================================= */ .sd-introduction__visual-mark { position: absolute; top: -11px; right: -9px; z-index: 5; font-size: 18px; line-height: 1; color: #B18D4A; pointer-events: none; } /* ========================================================= TABLET — 1000px ========================================================= */ @media (max-width: 1000px) { .sd-introduction { padding: 90px 0; } .sd-introduction__container { grid-template-columns: minmax(0, 1fr) minmax(340px, 430px); gap: 55px; } .sd-introduction__content h2 { font-size: clamp(42px, 6vw, 58px); } .sd-introduction__image { height: 390px; } } /* ========================================================= TABLET — 900px ========================================================= */ @media (max-width: 900px) { .sd-introduction { padding: 85px 0; } .sd-introduction__container { width: min(720px, calc(100% - 40px)); grid-template-columns: 1fr; gap: 55px; align-items: start; } .sd-introduction__content { max-width: 700px; } .sd-introduction__content > p { max-width: 680px; } .sd-introduction__visual { width: 100%; max-width: 620px; margin: 0 auto; } .sd-introduction__image { height: 410px; } } /* ========================================================= MOBILE — 600px ========================================================= */ @media (max-width: 600px) { .sd-introduction { padding: 70px 0; } .sd-introduction__container { width: min(100% - 32px, 560px); gap: 42px; } /* ----------------------------------------- EYEBROW ----------------------------------------- */ .sd-introduction__eyebrow { gap: 10px; margin-bottom: 19px; font-size: 11px; letter-spacing: 2px; } .sd-introduction__eyebrow span { width: 28px; } /* ----------------------------------------- HEADING ----------------------------------------- */ .sd-introduction__content h2 { margin-bottom: 22px; font-size: clamp(38px, 11vw, 50px); line-height: 1.08; letter-spacing: -1px; } /* ----------------------------------------- PARAGRAPHS ----------------------------------------- */ .sd-introduction__content > p { margin-bottom: 17px; font-size: 14px; line-height: 1.78; } .sd-introduction__content > .sd-introduction__lead { margin-bottom: 19px; font-size: 15px; line-height: 1.75; } /* ----------------------------------------- RIGHT VISUAL ----------------------------------------- */ .sd-introduction__visual { gap: 20px; } /* ----------------------------------------- IMAGE ----------------------------------------- */ .sd-introduction__image { height: 330px; } /* ----------------------------------------- VISUAL CARD ----------------------------------------- */ .sd-introduction__visual-card { padding: 26px 24px 28px; } .sd-introduction__visual-card > span { margin-bottom: 9px; font-size: 9px; letter-spacing: 1.8px; } .sd-introduction__visual-card h3 { font-size: 28px; line-height: 1.18; } .sd-introduction__visual-line { margin: 18px 0; } .sd-introduction__visual-card p { font-size: 12.5px; line-height: 1.7; } /* ----------------------------------------- DECORATIVE MARK ----------------------------------------- */ .sd-introduction__visual-mark { top: -9px; right: -6px; font-size: 15px; } } /* ========================================================= SMALL MOBILE — 400px ========================================================= */ @media (max-width: 400px) { .sd-introduction { padding: 60px 0; } .sd-introduction__container { width: calc(100% - 28px); gap: 36px; } .sd-introduction__content h2 { font-size: 37px; letter-spacing: -0.8px; } .sd-introduction__image { height: 290px; } .sd-introduction__visual-card { padding: 24px 21px 25px; } .sd-introduction__visual-card h3 { font-size: 26px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-66ccd0c *//* ========================================================= SERDAR DÜZGÜN PROCEDURE — SECTION 3 PERSONALIZING BREAST REDUCTION ========================================================= */ .sd-personalizing { position: relative; width: 100%; padding: 115px 30px; background: #FFFFFF; overflow: hidden; } /* ========================================================= CONTAINER ========================================================= */ .sd-personalizing__container { position: relative; z-index: 2; width: 100%; max-width: 1180px; margin: 0 auto; } /* ========================================================= HEADER ========================================================= */ .sd-personalizing__header { max-width: 780px; margin: 0 auto 60px; text-align: center; } /* ========================================================= EYEBROW ========================================================= */ .sd-personalizing__eyebrow { display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 22px; font-family: "Inter", sans-serif; font-size: 11px; line-height: 1.2; font-weight: 600; letter-spacing: 2.4px; text-transform: uppercase; color: #A28143; } .sd-personalizing__eyebrow span { display: block; width: 34px; height: 1px; background: #C8A85F; } /* ========================================================= HEADING ========================================================= */ .sd-personalizing__header h2 { margin: 0 0 22px; font-family: "Fraunces", serif; font-size: clamp(45px, 4.8vw, 64px); line-height: 1.05; font-weight: 400; letter-spacing: -1.5px; color: #10283C; } .sd-personalizing__header h2 em { display: block; font-style: italic; color: #B18D4A; } /* ========================================================= HEADER DESCRIPTION ========================================================= */ .sd-personalizing__header > p { max-width: 690px; margin: 0 auto; font-family: "Inter", sans-serif; font-size: 15px; line-height: 1.85; font-weight: 400; color: #65747F; } /* ========================================================= MAIN LAYOUT ========================================================= */ .sd-personalizing__layout { display: grid; grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr); gap: 75px; align-items: start; } /* ========================================================= INTRO ========================================================= */ .sd-personalizing__intro { position: relative; padding: 35px 35px 35px 0; border-top: 1px solid #D9D4CA; } .sd-personalizing__number { display: block; margin-bottom: 27px; font-family: "Fraunces", serif; font-size: 58px; line-height: 1; color: rgba(16, 40, 60, 0.12); } .sd-personalizing__intro h3 { margin: 0 0 22px; font-family: "Fraunces", serif; font-size: 35px; line-height: 1.12; font-weight: 400; color: #10283C; } .sd-personalizing__intro h3 em { display: block; font-style: italic; color: #B18D4A; } /* ========================================================= INTRO TEXT ========================================================= */ .sd-personalizing__intro p { margin: 0 0 17px; font-family: "Inter", sans-serif; font-size: 15px; line-height: 1.85; font-weight: 400; color: #687781; } .sd-personalizing__intro p:last-child { margin-bottom: 0; } /* ========================================================= FACTORS ========================================================= */ .sd-personalizing__factors { border-top: 1px solid #D9D4CA; } /* ========================================================= FACTOR ========================================================= */ .sd-personalizing__factor { display: grid; grid-template-columns: 48px 1fr; gap: 17px; padding: 24px 0; border-bottom: 1px solid #D9D4CA; } /* ========================================================= FACTOR NUMBER ========================================================= */ .sd-personalizing__factor > span { padding-top: 2px; font-family: "Fraunces", serif; font-size: 20px; line-height: 1; color: #B18D4A; } /* ========================================================= FACTOR TITLE ========================================================= */ .sd-personalizing__factor h4 { margin: 0 0 8px; font-family: "Inter", sans-serif; font-size: 14px; line-height: 1.4; font-weight: 600; color: #10283C; } /* ========================================================= FACTOR DESCRIPTION ========================================================= */ .sd-personalizing__factor p { max-width: 610px; margin: 0; font-family: "Inter", sans-serif; font-size: 13px; line-height: 1.75; font-weight: 400; color: #78858E; } /* ========================================================= BOTTOM STATEMENT ========================================================= */ .sd-personalizing__statement { display: flex; align-items: flex-start; gap: 13px; max-width: 900px; margin: 45px auto 0; padding: 21px 24px; background: #F7F5F0; border-left: 2px solid #D3B574; } .sd-personalizing__statement > span { flex-shrink: 0; margin-top: 3px; font-size: 12px; line-height: 1; color: #B18D4A; } .sd-personalizing__statement p { margin: 0; font-family: "Inter", sans-serif; font-size: 13px; line-height: 1.75; font-weight: 400; color: #667680; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sd-personalizing { padding: 90px 30px; } .sd-personalizing__header { margin-bottom: 50px; } .sd-personalizing__header h2 { font-size: 52px; } .sd-personalizing__header > p { font-size: 14px; line-height: 1.8; } .sd-personalizing__layout { gap: 50px; } .sd-personalizing__intro { padding-right: 20px; } .sd-personalizing__intro h3 { font-size: 30px; } .sd-personalizing__intro p { font-size: 14px; line-height: 1.8; } .sd-personalizing__factor { grid-template-columns: 44px 1fr; gap: 15px; } .sd-personalizing__factor h4 { font-size: 13px; } .sd-personalizing__factor p { font-size: 12px; line-height: 1.75; } .sd-personalizing__statement p { font-size: 12px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sd-personalizing { padding: 70px 20px; } /* ===================================================== HEADER ===================================================== */ .sd-personalizing__header { margin-bottom: 40px; } .sd-personalizing__eyebrow { margin-bottom: 18px; font-size: 9px; line-height: 1.2; letter-spacing: 2px; } .sd-personalizing__eyebrow span { width: 28px; } .sd-personalizing__header h2 { margin-bottom: 19px; font-size: clamp(40px, 11vw, 52px); line-height: 1.05; letter-spacing: -1px; } .sd-personalizing__header > p { font-size: 13.5px; line-height: 1.8; } /* ===================================================== LAYOUT ===================================================== */ .sd-personalizing__layout { display: flex; flex-direction: column; gap: 40px; } /* ===================================================== INTRO ===================================================== */ .sd-personalizing__intro { padding: 25px 0 0; } .sd-personalizing__number { margin-bottom: 19px; font-size: 45px; } .sd-personalizing__intro h3 { margin-bottom: 18px; font-size: 28px; line-height: 1.15; } .sd-personalizing__intro p { font-size: 13.5px; line-height: 1.8; } /* ===================================================== FACTORS ===================================================== */ .sd-personalizing__factor { grid-template-columns: 36px 1fr; gap: 11px; padding: 20px 0; } .sd-personalizing__factor > span { font-size: 17px; } .sd-personalizing__factor h4 { margin-bottom: 6px; font-size: 12.5px; line-height: 1.4; } .sd-personalizing__factor p { font-size: 12.5px; line-height: 1.75; } /* ===================================================== STATEMENT ===================================================== */ .sd-personalizing__statement { margin-top: 30px; padding: 17px; } .sd-personalizing__statement > span { font-size: 11px; } .sd-personalizing__statement p { font-size: 12px; line-height: 1.75; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .sd-personalizing { padding: 60px 18px; } .sd-personalizing__header h2 { font-size: 40px; } .sd-personalizing__header > p { font-size: 13px; line-height: 1.8; } .sd-personalizing__intro h3 { font-size: 25px; } .sd-personalizing__intro p { font-size: 12.5px; line-height: 1.8; } .sd-personalizing__factor { grid-template-columns: 31px 1fr; gap: 9px; padding: 18px 0; } .sd-personalizing__factor > span { font-size: 15px; } .sd-personalizing__factor h4 { font-size: 12px; line-height: 1.4; } .sd-personalizing__factor p { font-size: 12px; line-height: 1.75; } .sd-personalizing__statement { padding: 15px; } .sd-personalizing__statement p { font-size: 11.5px; line-height: 1.75; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-a605136 *//* ========================================================= SERDAR DÜZGÜN PROCEDURE — SECTION 4 WHO IS A GOOD CANDIDATE? BREAST REDUCTION ========================================================= */ .sd-candidate { position: relative; width: 100%; padding: 115px 30px; background: #F7F5F0; overflow: hidden; } /* ========================================================= CONTAINER ========================================================= */ .sd-candidate__container { position: relative; z-index: 2; width: 100%; max-width: 1180px; margin: 0 auto; } /* ========================================================= HEADER ========================================================= */ .sd-candidate__header { max-width: 780px; margin: 0 auto 60px; text-align: center; } /* ========================================================= EYEBROW ========================================================= */ .sd-candidate__eyebrow { display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 22px; font-family: "Inter", sans-serif; font-size: 12px; line-height: 1; font-weight: 600; letter-spacing: 2.4px; text-transform: uppercase; color: #A28143; } .sd-candidate__eyebrow span { display: block; width: 34px; height: 1px; background: #C8A85F; } /* ========================================================= HEADING ========================================================= */ .sd-candidate__header h2 { margin: 0 0 24px; font-family: "Fraunces", serif; font-size: clamp(48px, 4.8vw, 66px); line-height: 1.05; font-weight: 400; letter-spacing: -1.5px; color: #10283C; } .sd-candidate__header h2 em { display: block; font-style: italic; color: #B18D4A; } /* ========================================================= HEADER DESCRIPTION ========================================================= */ .sd-candidate__header > p { max-width: 680px; margin: 0 auto; font-family: "Inter", sans-serif; font-size: 15px; line-height: 1.8; color: #65747F; } /* ========================================================= MAIN LAYOUT ========================================================= */ .sd-candidate__layout { display: grid; grid-template-columns: minmax(300px, 0.72fr) minmax(0, 1.28fr); gap: 75px; align-items: start; } /* ========================================================= INTRO ========================================================= */ .sd-candidate__intro { padding: 35px 35px 35px 0; border-top: 1px solid #D9D4CA; } .sd-candidate__number { display: block; margin-bottom: 27px; font-family: "Fraunces", serif; font-size: 62px; line-height: 1; color: rgba(16, 40, 60, 0.12); } .sd-candidate__intro h3 { margin: 0 0 22px; font-family: "Fraunces", serif; font-size: 37px; line-height: 1.12; font-weight: 400; color: #10283C; } .sd-candidate__intro h3 em { display: block; font-style: italic; color: #B18D4A; } .sd-candidate__intro p { margin: 0 0 19px; font-family: "Inter", sans-serif; font-size: 14px; line-height: 1.85; color: #687781; } .sd-candidate__intro p:last-child { margin-bottom: 0; } /* ========================================================= FACTORS ========================================================= */ .sd-candidate__factors { border-top: 1px solid #D9D4CA; } /* ========================================================= FACTOR ========================================================= */ .sd-candidate__factor { display: grid; grid-template-columns: 48px 1fr; gap: 17px; padding: 25px 0; border-bottom: 1px solid #D9D4CA; } /* ========================================================= NUMBER ========================================================= */ .sd-candidate__factor > span { padding-top: 2px; font-family: "Fraunces", serif; font-size: 21px; line-height: 1; color: #B18D4A; } /* ========================================================= TITLE ========================================================= */ .sd-candidate__factor h4 { margin: 0 0 8px; font-family: "Inter", sans-serif; font-size: 15px; line-height: 1.4; font-weight: 600; color: #10283C; } /* ========================================================= DESCRIPTION ========================================================= */ .sd-candidate__factor p { max-width: 610px; margin: 0; font-family: "Inter", sans-serif; font-size: 13px; line-height: 1.75; color: #78858E; } /* ========================================================= BOTTOM NOTE ========================================================= */ .sd-candidate__note { display: flex; align-items: flex-start; gap: 14px; max-width: 900px; margin: 45px auto 0; padding: 21px 24px; background: #FFFFFF; border-left: 2px solid #D3B574; } .sd-candidate__note > span { flex-shrink: 0; margin-top: 3px; font-size: 14px; line-height: 1; color: #B18D4A; } .sd-candidate__note strong { display: block; margin-bottom: 7px; font-family: "Inter", sans-serif; font-size: 14px; line-height: 1.4; font-weight: 600; color: #10283C; } .sd-candidate__note p { max-width: 760px; margin: 0; font-family: "Inter", sans-serif; font-size: 13px; line-height: 1.75; color: #74818A; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sd-candidate { padding: 90px 30px; } .sd-candidate__header { margin-bottom: 50px; } .sd-candidate__eyebrow { font-size: 11px; } .sd-candidate__header h2 { font-size: 54px; } .sd-candidate__header > p { font-size: 14px; line-height: 1.8; } .sd-candidate__layout { gap: 50px; } .sd-candidate__intro { padding-right: 20px; } .sd-candidate__intro h3 { font-size: 32px; } .sd-candidate__intro p { font-size: 13.5px; } .sd-candidate__factor { padding: 23px 0; } .sd-candidate__factor > span { font-size: 20px; } .sd-candidate__factor h4 { font-size: 14px; } .sd-candidate__factor p { font-size: 12.5px; } .sd-candidate__note strong { font-size: 13.5px; } .sd-candidate__note p { font-size: 12.5px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sd-candidate { padding: 70px 20px; } .sd-candidate__header { margin-bottom: 40px; } .sd-candidate__eyebrow { margin-bottom: 18px; font-size: 10px; letter-spacing: 2px; } .sd-candidate__eyebrow span { width: 28px; } .sd-candidate__header h2 { margin-bottom: 20px; font-size: clamp(42px, 11vw, 54px); line-height: 1.05; letter-spacing: -1px; } .sd-candidate__header > p { font-size: 14px; line-height: 1.8; } /* LAYOUT */ .sd-candidate__layout { display: flex; flex-direction: column; gap: 40px; } /* INTRO */ .sd-candidate__intro { padding: 25px 0 0; } .sd-candidate__number { margin-bottom: 19px; font-size: 48px; } .sd-candidate__intro h3 { margin-bottom: 18px; font-size: 29px; } .sd-candidate__intro p { font-size: 13.5px; line-height: 1.8; } /* FACTORS */ .sd-candidate__factor { grid-template-columns: 36px 1fr; gap: 11px; padding: 21px 0; } .sd-candidate__factor > span { font-size: 18px; } .sd-candidate__factor h4 { margin-bottom: 7px; font-size: 13.5px; line-height: 1.4; } .sd-candidate__factor p { font-size: 13px; line-height: 1.75; } /* NOTE */ .sd-candidate__note { margin-top: 30px; padding: 18px; } .sd-candidate__note > span { font-size: 13px; } .sd-candidate__note strong { font-size: 13px; line-height: 1.4; } .sd-candidate__note p { font-size: 12.5px; line-height: 1.75; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .sd-candidate { padding: 60px 18px; } .sd-candidate__eyebrow { font-size: 9.5px; } .sd-candidate__header h2 { font-size: 41px; } .sd-candidate__header > p { font-size: 13.5px; line-height: 1.8; } .sd-candidate__intro h3 { font-size: 27px; } .sd-candidate__intro p { font-size: 13px; line-height: 1.8; } .sd-candidate__factor { grid-template-columns: 32px 1fr; gap: 10px; padding: 19px 0; } .sd-candidate__factor > span { font-size: 17px; } .sd-candidate__factor h4 { font-size: 13px; } .sd-candidate__factor p { font-size: 12.5px; line-height: 1.75; } .sd-candidate__note { padding: 16px; } .sd-candidate__note strong { font-size: 12.5px; } .sd-candidate__note p { font-size: 12px; line-height: 1.75; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-360bdce *//* ========================================================= SERDAR DÜZGÜN PROCEDURE — SECTION 5 PREPARING FOR THE PROCEDURE BREAST REDUCTION ========================================================= */ .sd-preparing { position: relative; width: 100%; padding: 115px 30px; background: #FFFFFF; overflow: hidden; } /* ========================================================= CONTAINER ========================================================= */ .sd-preparing__container { position: relative; z-index: 2; width: 100%; max-width: 1180px; margin: 0 auto; } /* ========================================================= HEADER ========================================================= */ .sd-preparing__header { max-width: 780px; margin: 0 auto 60px; 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: 12px; line-height: 1.2; font-weight: 600; letter-spacing: 2.4px; text-transform: uppercase; color: #A28143; } .sd-preparing__eyebrow span { display: block; width: 34px; height: 1px; background: #C8A85F; } /* ========================================================= HEADING ========================================================= */ .sd-preparing__header h2 { margin: 0 0 22px; font-family: "Fraunces", serif; font-size: clamp(46px, 4.8vw, 64px); line-height: 1.05; font-weight: 400; letter-spacing: -1.5px; color: #10283C; } .sd-preparing__header h2 em { display: block; font-style: italic; color: #B18D4A; } /* ========================================================= DESCRIPTION ========================================================= */ .sd-preparing__header > p { max-width: 690px; margin: 0 auto; font-family: "Inter", sans-serif; font-size: 16px; line-height: 1.8; font-weight: 400; color: #65747F; } /* ========================================================= GRID ========================================================= */ .sd-preparing__grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #D9D4CA; border-left: 1px solid #D9D4CA; } /* ========================================================= ITEM ========================================================= */ .sd-preparing__item { min-height: 280px; padding: 30px 28px 32px; background: #F7F5F0; border-right: 1px solid #D9D4CA; border-bottom: 1px solid #D9D4CA; transition: background 0.25s ease, transform 0.25s ease; } .sd-preparing__item:hover { background: #FFFFFF; transform: translateY(-3px); } /* ========================================================= ITEM TOP ========================================================= */ .sd-preparing__item-top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 28px; } /* ========================================================= NUMBER ========================================================= */ .sd-preparing__number { font-family: "Fraunces", serif; font-size: 42px; line-height: 1; color: rgba(16, 40, 60, 0.16); } /* ========================================================= ICON ========================================================= */ .sd-preparing__icon { font-size: 13px; line-height: 1; color: #B18D4A; } /* ========================================================= ITEM HEADING ========================================================= */ .sd-preparing__item h3 { margin: 0 0 15px; font-family: "Fraunces", serif; font-size: 28px; line-height: 1.15; font-weight: 400; color: #10283C; } .sd-preparing__item h3 em { display: block; font-style: italic; color: #B18D4A; } /* ========================================================= ITEM TEXT ========================================================= */ .sd-preparing__item p { margin: 0; font-family: "Inter", sans-serif; font-size: 14px; line-height: 1.8; font-weight: 400; color: #75828B; } /* ========================================================= BOTTOM NOTE ========================================================= */ .sd-preparing__note { display: flex; align-items: flex-start; gap: 14px; max-width: 900px; margin: 45px auto 0; padding: 23px 25px; background: #10283C; border-left: 2px solid #D3B574; } .sd-preparing__note > span { flex-shrink: 0; margin-top: 4px; font-size: 13px; line-height: 1; color: #D3B574; } .sd-preparing__note strong { display: block; margin-bottom: 7px; font-family: "Inter", sans-serif; font-size: 13px; line-height: 1.4; font-weight: 600; color: #FFFFFF; } .sd-preparing__note p { max-width: 760px; margin: 0; font-family: "Inter", sans-serif; font-size: 13px; line-height: 1.75; font-weight: 400; color: rgba(255, 255, 255, 0.68); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sd-preparing { padding: 90px 30px; } .sd-preparing__header { margin-bottom: 50px; } .sd-preparing__header h2 { font-size: 52px; } .sd-preparing__header > p { font-size: 15px; line-height: 1.8; } .sd-preparing__grid { grid-template-columns: 1fr 1fr; } .sd-preparing__item { min-height: 260px; padding: 27px 25px 30px; } .sd-preparing__item h3 { font-size: 26px; } .sd-preparing__item p { font-size: 13.5px; line-height: 1.8; } .sd-preparing__note p { font-size: 13px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sd-preparing { padding: 70px 20px; } /* HEADER */ .sd-preparing__header { margin-bottom: 40px; } .sd-preparing__eyebrow { margin-bottom: 18px; font-size: 10px; letter-spacing: 2px; } .sd-preparing__eyebrow span { width: 28px; } .sd-preparing__header h2 { margin-bottom: 19px; font-size: clamp(40px, 11vw, 52px); line-height: 1.05; letter-spacing: -1px; } .sd-preparing__header > p { font-size: 14px; line-height: 1.8; } /* GRID */ .sd-preparing__grid { grid-template-columns: 1fr; } .sd-preparing__item { min-height: auto; padding: 25px 21px 28px; } .sd-preparing__item-top { margin-bottom: 22px; } .sd-preparing__number { font-size: 36px; } .sd-preparing__icon { font-size: 12px; } .sd-preparing__item h3 { margin-bottom: 13px; font-size: 25px; line-height: 1.15; } .sd-preparing__item p { font-size: 13px; line-height: 1.8; } /* NOTE */ .sd-preparing__note { margin-top: 30px; padding: 19px 18px; } .sd-preparing__note > span { font-size: 12px; } .sd-preparing__note strong { font-size: 12.5px; } .sd-preparing__note p { font-size: 12px; line-height: 1.75; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .sd-preparing { padding: 60px 18px; } .sd-preparing__eyebrow { font-size: 9px; } .sd-preparing__header h2 { font-size: 40px; } .sd-preparing__header > p { font-size: 13.5px; line-height: 1.8; } .sd-preparing__item { padding: 23px 17px 25px; } .sd-preparing__number { font-size: 33px; } .sd-preparing__item h3 { font-size: 23px; line-height: 1.18; } .sd-preparing__item p { font-size: 12.5px; line-height: 1.8; } .sd-preparing__note { padding: 17px 15px; } .sd-preparing__note strong { font-size: 12px; } .sd-preparing__note p { font-size: 11.5px; line-height: 1.75; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5aa1224 *//* ========================================================= SERDAR DÜZGÜN PROCEDURE — SECTION 6 THE PROCEDURE BREAST REDUCTION ========================================================= */ .sd-procedure { position: relative; width: 100%; padding: 115px 30px; background: #F7F5F0; overflow: hidden; } /* ========================================================= CONTAINER ========================================================= */ .sd-procedure__container { position: relative; z-index: 2; width: 100%; max-width: 1180px; margin: 0 auto; } /* ========================================================= HEADER ========================================================= */ .sd-procedure__header { max-width: 780px; margin: 0 auto 60px; text-align: center; } /* ========================================================= EYEBROW ========================================================= */ .sd-procedure__eyebrow { display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 22px; font-family: "Inter", sans-serif; font-size: 12px; line-height: 1.2; font-weight: 600; letter-spacing: 2.4px; text-transform: uppercase; color: #A28143; } .sd-procedure__eyebrow span { display: block; width: 34px; height: 1px; background: #C8A85F; } /* ========================================================= HEADING ========================================================= */ .sd-procedure__header h2 { margin: 0 0 22px; font-family: "Fraunces", serif; font-size: clamp(46px, 4.8vw, 64px); line-height: 1.05; font-weight: 400; letter-spacing: -1.5px; color: #10283C; } .sd-procedure__header h2 em { display: block; font-style: italic; color: #B18D4A; } /* ========================================================= DESCRIPTION ========================================================= */ .sd-procedure__header > p { max-width: 690px; margin: 0 auto; font-family: "Inter", sans-serif; font-size: 16px; line-height: 1.8; font-weight: 400; color: #65747F; } /* ========================================================= STEPS ========================================================= */ .sd-procedure__steps { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #D9D4CA; border-left: 1px solid #D9D4CA; } /* ========================================================= STEP ========================================================= */ .sd-procedure__step { display: grid; grid-template-columns: 65px 1fr; gap: 20px; min-height: 285px; padding: 30px; background: #FFFFFF; border-right: 1px solid #D9D4CA; border-bottom: 1px solid #D9D4CA; transition: background 0.25s ease, transform 0.25s ease; } .sd-procedure__step:hover { background: #FFFEFC; transform: translateY(-3px); } /* ========================================================= STEP NUMBER ========================================================= */ .sd-procedure__step-number { font-family: "Fraunces", serif; font-size: 44px; line-height: 1; color: rgba(16, 40, 60, 0.15); } /* ========================================================= STEP CONTENT ========================================================= */ .sd-procedure__step-content > span { display: block; margin-bottom: 13px; font-family: "Inter", sans-serif; font-size: 11px; line-height: 1.2; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: #A28143; } /* ========================================================= STEP HEADING ========================================================= */ .sd-procedure__step-content h3 { margin: 0 0 15px; font-family: "Fraunces", serif; font-size: 29px; line-height: 1.12; font-weight: 400; color: #10283C; } .sd-procedure__step-content h3 em { display: block; font-style: italic; color: #B18D4A; } /* ========================================================= STEP DESCRIPTION ========================================================= */ .sd-procedure__step-content p { max-width: 470px; margin: 0; font-family: "Inter", sans-serif; font-size: 14px; line-height: 1.8; font-weight: 400; color: #74818A; } /* ========================================================= BOTTOM NOTE ========================================================= */ .sd-procedure__note { display: flex; align-items: flex-start; gap: 14px; max-width: 900px; margin: 45px auto 0; padding: 23px 25px; background: #10283C; border-left: 2px solid #D3B574; } .sd-procedure__note > span { flex-shrink: 0; margin-top: 4px; font-size: 13px; line-height: 1; color: #D3B574; } .sd-procedure__note strong { display: block; margin-bottom: 7px; font-family: "Inter", sans-serif; font-size: 13px; line-height: 1.4; font-weight: 600; color: #FFFFFF; } .sd-procedure__note p { max-width: 760px; margin: 0; font-family: "Inter", sans-serif; font-size: 13px; line-height: 1.75; font-weight: 400; color: rgba(255, 255, 255, 0.68); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sd-procedure { padding: 90px 30px; } .sd-procedure__header { margin-bottom: 50px; } .sd-procedure__header h2 { font-size: 52px; } .sd-procedure__header > p { font-size: 15px; line-height: 1.8; } .sd-procedure__step { grid-template-columns: 50px 1fr; gap: 15px; padding: 27px 25px; min-height: 280px; } .sd-procedure__step-number { font-size: 38px; } .sd-procedure__step-content > span { font-size: 10px; } .sd-procedure__step-content h3 { font-size: 26px; } .sd-procedure__step-content p { font-size: 13.5px; line-height: 1.8; } .sd-procedure__note p { font-size: 13px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sd-procedure { padding: 70px 20px; } /* ===================================================== HEADER ===================================================== */ .sd-procedure__header { margin-bottom: 40px; } .sd-procedure__eyebrow { margin-bottom: 18px; font-size: 10px; letter-spacing: 2px; } .sd-procedure__eyebrow span { width: 28px; } .sd-procedure__header h2 { margin-bottom: 19px; font-size: clamp(40px, 11vw, 52px); line-height: 1.05; letter-spacing: -1px; } .sd-procedure__header > p { font-size: 14px; line-height: 1.8; } /* ===================================================== STEPS ===================================================== */ .sd-procedure__steps { grid-template-columns: 1fr; } .sd-procedure__step { grid-template-columns: 42px 1fr; gap: 12px; min-height: auto; padding: 25px 20px 28px; } .sd-procedure__step-number { font-size: 34px; } .sd-procedure__step-content > span { margin-bottom: 10px; font-size: 9.5px; letter-spacing: 1.4px; } .sd-procedure__step-content h3 { margin-bottom: 13px; font-size: 25px; line-height: 1.15; } .sd-procedure__step-content p { font-size: 13px; line-height: 1.8; } /* ===================================================== NOTE ===================================================== */ .sd-procedure__note { margin-top: 30px; padding: 19px 18px; } .sd-procedure__note > span { font-size: 12px; } .sd-procedure__note strong { font-size: 12.5px; line-height: 1.4; } .sd-procedure__note p { font-size: 12px; line-height: 1.75; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .sd-procedure { padding: 60px 18px; } .sd-procedure__eyebrow { font-size: 9px; letter-spacing: 1.8px; } .sd-procedure__header h2 { font-size: 40px; } .sd-procedure__header > p { font-size: 13.5px; line-height: 1.8; } /* ===================================================== STEPS ===================================================== */ .sd-procedure__step { grid-template-columns: 36px 1fr; gap: 10px; padding: 23px 17px 25px; } .sd-procedure__step-number { font-size: 31px; } .sd-procedure__step-content > span { margin-bottom: 9px; font-size: 9px; letter-spacing: 1.2px; } .sd-procedure__step-content h3 { margin-bottom: 12px; font-size: 23px; line-height: 1.18; } .sd-procedure__step-content p { font-size: 12.5px; line-height: 1.8; } /* ===================================================== NOTE ===================================================== */ .sd-procedure__note { padding: 17px 15px; } .sd-procedure__note strong { font-size: 12px; } .sd-procedure__note p { font-size: 11.5px; line-height: 1.75; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-043ca43 */.sd-ba { background: linear-gradient(135deg,#071622 0%,#10273d 100%); padding: 80px 5%; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-62669a5 *//* ========================================================= SERDAR DÜZGÜN PROCEDURE — SECTION 8 RECOVERY & RESULTS BREAST REDUCTION ========================================================= */ .sd-recovery { position: relative; width: 100%; padding: 115px 30px; background: #F7F5F0; overflow: hidden; } /* ========================================================= CONTAINER ========================================================= */ .sd-recovery__container { position: relative; z-index: 2; width: 100%; max-width: 1180px; margin: 0 auto; } /* ========================================================= HEADER ========================================================= */ .sd-recovery__header { max-width: 780px; margin: 0 auto 60px; text-align: center; } /* ========================================================= EYEBROW ========================================================= */ .sd-recovery__eyebrow { display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 22px; font-family: "Inter", sans-serif; font-size: 11px; line-height: 1; font-weight: 600; letter-spacing: 2.4px; text-transform: uppercase; color: #A28143; } .sd-recovery__eyebrow span { display: block; width: 34px; height: 1px; background: #C8A85F; } /* ========================================================= HEADING ========================================================= */ .sd-recovery__header h2 { margin: 0 0 22px; font-family: "Fraunces", serif; font-size: clamp(45px, 4.8vw, 64px); line-height: 1.05; font-weight: 400; letter-spacing: -1.5px; color: #10283C; } .sd-recovery__header h2 em { display: block; font-style: italic; color: #B18D4A; } /* ========================================================= HEADER DESCRIPTION ========================================================= */ .sd-recovery__header > p { max-width: 690px; margin: 0 auto; font-family: "Inter", sans-serif; font-size: 15px; line-height: 1.8; color: #65747F; } /* ========================================================= TIMELINE ========================================================= */ .sd-recovery__timeline { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #D9D4CA; border-left: 1px solid #D9D4CA; } /* ========================================================= STAGE ========================================================= */ .sd-recovery__stage { min-height: 300px; padding: 27px 25px 30px; background: #FFFFFF; border-right: 1px solid #D9D4CA; border-bottom: 1px solid #D9D4CA; transition: background 0.25s ease, transform 0.25s ease; } .sd-recovery__stage:hover { background: #FFFEFC; transform: translateY(-3px); } /* ========================================================= STAGE TOP ========================================================= */ .sd-recovery__stage-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 27px; } /* ========================================================= NUMBER ========================================================= */ .sd-recovery__number { font-family: "Fraunces", serif; font-size: 42px; line-height: 1; color: rgba(16, 40, 60, 0.15); } /* ========================================================= PERIOD ========================================================= */ .sd-recovery__period { padding-top: 4px; font-family: "Inter", sans-serif; font-size: 9px; line-height: 1.4; font-weight: 600; letter-spacing: 1.1px; text-align: right; color: #A28143; } /* ========================================================= STAGE HEADING ========================================================= */ .sd-recovery__stage h3 { margin: 0 0 14px; font-family: "Fraunces", serif; font-size: 27px; line-height: 1.12; font-weight: 400; color: #10283C; } .sd-recovery__stage h3 em { display: block; font-style: italic; color: #B18D4A; } /* ========================================================= STAGE DESCRIPTION ========================================================= */ .sd-recovery__stage p { margin: 0; font-family: "Inter", sans-serif; font-size: 13px; line-height: 1.8; color: #75828B; } /* ========================================================= RESULTS ========================================================= */ .sd-recovery__results { display: grid; grid-template-columns: minmax(0, 1fr) minmax(330px, 0.55fr); gap: 75px; align-items: center; margin-top: 65px; padding-top: 60px; border-top: 1px solid #D9D4CA; } /* ========================================================= RESULTS CONTENT ========================================================= */ .sd-recovery__results-content { max-width: 650px; } /* ========================================================= RESULTS LABEL ========================================================= */ .sd-recovery__results-label { display: block; margin-bottom: 20px; font-family: "Inter", sans-serif; font-size: 10px; line-height: 1; font-weight: 600; letter-spacing: 1.8px; color: #A28143; } /* ========================================================= RESULTS HEADING ========================================================= */ .sd-recovery__results-content h3 { margin: 0 0 22px; font-family: "Fraunces", serif; font-size: 42px; line-height: 1.08; font-weight: 400; color: #10283C; } .sd-recovery__results-content h3 em { display: block; font-style: italic; color: #B18D4A; } /* ========================================================= RESULTS DESCRIPTION ========================================================= */ .sd-recovery__results-content p { max-width: 610px; margin: 0 0 17px; font-family: "Inter", sans-serif; font-size: 13px; line-height: 1.8; color: #687781; } .sd-recovery__results-content p:last-child { margin-bottom: 0; } /* ========================================================= RESULTS CARD ========================================================= */ .sd-recovery__results-card { position: relative; padding: 36px 35px; background: #10283C; box-shadow: 0 20px 45px rgba(16, 40, 60, 0.12); } /* ========================================================= RESULTS CARD NUMBER ========================================================= */ .sd-recovery__results-card-number { font-family: "Fraunces", serif; font-size: 60px; line-height: 1; color: rgba(211, 181, 116, 0.25); } /* ========================================================= RESULTS CARD LINE ========================================================= */ .sd-recovery__results-card-line { width: 42px; height: 1px; margin: 22px 0 21px; background: #D3B574; } /* ========================================================= RESULTS CARD HEADING ========================================================= */ .sd-recovery__results-card strong { display: block; max-width: 250px; margin-bottom: 18px; font-family: "Fraunces", serif; font-size: 29px; line-height: 1.15; font-weight: 400; color: #FFFFFF; } .sd-recovery__results-card strong em { display: block; font-style: italic; color: #D3B574; } /* ========================================================= RESULTS CARD DESCRIPTION ========================================================= */ .sd-recovery__results-card p { max-width: 330px; margin: 0; font-family: "Inter", sans-serif; font-size: 12px; line-height: 1.8; color: rgba(255, 255, 255, 0.68); } /* ========================================================= NOTE ========================================================= */ .sd-recovery__note { display: flex; align-items: flex-start; gap: 12px; max-width: 900px; margin: 45px auto 0; padding: 20px 23px; background: #FFFFFF; border-left: 2px solid #D3B574; } /* ========================================================= NOTE ICON ========================================================= */ .sd-recovery__note > span { flex-shrink: 0; margin-top: 3px; font-size: 12px; line-height: 1; color: #B18D4A; } /* ========================================================= NOTE TEXT ========================================================= */ .sd-recovery__note p { margin: 0; font-family: "Inter", sans-serif; font-size: 12px; line-height: 1.75; color: #74818A; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sd-recovery { padding: 90px 30px; } .sd-recovery__header { margin-bottom: 50px; } .sd-recovery__header h2 { font-size: 52px; } .sd-recovery__header > p { font-size: 14px; } .sd-recovery__timeline { grid-template-columns: 1fr 1fr; } .sd-recovery__stage { min-height: 270px; padding: 26px 24px 28px; } .sd-recovery__stage h3 { font-size: 26px; } .sd-recovery__stage p { font-size: 12.5px; } .sd-recovery__results { gap: 50px; } .sd-recovery__results-content h3 { font-size: 36px; } .sd-recovery__results-content p { font-size: 12.5px; } .sd-recovery__results-card p { font-size: 11.5px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sd-recovery { padding: 70px 20px; } /* HEADER */ .sd-recovery__header { margin-bottom: 40px; } .sd-recovery__eyebrow { margin-bottom: 18px; font-size: 9px; letter-spacing: 2px; } .sd-recovery__eyebrow span { width: 28px; } .sd-recovery__header h2 { margin-bottom: 19px; font-size: clamp(40px, 11vw, 52px); line-height: 1.05; letter-spacing: -1px; } .sd-recovery__header > p { font-size: 13px; line-height: 1.8; } /* TIMELINE */ .sd-recovery__timeline { grid-template-columns: 1fr; } .sd-recovery__stage { min-height: auto; padding: 23px 20px 26px; } .sd-recovery__stage-top { margin-bottom: 21px; } .sd-recovery__number { font-size: 36px; } .sd-recovery__period { font-size: 8.5px; line-height: 1.4; } .sd-recovery__stage h3 { margin-bottom: 12px; font-size: 25px; } .sd-recovery__stage p { font-size: 12px; line-height: 1.8; } /* RESULTS */ .sd-recovery__results { display: flex; flex-direction: column; align-items: stretch; gap: 35px; margin-top: 45px; padding-top: 45px; } .sd-recovery__results-label { font-size: 9px; } .sd-recovery__results-content h3 { font-size: 33px; } .sd-recovery__results-content p { font-size: 12px; line-height: 1.8; } .sd-recovery__results-card { padding: 29px 23px; } .sd-recovery__results-card-number { font-size: 50px; } .sd-recovery__results-card strong { font-size: 27px; } .sd-recovery__results-card p { font-size: 11.5px; line-height: 1.8; } /* NOTE */ .sd-recovery__note { margin-top: 30px; padding: 17px; } .sd-recovery__note p { font-size: 11px; line-height: 1.75; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .sd-recovery { padding: 60px 18px; } .sd-recovery__header h2 { font-size: 40px; } .sd-recovery__header > p { font-size: 12.5px; } .sd-recovery__stage { padding: 21px 17px 23px; } .sd-recovery__number { font-size: 34px; } .sd-recovery__stage h3 { font-size: 23px; } .sd-recovery__stage p { font-size: 11.5px; line-height: 1.8; } .sd-recovery__results-content h3 { font-size: 30px; } .sd-recovery__results-content p { font-size: 11.5px; } .sd-recovery__results-card { padding: 26px 18px; } .sd-recovery__results-card-number { font-size: 46px; } .sd-recovery__results-card strong { font-size: 25px; } .sd-recovery__results-card p { font-size: 11px; } .sd-recovery__note { padding: 15px; } .sd-recovery__note p { font-size: 10.5px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ab455b7 *//* ========================================================= SERDAR DÜZGÜN PROCEDURE — SECTION 9 REQUEST A CONSULTATION BREAST REDUCTION ========================================================= */ .sd-request-consultation { position: relative; width: 100%; padding: 115px 30px; background: #FFFFFF; overflow: hidden; } /* ========================================================= CONTAINER ========================================================= */ .sd-request-consultation__container { position: relative; z-index: 2; width: 100%; max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(390px, 0.72fr); align-items: center; gap: 90px; } /* ========================================================= LEFT CONTENT ========================================================= */ .sd-request-consultation__content { max-width: 650px; } /* ========================================================= EYEBROW ========================================================= */ .sd-request-consultation__eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; font-family: "Inter", sans-serif; font-size: 11px; line-height: 1; font-weight: 600; letter-spacing: 2.4px; text-transform: uppercase; color: #A28143; } .sd-request-consultation__eyebrow span { display: block; width: 34px; height: 1px; background: #C8A85F; } /* ========================================================= HEADING ========================================================= */ .sd-request-consultation__content h2 { margin: 0 0 27px; font-family: "Fraunces", serif; font-size: clamp(45px, 4.8vw, 64px); line-height: 1.06; font-weight: 400; letter-spacing: -1.5px; color: #10283C; } .sd-request-consultation__content h2 em { display: block; font-style: italic; color: #B18D4A; } /* ========================================================= TEXT ========================================================= */ .sd-request-consultation__content > p { max-width: 620px; margin: 0 0 17px; font-family: "Inter", sans-serif; font-size: 15px; line-height: 1.8; color: #65747F; } .sd-request-consultation__content .sd-request-consultation__lead { margin-bottom: 22px; font-size: 15px; font-weight: 500; color: #3F5363; } /* ========================================================= CONSULTATION POINTS ========================================================= */ .sd-request-consultation__points { margin-top: 32px; border-top: 1px solid #DDD8CE; } .sd-request-consultation__point { display: grid; grid-template-columns: 42px 1fr; gap: 14px; padding: 17px 0; border-bottom: 1px solid #DDD8CE; } /* ========================================================= POINT NUMBER ========================================================= */ .sd-request-consultation__point > span { padding-top: 2px; font-family: "Fraunces", serif; font-size: 18px; line-height: 1.2; color: #B18D4A; } /* ========================================================= POINT TITLE ========================================================= */ .sd-request-consultation__point strong { display: block; margin-bottom: 6px; font-family: "Inter", sans-serif; font-size: 12px; line-height: 1.4; font-weight: 600; color: #10283C; } /* ========================================================= POINT DESCRIPTION ========================================================= */ .sd-request-consultation__point p { max-width: 520px; margin: 0; font-family: "Inter", sans-serif; font-size: 12.5px; line-height: 1.75; color: #78858E; } /* ========================================================= RIGHT SIDE ========================================================= */ .sd-request-consultation__side { width: 100%; max-width: 450px; justify-self: end; } /* ========================================================= CARD ========================================================= */ .sd-request-consultation__card { position: relative; padding: 37px; background: #10283C; box-shadow: 0 22px 55px rgba(16, 40, 60, 0.14); } /* ========================================================= GOLD TOP DETAIL ========================================================= */ .sd-request-consultation__card::before { content: ""; position: absolute; top: 0; left: 0; width: 65px; height: 2px; background: #D3B574; } /* ========================================================= CARD TOP ========================================================= */ .sd-request-consultation__card-top { display: flex; align-items: flex-start; justify-content: space-between; } .sd-request-consultation__card-top > span { padding-top: 5px; font-family: "Inter", sans-serif; font-size: 9px; line-height: 1.2; font-weight: 600; letter-spacing: 1.7px; color: #D3B574; } .sd-request-consultation__card-number { font-family: "Fraunces", serif; font-size: 46px; line-height: 1; color: rgba(211, 181, 116, 0.27); } /* ========================================================= CARD LINE ========================================================= */ .sd-request-consultation__card-line { width: 40px; height: 1px; margin: 27px 0 24px; background: rgba(211, 181, 116, 0.65); } /* ========================================================= CARD HEADING ========================================================= */ .sd-request-consultation__card h3 { margin: 0 0 17px; font-family: "Fraunces", serif; font-size: 32px; line-height: 1.12; font-weight: 400; color: #FFFFFF; } .sd-request-consultation__card h3 em { display: block; font-style: italic; color: #D3B574; } /* ========================================================= CARD DESCRIPTION ========================================================= */ .sd-request-consultation__card > p { margin: 0; font-family: "Inter", sans-serif; font-size: 12px; line-height: 1.8; color: rgba(255, 255, 255, 0.68); } /* ========================================================= CARD DETAILS ========================================================= */ .sd-request-consultation__card-details { display: grid; grid-template-columns: 1.4fr 1fr; gap: 18px; margin-top: 27px; padding-top: 19px; border-top: 1px solid rgba(255, 255, 255, 0.14); } .sd-request-consultation__card-details > div { display: flex; flex-direction: column; gap: 5px; } .sd-request-consultation__card-details span { margin-bottom: 2px; font-family: "Inter", sans-serif; font-size: 9px; line-height: 1.2; font-weight: 600; letter-spacing: 1.3px; color: #D3B574; } .sd-request-consultation__card-details strong { font-family: "Inter", sans-serif; font-size: 11px; line-height: 1.5; font-weight: 500; color: #FFFFFF; } /* ========================================================= BUTTON ========================================================= */ .sd-request-consultation__button { display: flex; align-items: center; justify-content: center; gap: 13px; width: 100%; min-height: 50px; margin-top: 27px; padding: 0 18px; background: #D3B574; border: 1px solid #D3B574; font-family: "Inter", sans-serif; font-size: 11px; line-height: 1; font-weight: 600; text-decoration: none; color: #10283C; transition: background 0.25s ease, border-color 0.25s ease, gap 0.25s ease; } .sd-request-consultation__button span { font-size: 16px; } .sd-request-consultation__button:hover { gap: 17px; background: #FFFFFF; border-color: #FFFFFF; } /* ========================================================= NOTE ========================================================= */ .sd-request-consultation__note { display: flex; align-items: flex-start; gap: 11px; margin-top: 20px; padding: 17px 19px; background: #F7F5F0; border-left: 2px solid #D3B574; } .sd-request-consultation__note > span { flex-shrink: 0; margin-top: 2px; font-size: 12px; line-height: 1; color: #B18D4A; } .sd-request-consultation__note p { margin: 0; font-family: "Inter", sans-serif; font-size: 11px; line-height: 1.75; color: #71808A; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sd-request-consultation { padding: 90px 30px; } .sd-request-consultation__container { grid-template-columns: minmax(0, 1fr) minmax(330px, 0.75fr); gap: 55px; } .sd-request-consultation__content h2 { font-size: 52px; } .sd-request-consultation__content > p { font-size: 14px; } .sd-request-consultation__content .sd-request-consultation__lead { font-size: 14px; } .sd-request-consultation__point strong { font-size: 11.5px; } .sd-request-consultation__point p { font-size: 11.5px; } .sd-request-consultation__card { padding: 30px; } .sd-request-consultation__card h3 { font-size: 28px; } .sd-request-consultation__card > p { font-size: 11.5px; } .sd-request-consultation__card-details strong { font-size: 10.5px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sd-request-consultation { padding: 70px 20px; } .sd-request-consultation__container { display: flex; flex-direction: column; align-items: stretch; gap: 42px; } /* CONTENT */ .sd-request-consultation__content { max-width: none; } .sd-request-consultation__eyebrow { margin-bottom: 18px; font-size: 9px; letter-spacing: 2px; } .sd-request-consultation__eyebrow span { width: 28px; } .sd-request-consultation__content h2 { margin-bottom: 21px; font-size: clamp(40px, 11vw, 52px); line-height: 1.05; letter-spacing: -1px; } .sd-request-consultation__content > p { font-size: 13px; line-height: 1.8; } .sd-request-consultation__content .sd-request-consultation__lead { font-size: 13px; line-height: 1.75; } /* POINTS */ .sd-request-consultation__points { margin-top: 27px; } .sd-request-consultation__point { grid-template-columns: 36px 1fr; gap: 11px; padding: 16px 0; } .sd-request-consultation__point > span { font-size: 17px; } .sd-request-consultation__point strong { margin-bottom: 6px; font-size: 11px; line-height: 1.45; } .sd-request-consultation__point p { font-size: 11.5px; line-height: 1.75; } /* SIDE */ .sd-request-consultation__side { max-width: none; } /* CARD */ .sd-request-consultation__card { padding: 29px 22px; } .sd-request-consultation__card-top > span { font-size: 8.5px; } .sd-request-consultation__card-number { font-size: 39px; } .sd-request-consultation__card h3 { font-size: 27px; } .sd-request-consultation__card > p { font-size: 11.5px; line-height: 1.8; } /* DETAILS */ .sd-request-consultation__card-details { grid-template-columns: 1fr; gap: 14px; } .sd-request-consultation__card-details span { font-size: 8.5px; } .sd-request-consultation__card-details strong { font-size: 10.5px; line-height: 1.5; } /* BUTTON */ .sd-request-consultation__button { min-height: 49px; font-size: 10.5px; } /* NOTE */ .sd-request-consultation__note { padding: 16px; } .sd-request-consultation__note p { font-size: 10.5px; line-height: 1.75; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .sd-request-consultation { padding: 60px 18px; } .sd-request-consultation__content h2 { font-size: 40px; } .sd-request-consultation__content > p { font-size: 12px; } .sd-request-consultation__content .sd-request-consultation__lead { font-size: 12px; } .sd-request-consultation__point { grid-template-columns: 32px 1fr; gap: 9px; padding: 15px 0; } .sd-request-consultation__point > span { font-size: 16px; } .sd-request-consultation__point strong { font-size: 10.5px; } .sd-request-consultation__point p { font-size: 11px; line-height: 1.75; } .sd-request-consultation__card { padding: 26px 18px; } .sd-request-consultation__card h3 { font-size: 25px; } .sd-request-consultation__card > p { font-size: 11px; } .sd-request-consultation__card-details span { font-size: 8px; } .sd-request-consultation__card-details strong { font-size: 10px; } .sd-request-consultation__button { min-height: 48px; font-size: 10px; } .sd-request-consultation__note { padding: 15px; } .sd-request-consultation__note p { font-size: 10px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-84b273c */.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-2993735 *//* ========================================================= SERDAR DÜZGÜN — BREAST REDUCTION CONSULTATION FORM CONTAINER: 2993735 ========================================================= */ /* ========================================================= FORM CARD ========================================================= */ .elementor-element-2993735 { position: relative; width: 100% !important; max-width: 570px !important; min-height: auto !important; margin: 0 auto !important; padding: 30px 30px 28px !important; box-sizing: border-box; background: #FFFFFF !important; border: 1px solid #DED9CF !important; box-shadow: 0 14px 35px rgba(16, 40, 60, 0.05); } /* ========================================================= GOLD TOP ACCENT ========================================================= */ .elementor-element-2993735::before { content: ""; position: absolute; top: -1px; left: 30px; width: 52px; height: 2px; background: #C5A45D; } /* ========================================================= HEADING ========================================================= */ .elementor-element-2993735 .elementor-element-813ec6e { width: 100% !important; margin: 0 0 6px !important; } .elementor-element-2993735 .elementor-element-813ec6e .elementor-heading-title { margin: 0 !important; font-family: "Fraunces", serif !important; font-size: 29px !important; line-height: 1.12 !important; font-weight: 500 !important; letter-spacing: -0.5px; color: #10283C !important; } /* ========================================================= DESCRIPTION ========================================================= */ .elementor-element-2993735 .elementor-element-b0582c9 { width: 100% !important; margin: 0 0 18px !important; } .elementor-element-2993735 .elementor-element-b0582c9 p { margin: 0 !important; font-family: "Inter", sans-serif !important; font-size: 11px !important; line-height: 1.5 !important; font-weight: 400; color: #71808D !important; } /* ========================================================= FORM WIDGET ========================================================= */ .elementor-element-2993735 .elementor-element-ba0710e { width: 100% !important; margin: 0 !important; } /* ========================================================= FORM ========================================================= */ .elementor-element-2993735 .elementor-form { width: 100%; margin: 0 !important; } /* ========================================================= FORM GRID ========================================================= */ .elementor-element-2993735 .elementor-form-fields-wrapper { display: grid !important; grid-template-columns: 1fr 1fr; column-gap: 11px; row-gap: 9px; width: 100%; } /* ========================================================= FIELD GROUP ========================================================= */ .elementor-element-2993735 .elementor-field-group { width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important; box-sizing: border-box; } /* ========================================================= FIRST NAME ========================================================= */ .elementor-element-2993735 .elementor-field-group-name { grid-column: 1 / 2; } /* ========================================================= LAST NAME ========================================================= */ .elementor-element-2993735 .elementor-field-group-field_ee3e6f1 { grid-column: 2 / 3; } /* ========================================================= PHONE ========================================================= */ .elementor-element-2993735 .elementor-field-group-field_8f4bc99 { grid-column: 1 / 2; } /* ========================================================= EMAIL ========================================================= */ .elementor-element-2993735 .elementor-field-group-field_167f331 { grid-column: 2 / 3; } /* ========================================================= MESSAGE ========================================================= */ .elementor-element-2993735 .elementor-field-group-message { grid-column: 1 / -1; } /* ========================================================= INPUTS ========================================================= */ .elementor-element-2993735 .elementor-field { width: 100% !important; height: 44px !important; min-height: 44px !important; padding: 0 13px !important; margin: 0 !important; box-sizing: border-box; background: #FAF9F6 !important; border: 1px solid #DED9D0 !important; border-radius: 0 !important; outline: none !important; box-shadow: none !important; font-family: "Inter", sans-serif !important; font-size: 11px !important; line-height: 1.4 !important; font-weight: 400; color: #10283C !important; transition: border-color 0.25s ease, background-color 0.25s ease; } /* ========================================================= PLACEHOLDER ========================================================= */ .elementor-element-2993735 .elementor-field::placeholder { color: #8B969F !important; opacity: 1 !important; } /* ========================================================= INPUT FOCUS ========================================================= */ .elementor-element-2993735 .elementor-field:focus { background: #FFFFFF !important; border-color: #C5A45D !important; } /* ========================================================= MESSAGE ========================================================= */ .elementor-element-2993735 textarea.elementor-field { width: 100% !important; height: 82px !important; min-height: 82px !important; padding: 12px 13px !important; resize: vertical; line-height: 1.5 !important; } /* ========================================================= SUBMIT AREA ========================================================= */ .elementor-element-2993735 .elementor-field-type-submit { grid-column: 1 / -1; width: 100% !important; margin: 0 !important; } /* ========================================================= SUBMIT BUTTON ========================================================= */ .elementor-element-2993735 .elementor-button { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 48px !important; min-height: 48px !important; padding: 0 18px !important; margin: 0 !important; background: #10283C !important; border: 1px solid #10283C !important; border-radius: 0 !important; box-shadow: none !important; font-family: "Inter", sans-serif !important; font-size: 11px !important; line-height: 1.2 !important; font-weight: 600 !important; letter-spacing: 0.1px; color: #FFFFFF !important; cursor: pointer; transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.25s ease; } /* ========================================================= BUTTON ARROW ========================================================= */ .elementor-element-2993735 .elementor-button-text::after { content: "→"; display: inline-block; margin-left: 12px; font-size: 16px; line-height: 1; font-weight: 400; color: #D3B574; transition: color 0.25s ease, transform 0.25s ease; } /* ========================================================= BUTTON HOVER ========================================================= */ .elementor-element-2993735 .elementor-button:hover { background: #C5A45D !important; border-color: #C5A45D !important; color: #10283C !important; transform: translateY(-1px); } .elementor-element-2993735 .elementor-button:hover .elementor-button-text::after { color: #10283C; transform: translateX(3px); } /* ========================================================= REMOVE ELEMENTOR DEFAULT SPACING ========================================================= */ .elementor-element-2993735 .elementor-widget { margin-bottom: 0 !important; } .elementor-element-2993735 .elementor-field-group > .elementor-field { margin-bottom: 0 !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .elementor-element-2993735 { max-width: 550px !important; padding: 28px 26px 26px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-element-2993735 { width: 100% !important; max-width: 100% !important; padding: 28px 20px 25px !important; } .elementor-element-2993735::before { left: 20px; width: 48px; } .elementor-element-2993735 .elementor-form-fields-wrapper { grid-template-columns: 1fr; row-gap: 9px; } .elementor-element-2993735 .elementor-field-group-name, .elementor-element-2993735 .elementor-field-group-field_ee3e6f1, .elementor-element-2993735 .elementor-field-group-field_8f4bc99, .elementor-element-2993735 .elementor-field-group-field_167f331, .elementor-element-2993735 .elementor-field-group-message, .elementor-element-2993735 .elementor-field-type-submit { grid-column: 1 / -1; } .elementor-element-2993735 .elementor-field { height: 46px !important; min-height: 46px !important; } .elementor-element-2993735 textarea.elementor-field { height: 92px !important; min-height: 92px !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .elementor-element-2993735 { padding: 26px 17px 23px !important; } .elementor-element-2993735::before { left: 17px; } .elementor-element-2993735 .elementor-heading-title { font-size: 26px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a11114e *//* ========================================================= 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 */