@font-face {
    font-family: 'HelveticaNeueLTProBd';
    src: url('../src/font/HelveticaNeueLTProBd.woff2') format('woff2'),
    url('../src/font/HelveticaNeueLTProBd.woff') format('woff'),
    url('../src/font/HelveticaNeueLTProBd.ttf') format('truetype');
}

@font-face {
    font-family: 'HelveticaNeueLTRoman';
    src: url('../src/font/HelveticaNeueLTW0555Roman.woff2') format('woff2'),
    url('../src/font/HelveticaNeueLTW0555Roman.woff') format('woff'),
    url('../src/font/HelveticaNeueLTW0555Roman.ttf') format('truetype');
}

@font-face {
    font-family: 'HitachiSans';
    src: url('../src/font/HitachiSans/WEB/HitachiSans-Regular.woff2') format('woff2'),
    url('../src/font/HitachiSans/WEB/HitachiSans-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'HitachiSans';
    src: url('../src/font/HitachiSans/WEB/HitachiSans-Bold.woff2') format('woff2'),
    url('../src/font/HitachiSans/WEB/HitachiSans-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'HitachiSans';
    src: url('../src/font/HitachiSans/WEB/HitachiSans-Italic.woff2') format('woff2'),
    url('../src/font/HitachiSans/WEB/HitachiSans-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'HitachiSans';
    src: url('../src/font/HitachiSans/WEB/HitachiSans-BoldItalic.woff2') format('woff2'),
    url('../src/font/HitachiSans/WEB/HitachiSans-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}
#intro {
    background-image: url('../img/hitachi.jpg');
    height: 100vh;
}

/* Height for devices larger than 576px */
@media (min-width: 992px) {
    #intro {
        margin-top: -58.59px;
    }
}


#card, .font-bd {
    font-family: 'HitachiSans', sans-serif;
    font-weight: 700;
}
#card, .font-nm {
    font-family: 'HitachiSans', sans-serif;
    font-weight: 400;
}


.navbar .nav-link {
    color: #fff !important;
}

.example {
    height: 260px;
    position: relative;
    top: 58px;
    z-index: 99999;
    box-shadow: 0 20px 60px 0 rgb(14 42 90 / 55%);
    color: white;
    background-color: transparent;
    border: none;
}

* {
    font-family: 'HitachiSans', Fallback, sans-serif;
}

.bold {
    font-family: 'HitachiSans', Fallback, sans-serif;
    font-weight: 900;
}

/* This only works with JavaScript,
if it's not present, don't show loader */
.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../img/Preloader_8.gif') center no-repeat #fff;
}
.rotate {
    transform: rotate(-34deg);
    -webkit-transform: rotate(-34deg);
    -moz-transform: rotate(-34deg);
    -ms-transform: rotate(-34deg);
    -o-transform: rotate(-34deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    text-align: center;
    margin-top: 25%;
    font-size: 40px;
    color: #999999;
}
.card-side-text{
    position: absolute;
    font-weight: bold;
    color: darkgrey;
    opacity: 0.6;
}
body {
    background-image: url("../img/hitachi-new-min.jpg");
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.navbar {
    /*-webkit-box-shadow: unset !important;*/
}

.badge-onyuz, .badge-arkayuz {
    backface-visibility: hidden;
    font-size: 19px;
    padding-top: 12px;
    opacity: 0.3;
    text-align: center;
    margin: 10px auto 0 35%;
}
img.click{
    position: absolute;
    z-index: 1;
    margin-top: 120px;
    margin-left: 120px;
    width: 400px;
}

.countdown-item {
    position: relative;
    float: left;
}

.countdown-item h2 {
    text-align:center;
    position: absolute;
    line-height: 170px;
    font-size: 61px;
    width: 100%;
    z-index: 1;
}

svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.circle_animation {
    stroke-dasharray: 440; /* this value is the pixel circumference of the circle */
    stroke-dashoffset: 440;
    transition: all 1s linear;
}
.sms-code{
    letter-spacing: 14px;
    font-size: 41px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 0;
}

/* =========================================================
   BİREVİM teması  (Gilroy + PANTONE 2035 C kırmızı)
   ========================================================= */
@font-face{font-family:'Gilroy';src:url('../src/font/Gilroy/Gilroy-Light.otf') format('opentype');font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:'Gilroy';src:url('../src/font/Gilroy/Gilroy-Medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Gilroy';src:url('../src/font/Gilroy/Gilroy-Semibold.otf') format('opentype');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'Gilroy';src:url('../src/font/Gilroy/Gilroy-Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap;}

:root{
    --bv-red:#E1262C;
    --bv-red-dark:#B81F24;
    --bv-ink:#3a3a3c;
    --bv-gray:#7c7c7e;
}

/* Gilroy'u her yere uygula (HitachiSans yerine) */
*,
.bold,
#card, .font-bd, .font-nm{
    font-family:'Gilroy','Helvetica Neue',Arial,sans-serif;
}
.bold{font-weight:700;}

/* Birevim halftone dokulu anasayfa arka planı:
   açık zemin + hafif nokta deseni + köşelerde yumuşak kırmızı parıltı */
body{
    background-color:#efeff1 !important;
    background-image:
        radial-gradient(circle at 88% 2%, rgba(214,28,34,.55), rgba(214,28,34,0) 42%),
        radial-gradient(circle at 4% 100%, rgba(214,28,34,.42), rgba(214,28,34,0) 46%),
        radial-gradient(circle at 50% 50%, rgba(225,38,44,.10), rgba(225,38,44,0) 70%),
        radial-gradient(rgba(150,20,26,.13) 1.5px, transparent 1.7px) !important;
    background-size:100% 100%, 100% 100%, 100% 100%, 20px 20px !important;
    background-position:0 0, 0 0, 0 0, 0 0 !important;
    background-repeat:no-repeat, no-repeat, no-repeat, repeat !important;
    background-attachment:fixed !important;
}

/* Birincil buton & aksanlar => Birevim kırmızısı */
.btn-primary{
    background-color:var(--bv-red) !important;
    box-shadow:0 4px 9px -4px rgba(225,38,44,.6) !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{
    background-color:var(--bv-red-dark) !important;
}
.form-check-input:checked{
    background-color:var(--bv-red) !important;
    border-color:var(--bv-red) !important;
}

/* ===== Kartvizit önizlemesi ===== */
#card{font-family:'Gilroy',sans-serif;}

.bv-card{
    position:relative;
    width:100%;height:100%;
    background:#fff;
    overflow:hidden;
    border-radius:6px;
}

/* Ön yüz - sol kırmızı panel (gerçek tasarım görseli) */
.bv-front-panel{
    position:absolute;left:0;top:0;height:100%;width:31%;
    background:url('../img/birevim/front-panel.png') left center/cover no-repeat;
}

/* Ön yüz - sağ beyaz bilgi alanı (sağa hizalı) */
.bv-front-info{
    position:absolute;right:0;top:0;height:100%;width:69%;
    box-sizing:border-box;
    padding:46px 32px 38px 18px;
    text-align:right;
    color:var(--bv-ink);
    display:flex;flex-direction:column;justify-content:space-between;
}
.bv-name{
    font-weight:700;font-size:23px;line-height:1.08;
    letter-spacing:.2px;text-transform:uppercase;color:#3a3a3c;
}
.bv-unvan{
    font-weight:300;font-size:14px;color:var(--bv-gray);
    margin:5px 0 0;
}
.bv-block-primary{
    font-weight:700;font-size:14px;line-height:1.5;color:#3a3a3c;
    word-break:break-word;
}
.bv-block-secondary{
    font-weight:300;font-size:13px;line-height:1.5;color:var(--bv-gray);
}
.bv-block-secondary .bv-istel{margin-bottom:6px;}

/* Arka yüz - tam kırmızı + halftone nokta + logo */
.bv-back{
    position:relative;width:100%;height:100%;
    background:var(--bv-red);
    overflow:hidden;border-radius:6px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.bv-back-dots{
    position:absolute;inset:0;
    background-image:radial-gradient(circle, rgba(120,6,12,.55) 30%, transparent 32%);
    background-size:13px 13px;
    -webkit-mask-image:linear-gradient(to top,#000 4%,rgba(0,0,0,.5) 38%,transparent 72%);
    mask-image:linear-gradient(to top,#000 4%,rgba(0,0,0,.5) 38%,transparent 72%);
}
.bv-back-logo{width:188px;position:relative;z-index:1;display:block;}
.bv-back-tag{
    position:relative;z-index:1;color:#fff;font-weight:300;
    font-size:13px;letter-spacing:2.5px;margin-top:7px;
}
.bv-back-web{
    position:relative;z-index:1;color:#fff;font-weight:500;
    font-size:13px;letter-spacing:.4px;margin-top:34px;
}
.bv-back-web b{font-weight:700;}

/* ===== Şube arama combobox (live search) ===== */
.bv-combo{ position:relative; }
.bv-combo-input{ cursor:text; padding-right:34px; }
.bv-combo-caret{
    position:absolute; right:14px; top:50%; transform:translateY(-50%);
    color:#9aa0a6; font-size:13px; pointer-events:none;
}
.bv-combo-list{
    list-style:none; margin:5px 0 0; padding:6px 0;
    position:absolute; left:0; right:0; top:100%; z-index:1000;
    background:#fff; border:1px solid #e3e5e9; border-radius:8px;
    box-shadow:0 14px 34px -10px rgba(0,0,0,.25);
    max-height:264px; overflow-y:auto; display:none;
}
.bv-combo-list li{
    padding:9px 16px; cursor:pointer; font-size:14px; color:#3a3a3c;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.bv-combo-list li:hover,
.bv-combo-list li.active{ background:#fbe9ea; color:var(--bv-red-dark); }