/* Start custom CSS for html, class: .elementor-element-53f4b09 *//* =========================================================
BAYINDIR HUKUK
BH-02 PREMIUM HERO SLIDER
========================================================= */
/* =========================================================
VARIABLES
========================================================= */
:root{
--bh-slider-navy:#071321;
--bh-slider-navy-light:#10233a;
--bh-slider-white:#ffffff;
--bh-slider-text:#e7edf4;
--bh-slider-muted:#b2bdca;
--bh-slider-gold:#bda171;
--bh-slider-border:rgba(255,255,255,.13);
--bh-slider-container:1280px;
}
/* =========================================================
RESET
========================================================= */
.bh-slider,
.bh-slider *{
box-sizing:border-box;
}
.bh-slider button,
.bh-slider a{
-webkit-tap-highlight-color:transparent;
}
/* =========================================================
MAIN SLIDER
========================================================= */
.bh-slider{
position:relative;
width:100%;
height:min(
760px,
calc(100vh - 126px)
);
min-height:620px;
overflow:hidden;
background:var(--bh-slider-navy);
color:#fff;
font-family:
"Manrope",
"Inter",
Arial,
sans-serif;
}
/* =========================================================
CONTAINER
========================================================= */
.bh-slider-container{
position:relative;
z-index:5;
width:min(
var(--bh-slider-container),
calc(100% - 40px)
);
height:100%;
margin-inline:auto;
}
/* =========================================================
SLIDES
========================================================= */
.bh-slide{
position:absolute;
inset:0;
opacity:0;
visibility:hidden;
pointer-events:none;
transition:
opacity 1.15s cubic-bezier(.22,.61,.36,1),
visibility 1.15s ease;
}
.bh-slide.is-active{
opacity:1;
visibility:visible;
pointer-events:auto;
z-index:2;
}
/* =========================================================
IMAGE
========================================================= */
.bh-slide__image{
position:absolute;
inset:0;
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
transform:scale(1.02);
will-change:transform;
transition:
transform 8s
cubic-bezier(.2,.65,.3,1);
}
.bh-slide.is-active
.bh-slide__image{
transform:scale(1.085);
}
/* =========================================================
PREMIUM NAVY OVERLAY
========================================================= */
.bh-slide__overlay{
position:absolute;
inset:0;
z-index:2;
background:
linear-gradient(
90deg,
rgba(4,14,26,.96) 0%,
rgba(6,19,35,.90) 31%,
rgba(7,22,39,.68) 54%,
rgba(5,16,29,.31) 78%,
rgba(4,13,24,.25) 100%
),
linear-gradient(
0deg,
rgba(3,11,20,.45) 0%,
rgba(4,13,24,.05) 60%
);
}
/* =========================================================
CONTENT
========================================================= */
.bh-slide__content{
position:absolute;
left:0;
top:49%;
width:min(
760px,
68vw
);
transform:
translateY(-54%);
z-index:5;
}
/* =========================================================
EYEBROW
========================================================= */
.bh-slide__eyebrow{
display:flex;
align-items:center;
gap:14px;
margin-bottom:25px;
color:#d1b98f;
font-family:
"Manrope",
"Inter",
Arial,
sans-serif;
font-size:10px;
line-height:1.5;
font-weight:700;
letter-spacing:.19em;
}
.bh-slide__eyebrow::before{
content:"";
display:block;
flex-shrink:0;
width:38px;
height:1px;
background:
var(--bh-slider-gold);
}
/* =========================================================
TITLE
========================================================= */
.bh-slide__title{
margin:0;
max-width:800px;
color:
var(--bh-slider-white);
font-family:
"DM Serif Display",
Georgia,
"Times New Roman",
serif;
font-size:
clamp(
54px,
5.5vw,
84px
);
line-height:1.01;
font-weight:400;
letter-spacing:-.032em;
text-wrap:balance;
}
.bh-slide__title span{
display:inline;
color:
var(--bh-slider-gold);
font-weight:400;
}
/* =========================================================
DESCRIPTION
========================================================= */
.bh-slide__description{
max-width:595px;
margin:
29px
0
0;
color:
rgba(
231,
237,
244,
.77
);
font-family:
"Manrope",
"Inter",
Arial,
sans-serif;
font-size:15px;
line-height:1.85;
font-weight:400;
letter-spacing:-.005em;
}
/* =========================================================
TEXT CTA
========================================================= */
.bh-slide__link{
display:inline-flex;
align-items:center;
gap:18px;
margin-top:35px;
padding-bottom:8px;
border-bottom:
1px solid
rgba(189,161,113,.72);
color:#fff !important;
background:transparent !important;
text-decoration:none !important;
font-family:
"Manrope",
"Inter",
Arial,
sans-serif;
font-size:11px;
line-height:1;
font-weight:700;
letter-spacing:.125em;
text-transform:uppercase;
outline:none;
box-shadow:none;
transition:
color .25s ease,
border-color .25s ease;
}
.bh-slide__arrow{
display:inline-block;
color:
var(--bh-slider-gold);
font-size:19px;
line-height:1;
transition:
transform .25s ease;
}
.bh-slide__link:hover,
.bh-slide__link:focus,
.bh-slide__link:active{
color:
var(--bh-slider-gold) !important;
background:
transparent !important;
border-color:
var(--bh-slider-gold);
outline:none !important;
box-shadow:none !important;
}
.bh-slide__link:hover
.bh-slide__arrow{
transform:
translateX(5px);
}
/* =========================================================
CONTENT ENTRANCE
========================================================= */
.bh-slide__eyebrow,
.bh-slide__title,
.bh-slide__description,
.bh-slide__link{
opacity:0;
transform:
translateY(22px);
transition:
opacity .72s ease,
transform .72s ease;
}
.bh-slide.is-active
.bh-slide__eyebrow{
opacity:1;
transform:none;
transition-delay:.22s;
}
.bh-slide.is-active
.bh-slide__title{
opacity:1;
transform:none;
transition-delay:.32s;
}
.bh-slide.is-active
.bh-slide__description{
opacity:1;
transform:none;
transition-delay:.42s;
}
.bh-slide.is-active
.bh-slide__link{
opacity:1;
transform:none;
transition-delay:.52s;
}
/* =========================================================
BOTTOM BAR
========================================================= */
.bh-slider__bottom{
position:absolute;
left:0;
right:0;
bottom:0;
z-index:20;
height:90px;
border-top:
1px solid
rgba(255,255,255,.11);
background:
linear-gradient(
180deg,
rgba(3,11,20,0),
rgba(3,11,20,.31)
);
}
/* =========================================================
BOTTOM INNER
========================================================= */
.bh-slider__bottom-inner{
display:flex;
align-items:center;
gap:27px;
}
/* =========================================================
NUMBERS
========================================================= */
.bh-slider__numbers{
display:flex;
align-items:center;
gap:11px;
min-width:75px;
}
.bh-slider__current{
color:#fff;
font-size:13px;
font-weight:700;
letter-spacing:.03em;
}
.bh-slider__separator{
display:block;
width:18px;
height:1px;
background:
rgba(255,255,255,.35);
}
.bh-slider__total{
color:
rgba(255,255,255,.47);
font-size:11px;
font-weight:600;
}
/* =========================================================
PROGRESS BAR
========================================================= */
.bh-slider__progress{
position:relative;
flex:1;
height:1px;
overflow:hidden;
background:
rgba(255,255,255,.15);
}
.bh-slider__progress span{
position:absolute;
inset:0;
background:
var(--bh-slider-gold);
transform:
scaleX(0);
transform-origin:
left center;
}
.bh-slider__progress.is-running span{
animation:
bhSliderProgress
6.5s
linear
forwards;
}
@keyframes bhSliderProgress{
from{
transform:
scaleX(0);
}
to{
transform:
scaleX(1);
}
}
/* =========================================================
CONTROLS
========================================================= */
.bh-slider__controls{
display:flex;
align-items:center;
gap:8px;
}
.bh-slider__controls button{
display:flex;
align-items:center;
justify-content:center;
width:44px;
height:44px;
padding:0;
border:
1px solid
rgba(255,255,255,.14) !important;
border-radius:50%;
background:
rgba(255,255,255,.035) !important;
color:#fff !important;
font-family:Arial,sans-serif;
font-size:17px;
line-height:1;
cursor:pointer;
outline:none !important;
box-shadow:none !important;
transition:
background .2s ease,
border-color .2s ease,
transform .2s ease;
-webkit-tap-highlight-color:
transparent;
}
.bh-slider__controls button:hover,
.bh-slider__controls button:focus,
.bh-slider__controls button:active{
color:#fff !important;
background:
rgba(255,255,255,.10) !important;
border-color:
rgba(189,161,113,.8) !important;
outline:none !important;
box-shadow:none !important;
}
.bh-slider__controls button:hover{
transform:
translateY(-1px);
}
/* =========================================================
TABLET
========================================================= */
@media
(max-width:1024px){
.bh-slider{
height:680px;
min-height:680px;
}
.bh-slide__content{
width:
min(
680px,
80vw
);
}
.bh-slide__title{
font-size:
clamp(
48px,
7vw,
70px
);
}
}
/* =========================================================
MOBILE
========================================================= */
@media
(max-width:767px){
.bh-slider{
height:
calc(
100svh - 108px
);
min-height:610px;
max-height:760px;
}
.bh-slider-container{
width:
calc(100% - 28px);
}
/*
* Mobile overlay
* Daha güçlü çünkü yazının
* okunabilir olması gerekiyor.
*/
.bh-slide__overlay{
background:
linear-gradient(
90deg,
rgba(4,14,26,.94) 0%,
rgba(5,17,31,.83) 68%,
rgba(5,16,29,.62) 100%
),
linear-gradient(
0deg,
rgba(3,11,20,.77) 0%,
rgba(3,11,20,.10) 70%
);
}
.bh-slide__image{
object-position:center;
}
.bh-slide__content{
top:45%;
width:100%;
padding-right:8px;
transform:
translateY(-50%);
}
.bh-slide__eyebrow{
gap:10px;
margin-bottom:18px;
font-size:8.5px;
line-height:1.55;
letter-spacing:.16em;
}
.bh-slide__eyebrow::before{
width:27px;
}
.bh-slide__title{
max-width:96%;
font-size:
clamp(
39px,
12.5vw,
56px
);
line-height:1.01;
letter-spacing:-.025em;
}
.bh-slide__description{
max-width:95%;
margin-top:21px;
font-size:13.5px;
line-height:1.72;
}
.bh-slide__link{
margin-top:25px;
gap:13px;
padding-bottom:7px;
font-size:9.5px;
letter-spacing:.115em;
}
.bh-slider__bottom{
height:74px;
}
.bh-slider__bottom-inner{
gap:13px;
}
.bh-slider__numbers{
min-width:68px;
}
.bh-slider__current{
font-size:12px;
}
.bh-slider__total{
font-size:10px;
}
.bh-slider__controls button{
width:38px;
height:38px;
font-size:15px;
}
}
/* =========================================================
SMALL MOBILE
========================================================= */
@media
(max-width:420px){
.bh-slider{
min-height:590px;
}
.bh-slide__title{
font-size:
clamp(
36px,
11.2vw,
44px
);
}
.bh-slide__description{
font-size:13px;
}
.bh-slider__numbers{
display:none;
}
.bh-slider__bottom-inner{
gap:12px;
}
}
/* =========================================================
VERY SMALL
========================================================= */
@media
(max-width:350px){
.bh-slide__title{
font-size:34px;
}
.bh-slide__description{
font-size:12.5px;
}
.bh-slide__eyebrow{
font-size:8px;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media
(prefers-reduced-motion:reduce){
.bh-slide,
.bh-slide__image,
.bh-slide__eyebrow,
.bh-slide__title,
.bh-slide__description,
.bh-slide__link{
transition:none !important;
}
.bh-slide.is-active
.bh-slide__image{
transform:scale(1.03);
}
.bh-slider__progress span{
animation:none !important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-447e939 *//* =========================================================
BH-05 | KURUCU AVUKAT
========================================================= */
.bh-founder,
.bh-founder *{
box-sizing:border-box;
}
.bh-founder{
position:relative;
overflow:hidden;
background:#f4f0e9;
color:#122035;
}
.bh-founder__container{
width:min(1280px, calc(100% - 40px));
margin-inline:auto;
display:grid;
grid-template-columns:minmax(380px, .95fr) minmax(0, 1.05fr);
gap:90px;
align-items:center;
padding:110px 0;
}
/* =========================================================
VISUAL
========================================================= */
.bh-founder__visual{
position:relative;
}
.bh-founder__image-wrap{
position:relative;
aspect-ratio:4 / 5;
overflow:hidden;
background:#d9d4cb;
}
.bh-founder__image-wrap::after{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(
180deg,
transparent 65%,
rgba(12,25,42,.22)
);
pointer-events:none;
}
.bh-founder__image-wrap img{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
transition:transform .6s ease;
}
.bh-founder__visual:hover
.bh-founder__image-wrap img{
transform:scale(1.025);
}
/* İMZA DETAYI */
.bh-founder__signature{
position:absolute;
left:-28px;
bottom:34px;
transform:rotate(-90deg);
transform-origin:left bottom;
color:rgba(18,32,53,.33);
font-family:
"Manrope",
"Inter",
Arial,
sans-serif;
font-size:9px;
font-weight:700;
letter-spacing:.18em;
}
/* =========================================================
CONTENT
========================================================= */
.bh-founder__content{
max-width:610px;
}
.bh-founder__eyebrow{
display:flex;
align-items:center;
gap:14px;
margin-bottom:25px;
color:#8e7350;
font-family:
"Manrope",
"Inter",
Arial,
sans-serif;
font-size:10px;
font-weight:700;
letter-spacing:.18em;
}
.bh-founder__eyebrow span{
width:38px;
height:1px;
background:#aa8c60;
flex-shrink:0;
}
/* =========================================================
TITLE
========================================================= */
.bh-founder__title{
margin:0;
color:#122035;
font-family:
"DM Serif Display",
Georgia,
serif;
font-size:clamp(50px, 5vw, 76px);
line-height:.97;
font-weight:400;
letter-spacing:-.035em;
}
.bh-founder__title strong{
display:block;
color:#9f8054;
font-weight:400;
}
/* =========================================================
ROLE
========================================================= */
.bh-founder__role{
margin-top:18px;
color:#6b7786;
font-family:
"Manrope",
"Inter",
Arial,
sans-serif;
font-size:11px;
font-weight:700;
letter-spacing:.14em;
text-transform:uppercase;
}
/* =========================================================
COPY
========================================================= */
.bh-founder__copy{
margin-top:35px;
}
.bh-founder__copy p{
margin:0;
color:#586575;
font-family:
"Manrope",
"Inter",
Arial,
sans-serif;
font-size:14px;
line-height:1.85;
}
.bh-founder__copy .bh-founder__lead{
margin-bottom:18px;
color:#26364b;
font-size:16px;
line-height:1.8;
font-weight:500;
}
/* =========================================================
HIGHLIGHTS
========================================================= */
.bh-founder__highlights{
display:grid;
grid-template-columns:repeat(3, 1fr);
margin-top:37px;
border-top:1px solid rgba(18,32,53,.12);
border-bottom:1px solid rgba(18,32,53,.12);
}
.bh-founder__highlight{
min-height:112px;
padding:22px 19px;
border-right:1px solid rgba(18,32,53,.12);
}
.bh-founder__highlight:first-child{
padding-left:0;
}
.bh-founder__highlight:last-child{
padding-right:0;
border-right:none;
}
.bh-founder__highlight span{
display:block;
margin-bottom:9px;
color:#9f8054;
font-family:
"Manrope",
"Inter",
Arial,
sans-serif;
font-size:9px;
font-weight:700;
letter-spacing:.14em;
}
.bh-founder__highlight p{
margin:0;
color:#37465a;
font-family:
"Manrope",
"Inter",
Arial,
sans-serif;
font-size:12.5px;
line-height:1.55;
font-weight:600;
}
/* =========================================================
LINK
========================================================= */
.bh-founder__link{
display:inline-flex;
align-items:center;
gap:16px;
margin-top:31px;
padding-bottom:8px;
border-bottom:1px solid rgba(159,128,84,.60);
color:#17283d !important;
background:transparent !important;
text-decoration:none !important;
font-family:
"Manrope",
"Inter",
Arial,
sans-serif;
font-size:10px;
font-weight:700;
letter-spacing:.12em;
text-transform:uppercase;
transition:
color .22s ease,
border-color .22s ease;
}
.bh-founder__link span{
color:#9f8054;
font-size:18px;
transition:transform .22s ease;
}
.bh-founder__link:hover,
.bh-founder__link:focus,
.bh-founder__link:active{
color:#9f8054 !important;
background:transparent !important;
border-color:#9f8054;
outline:none !important;
box-shadow:none !important;
}
.bh-founder__link:hover span{
transform:translateX(5px);
}
/* =========================================================
TABLET
========================================================= */
@media(max-width:1024px){
.bh-founder__container{
grid-template-columns:minmax(320px, .9fr) minmax(0, 1.1fr);
gap:58px;
padding:90px 0;
}
.bh-founder__title{
font-size:clamp(46px, 6vw, 64px);
}
.bh-founder__highlights{
grid-template-columns:1fr;
}
.bh-founder__highlight,
.bh-founder__highlight:first-child,
.bh-founder__highlight:last-child{
min-height:auto;
padding:15px 0;
border-right:none;
border-bottom:1px solid rgba(18,32,53,.10);
}
.bh-founder__highlight:last-child{
border-bottom:none;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.bh-founder__container{
width:calc(100% - 28px);
grid-template-columns:1fr;
gap:45px;
padding:65px 0;
}
.bh-founder__visual{
width:100%;
}
.bh-founder__image-wrap{
aspect-ratio:4 / 4.7;
}
.bh-founder__signature{
display:none;
}
.bh-founder__eyebrow{
gap:10px;
margin-bottom:19px;
font-size:9px;
letter-spacing:.15em;
}
.bh-founder__eyebrow span{
width:28px;
}
.bh-founder__title{
font-size:clamp(42px, 12vw, 54px);
line-height:.98;
}
.bh-founder__role{
margin-top:14px;
font-size:9.5px;
line-height:1.6;
}
.bh-founder__copy{
margin-top:27px;
}
.bh-founder__copy p{
font-size:13.5px;
line-height:1.75;
}
.bh-founder__copy .bh-founder__lead{
font-size:15px;
line-height:1.7;
}
.bh-founder__highlights{
margin-top:28px;
}
.bh-founder__highlight{
padding:14px 0 !important;
}
.bh-founder__link{
margin-top:26px;
font-size:9.5px;
}
}
/* =========================================================
SMALL MOBILE
========================================================= */
@media(max-width:390px){
.bh-founder__title{
font-size:40px;
}
.bh-founder__copy .bh-founder__lead{
font-size:14.5px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-45ec7e8 *//* =========================================================
BH-04 | ÇALIŞMA ALANLARIMIZ
========================================================= */
.bh-practice,
.bh-practice *{
box-sizing:border-box;
}
.bh-practice{
position:relative;
overflow:hidden;
background:
radial-gradient(
circle at 10% 0%,
rgba(189,161,113,.08),
transparent 28%
),
linear-gradient(
180deg,
#0a1728 0%,
#0d1d32 100%
);
color:#fff;
}
.bh-practice__container{
width:min(1280px, calc(100% - 40px));
margin-inline:auto;
display:grid;
grid-template-columns:minmax(300px, .72fr) minmax(0, 1.28fr);
gap:90px;
padding:110px 0;
}
/* =========================================================
INTRO
========================================================= */
.bh-practice__intro{
align-self:start;
position:sticky;
top:120px;
}
.bh-practice__eyebrow{
display:flex;
align-items:center;
gap:14px;
margin-bottom:25px;
color:#cfb98f;
font-family:
"Manrope",
"Inter",
Arial,
sans-serif;
font-size:10px;
font-weight:700;
letter-spacing:.18em;
}
.bh-practice__eyebrow span{
width:38px;
height:1px;
flex-shrink:0;
background:#bda171;
}
.bh-practice__intro h2{
margin:0;
max-width:520px;
color:#fff;
font-family:
"DM Serif Display",
Georgia,
serif;
font-size:clamp(42px, 4vw, 61px);
line-height:1.05;
font-weight:400;
letter-spacing:-.03em;
}
.bh-practice__intro h2 strong{
color:#bda171;
font-weight:400;
}
.bh-practice__intro p{
max-width:440px;
margin:27px 0 0;
color:rgba(225,233,242,.67);
font-family:
"Manrope",
"Inter",
Arial,
sans-serif;
font-size:14px;
line-height:1.85;
}
/* =========================================================
ALL LINK
========================================================= */
.bh-practice__all{
display:inline-flex;
align-items:center;
gap:16px;
margin-top:30px;
padding-bottom:7px;
border-bottom:1px solid rgba(189,161,113,.55);
color:#fff !important;
background:transparent !important;
font-family:
"Manrope",
"Inter",
Arial,
sans-serif;
font-size:10px;
font-weight:700;
letter-spacing:.12em;
text-transform:uppercase;
text-decoration:none !important;
transition:
color .2s ease,
border-color .2s ease;
}
.bh-practice__all span{
color:#bda171;
font-size:17px;
transition:transform .22s ease;
}
.bh-practice__all:hover{
color:#bda171 !important;
border-color:#bda171;
}
.bh-practice__all:hover span{
transform:translateX(5px);
}
/* =========================================================
LIST
========================================================= */
.bh-practice__list{
border-top:1px solid rgba(255,255,255,.11);
}
.bh-practice__item{
position:relative;
display:grid;
grid-template-columns:50px minmax(0,1fr) 40px;
align-items:start;
gap:20px;
padding:28px 0;
border-bottom:1px solid rgba(255,255,255,.11);
color:#fff !important;
text-decoration:none !important;
transition:
padding-left .28s ease,
background .28s ease;
}
.bh-practice__item::before{
content:"";
position:absolute;
left:-18px;
right:-18px;
top:0;
bottom:0;
background:rgba(255,255,255,.025);
opacity:0;
transition:opacity .25s ease;
pointer-events:none;
}
.bh-practice__item:hover{
padding-left:12px;
}
.bh-practice__item:hover::before{
opacity:1;
}
/* NUMBER */
.bh-practice__no{
position:relative;
z-index:1;
padding-top:7px;
color:#bda171;
font-family:
"Manrope",
"Inter",
Arial,
sans-serif;
font-size:10px;
font-weight:700;
letter-spacing:.13em;
}
/* TEXT */
.bh-practice__text{
position:relative;
z-index:1;
}
.bh-practice__text h3{
margin:0 0 8px;
color:#fff;
font-family:
"DM Serif Display",
Georgia,
serif;
font-size:29px;
line-height:1.15;
font-weight:400;
transition:color .22s ease;
}
.bh-practice__text p{
max-width:600px;
margin:0;
color:rgba(219,228,238,.58);
font-family:
"Manrope",
"Inter",
Arial,
sans-serif;
font-size:13px;
line-height:1.7;
transition:color .22s ease;
}
.bh-practice__item:hover
.bh-practice__text h3{
color:#d3bc93;
}
.bh-practice__item:hover
.bh-practice__text p{
color:rgba(229,236,244,.74);
}
/* ARROW */
.bh-practice__arrow{
position:relative;
z-index:1;
display:flex;
align-items:center;
justify-content:flex-end;
padding-top:2px;
color:rgba(255,255,255,.35);
font-size:24px;
font-weight:300;
transition:
color .22s ease,
transform .22s ease;
}
.bh-practice__item:hover
.bh-practice__arrow{
color:#bda171;
transform:translate(3px,-3px);
}
/* =========================================================
TABLET
========================================================= */
@media(max-width:1024px){
.bh-practice__container{
gap:55px;
padding:90px 0;
}
.bh-practice__intro{
position:static;
}
.bh-practice__text h3{
font-size:26px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.bh-practice__container{
width:calc(100% - 28px);
grid-template-columns:1fr;
gap:52px;
padding:68px 0;
}
.bh-practice__eyebrow{
gap:10px;
margin-bottom:19px;
font-size:9px;
letter-spacing:.15em;
}
.bh-practice__eyebrow span{
width:28px;
}
.bh-practice__intro h2{
max-width:100%;
font-size:clamp(36px, 10.5vw, 47px);
}
.bh-practice__intro p{
margin-top:21px;
font-size:13.5px;
line-height:1.75;
}
.bh-practice__all{
margin-top:25px;
font-size:9.5px;
}
/* list */
.bh-practice__item{
grid-template-columns:34px minmax(0,1fr) 27px;
gap:11px;
padding:22px 0;
}
.bh-practice__item:hover{
padding-left:0;
}
.bh-practice__item::before{
display:none;
}
.bh-practice__no{
padding-top:5px;
font-size:9px;
}
.bh-practice__text h3{
margin-bottom:7px;
font-size:23px;
}
.bh-practice__text p{
font-size:12.5px;
line-height:1.65;
}
.bh-practice__arrow{
font-size:20px;
}
}
/* =========================================================
SMALL MOBILE
========================================================= */
@media(max-width:390px){
.bh-practice__container{
padding:60px 0;
}
.bh-practice__intro h2{
font-size:34px;
}
.bh-practice__item{
grid-template-columns:29px minmax(0,1fr) 22px;
}
.bh-practice__text h3{
font-size:21px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b7fc875 *//* =========================================================
BH-03 | HAKKIMIZDA / MANIFESTO
========================================================= */
.bh-about,
.bh-about *{
box-sizing:border-box;
}
.bh-about{
position:relative;
background:#f3efe8;
color:#122035;
overflow:hidden;
}
.bh-about__container{
width:min(1280px, calc(100% - 40px));
margin-inline:auto;
}
/* =========================================================
MAIN GRID
========================================================= */
.bh-about__container:first-child{
display:grid;
grid-template-columns:minmax(0, 1.1fr) minmax(320px, .9fr);
gap:90px;
padding-top:110px;
padding-bottom:100px;
}
/* =========================================================
EYEBROW
========================================================= */
.bh-about__eyebrow{
display:flex;
align-items:center;
gap:14px;
margin-bottom:28px;
color:#8e7350;
font-family:
"Manrope",
"Inter",
Arial,
sans-serif;
font-size:10px;
font-weight:700;
line-height:1.5;
letter-spacing:.18em;
}
.bh-about__eyebrow span{
display:block;
flex-shrink:0;
width:38px;
height:1px;
background:#aa8c60;
}
/* =========================================================
TITLE
========================================================= */
.bh-about__title{
margin:0;
max-width:730px;
color:#112136;
font-family:
"DM Serif Display",
Georgia,
"Times New Roman",
serif;
font-size:clamp(44px, 4.2vw, 66px);
line-height:1.08;
font-weight:400;
letter-spacing:-.03em;
}
.bh-about__title strong{
color:#9f8054;
font-weight:400;
}
/* =========================================================
RIGHT CONTENT
========================================================= */
.bh-about__content{
align-self:end;
max-width:520px;
}
.bh-about__content p{
margin:0;
color:#526072;
font-family:
"Manrope",
"Inter",
Arial,
sans-serif;
font-size:15px;
line-height:1.9;
}
.bh-about__content .bh-about__lead{
margin-bottom:22px;
color:#26364b;
font-size:16px;
font-weight:500;
}
/* =========================================================
LINK
========================================================= */
.bh-about__link{
display:inline-flex;
align-items:center;
gap:16px;
margin-top:31px;
padding-bottom:8px;
border-bottom:1px solid rgba(159,128,84,.6);
color:#17283d !important;
background:transparent !important;
text-decoration:none !important;
font-family:
"Manrope",
"Inter",
Arial,
sans-serif;
font-size:11px;
font-weight:700;
letter-spacing:.12em;
text-transform:uppercase;
transition:
color .25s ease,
border-color .25s ease;
}
.bh-about__link span{
color:#9f8054;
font-size:18px;
transition:transform .25s ease;
}
.bh-about__link:hover,
.bh-about__link:focus,
.bh-about__link:active{
color:#9f8054 !important;
background:transparent !important;
border-color:#9f8054;
outline:none !important;
box-shadow:none !important;
}
.bh-about__link:hover span{
transform:translateX(5px);
}
/* =========================================================
VALUES AREA
========================================================= */
.bh-about__values{
border-top:1px solid rgba(18,32,53,.10);
background:#ece6dc;
}
.bh-about__values-grid{
display:grid;
grid-template-columns:repeat(3, 1fr);
}
.bh-about__value{
display:flex;
align-items:flex-start;
gap:20px;
min-height:180px;
padding:40px 34px;
border-right:1px solid rgba(18,32,53,.10);
}
.bh-about__value:first-child{
padding-left:0;
}
.bh-about__value:last-child{
border-right:none;
padding-right:0;
}
.bh-about__value-number{
flex-shrink:0;
margin-top:3px;
color:#9f8054;
font-family:
"Manrope",
"Inter",
Arial,
sans-serif;
font-size:11px;
font-weight:700;
letter-spacing:.12em;
}
.bh-about__value h3{
margin:0 0 10px;
color:#14243a;
font-family:
"DM Serif Display",
Georgia,
serif;
font-size:25px;
line-height:1.1;
font-weight:400;
}
.bh-about__value p{
margin:0;
max-width:300px;
color:#667182;
font-family:
"Manrope",
"Inter",
Arial,
sans-serif;
font-size:13px;
line-height:1.7;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width:1024px){
.bh-about__container:first-child{
gap:60px;
padding-top:90px;
padding-bottom:80px;
}
.bh-about__title{
font-size:clamp(42px, 5vw, 58px);
}
.bh-about__value{
padding:34px 24px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width:767px){
.bh-about__container{
width:calc(100% - 28px);
}
.bh-about__container:first-child{
grid-template-columns:1fr;
gap:42px;
padding-top:68px;
padding-bottom:64px;
}
.bh-about__eyebrow{
gap:10px;
margin-bottom:20px;
font-size:9px;
letter-spacing:.15em;
}
.bh-about__eyebrow span{
width:28px;
}
.bh-about__title{
max-width:100%;
font-size:clamp(35px, 10vw, 48px);
line-height:1.08;
}
.bh-about__content{
max-width:100%;
}
.bh-about__content p{
font-size:14px;
line-height:1.8;
}
.bh-about__content .bh-about__lead{
font-size:15px;
}
.bh-about__link{
margin-top:25px;
font-size:10px;
}
/* Values mobile */
.bh-about__values-grid{
grid-template-columns:1fr;
}
.bh-about__value,
.bh-about__value:first-child,
.bh-about__value:last-child{
min-height:auto;
padding:27px 0;
border-right:none;
border-bottom:1px solid rgba(18,32,53,.10);
}
.bh-about__value:last-child{
border-bottom:none;
}
.bh-about__value h3{
font-size:23px;
}
}
/* =========================================================
SMALL MOBILE
========================================================= */
@media (max-width:390px){
.bh-about__title{
font-size:34px;
}
.bh-about__value{
gap:15px;
}
}
/* =========================================================
BH-03 VALUES - YAN YANA TEK SIRA
========================================================= */
.bh-about__values{
border-top:1px solid rgba(18,32,53,.10);
background:#ece6dc;
}
.bh-about__values-grid{
display:flex !important;
flex-wrap:nowrap !important;
align-items:stretch;
}
.bh-about__value{
width:33.3333%;
min-width:0;
display:flex;
align-items:flex-start;
gap:20px;
padding:40px 34px;
min-height:180px;
border-right:1px solid rgba(18,32,53,.10);
}
.bh-about__value:first-child{
padding-left:0;
}
.bh-about__value:last-child{
padding-right:0;
border-right:none;
}
.bh-about__value-number{
flex-shrink:0;
margin-top:3px;
color:#9f8054;
font-family:"Manrope","Inter",Arial,sans-serif;
font-size:11px;
font-weight:700;
letter-spacing:.12em;
}
.bh-about__value h3{
margin:0 0 10px;
color:#14243a;
font-family:"DM Serif Display", Georgia, serif;
font-size:25px;
line-height:1.1;
font-weight:400;
}
.bh-about__value p{
margin:0;
max-width:300px;
color:#667182;
font-family:"Manrope","Inter",Arial,sans-serif;
font-size:13px;
line-height:1.7;
}
/* TABLET */
@media (max-width: 900px){
.bh-about__values-grid{
flex-wrap:wrap !important;
}
.bh-about__value{
width:100%;
min-height:auto;
padding:28px 0;
border-right:none;
border-bottom:1px solid rgba(18,32,53,.10);
}
.bh-about__value:last-child{
border-bottom:none;
}
}
/* BH-03 values alanını daha kompakt yap */
.bh-about__value{
min-height:135px;
padding:26px 28px;
}
.bh-about__value:first-child{
padding-left:0;
}
.bh-about__value:last-child{
padding-right:0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-04bbe32 *//* =========================================================
BH-06 | ÇALIŞMA YAKLAŞIMIMIZ
========================================================= */
.bh-process,
.bh-process *{
box-sizing:border-box;
}
.bh-process{
position:relative;
overflow:hidden;
background:#f7f4ee;
color:#122035;
}
.bh-process__container{
width:min(1280px, calc(100% - 40px));
margin-inline:auto;
padding:105px 0 100px;
}
/* =========================================================
HEADER
========================================================= */
.bh-process__header{
padding-bottom:62px;
border-bottom:1px solid rgba(18,32,53,.11);
}
.bh-process__eyebrow{
display:flex;
align-items:center;
gap:14px;
margin-bottom:27px;
color:#8f7550;
font-family:
"Manrope",
"Inter",
Arial,
sans-serif;
font-size:10px;
font-weight:700;
letter-spacing:.18em;
}
.bh-process__eyebrow span{
display:block;
width:38px;
height:1px;
background:#aa8c60;
}
.bh-process__heading-grid{
display:grid;
grid-template-columns:minmax(0, 1.1fr) minmax(320px, .9fr);
gap:80px;
align-items:end;
}
.bh-process__heading-grid h2{
margin:0;
max-width:680px;
color:#122035;
font-family:
"DM Serif Display",
Georgia,
serif;
font-size:clamp(44px, 4.4vw, 66px);
line-height:1.06;
font-weight:400;
letter-spacing:-.03em;
}
.bh-process__heading-grid h2 strong{
color:#9f8054;
font-weight:400;
}
.bh-process__heading-grid p{
margin:0;
max-width:500px;
color:#5c6877;
font-family:
"Manrope",
"Inter",
Arial,
sans-serif;
font-size:14px;
line-height:1.85;
}
/* =========================================================
STEPS
========================================================= */
.bh-process__steps{
border-bottom:1px solid rgba(18,32,53,.11);
}
.bh-process__step{
position:relative;
display:grid;
grid-template-columns:130px minmax(0, 1fr);
gap:30px;
padding:34px 0;
border-bottom:1px solid rgba(18,32,53,.11);
transition:
padding-left .25s ease,
background .25s ease;
}
.bh-process__step:last-child{
border-bottom:none;
}
.bh-process__step::before{
content:"";
position:absolute;
inset:0 -22px;
background:rgba(159,128,84,.045);
opacity:0;
transition:opacity .25s ease;
pointer-events:none;
}
.bh-process__step:hover{
padding-left:12px;
}
.bh-process__step:hover::before{
opacity:1;
}
/* =========================================================
NUMBER
========================================================= */
.bh-process__number{
position:relative;
z-index:1;
color:#a4885e;
font-family:
"DM Serif Display",
Georgia,
serif;
font-size:52px;
line-height:1;
font-weight:400;
opacity:.72;
}
/* =========================================================
STEP CONTENT
========================================================= */
.bh-process__step-content{
position:relative;
z-index:1;
display:grid;
grid-template-columns:minmax(220px, .75fr) minmax(0, 1.25fr);
gap:50px;
align-items:center;
}
.bh-process__step-content h3{
margin:0;
color:#15263b;
font-family:
"DM Serif Display",
Georgia,
serif;
font-size:31px;
line-height:1.1;
font-weight:400;
}
.bh-process__step-content p{
margin:0;
max-width:560px;
color:#687383;
font-family:
"Manrope",
"Inter",
Arial,
sans-serif;
font-size:13.5px;
line-height:1.75;
}
/* =========================================================
TABLET
========================================================= */
@media(max-width:1024px){
.bh-process__container{
padding:88px 0;
}
.bh-process__heading-grid{
gap:55px;
}
.bh-process__step{
grid-template-columns:95px minmax(0,1fr);
}
.bh-process__number{
font-size:44px;
}
.bh-process__step-content{
grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);
gap:35px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.bh-process__container{
width:calc(100% - 28px);
padding:66px 0 64px;
}
.bh-process__header{
padding-bottom:43px;
}
.bh-process__eyebrow{
gap:10px;
margin-bottom:19px;
font-size:9px;
letter-spacing:.15em;
}
.bh-process__eyebrow span{
width:28px;
}
.bh-process__heading-grid{
grid-template-columns:1fr;
gap:26px;
}
.bh-process__heading-grid h2{
max-width:100%;
font-size:clamp(36px, 10vw, 48px);
}
.bh-process__heading-grid p{
font-size:13.5px;
line-height:1.75;
}
/* STEPS */
.bh-process__step{
grid-template-columns:48px minmax(0,1fr);
gap:14px;
padding:27px 0;
}
.bh-process__step:hover{
padding-left:0;
}
.bh-process__step::before{
display:none;
}
.bh-process__number{
padding-top:2px;
font-size:30px;
}
.bh-process__step-content{
grid-template-columns:1fr;
gap:9px;
}
.bh-process__step-content h3{
font-size:24px;
}
.bh-process__step-content p{
font-size:12.5px;
line-height:1.7;
}
}
/* =========================================================
SMALL MOBILE
========================================================= */
@media(max-width:390px){
.bh-process__heading-grid h2{
font-size:34px;
}
.bh-process__step{
grid-template-columns:42px minmax(0,1fr);
}
.bh-process__number{
font-size:27px;
}
.bh-process__step-content h3{
font-size:22px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5208eb9 *//* =========================================================
BH-07 | CENTERED PREMIUM CTA
========================================================= */
.bh-contact-cta,
.bh-contact-cta *{
box-sizing:border-box;
}
.bh-contact-cta{
position:relative;
overflow:hidden;
background:
radial-gradient(
circle at 50% 0%,
rgba(189,161,113,.10),
transparent 32%
),
linear-gradient(
180deg,
#0a1728 0%,
#081422 100%
);
color:#fff;
}
.bh-contact-cta::before,
.bh-contact-cta::after{
content:"";
position:absolute;
width:360px;
height:360px;
border:1px solid rgba(189,161,113,.08);
border-radius:50%;
pointer-events:none;
}
.bh-contact-cta::before{
left:-220px;
top:-200px;
}
.bh-contact-cta::after{
right:-220px;
bottom:-220px;
}
.bh-contact-cta__container{
position:relative;
z-index:2;
width:min(900px, calc(100% - 40px));
margin-inline:auto;
padding:92px 0;
text-align:center;
}
/* EYEBROW */
.bh-contact-cta__eyebrow{
display:flex;
align-items:center;
justify-content:center;
gap:14px;
margin-bottom:24px;
color:#cfb98f;
font-family:
"Manrope",
"Inter",
Arial,
sans-serif;
font-size:10px;
font-weight:700;
letter-spacing:.18em;
}
.bh-contact-cta__eyebrow span{
width:34px;
height:1px;
background:#bda171;
}
/* TITLE */
.bh-contact-cta h2{
margin:0 auto;
max-width:820px;
color:#fff;
font-family:
"DM Serif Display",
Georgia,
serif;
font-size:clamp(46px, 5vw, 70px);
line-height:1.03;
font-weight:400;
letter-spacing:-.03em;
}
.bh-contact-cta h2 strong{
display:block;
color:#bda171;
font-weight:400;
}
/* DESCRIPTION */
.bh-contact-cta p{
margin:26px auto 0;
max-width:620px;
color:rgba(226,234,243,.68);
font-family:
"Manrope",
"Inter",
Arial,
sans-serif;
font-size:14px;
line-height:1.8;
}
/* BUTTON */
.bh-contact-cta__button{
display:inline-flex;
align-items:center;
justify-content:center;
gap:18px;
min-height:54px;
margin-top:34px;
padding:0 26px;
border:1px solid rgba(189,161,113,.62);
color:#fff !important;
background:rgba(189,161,113,.05) !important;
text-decoration:none !important;
font-family:
"Manrope",
"Inter",
Arial,
sans-serif;
font-size:10px;
font-weight:700;
letter-spacing:.13em;
text-transform:uppercase;
transition:
background .22s ease,
border-color .22s ease,
transform .22s ease;
}
.bh-contact-cta__button span{
color:#bda171;
font-size:18px;
transition:transform .22s ease;
}
.bh-contact-cta__button:hover,
.bh-contact-cta__button:focus,
.bh-contact-cta__button:active{
color:#fff !important;
background:rgba(189,161,113,.12) !important;
border-color:#bda171 !important;
transform:translateY(-1px);
outline:none !important;
box-shadow:none !important;
}
.bh-contact-cta__button:hover span{
transform:translateX(5px);
}
/* MOBILE */
@media(max-width:767px){
.bh-contact-cta__container{
width:calc(100% - 28px);
padding:62px 0;
}
.bh-contact-cta__eyebrow{
gap:9px;
margin-bottom:18px;
font-size:9px;
letter-spacing:.15em;
}
.bh-contact-cta__eyebrow span{
width:24px;
}
.bh-contact-cta h2{
font-size:clamp(37px, 10.5vw, 49px);
line-height:1.04;
}
.bh-contact-cta p{
margin-top:20px;
font-size:13.5px;
line-height:1.7;
}
.bh-contact-cta__button{
width:100%;
max-width:290px;
margin-top:28px;
}
}
/* SMALL MOBILE */
@media(max-width:390px){
.bh-contact-cta h2{
font-size:35px;
}
}/* End custom CSS */