.elementor-2823 .elementor-element.elementor-element-9506a78{--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-2823 .elementor-element.elementor-element-1e9e3dd{--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-2823 .elementor-element.elementor-element-b590913{--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-2823 .elementor-element.elementor-element-104792b{--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-2823 .elementor-element.elementor-element-33d9f08{--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-2823 .elementor-element.elementor-element-8ae875e{--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-2823 .elementor-element.elementor-element-3aa8d6d{--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-2823 .elementor-element.elementor-element-3aa8d6d:not(.elementor-motion-effects-element-type-background), .elementor-2823 .elementor-element.elementor-element-3aa8d6d > .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-2823 .elementor-element.elementor-element-7439755{text-align:center;}.elementor-2823 .elementor-element.elementor-element-7439755 .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-2823 .elementor-element.elementor-element-0ecc785{padding:0px 100px 0px 100px;text-align:center;color:#E0E0E0;}.elementor-2823 .elementor-element.elementor-element-f30f6c5{text-align:center;}.elementor-2823 .elementor-element.elementor-element-f30f6c5 .elementor-heading-title{font-size:14px;color:#8A8A8A;}.elementor-2823 .elementor-element.elementor-element-b5d1980{--e-image-carousel-slides-to-show:3;padding:20px 0px 20px 0px;}.elementor-2823 .elementor-element.elementor-element-b5d1980 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-2823 .elementor-element.elementor-element-b5d1980 .elementor-swiper-button.elementor-swiper-button-next{font-size:20px;}.elementor-2823 .elementor-element.elementor-element-b5d1980 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:3px;--swiper-pagination-bullet-vertical-gap:3px;width:10px;height:10px;background:#D8B56A;}.elementor-2823 .elementor-element.elementor-element-b5d1980 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:#FFFFFF;opacity:1;}.elementor-2823 .elementor-element.elementor-element-b5d1980 .swiper-wrapper{display:flex;align-items:center;}.elementor-2823 .elementor-element.elementor-element-b5d1980 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:15px 15px 15px 15px;}.elementor-2823 .elementor-element.elementor-element-b5d1980 .elementor-image-carousel-caption{text-align:center;color:#FFFFFF;margin-block-start:20px;}.elementor-2823 .elementor-element.elementor-element-75b0180{--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-2823 .elementor-element.elementor-element-9dba370{--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-2823 .elementor-element.elementor-element-afaf70f{--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-2823 .elementor-element.elementor-element-afaf70f:not(.elementor-motion-effects-element-type-background), .elementor-2823 .elementor-element.elementor-element-afaf70f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F5F0;}.elementor-2823 .elementor-element.elementor-element-b756d0b{--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-2823 .elementor-element.elementor-element-28e17b8{--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-2823 .elementor-element.elementor-element-28e17b8:not(.elementor-motion-effects-element-type-background), .elementor-2823 .elementor-element.elementor-element-28e17b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2823 .elementor-element.elementor-element-9bf1dfc{padding:0px 0px 25px 0px;text-align:start;}.elementor-2823 .elementor-element.elementor-element-9bf1dfc .elementor-heading-title{color:#000000;}.elementor-2823 .elementor-element.elementor-element-177b4fe{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-2823 .elementor-element.elementor-element-468d152 .elementor-field-group{padding-right:calc( 0px/2 );padding-left:calc( 0px/2 );margin-bottom:16px;}.elementor-2823 .elementor-element.elementor-element-468d152 .elementor-form-fields-wrapper{margin-left:calc( -0px/2 );margin-right:calc( -0px/2 );margin-bottom:-16px;}.elementor-2823 .elementor-element.elementor-element-468d152 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2823 .elementor-element.elementor-element-468d152 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2823 .elementor-element.elementor-element-468d152 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-2823 .elementor-element.elementor-element-468d152 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-2823 .elementor-element.elementor-element-468d152 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-2823 .elementor-element.elementor-element-468d152 .elementor-field-type-html{padding-bottom:0px;}.elementor-2823 .elementor-element.elementor-element-468d152 .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-2823 .elementor-element.elementor-element-468d152 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF;border-width:0px 0px 0px 0px;border-radius:7px 7px 7px 7px;}.elementor-2823 .elementor-element.elementor-element-468d152 .e-form__buttons__wrapper__button-next{background-color:#D4B878;color:#000000;}.elementor-2823 .elementor-element.elementor-element-468d152 .elementor-button[type="submit"]{background-color:#D4B878;color:#000000;}.elementor-2823 .elementor-element.elementor-element-468d152 .elementor-button[type="submit"] svg *{fill:#000000;}.elementor-2823 .elementor-element.elementor-element-468d152 .e-form__buttons__wrapper__button-previous{background-color:#D4B878;color:#ffffff;}.elementor-2823 .elementor-element.elementor-element-468d152 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-2823 .elementor-element.elementor-element-468d152 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-2823 .elementor-element.elementor-element-468d152 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-2823 .elementor-element.elementor-element-468d152 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-2823 .elementor-element.elementor-element-468d152 .elementor-button{border-radius:50px 50px 50px 50px;padding:18px 24px 18px 24px;}.elementor-2823 .elementor-element.elementor-element-468d152{--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-2823 .elementor-element.elementor-element-85e717f{margin:0px 5px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}.elementor-2823 .elementor-element.elementor-element-28e17b8{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:15px;}}@media(max-width:767px){.elementor-2823 .elementor-element.elementor-element-0ecc785{padding:0px 20px 0px 20px;text-align:center;font-size:14px;}.elementor-2823 .elementor-element.elementor-element-afaf70f{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-2823 .elementor-element.elementor-element-b756d0b{--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-2823 .elementor-element.elementor-element-28e17b8{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2823 .elementor-element.elementor-element-9bf1dfc{padding:0px 0px 7px 0px;text-align:start;}.elementor-2823 .elementor-element.elementor-element-468d152{--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-2823 .elementor-element.elementor-element-b756d0b{--width:60%;}.elementor-2823 .elementor-element.elementor-element-28e17b8{--width:40%;}}/* Start custom CSS for html, class: .elementor-element-385d609 *//* ========================================================= SERDAR DÜZGÜN PROCEDURE HERO BODY CONTOURING ========================================================= */ .sd-procedure-hero { position: relative; width: 100%; min-height: 720px; display: flex; align-items: center; overflow: hidden; background: #10283C; } /* ========================================================= BACKGROUND IMAGE ========================================================= */ .sd-procedure-hero__bg { position: absolute; inset: 0; z-index: 0; background-image: url("https://serdarduzgun.com/wp-content/uploads/2026/07/3.-Body-Contouring-2-scaled.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; transform: scale(1.01); } /* ========================================================= OVERLAY ========================================================= */ .sd-procedure-hero__overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient( 90deg, rgba(8, 28, 43, 0.88) 0%, rgba(8, 28, 43, 0.72) 38%, rgba(8, 28, 43, 0.35) 70%, rgba(8, 28, 43, 0.20) 100% ); } /* ========================================================= CONTAINER ========================================================= */ .sd-procedure-hero__container { position: relative; z-index: 3; width: 100%; max-width: 1180px; margin: 0 auto; padding: 120px 30px 100px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(350px, 0.62fr); align-items: center; gap: 80px; } /* ========================================================= HERO CONTENT ========================================================= */ .sd-procedure-hero__content { max-width: 690px; } /* ========================================================= EYEBROW ========================================================= */ .sd-procedure-hero__eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 25px; font-family: "Inter", sans-serif; font-size: 12px; line-height: 1; font-weight: 600; letter-spacing: 2.8px; text-transform: uppercase; color: #D3B574; } .sd-procedure-hero__eyebrow span { display: block; width: 38px; height: 1px; background: #D3B574; } /* ========================================================= MAIN HEADING ========================================================= */ .sd-procedure-hero__content h1 { max-width: 720px; margin: 0 0 28px; font-family: "Fraunces", serif; font-size: clamp(54px, 6vw, 80px); line-height: 1.02; font-weight: 400; letter-spacing: -2px; color: #FFFFFF; } .sd-procedure-hero__content h1 em { display: block; font-style: italic; font-weight: 400; color: #D3B574; } /* ========================================================= DESCRIPTION ========================================================= */ .sd-procedure-hero__description { max-width: 610px; margin: 0; font-family: "Inter", sans-serif; font-size: 16px; line-height: 1.85; font-weight: 400; color: rgba(255, 255, 255, 0.78); } /* ========================================================= ACTIONS ========================================================= */ .sd-procedure-hero__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 15px; margin-top: 35px; } /* ========================================================= BUTTON ========================================================= */ .sd-procedure-hero__button { display: inline-flex; align-items: center; justify-content: center; gap: 13px; min-height: 52px; padding: 0 24px; font-family: "Inter", sans-serif; font-size: 12px; line-height: 1; font-weight: 600; text-decoration: none; transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, gap 0.25s ease; } .sd-procedure-hero__button span { font-size: 17px; line-height: 1; } /* ========================================================= PRIMARY ========================================================= */ .sd-procedure-hero__button--primary { background: #D3B574; border: 1px solid #D3B574; color: #10283C; } .sd-procedure-hero__button--primary:hover { gap: 17px; background: #FFFFFF; border-color: #FFFFFF; color: #10283C; } /* ========================================================= SECONDARY ========================================================= */ .sd-procedure-hero__button--secondary { background: rgba(16, 40, 60, 0.18); border: 1px solid rgba(255, 255, 255, 0.35); color: #FFFFFF !important; } .sd-procedure-hero__button--secondary:hover { border-color: #D3B574; color: #D3B574 !important; } /* ========================================================= INFORMATION PANEL ========================================================= */ .sd-procedure-hero__panel { position: relative; width: 100%; max-width: 430px; justify-self: end; padding: 32px; background: rgba(16, 40, 60, 0.82); border: 1px solid rgba(255, 255, 255, 0.14); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); box-shadow: 0 25px 60px rgba(0, 0, 0, 0.18); } /* ========================================================= GOLD TOP DETAIL ========================================================= */ .sd-procedure-hero__panel::before { content: ""; position: absolute; top: 0; left: 0; width: 60px; height: 2px; background: #D3B574; } /* ========================================================= PANEL TOP ========================================================= */ .sd-procedure-hero__panel-top { display: flex; align-items: flex-start; justify-content: space-between; } .sd-procedure-hero__panel-top > span { padding-top: 5px; font-family: "Inter", sans-serif; font-size: 10px; line-height: 1; font-weight: 600; letter-spacing: 1.8px; color: #D3B574; } .sd-procedure-hero__number { font-family: "Fraunces", serif; font-size: 46px; line-height: 1; font-weight: 400; color: rgba(211, 181, 116, 0.28); } /* ========================================================= PANEL LINE ========================================================= */ .sd-procedure-hero__panel-line { width: 40px; height: 1px; margin: 23px 0 25px; background: rgba(211, 181, 116, 0.65); } /* ========================================================= INFORMATION GRID ========================================================= */ .sd-procedure-hero__info-grid { display: grid; grid-template-columns: 1fr 1fr; } /* ========================================================= INFORMATION ITEM ========================================================= */ .sd-procedure-hero__info { min-height: 88px; padding: 18px 15px 18px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .sd-procedure-hero__info:nth-child(odd) { padding-right: 18px; border-right: 1px solid rgba(255, 255, 255, 0.12); } .sd-procedure-hero__info:nth-child(even) { padding-left: 18px; } /* ========================================================= INFORMATION LABEL ========================================================= */ .sd-procedure-hero__info span { display: block; margin-bottom: 8px; font-family: "Inter", sans-serif; font-size: 9px; line-height: 1; font-weight: 600; letter-spacing: 1.5px; color: rgba(211, 181, 116, 0.85); } /* ========================================================= INFORMATION VALUE ========================================================= */ .sd-procedure-hero__info strong { display: block; font-family: "Inter", sans-serif; font-size: 13px; line-height: 1.5; font-weight: 500; color: #FFFFFF; } /* ========================================================= PANEL BOTTOM MESSAGE ========================================================= */ .sd-procedure-hero__panel-bottom { display: flex; align-items: flex-start; gap: 11px; padding-top: 21px; } .sd-procedure-hero__panel-bottom > span { flex-shrink: 0; margin-top: 3px; font-size: 11px; line-height: 1; color: #D3B574; } .sd-procedure-hero__panel-bottom p { margin: 0; font-family: "Inter", sans-serif; font-size: 11px; line-height: 1.7; color: rgba(255, 255, 255, 0.62); } /* ========================================================= SCROLL INDICATOR ========================================================= */ .sd-procedure-hero__scroll { position: absolute; z-index: 4; left: 50%; bottom: 28px; transform: translateX(-50%); display: flex; align-items: center; gap: 10px; font-family: "Inter", sans-serif; font-size: 9px; line-height: 1; font-weight: 600; letter-spacing: 1.8px; text-decoration: none; color: rgba(255, 255, 255, 0.58); } .sd-procedure-hero__scroll span { display: block; width: 28px; height: 1px; background: #D3B574; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sd-procedure-hero { min-height: 680px; } .sd-procedure-hero__container { padding: 105px 30px 90px; grid-template-columns: minmax(0, 1fr) minmax(320px, 0.65fr); gap: 50px; } .sd-procedure-hero__content h1 { font-size: 62px; } .sd-procedure-hero__description { font-size: 15px; } .sd-procedure-hero__panel { padding: 29px; } .sd-procedure-hero__info strong { font-size: 12px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sd-procedure-hero { min-height: auto; } .sd-procedure-hero__bg { background-position: 58% center; } .sd-procedure-hero__overlay { background: linear-gradient( 180deg, rgba(8, 28, 43, 0.78) 0%, rgba(8, 28, 43, 0.82) 48%, rgba(8, 28, 43, 0.94) 100% ); } .sd-procedure-hero__container { display: flex; flex-direction: column; align-items: stretch; gap: 50px; padding: 90px 20px 85px; } /* HERO CONTENT */ .sd-procedure-hero__content { max-width: none; } /* EYEBROW */ .sd-procedure-hero__eyebrow { margin-bottom: 20px; font-size: 10px; letter-spacing: 2px; } .sd-procedure-hero__eyebrow span { width: 28px; } /* HEADING */ .sd-procedure-hero__content h1 { margin-bottom: 23px; font-size: clamp(46px, 12vw, 60px); line-height: 1.03; letter-spacing: -1.2px; } /* DESCRIPTION */ .sd-procedure-hero__description { font-size: 14px; line-height: 1.8; } /* ACTIONS */ .sd-procedure-hero__actions { flex-direction: column; align-items: stretch; gap: 10px; margin-top: 28px; } .sd-procedure-hero__button { width: 100%; min-height: 51px; font-size: 12px; } /* INFORMATION PANEL */ .sd-procedure-hero__panel { max-width: none; padding: 27px 20px; } .sd-procedure-hero__panel-top > span { font-size: 9px; } .sd-procedure-hero__number { font-size: 39px; } .sd-procedure-hero__info { min-height: 80px; } .sd-procedure-hero__info span { font-size: 8px; } .sd-procedure-hero__info strong { font-size: 11.5px; line-height: 1.5; } .sd-procedure-hero__panel-bottom p { font-size: 10px; line-height: 1.7; } /* SCROLL */ .sd-procedure-hero__scroll { display: none; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .sd-procedure-hero__container { padding: 95px 18px 65px; gap: 40px; } .sd-procedure-hero__eyebrow { font-size: 9.5px; } .sd-procedure-hero__content h1 { font-size: 44px; line-height: 1.03; } .sd-procedure-hero__description { font-size: 13.5px; line-height: 1.8; } .sd-procedure-hero__button { min-height: 50px; font-size: 11.5px; } .sd-procedure-hero__panel { padding: 25px 17px; } .sd-procedure-hero__panel-top > span { font-size: 8.5px; } .sd-procedure-hero__number { font-size: 37px; } .sd-procedure-hero__info { min-height: 78px; padding-top: 15px; padding-bottom: 15px; } .sd-procedure-hero__info span { font-size: 8px; } .sd-procedure-hero__info:nth-child(even) { padding-left: 13px; } .sd-procedure-hero__info:nth-child(odd) { padding-right: 13px; } .sd-procedure-hero__info strong { font-size: 10.5px; line-height: 1.5; } .sd-procedure-hero__panel-bottom p { font-size: 9.5px; line-height: 1.7; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-d181981 *//* ========================================================= SERDAR DÜZGÜN PROCEDURE — SECTION 2 INTRODUCTION BODY CONTOURING ========================================================= */ .sd-introduction { position: relative; width: 100%; padding: 110px 30px 115px; background: #FFFFFF; overflow: hidden; } /* ========================================================= CONTAINER ========================================================= */ .sd-introduction__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.75fr); align-items: center; gap: 90px; } /* ========================================================= CONTENT ========================================================= */ .sd-introduction__content { max-width: 650px; } /* ========================================================= EYEBROW ========================================================= */ .sd-introduction__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.4px; text-transform: uppercase; color: #A28143; } .sd-introduction__eyebrow span { display: block; width: 34px; height: 1px; background: #C8A85F; } /* ========================================================= HEADING ========================================================= */ .sd-introduction__content h2 { margin: 0 0 28px; 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-introduction__content h2 em { display: block; font-style: italic; font-weight: 400; color: #B18D4A; } /* ========================================================= BODY TEXT ========================================================= */ .sd-introduction__content > p { max-width: 620px; margin: 0 0 17px; font-family: "Inter", sans-serif; font-size: 16px; line-height: 1.85; font-weight: 400; color: #65747F; } .sd-introduction__lead { font-weight: 500 !important; color: #394E60 !important; } /* ========================================================= RIGHT VISUAL ========================================================= */ .sd-introduction__visual { position: relative; width: 100%; max-width: 480px; justify-self: end; padding-bottom: 55px; } /* ========================================================= IMAGE ========================================================= */ .sd-introduction__image { position: relative; width: 100%; height: 590px; overflow: hidden; background-image: url("https://serdarduzgun.com/wp-content/uploads/2026/08/body-count-hero.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; } /* ========================================================= IMAGE OVERLAY ========================================================= */ .sd-introduction__image-overlay { position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(16, 40, 60, 0.02) 45%, rgba(16, 40, 60, 0.38) 100% ); } /* ========================================================= FLOATING CARD ========================================================= */ .sd-introduction__card { position: absolute; right: -18px; bottom: 0; z-index: 3; width: calc(100% - 65px); min-height: 125px; display: flex; flex-direction: column; justify-content: center; padding: 22px 26px; background: #10283C; box-shadow: 0 18px 45px rgba(16, 40, 60, 0.16); } /* ========================================================= GOLD DETAIL ========================================================= */ .sd-introduction__card::before { content: ""; position: absolute; top: 0; left: 0; width: 55px; height: 2px; background: #D3B574; } /* ========================================================= CARD LABEL ========================================================= */ .sd-introduction__card > span { display: block; margin-bottom: 9px; font-family: "Inter", sans-serif; font-size: 11px; line-height: 1.2; font-weight: 600; letter-spacing: 1.7px; color: #D3B574; } /* ========================================================= CARD TITLE ========================================================= */ .sd-introduction__card strong { display: block; font-family: "Fraunces", serif; font-size: 28px; line-height: 1.15; font-weight: 400; color: #FFFFFF; } .sd-introduction__card strong em { font-style: italic; color: #D3B574; } /* ========================================================= BOTTOM STATEMENT ========================================================= */ .sd-introduction__bottom { position: relative; z-index: 3; width: calc(100% - 110px); max-width: 790px; min-height: 95px; margin: 35px auto 0; padding: 20px 25px; display: grid; grid-template-columns: 55px 1px 1fr; align-items: center; gap: 18px; background: #F7F5F0; border-top: 1px solid #DDD8CE; } /* ========================================================= NUMBER ========================================================= */ .sd-introduction__bottom-number { font-family: "Fraunces", serif; font-size: 37px; line-height: 1; color: #B18D4A; } /* ========================================================= DIVIDER ========================================================= */ .sd-introduction__bottom-line { width: 1px; height: 42px; background: #D8D2C8; } /* ========================================================= STATEMENT ========================================================= */ .sd-introduction__bottom p { max-width: 560px; margin: 0; font-family: "Inter", sans-serif; font-size: 13px; line-height: 1.75; color: #687782; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sd-introduction { padding: 90px 30px 95px; } .sd-introduction__container { grid-template-columns: minmax(0, 1fr) minmax(340px, 0.75fr); gap: 55px; } .sd-introduction__content h2 { font-size: 52px; } .sd-introduction__content > p { font-size: 15px; line-height: 1.85; } .sd-introduction__image { height: 530px; } .sd-introduction__card { right: -10px; width: calc(100% - 45px); } .sd-introduction__card > span { font-size: 10px; } .sd-introduction__card strong { font-size: 26px; } .sd-introduction__bottom { width: calc(100% - 70px); } .sd-introduction__bottom p { font-size: 12px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sd-introduction { padding: 70px 20px 75px; } .sd-introduction__container { display: flex; flex-direction: column; align-items: stretch; gap: 45px; } /* CONTENT */ .sd-introduction__content { max-width: none; } /* EYEBROW */ .sd-introduction__eyebrow { margin-bottom: 18px; font-size: 10px; line-height: 1.2; letter-spacing: 2px; } .sd-introduction__eyebrow span { width: 28px; } /* HEADING */ .sd-introduction__content h2 { margin-bottom: 21px; font-size: clamp(40px, 11vw, 52px); line-height: 1.05; letter-spacing: -1px; } /* TEXT */ .sd-introduction__content > p { font-size: 14px; line-height: 1.85; } /* VISUAL */ .sd-introduction__visual { max-width: none; padding-bottom: 48px; } .sd-introduction__image { height: 420px; } .sd-introduction__card { right: -5px; width: calc(100% - 35px); min-height: 100px; padding: 18px; } .sd-introduction__card > span { font-size: 9px; letter-spacing: 1.5px; } .sd-introduction__card strong { font-size: 23px; } /* BOTTOM */ .sd-introduction__bottom { width: calc(100% - 35px); min-height: 85px; grid-template-columns: 48px 1px 1fr; gap: 14px; margin-top: 28px; padding: 17px; } .sd-introduction__bottom-number { font-size: 31px; } .sd-introduction__bottom p { font-size: 11px; line-height: 1.7; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .sd-introduction { padding: 60px 18px 65px; } .sd-introduction__container { gap: 38px; } .sd-introduction__content h2 { font-size: 40px; } .sd-introduction__content > p { font-size: 13.5px; line-height: 1.8; } .sd-introduction__image { height: 360px; } .sd-introduction__card { width: calc(100% - 22px); padding: 16px; } .sd-introduction__card > span { font-size: 8.5px; } .sd-introduction__card strong { font-size: 21px; } .sd-introduction__bottom { width: calc(100% - 22px); padding: 15px 14px; } .sd-introduction__bottom-number { font-size: 28px; } .sd-introduction__bottom p { font-size: 10.5px; line-height: 1.7; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-75c520f *//* ========================================================= SERDAR DÜZGÜN PROCEDURE — SECTION 3 PERSONALIZING BODY CONTOURING ========================================================= */ .sd-personalizing { position: relative; width: 100%; padding: 110px 30px; background: #F7F5F0; overflow: hidden; } /* ========================================================= CONTAINER ========================================================= */ .sd-personalizing__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.75fr); align-items: center; gap: 90px; } /* ========================================================= LEFT CONTENT ========================================================= */ .sd-personalizing__content { max-width: 650px; } /* ========================================================= EYEBROW ========================================================= */ .sd-personalizing__eyebrow { display: flex; align-items: 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-personalizing__eyebrow span { display: block; width: 34px; height: 1px; background: #C8A85F; } /* ========================================================= HEADING ========================================================= */ .sd-personalizing__content h2 { margin: 0 0 28px; 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-personalizing__content h2 em { display: block; font-style: italic; font-weight: 400; color: #B18D4A; } /* ========================================================= TEXT ========================================================= */ .sd-personalizing__content > p { max-width: 620px; margin: 0 0 18px; font-family: "Inter", sans-serif; font-size: 16px; line-height: 1.85; font-weight: 400; color: #65747F; } .sd-personalizing__lead { font-weight: 500 !important; color: #394E60 !important; } /* ========================================================= RIGHT SIDE ========================================================= */ .sd-personalizing__side { width: 100%; max-width: 460px; justify-self: end; } /* ========================================================= MAIN CARD ========================================================= */ .sd-personalizing__card { position: relative; padding: 36px; background: #10283C; box-shadow: 0 20px 50px rgba(16, 40, 60, 0.13); } /* ========================================================= GOLD TOP DETAIL ========================================================= */ .sd-personalizing__card::before { content: ""; position: absolute; top: 0; left: 0; width: 58px; height: 2px; background: #D3B574; } /* ========================================================= CARD TOP ========================================================= */ .sd-personalizing__card-top { display: flex; align-items: flex-start; justify-content: space-between; } .sd-personalizing__card-top > span { padding-top: 5px; font-family: "Inter", sans-serif; font-size: 11px; line-height: 1; font-weight: 600; letter-spacing: 1.7px; color: #D3B574; } .sd-personalizing__number { font-family: "Fraunces", serif; font-size: 43px; line-height: 1; font-weight: 400; color: rgba(211, 181, 116, 0.28); } /* ========================================================= CARD LINE ========================================================= */ .sd-personalizing__line { width: 40px; height: 1px; margin: 25px 0 22px; background: rgba(211, 181, 116, 0.65); } /* ========================================================= CARD HEADING ========================================================= */ .sd-personalizing__card h3 { margin: 0 0 17px; font-family: "Fraunces", serif; font-size: 32px; line-height: 1.15; font-weight: 400; color: #FFFFFF; } .sd-personalizing__card h3 em { display: block; font-style: italic; color: #D3B574; } /* ========================================================= CARD DESCRIPTION ========================================================= */ .sd-personalizing__card > p { max-width: 370px; margin: 0; font-family: "Inter", sans-serif; font-size: 14px; line-height: 1.8; color: rgba(255, 255, 255, 0.70); } /* ========================================================= FOCUS GRID ========================================================= */ .sd-personalizing__focus { display: grid; grid-template-columns: 1fr 1fr; margin-top: 28px; border-top: 1px solid rgba(255, 255, 255, 0.14); } /* ========================================================= FOCUS ITEM ========================================================= */ .sd-personalizing__focus-item { display: flex; flex-direction: column; gap: 8px; min-height: 84px; padding: 17px 15px 15px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.14); } .sd-personalizing__focus-item:nth-child(odd) { padding-right: 18px; border-right: 1px solid rgba(255, 255, 255, 0.14); } .sd-personalizing__focus-item:nth-child(even) { padding-left: 18px; } /* ========================================================= FOCUS NUMBER ========================================================= */ .sd-personalizing__focus-item span { font-family: "Fraunces", serif; font-size: 16px; line-height: 1; color: #D3B574; } /* ========================================================= FOCUS TITLE ========================================================= */ .sd-personalizing__focus-item strong { font-family: "Inter", sans-serif; font-size: 12px; line-height: 1.5; font-weight: 600; color: #FFFFFF; } /* ========================================================= BOTTOM NOTE ========================================================= */ .sd-personalizing__note { display: flex; align-items: flex-start; gap: 12px; margin-top: 24px; padding: 20px 22px; background: #FFFFFF; border-left: 2px solid #D3B574; } .sd-personalizing__note > span { flex-shrink: 0; margin-top: 3px; font-size: 13px; line-height: 1; color: #B18D4A; } .sd-personalizing__note p { margin: 0; font-family: "Inter", sans-serif; font-size: 13px; line-height: 1.7; color: #6B7983; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sd-personalizing { padding: 90px 30px; } .sd-personalizing__container { grid-template-columns: minmax(0, 1fr) minmax(330px, 0.75fr); gap: 55px; } .sd-personalizing__content h2 { font-size: 52px; } .sd-personalizing__content > p { font-size: 15px; line-height: 1.85; } .sd-personalizing__card { padding: 30px; } .sd-personalizing__card h3 { font-size: 28px; } .sd-personalizing__card > p { font-size: 13px; } .sd-personalizing__focus-item strong { font-size: 11px; } .sd-personalizing__note p { font-size: 12px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sd-personalizing { padding: 70px 20px; } .sd-personalizing__container { display: flex; flex-direction: column; align-items: stretch; gap: 45px; } /* CONTENT */ .sd-personalizing__content { max-width: none; } /* EYEBROW */ .sd-personalizing__eyebrow { margin-bottom: 18px; font-size: 10px; letter-spacing: 2px; } .sd-personalizing__eyebrow span { width: 28px; } /* HEADING */ .sd-personalizing__content h2 { margin-bottom: 21px; font-size: clamp(40px, 11vw, 52px); line-height: 1.05; letter-spacing: -1px; } /* TEXT */ .sd-personalizing__content > p { font-size: 15px; line-height: 1.8; } /* SIDE */ .sd-personalizing__side { max-width: none; } /* CARD */ .sd-personalizing__card { padding: 29px 22px 28px; } .sd-personalizing__number { font-size: 36px; } .sd-personalizing__card h3 { font-size: 26px; line-height: 1.15; } .sd-personalizing__card > p { font-size: 13px; line-height: 1.8; } /* FOCUS */ .sd-personalizing__focus { margin-top: 26px; } .sd-personalizing__focus-item { min-height: 78px; padding-top: 16px; padding-bottom: 14px; } .sd-personalizing__focus-item span { font-size: 15px; } .sd-personalizing__focus-item strong { font-size: 10.5px; line-height: 1.5; } /* NOTE */ .sd-personalizing__note { padding: 18px; } .sd-personalizing__note p { font-size: 11px; line-height: 1.7; } .sd-personalizing__note > span { font-size: 12px; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .sd-personalizing { padding: 60px 18px; } .sd-personalizing__container { gap: 38px; } .sd-personalizing__content h2 { font-size: 40px; } .sd-personalizing__content > p { font-size: 14px; line-height: 1.8; } .sd-personalizing__eyebrow { font-size: 9.5px; } .sd-personalizing__card { padding: 26px 18px 25px; } .sd-personalizing__card h3 { font-size: 24px; } .sd-personalizing__card > p { font-size: 12.5px; line-height: 1.8; } .sd-personalizing__focus-item { padding-top: 14px; padding-bottom: 13px; } .sd-personalizing__focus-item:nth-child(even) { padding-left: 13px; } .sd-personalizing__focus-item:nth-child(odd) { padding-right: 13px; } .sd-personalizing__focus-item strong { font-size: 10px; line-height: 1.5; } .sd-personalizing__note { padding: 17px; } .sd-personalizing__note p { font-size: 10.5px; line-height: 1.7; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-aec155a *//* ========================================================= SERDAR DÜZGÜN PROCEDURE — SECTION 4 WHO IS A GOOD CANDIDATE? BODY CONTOURING ========================================================= */ .sd-candidate { position: relative; width: 100%; padding: 110px 30px; background: #FFFFFF; overflow: hidden; } /* ========================================================= CONTAINER ========================================================= */ .sd-candidate__container { position: relative; z-index: 2; width: 100%; max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: minmax(390px, 0.78fr) minmax(0, 1fr); align-items: center; gap: 90px; } /* ========================================================= LEFT VISUAL ========================================================= */ .sd-candidate__visual { position: relative; width: 100%; max-width: 480px; justify-self: start; padding-bottom: 55px; } /* ========================================================= IMAGE ========================================================= */ .sd-candidate__image { position: relative; width: 100%; height: 610px; overflow: hidden; background-image: url("https://serdarduzgun.com/wp-content/uploads/2026/08/body-counting.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; } /* ========================================================= IMAGE OVERLAY ========================================================= */ .sd-candidate__image-overlay { position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(16, 40, 60, 0.02) 40%, rgba(16, 40, 60, 0.42) 100% ); } /* ========================================================= FLOATING CARD ========================================================= */ .sd-candidate__visual-card { position: absolute; right: -18px; bottom: 0; z-index: 3; width: calc(100% - 65px); min-height: 125px; display: flex; flex-direction: column; justify-content: center; padding: 22px 26px; background: #10283C; box-shadow: 0 18px 45px rgba(16, 40, 60, 0.16); } /* ========================================================= GOLD DETAIL ========================================================= */ .sd-candidate__visual-card::before { content: ""; position: absolute; top: 0; left: 0; width: 55px; height: 2px; background: #D3B574; } /* ========================================================= CARD LABEL ========================================================= */ .sd-candidate__visual-card span { display: block; margin-bottom: 10px; font-family: "Inter", sans-serif; font-size: 11px; line-height: 1.2; font-weight: 600; letter-spacing: 1.7px; color: #D3B574; } /* ========================================================= CARD TITLE ========================================================= */ .sd-candidate__visual-card strong { display: block; font-family: "Fraunces", serif; font-size: 29px; line-height: 1.12; font-weight: 400; color: #FFFFFF; } .sd-candidate__visual-card strong em { font-style: italic; color: #D3B574; } /* ========================================================= RIGHT CONTENT ========================================================= */ .sd-candidate__content { max-width: 650px; } /* ========================================================= EYEBROW ========================================================= */ .sd-candidate__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.4px; text-transform: uppercase; color: #A28143; } .sd-candidate__eyebrow span { display: block; width: 34px; height: 1px; background: #C8A85F; } /* ========================================================= HEADING ========================================================= */ .sd-candidate__content h2 { margin: 0 0 28px; 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-candidate__content h2 em { display: block; font-style: italic; font-weight: 400; color: #B18D4A; } /* ========================================================= INTRO TEXT ========================================================= */ .sd-candidate__content > p { max-width: 620px; margin: 0 0 18px; font-family: "Inter", sans-serif; font-size: 16px; line-height: 1.85; font-weight: 400; color: #65747F; } .sd-candidate__lead { font-weight: 500 !important; color: #394E60 !important; } /* ========================================================= CANDIDATE LIST ========================================================= */ .sd-candidate__list { margin-top: 32px; border-top: 1px solid #DDD8CE; } /* ========================================================= CANDIDATE ITEM ========================================================= */ .sd-candidate__item { display: grid; grid-template-columns: 45px 1fr; gap: 15px; padding: 20px 0; border-bottom: 1px solid #DDD8CE; } /* ========================================================= NUMBER ========================================================= */ .sd-candidate__number { padding-top: 2px; font-family: "Fraunces", serif; font-size: 19px; line-height: 1.3; color: #B18D4A; } /* ========================================================= TITLE ========================================================= */ .sd-candidate__item strong { display: block; margin-bottom: 6px; font-family: "Inter", sans-serif; font-size: 14px; line-height: 1.45; font-weight: 600; color: #10283C; } /* ========================================================= DESCRIPTION ========================================================= */ .sd-candidate__item p { max-width: 520px; margin: 0; font-family: "Inter", sans-serif; font-size: 13px; line-height: 1.75; color: #7A8791; } /* ========================================================= NOTE ========================================================= */ .sd-candidate__note { display: flex; align-items: flex-start; gap: 12px; margin-top: 24px; padding: 20px 22px; background: #F7F5F0; border-left: 2px solid #D3B574; } .sd-candidate__note > span { flex-shrink: 0; margin-top: 3px; font-size: 13px; line-height: 1; color: #B18D4A; } .sd-candidate__note p { margin: 0; font-family: "Inter", sans-serif; font-size: 13px; line-height: 1.7; color: #6B7983; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sd-candidate { padding: 90px 30px; } .sd-candidate__container { grid-template-columns: minmax(330px, 0.75fr) minmax(0, 1fr); gap: 55px; } .sd-candidate__image { height: 530px; } .sd-candidate__content h2 { font-size: 52px; } .sd-candidate__content > p { font-size: 15px; line-height: 1.85; } .sd-candidate__visual-card { right: -10px; width: calc(100% - 45px); } .sd-candidate__visual-card strong { font-size: 27px; } .sd-candidate__item strong { font-size: 13px; } .sd-candidate__item p { font-size: 12px; line-height: 1.75; } .sd-candidate__note p { font-size: 12px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sd-candidate { padding: 70px 20px; } .sd-candidate__container { display: flex; flex-direction: column; align-items: stretch; gap: 45px; } /* VISUAL */ .sd-candidate__visual { max-width: none; padding-bottom: 48px; order: 2; } .sd-candidate__image { height: 420px; } .sd-candidate__visual-card { right: -5px; width: calc(100% - 35px); min-height: 100px; padding: 18px; } .sd-candidate__visual-card span { font-size: 10px; margin-bottom: 9px; } .sd-candidate__visual-card strong { font-size: 23px; } /* CONTENT */ .sd-candidate__content { max-width: none; order: 1; } /* EYEBROW */ .sd-candidate__eyebrow { margin-bottom: 18px; font-size: 10px; letter-spacing: 2px; } .sd-candidate__eyebrow span { width: 28px; } /* HEADING */ .sd-candidate__content h2 { margin-bottom: 21px; font-size: clamp(40px, 11vw, 52px); line-height: 1.05; letter-spacing: -1px; } /* TEXT */ .sd-candidate__content > p { font-size: 15px; line-height: 1.8; } /* LIST */ .sd-candidate__list { margin-top: 28px; } .sd-candidate__item { grid-template-columns: 38px 1fr; gap: 11px; padding: 17px 0; } .sd-candidate__number { font-size: 17px; } .sd-candidate__item strong { margin-bottom: 5px; font-size: 12px; line-height: 1.5; } .sd-candidate__item p { font-size: 11.5px; line-height: 1.7; } /* NOTE */ .sd-candidate__note { padding: 18px; } .sd-candidate__note p { font-size: 11px; line-height: 1.7; } .sd-candidate__note > span { font-size: 12px; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .sd-candidate { padding: 60px 18px; } .sd-candidate__container { gap: 38px; } .sd-candidate__content h2 { font-size: 40px; } .sd-candidate__content > p { font-size: 14px; line-height: 1.8; } .sd-candidate__eyebrow { font-size: 9.5px; } .sd-candidate__image { height: 360px; } .sd-candidate__visual-card { width: calc(100% - 22px); padding: 16px; } .sd-candidate__visual-card span { font-size: 9.5px; } .sd-candidate__visual-card strong { font-size: 21px; } .sd-candidate__item { grid-template-columns: 34px 1fr; gap: 9px; padding: 16px 0; } .sd-candidate__number { font-size: 16px; } .sd-candidate__item strong { font-size: 11.5px; } .sd-candidate__item p { font-size: 11px; line-height: 1.7; } .sd-candidate__note { padding: 17px; } .sd-candidate__note p { font-size: 10.5px; line-height: 1.7; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0372559 *//* ========================================================= SERDAR DÜZGÜN PROCEDURE — SECTION 5 PREPARING FOR THE PROCEDURE BODY CONTOURING ========================================================= */ .sd-preparing { position: relative; width: 100%; padding: 110px 30px; background: #F7F5F0; overflow: hidden; } /* ========================================================= CONTAINER ========================================================= */ .sd-preparing__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.75fr); align-items: center; gap: 90px; } /* ========================================================= LEFT CONTENT ========================================================= */ .sd-preparing__content { max-width: 650px; } /* ========================================================= EYEBROW ========================================================= */ .sd-preparing__eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; font-family: "Inter", sans-serif; font-size: 12px; line-height: 1; font-weight: 600; letter-spacing: 2.2px; text-transform: uppercase; color: #A28143; } .sd-preparing__eyebrow span { display: block; width: 36px; height: 1px; background: #C8A85F; } /* ========================================================= HEADING ========================================================= */ .sd-preparing__content h2 { margin: 0 0 28px; font-family: "Fraunces", serif; font-size: clamp(46px, 4.8vw, 64px); line-height: 1.06; font-weight: 400; letter-spacing: -1.5px; color: #10283C; } .sd-preparing__content h2 em { display: block; font-style: italic; font-weight: 400; color: #B18D4A; } /* ========================================================= INTRO TEXT ========================================================= */ .sd-preparing__content > p { max-width: 620px; margin: 0 0 18px; font-family: "Inter", sans-serif; font-size: 16px; line-height: 1.85; font-weight: 400; color: #65747F; } .sd-preparing__lead { font-weight: 500 !important; color: #394E60 !important; } /* ========================================================= CHECKLIST ========================================================= */ .sd-preparing__checklist { margin-top: 34px; border-top: 1px solid #DDD8CE; } /* ========================================================= CHECKLIST ITEM ========================================================= */ .sd-preparing__item { display: grid; grid-template-columns: 48px 1fr; gap: 16px; padding: 21px 0; border-bottom: 1px solid #DDD8CE; } /* ========================================================= NUMBER ========================================================= */ .sd-preparing__number { padding-top: 2px; font-family: "Fraunces", serif; font-size: 20px; line-height: 1.3; color: #B18D4A; } /* ========================================================= TITLE ========================================================= */ .sd-preparing__item strong { display: block; margin-bottom: 6px; font-family: "Inter", sans-serif; font-size: 14px; line-height: 1.45; font-weight: 600; color: #10283C; } /* ========================================================= DESCRIPTION ========================================================= */ .sd-preparing__item p { max-width: 520px; margin: 0; font-family: "Inter", sans-serif; font-size: 13px; line-height: 1.75; color: #7A8791; } /* ========================================================= RIGHT SIDE ========================================================= */ .sd-preparing__side { width: 100%; max-width: 460px; justify-self: end; } /* ========================================================= MAIN CARD ========================================================= */ .sd-preparing__card { position: relative; padding: 38px; background: #10283C; box-shadow: 0 20px 50px rgba(16, 40, 60, 0.13); } /* ========================================================= GOLD TOP DETAIL ========================================================= */ .sd-preparing__card::before { content: ""; position: absolute; top: 0; left: 0; width: 60px; height: 2px; background: #D3B574; } /* ========================================================= CARD TOP ========================================================= */ .sd-preparing__card-top { display: flex; align-items: flex-start; justify-content: space-between; } .sd-preparing__card-top > span { padding-top: 5px; font-family: "Inter", sans-serif; font-size: 11px; line-height: 1; font-weight: 600; letter-spacing: 1.5px; color: #D3B574; } .sd-preparing__number-large { font-family: "Fraunces", serif; font-size: 46px; line-height: 1; font-weight: 400; color: rgba(211, 181, 116, 0.28); } /* ========================================================= CARD LINE ========================================================= */ .sd-preparing__line { width: 42px; height: 1px; margin: 26px 0 24px; background: rgba(211, 181, 116, 0.65); } /* ========================================================= CARD HEADING ========================================================= */ .sd-preparing__card h3 { margin: 0 0 17px; font-family: "Fraunces", serif; font-size: 34px; line-height: 1.15; font-weight: 400; color: #FFFFFF; } .sd-preparing__card h3 em { display: block; font-style: italic; color: #D3B574; } /* ========================================================= CARD DESCRIPTION ========================================================= */ .sd-preparing__card > p { max-width: 370px; margin: 0; font-family: "Inter", sans-serif; font-size: 14px; line-height: 1.8; color: rgba(255, 255, 255, 0.68); } /* ========================================================= TIPS ========================================================= */ .sd-preparing__tips { margin-top: 29px; border-top: 1px solid rgba(255, 255, 255, 0.14); } /* ========================================================= TIP ========================================================= */ .sd-preparing__tip { display: flex; align-items: flex-start; gap: 13px; padding: 17px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.14); } .sd-preparing__tip > span { flex-shrink: 0; margin-top: 3px; font-size: 12px; line-height: 1; color: #D3B574; } .sd-preparing__tip strong { font-family: "Inter", sans-serif; font-size: 13px; line-height: 1.55; font-weight: 500; color: #FFFFFF; } /* ========================================================= NOTE ========================================================= */ .sd-preparing__note { margin-top: 25px; padding: 21px 23px; background: #FFFFFF; border-left: 2px solid #D3B574; } .sd-preparing__note > span { display: block; margin-bottom: 10px; font-family: "Inter", sans-serif; font-size: 11px; line-height: 1; font-weight: 600; letter-spacing: 1.5px; color: #A28143; } .sd-preparing__note p { margin: 0; font-family: "Inter", sans-serif; font-size: 13px; line-height: 1.7; color: #6B7983; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sd-preparing { padding: 90px 30px; } .sd-preparing__container { grid-template-columns: minmax(0, 1fr) minmax(330px, 0.75fr); gap: 55px; } .sd-preparing__eyebrow { font-size: 11px; } .sd-preparing__content h2 { font-size: 52px; } .sd-preparing__content > p { font-size: 15px; line-height: 1.8; } .sd-preparing__item { grid-template-columns: 44px 1fr; gap: 14px; } .sd-preparing__number { font-size: 19px; } .sd-preparing__item strong { font-size: 13px; } .sd-preparing__item p { font-size: 12px; } .sd-preparing__card { padding: 32px; } .sd-preparing__card h3 { font-size: 30px; } .sd-preparing__card > p { font-size: 13px; } .sd-preparing__tip strong { font-size: 12px; } .sd-preparing__note p { font-size: 12px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sd-preparing { padding: 70px 20px; } .sd-preparing__container { display: flex; flex-direction: column; align-items: stretch; gap: 45px; } /* CONTENT */ .sd-preparing__content { max-width: none; } /* EYEBROW */ .sd-preparing__eyebrow { margin-bottom: 18px; font-size: 10px; letter-spacing: 1.9px; } .sd-preparing__eyebrow span { width: 28px; } /* HEADING */ .sd-preparing__content h2 { margin-bottom: 21px; font-size: clamp(40px, 11vw, 52px); line-height: 1.05; letter-spacing: -1px; } /* TEXT */ .sd-preparing__content > p { font-size: 15px; line-height: 1.8; } /* CHECKLIST */ .sd-preparing__checklist { margin-top: 29px; } .sd-preparing__item { grid-template-columns: 40px 1fr; gap: 12px; padding: 18px 0; } .sd-preparing__number { font-size: 18px; } .sd-preparing__item strong { margin-bottom: 6px; font-size: 13px; line-height: 1.45; } .sd-preparing__item p { font-size: 12px; line-height: 1.7; } /* SIDE */ .sd-preparing__side { max-width: none; } /* CARD */ .sd-preparing__card { padding: 30px 22px 29px; } .sd-preparing__card-top > span { font-size: 10px; } .sd-preparing__number-large { font-size: 38px; } .sd-preparing__line { margin: 23px 0 21px; } .sd-preparing__card h3 { font-size: 27px; } .sd-preparing__card > p { font-size: 12.5px; line-height: 1.75; } /* TIPS */ .sd-preparing__tip { padding: 15px 0; gap: 11px; } .sd-preparing__tip > span { font-size: 11px; } .sd-preparing__tip strong { font-size: 11.5px; line-height: 1.55; } /* NOTE */ .sd-preparing__note { padding: 19px; } .sd-preparing__note > span { font-size: 10px; } .sd-preparing__note p { font-size: 11.5px; line-height: 1.7; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .sd-preparing { padding: 60px 18px; } .sd-preparing__container { gap: 38px; } /* EYEBROW */ .sd-preparing__eyebrow { font-size: 9.5px; letter-spacing: 1.7px; } /* HEADING */ .sd-preparing__content h2 { font-size: 40px; } /* TEXT */ .sd-preparing__content > p { font-size: 14px; line-height: 1.8; } /* CHECKLIST */ .sd-preparing__item { grid-template-columns: 35px 1fr; gap: 9px; padding: 17px 0; } .sd-preparing__number { font-size: 17px; } .sd-preparing__item strong { font-size: 12.5px; } .sd-preparing__item p { font-size: 11.5px; line-height: 1.7; } /* CARD */ .sd-preparing__card { padding: 27px 18px 26px; } .sd-preparing__card-top > span { font-size: 9px; } .sd-preparing__number-large { font-size: 35px; } .sd-preparing__card h3 { font-size: 25px; } .sd-preparing__card > p { font-size: 12px; line-height: 1.75; } /* TIPS */ .sd-preparing__tip { gap: 10px; padding: 14px 0; } .sd-preparing__tip > span { font-size: 10px; } .sd-preparing__tip strong { font-size: 11px; line-height: 1.55; } /* NOTE */ .sd-preparing__note { padding: 17px; } .sd-preparing__note > span { font-size: 9.5px; } .sd-preparing__note p { font-size: 11px; line-height: 1.7; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-7fc210b *//* ========================================================= SERDAR DÜZGÜN PROCEDURE — SECTION 6 THE PROCEDURE BODY CONTOURING ========================================================= */ .sd-body-procedure { position: relative; width: 100%; padding: 115px 30px; background: #FFFFFF; overflow: hidden; } /* ========================================================= CONTAINER ========================================================= */ .sd-body-procedure__container { position: relative; z-index: 2; width: 100%; max-width: 1180px; margin: 0 auto; } /* ========================================================= HEADER ========================================================= */ .sd-body-procedure__header { max-width: 760px; margin: 0 auto 65px; text-align: center; } /* ========================================================= EYEBROW ========================================================= */ .sd-body-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-body-procedure__eyebrow span { display: block; width: 34px; height: 1px; background: #C8A85F; } /* ========================================================= HEADER HEADING ========================================================= */ .sd-body-procedure__header h2 { margin: 0 0 22px; 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-body-procedure__header h2 em { display: block; font-style: italic; font-weight: 400; color: #B18D4A; } /* ========================================================= HEADER DESCRIPTION ========================================================= */ .sd-body-procedure__header > p { max-width: 660px; margin: 0 auto; font-family: "Inter", sans-serif; font-size: 16px; line-height: 1.8; font-weight: 400; color: #65747F; } /* ========================================================= PROCEDURE GRID ========================================================= */ .sd-body-procedure__grid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #DDD8CE; border-left: 1px solid #DDD8CE; } /* ========================================================= PROCEDURE CARD ========================================================= */ .sd-body-procedure__card { position: relative; min-height: 500px; padding: 32px 34px 35px; border-right: 1px solid #DDD8CE; border-bottom: 1px solid #DDD8CE; transition: background 0.25s ease; } .sd-body-procedure__card:hover { background: #F7F5F0; } /* ========================================================= CARD TOP ========================================================= */ .sd-body-procedure__card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; } /* ========================================================= CARD NUMBER ========================================================= */ .sd-body-procedure__number { font-family: "Fraunces", serif; font-size: 40px; line-height: 1; font-weight: 400; color: #B18D4A; } /* ========================================================= CARD LABEL ========================================================= */ .sd-body-procedure__label { max-width: 170px; padding-top: 7px; text-align: right; font-family: "Inter", sans-serif; font-size: 11px; line-height: 1.45; font-weight: 600; letter-spacing: 1.5px; color: #A28143; } /* ========================================================= GOLD LINE ========================================================= */ .sd-body-procedure__line { width: 42px; height: 1px; margin: 27px 0 24px; background: #D3B574; } /* ========================================================= CARD HEADING ========================================================= */ .sd-body-procedure__card h3 { margin: 0 0 15px; font-family: "Fraunces", serif; font-size: 31px; line-height: 1.1; font-weight: 400; color: #10283C; } .sd-body-procedure__card h3 em { display: block; margin-top: 3px; font-size: 21px; font-style: italic; color: #B18D4A; } /* ========================================================= INTRO ========================================================= */ .sd-body-procedure__intro { max-width: 500px; margin: 0 0 26px; font-family: "Inter", sans-serif; font-size: 15px; line-height: 1.8; color: #687782; } /* ========================================================= DETAILS ========================================================= */ .sd-body-procedure__details { margin-top: 8px; border-top: 1px solid #DDD8CE; } /* ========================================================= DETAIL ========================================================= */ .sd-body-procedure__detail { padding: 15px 0; border-bottom: 1px solid #DDD8CE; } /* ========================================================= DETAIL LABEL ========================================================= */ .sd-body-procedure__detail > span { display: block; margin-bottom: 6px; font-family: "Inter", sans-serif; font-size: 12px; line-height: 1.3; font-weight: 600; letter-spacing: 1.4px; color: #A28143; } /* ========================================================= DETAIL TEXT ========================================================= */ .sd-body-procedure__detail p { max-width: 500px; margin: 0; font-family: "Inter", sans-serif; font-size: 14px; line-height: 1.7; color: #75828B; } /* ========================================================= OTHER PROCEDURES ========================================================= */ .sd-body-procedure__other { display: grid; grid-template-columns: 65px 1fr; gap: 22px; max-width: 900px; margin: 45px auto 0; padding: 28px 30px; background: #10283C; box-shadow: 0 18px 45px rgba(16, 40, 60, 0.12); } /* ========================================================= OTHER NUMBER ========================================================= */ .sd-body-procedure__other-number { font-family: "Fraunces", serif; font-size: 40px; line-height: 1; color: #D3B574; } /* ========================================================= OTHER CONTENT ========================================================= */ .sd-body-procedure__other-content > span { display: block; margin-bottom: 9px; font-family: "Inter", sans-serif; font-size: 10px; line-height: 1.2; font-weight: 600; letter-spacing: 1.6px; color: #D3B574; } .sd-body-procedure__other-content h3 { margin: 0 0 10px; font-family: "Fraunces", serif; font-size: 26px; line-height: 1.15; font-weight: 400; color: #FFFFFF; } .sd-body-procedure__other-content h3 em { font-style: italic; color: #D3B574; } .sd-body-procedure__other-content p { max-width: 680px; margin: 0; font-family: "Inter", sans-serif; font-size: 14px; line-height: 1.75; color: rgba(255, 255, 255, 0.68); } /* ========================================================= BOTTOM STATEMENT ========================================================= */ .sd-body-procedure__bottom { display: grid; grid-template-columns: 60px 1px 1fr; align-items: center; gap: 20px; max-width: 850px; margin: 45px auto 0; padding: 24px 28px; background: #F7F5F0; border-top: 1px solid #DDD8CE; } /* ========================================================= BOTTOM NUMBER ========================================================= */ .sd-body-procedure__bottom-number { font-family: "Fraunces", serif; font-size: 38px; line-height: 1; color: #B18D4A; } /* ========================================================= BOTTOM DIVIDER ========================================================= */ .sd-body-procedure__bottom-line { width: 1px; height: 48px; background: #D8D2C8; } /* ========================================================= BOTTOM CONTENT ========================================================= */ .sd-body-procedure__bottom-content span { display: block; margin-bottom: 7px; font-family: "Inter", sans-serif; font-size: 10px; line-height: 1.2; font-weight: 600; letter-spacing: 1.6px; color: #A28143; } .sd-body-procedure__bottom-content p { max-width: 650px; margin: 0; font-family: "Inter", sans-serif; font-size: 14px; line-height: 1.7; color: #6B7983; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sd-body-procedure { padding: 90px 30px; } .sd-body-procedure__header { margin-bottom: 55px; } .sd-body-procedure__eyebrow { font-size: 11px; } .sd-body-procedure__header h2 { font-size: 52px; } .sd-body-procedure__header > p { font-size: 15px; } .sd-body-procedure__card { min-height: 520px; padding: 28px 27px 30px; } .sd-body-procedure__card h3 { font-size: 28px; } .sd-body-procedure__card h3 em { font-size: 19px; } .sd-body-procedure__intro { font-size: 14px; } .sd-body-procedure__detail > span { font-size: 11px; } .sd-body-procedure__detail p { font-size: 13px; } .sd-body-procedure__other-content p { font-size: 13px; } .sd-body-procedure__bottom-content p { font-size: 13px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sd-body-procedure { padding: 70px 20px; } /* HEADER */ .sd-body-procedure__header { margin-bottom: 42px; } .sd-body-procedure__eyebrow { margin-bottom: 18px; font-size: 10px; letter-spacing: 2px; } .sd-body-procedure__eyebrow span { width: 28px; } .sd-body-procedure__header h2 { margin-bottom: 20px; font-size: clamp(40px, 11vw, 52px); line-height: 1.05; letter-spacing: -1px; } .sd-body-procedure__header > p { font-size: 14px; line-height: 1.8; } /* GRID */ .sd-body-procedure__grid { grid-template-columns: 1fr; } /* CARD */ .sd-body-procedure__card { min-height: auto; padding: 26px 22px 28px; } .sd-body-procedure__number { font-size: 34px; } .sd-body-procedure__label { max-width: 150px; font-size: 9px; line-height: 1.5; } .sd-body-procedure__line { margin: 22px 0 20px; } .sd-body-procedure__card h3 { margin-bottom: 13px; font-size: 27px; } .sd-body-procedure__card h3 em { font-size: 19px; } .sd-body-procedure__intro { margin-bottom: 23px; font-size: 13px; line-height: 1.75; } /* DETAILS */ .sd-body-procedure__detail { padding: 14px 0; } .sd-body-procedure__detail > span { font-size: 10px; line-height: 1.35; } .sd-body-procedure__detail p { font-size: 12.5px; line-height: 1.7; } /* OTHER */ .sd-body-procedure__other { grid-template-columns: 45px 1fr; gap: 14px; margin-top: 30px; padding: 21px 18px; } .sd-body-procedure__other-number { font-size: 31px; } .sd-body-procedure__other-content > span { font-size: 9px; } .sd-body-procedure__other-content h3 { font-size: 23px; } .sd-body-procedure__other-content p { font-size: 12px; line-height: 1.7; } /* BOTTOM */ .sd-body-procedure__bottom { grid-template-columns: 45px 1px 1fr; gap: 14px; margin-top: 30px; padding: 19px 17px; } .sd-body-procedure__bottom-number { font-size: 31px; } .sd-body-procedure__bottom-line { height: 45px; } .sd-body-procedure__bottom-content span { font-size: 9px; } .sd-body-procedure__bottom-content p { font-size: 12px; line-height: 1.7; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .sd-body-procedure { padding: 60px 18px; } .sd-body-procedure__header h2 { font-size: 40px; } .sd-body-procedure__header > p { font-size: 13px; } .sd-body-procedure__eyebrow { font-size: 9px; } .sd-body-procedure__card { padding: 23px 17px 25px; } .sd-body-procedure__number { font-size: 31px; } .sd-body-procedure__label { max-width: 135px; font-size: 8.5px; } .sd-body-procedure__card h3 { font-size: 24px; } .sd-body-procedure__card h3 em { font-size: 17px; } .sd-body-procedure__intro { font-size: 12.5px; line-height: 1.75; } .sd-body-procedure__detail > span { font-size: 9px; } .sd-body-procedure__detail p { font-size: 12px; line-height: 1.7; } .sd-body-procedure__other { padding: 18px 14px; } .sd-body-procedure__other-number { font-size: 28px; } .sd-body-procedure__other-content > span { font-size: 8.5px; } .sd-body-procedure__other-content h3 { font-size: 21px; } .sd-body-procedure__other-content p { font-size: 11.5px; line-height: 1.7; } .sd-body-procedure__bottom { padding: 17px 14px; } .sd-body-procedure__bottom-number { font-size: 28px; } .sd-body-procedure__bottom-content span { font-size: 8.5px; } .sd-body-procedure__bottom-content p { font-size: 11.5px; line-height: 1.7; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3aa8d6d */.sd-ba { background: linear-gradient(135deg,#071622 0%,#10273d 100%); padding: 80px 5%; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-f2b62bd *//* ========================================================= SERDAR DÜZGÜN PROCEDURE — SECTION 8 RECOVERY & RESULTS BODY CONTOURING ========================================================= */ .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: 760px; 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.3; 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.06; font-weight: 400; letter-spacing: -1.5px; color: #10283C; } .sd-recovery__header h2 em { display: block; font-style: italic; color: #B18D4A; } /* ========================================================= DESCRIPTION ========================================================= */ .sd-recovery__header > p { max-width: 660px; margin: 0 auto; font-family: "Inter", sans-serif; font-size: 15px; line-height: 1.85; font-weight: 400; color: #65747F; } /* ========================================================= RECOVERY JOURNEY ========================================================= */ .sd-recovery__journey { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #DDD8CE; border-left: 1px solid #DDD8CE; } /* ========================================================= STEP ========================================================= */ .sd-recovery__step { min-height: 330px; padding: 29px 25px 30px; border-right: 1px solid #DDD8CE; border-bottom: 1px solid #DDD8CE; background: #FFFFFF; transition: background 0.25s ease, transform 0.25s ease; } .sd-recovery__step:hover { background: #FFFEFC; transform: translateY(-3px); } /* ========================================================= STEP TOP ========================================================= */ .sd-recovery__step-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; } /* ========================================================= NUMBER ========================================================= */ .sd-recovery__number { font-family: "Fraunces", serif; font-size: 37px; line-height: 1; color: #B18D4A; } /* ========================================================= LABEL ========================================================= */ .sd-recovery__label { max-width: 120px; padding-top: 6px; text-align: right; font-family: "Inter", sans-serif; font-size: 9px; line-height: 1.45; font-weight: 600; letter-spacing: 1.3px; color: #A28143; } /* ========================================================= LINE ========================================================= */ .sd-recovery__line { width: 38px; height: 1px; margin: 26px 0 23px; background: #D3B574; } /* ========================================================= STEP HEADING ========================================================= */ .sd-recovery__step h3 { margin: 0 0 14px; font-family: "Fraunces", serif; font-size: 27px; line-height: 1.12; font-weight: 400; color: #10283C; } .sd-recovery__step h3 em { display: block; font-style: italic; color: #B18D4A; } /* ========================================================= STEP TEXT ========================================================= */ .sd-recovery__step p { margin: 0; font-family: "Inter", sans-serif; font-size: 14px; line-height: 1.75; color: #73808A; } /* ========================================================= RESULTS PANEL ========================================================= */ .sd-recovery__results { display: grid; grid-template-columns: 70px 1fr 35px; align-items: center; gap: 22px; margin-top: 45px; padding: 30px 32px; background: #10283C; } /* ========================================================= RESULTS NUMBER ========================================================= */ .sd-recovery__results-number { font-family: "Fraunces", serif; font-size: 42px; line-height: 1; color: #D3B574; } /* ========================================================= RESULTS CONTENT ========================================================= */ .sd-recovery__results-content > span { display: block; margin-bottom: 9px; font-family: "Inter", sans-serif; font-size: 9px; line-height: 1.3; font-weight: 600; letter-spacing: 1.6px; color: #D3B574; } .sd-recovery__results-content h3 { margin: 0 0 9px; font-family: "Fraunces", serif; font-size: 29px; line-height: 1.15; font-weight: 400; color: #FFFFFF; } .sd-recovery__results-content h3 em { font-style: italic; color: #D3B574; } .sd-recovery__results-content p { max-width: 700px; margin: 0; font-family: "Inter", sans-serif; font-size: 14px; line-height: 1.75; color: rgba(255, 255, 255, 0.68); } /* ========================================================= MARK ========================================================= */ .sd-recovery__results-mark { align-self: start; font-size: 16px; line-height: 1; color: #D3B574; } /* ========================================================= RECOVERY NOTE ========================================================= */ .sd-recovery__note { display: flex; align-items: flex-start; gap: 14px; max-width: 900px; margin: 22px auto 0; padding: 19px 22px; background: #FFFFFF; border-left: 2px solid #D3B574; } .sd-recovery__note > span { flex-shrink: 0; padding-top: 3px; font-family: "Inter", sans-serif; font-size: 9px; line-height: 1.3; font-weight: 600; letter-spacing: 1.4px; color: #A28143; } .sd-recovery__note p { margin: 0; font-family: "Inter", sans-serif; font-size: 13px; line-height: 1.7; 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: 15px; } .sd-recovery__journey { grid-template-columns: 1fr 1fr; } .sd-recovery__step { min-height: 300px; padding: 28px 25px 29px; } .sd-recovery__step h3 { font-size: 26px; } .sd-recovery__step p { font-size: 14px; } .sd-recovery__results-content p { font-size: 14px; } .sd-recovery__note p { font-size: 13px; } } /* ========================================================= 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: 14px; line-height: 1.8; } /* JOURNEY */ .sd-recovery__journey { grid-template-columns: 1fr; } .sd-recovery__step { min-height: auto; padding: 25px 21px 27px; } .sd-recovery__number { font-size: 33px; } .sd-recovery__label { max-width: 120px; font-size: 8.5px; } .sd-recovery__line { margin: 21px 0 19px; } .sd-recovery__step h3 { margin-bottom: 12px; font-size: 25px; } .sd-recovery__step p { font-size: 14px; line-height: 1.75; } /* RESULTS */ .sd-recovery__results { grid-template-columns: 45px 1fr; gap: 14px; margin-top: 30px; padding: 22px 18px; } .sd-recovery__results-number { font-size: 32px; } .sd-recovery__results-content > span { font-size: 9px; } .sd-recovery__results-content h3 { font-size: 24px; } .sd-recovery__results-content p { font-size: 13.5px; line-height: 1.75; } .sd-recovery__results-mark { display: none; } /* NOTE */ .sd-recovery__note { margin-top: 18px; padding: 17px; } .sd-recovery__note p { font-size: 13px; line-height: 1.7; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .sd-recovery { padding: 60px 18px; } .sd-recovery__header h2 { font-size: 40px; } .sd-recovery__header > p { font-size: 14px; } .sd-recovery__step { padding: 22px 17px 24px; } .sd-recovery__number { font-size: 30px; } .sd-recovery__label { font-size: 8px; } .sd-recovery__step h3 { font-size: 24px; } .sd-recovery__step p { font-size: 14px; line-height: 1.75; } .sd-recovery__results { padding: 19px 15px; } .sd-recovery__results-number { font-size: 29px; } .sd-recovery__results-content > span { font-size: 8.5px; } .sd-recovery__results-content h3 { font-size: 22px; } .sd-recovery__results-content p { font-size: 13px; line-height: 1.75; } .sd-recovery__note { padding: 15px; } .sd-recovery__note p { font-size: 13px; line-height: 1.7; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e50ec94 *//* ========================================================= SERDAR DÜZGÜN PROCEDURE — SECTION 9 REQUEST A CONSULTATION BODY CONTOURING ========================================================= */ .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.2; 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.85; font-weight: 400; color: #65747F; } .sd-request-consultation__lead { color: #3F5363 !important; font-weight: 500 !important; } /* ========================================================= CONSULTATION POINTS ========================================================= */ .sd-request-consultation__points { margin-top: 32px; border-top: 1px solid #DDD8CE; } /* ========================================================= POINT ========================================================= */ .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: 13px; line-height: 1.45; font-weight: 600; color: #10283C; } /* ========================================================= POINT DESCRIPTION ========================================================= */ .sd-request-consultation__point p { max-width: 520px; margin: 0; font-family: "Inter", sans-serif; font-size: 12px; 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: 44px; 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: 13px; 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.2; 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: 3px; font-size: 11px; line-height: 1; color: #B18D4A; } .sd-request-consultation__note p { margin: 0; font-family: "Inter", sans-serif; font-size: 11px; line-height: 1.7; 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__point strong { font-size: 12px; } .sd-request-consultation__point p { font-size: 11px; } .sd-request-consultation__card { padding: 30px; } .sd-request-consultation__card h3 { font-size: 28px; } .sd-request-consultation__card > p { font-size: 12px; } .sd-request-consultation__card-details strong { font-size: 10px; } .sd-request-consultation__note p { font-size: 10px; } } /* ========================================================= 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; } /* EYEBROW */ .sd-request-consultation__eyebrow { margin-bottom: 18px; font-size: 9.5px; letter-spacing: 2px; } .sd-request-consultation__eyebrow span { width: 28px; } /* HEADING */ .sd-request-consultation__content h2 { margin-bottom: 21px; font-size: clamp(40px, 11vw, 52px); line-height: 1.05; letter-spacing: -1px; } /* TEXT */ .sd-request-consultation__content > p { font-size: 13px; line-height: 1.8; } /* 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: 5px; font-size: 11.5px; line-height: 1.45; } .sd-request-consultation__point p { font-size: 11px; line-height: 1.7; } /* SIDE */ .sd-request-consultation__side { max-width: none; } /* CARD */ .sd-request-consultation__card { padding: 29px 22px; } .sd-request-consultation__card-number { font-size: 37px; } .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; } /* 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: 10px; line-height: 1.7; } } /* ========================================================= 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: 12.5px; } .sd-request-consultation__point { grid-template-columns: 34px 1fr; gap: 10px; padding: 15px 0; } .sd-request-consultation__point > span { font-size: 16px; } .sd-request-consultation__point strong { font-size: 11px; } .sd-request-consultation__point p { font-size: 10.5px; line-height: 1.7; } .sd-request-consultation__card { padding: 26px 18px; } .sd-request-consultation__card h3 { font-size: 24px; } .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-85e717f */.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-28e17b8 *//* ========================================================= SERDAR DÜZGÜN — CONSULTATION FORM CONTAINER: 28e17b8 COMPACT VERSION ========================================================= */ /* ========================================================= FORM CARD ========================================================= */ .elementor-element-28e17b8 { 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-28e17b8::before { content: ""; position: absolute; top: -1px; left: 30px; width: 52px; height: 2px; background: #C5A45D; } /* ========================================================= HEADING ========================================================= */ .elementor-element-28e17b8 .elementor-element-9bf1dfc { width: 100% !important; margin: 0 0 6px !important; } .elementor-element-28e17b8 .elementor-element-9bf1dfc .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-28e17b8 .elementor-element-177b4fe { width: 100% !important; margin: 0 0 18px !important; } .elementor-element-28e17b8 .elementor-element-177b4fe 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-28e17b8 .elementor-element-468d152 { width: 100% !important; margin: 0 !important; } /* ========================================================= FORM ========================================================= */ .elementor-element-28e17b8 .elementor-form { width: 100%; margin: 0 !important; } /* ========================================================= FORM GRID ========================================================= */ .elementor-element-28e17b8 .elementor-form-fields-wrapper { display: grid !important; grid-template-columns: 1fr 1fr; column-gap: 11px; row-gap: 9px; width: 100%; } /* ========================================================= FIELD GROUP ========================================================= */ .elementor-element-28e17b8 .elementor-field-group { width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important; box-sizing: border-box; } /* ========================================================= FIRST NAME ========================================================= */ .elementor-element-28e17b8 .elementor-field-group-name { grid-column: 1 / 2; } /* ========================================================= LAST NAME ========================================================= */ .elementor-element-28e17b8 .elementor-field-group-field_ee3e6f1 { grid-column: 2 / 3; } /* ========================================================= PHONE ========================================================= */ .elementor-element-28e17b8 .elementor-field-group-field_8f4bc99 { grid-column: 1 / 2; } /* ========================================================= EMAIL ========================================================= */ .elementor-element-28e17b8 .elementor-field-group-field_167f331 { grid-column: 2 / 3; } /* ========================================================= MESSAGE ========================================================= */ .elementor-element-28e17b8 .elementor-field-group-message { grid-column: 1 / -1; } /* ========================================================= INPUTS ========================================================= */ .elementor-element-28e17b8 .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-28e17b8 .elementor-field::placeholder { color: #8B969F !important; opacity: 1 !important; } /* ========================================================= INPUT FOCUS ========================================================= */ .elementor-element-28e17b8 .elementor-field:focus { background: #FFFFFF !important; border-color: #C5A45D !important; } /* ========================================================= MESSAGE ========================================================= */ .elementor-element-28e17b8 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-28e17b8 .elementor-field-type-submit { grid-column: 1 / -1; width: 100% !important; margin: 0 !important; } /* ========================================================= SUBMIT BUTTON ========================================================= */ .elementor-element-28e17b8 .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-28e17b8 .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-28e17b8 .elementor-button:hover { background: #C5A45D !important; border-color: #C5A45D !important; color: #10283C !important; transform: translateY(-1px); } .elementor-element-28e17b8 .elementor-button:hover .elementor-button-text::after { color: #10283C; transform: translateX(3px); } /* ========================================================= REMOVE ELEMENTOR DEFAULT SPACING ========================================================= */ .elementor-element-28e17b8 .elementor-widget { margin-bottom: 0 !important; } .elementor-element-28e17b8 .elementor-field-group > .elementor-field { margin-bottom: 0 !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .elementor-element-28e17b8 { max-width: 550px !important; padding: 28px 26px 26px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-element-28e17b8 { width: 100% !important; max-width: 100% !important; padding: 28px 20px 25px !important; } .elementor-element-28e17b8::before { left: 20px; width: 48px; } .elementor-element-28e17b8 .elementor-form-fields-wrapper { grid-template-columns: 1fr; row-gap: 9px; } .elementor-element-28e17b8 .elementor-field-group-name, .elementor-element-28e17b8 .elementor-field-group-field_ee3e6f1, .elementor-element-28e17b8 .elementor-field-group-field_8f4bc99, .elementor-element-28e17b8 .elementor-field-group-field_167f331, .elementor-element-28e17b8 .elementor-field-group-message, .elementor-element-28e17b8 .elementor-field-type-submit { grid-column: 1 / -1; } .elementor-element-28e17b8 .elementor-field { height: 46px !important; min-height: 46px !important; } .elementor-element-28e17b8 textarea.elementor-field { height: 92px !important; min-height: 92px !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .elementor-element-28e17b8 { padding: 26px 17px 23px !important; } .elementor-element-28e17b8::before { left: 17px; } .elementor-element-28e17b8 .elementor-heading-title { font-size: 26px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-afaf70f *//* ========================================================= 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 */