@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*
@font-face {
    font-family: 'Helvetica';
    src: url('fonts/subset-HelveticaLight.woff2') format('woff2'),
        url('fonts/subset-HelveticaLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('fonts/subset-HelveticaMedium.woff2') format('woff2'),
        url('fonts/subset-HelveticaMedium.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('fonts/subset-HelveticaBold.woff2') format('woff2'),
        url('fonts/subset-HelveticaBold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('fonts/subset-HelveticaCondensedBold.woff2') format('woff2'),
        url('fonts/subset-HelveticaCondensedBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
*/
@font-face {
    font-family: 'Helvetica';
    src: url('fonts/helvetica/HelveticaLight.woff2') format('woff2'),
        url('fonts/helvetica/HelveticaLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('fonts/helvetica/HelveticaMedium.woff2') format('woff2'),
        url('fonts/helvetica/HelveticaMedium.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('fonts/helvetica/HelveticaBoldm.woff2') format('woff2'),
        url('fonts/helvetica/HelveticaBoldm.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('fonts/helvetica/HelveticaCondensedBold.woff2') format('woff2'),
        url('fonts/helvetica/HelveticaCondensedBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('fonts/helvetica/HelveticaCondensedBlack.woff2') format('woff2'),
        url('fonts/helvetica/HelveticaCondensedBlack.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('fonts/helvetica/HelveticaNeueLTStd-BdCn.woff2') format('woff2'),
        url('fonts/helvetica/HelveticaNeueLTStd-BdCn.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Manrope', sans-serif;
    background: #f7f9ff;
}

::-webkit-scrollbar {
    width: 7px!important;
    height: 7px!important
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0 1px #212529;
    background: #212529;
}

::-webkit-scrollbar-thumb {
    background: #3459e6;
    border-radius: 15px
}

::-webkit-scrollbar-thumb:hover{
    background: #6c757d
}

#wrap {
    min-height: 81vh;
    position: relative;
}

.navbar .navbar-brand {
    padding: 0;
}

.navbar .navbar-brand img {
    height: 40px;
    transition: 0.2s ease-out;
}

.navbar .navbar-brand:hover img {
    opacity: 0.8;
}

.help-video-btn {
    background: #dbe9f5;
    color: #004987 !important;
    font-weight: 700;
}

.help-video-btn:hover {
    background: #004987 !important;
    color: #dbe9f5 !important;
}

button.btn-lg[type="submit"] {
    padding: 0.7rem;
}

.signature-wrap {
    max-width: 100%;
    padding: 0;
    overflow-x: auto;
    overflow-y: hidden;
    font-family: 'Libre Franklin', sans-serif;
}

.signature {
    position: relative;
    background: url('/signatures/bilfen_sirketler_grubu.jpg');
    width: 800px;
    height: 220px;
    min-width: 800px;
    min-height: 220px;
}

.signature * {
    letter-spacing: 1px;
}

.signature span {
    position: absolute;
    color: #183763
}

.signature .name {
    position: absolute;
    font-size: 1.5rem;
    top: 22px;
    left: 365px;
    font-weight: 300;
}

.signature .job {
    position: absolute;
    font-size: 0.8rem;
    top: 58px;
    left: 365px;
    font-weight: 700;
}

.signature .job.center {
    top: 68px;
}

.signature .school {
    position: absolute;
    font-size: 0.8rem;
    top: 75px;
    left: 365px;
    font-weight: 700;
}

.signature .phone {
    position: absolute;
    font-size: .8rem;
    top: 101px;
    left: 388px;
    font-weight: 500;
}

.signature .email {
    position: absolute;
    font-size: .8rem;
    top: 101px;
    left: 577px;
    font-weight: 500;
}


.signature .mobile {
    position: absolute;
    font-size: .8rem;
    top: 136px;
    left: 388px;
    font-weight: 500;
}

.signature .address {
    position: absolute;
    font-size: .8rem;
    top: 129px;
    left: 577px;
    font-weight: 500;
}

.signature .mobile.empty,
.signature .phone.empty {
    left: 360px;
    background: #fff;
    width: 25px;
    height: 25px;
}

.signature .mobile.empty {
    top: 135px;
}

.signature .address.empty,
.signature .address.email {
    left: 545px;
    background: #fff;
    width: 25px;
    height: 25px;
}

.signature.signature_05 {
    background: url('/signatures/bilfen_egitim_kurumlari.jpg');
}

.signature.signature_05 .name {
    position: absolute;
    font-size: 1.5rem;
    top: 15px;
    left: 323px;
    font-weight: 300;
    color: #1a2b56;
}

.signature.signature_05 .job {
    position: absolute;
    font-size: 0.8rem;
    top: 50px;
    left: 325px;
    font-weight: 700;
    color: #192b55;
}

.signature.signature_05 .job.center {
    top: 60px;
}

.signature.signature_05 .school {
    position: absolute;
    font-size: 0.8rem;
    top: 67px;
    left: 325px;
    font-weight: 700;
    color: #192b55;
}

.signature.signature_05 .phone {
    position: absolute;
    font-size: 0.8rem;
    top: 110px;
    left: 354px;
    font-weight: 500;
}

.signature.signature_05 .email {
    position: absolute;
    font-size: .8rem;
    top: 135px;
    left: 354px;
    font-weight: 500;
}


.signature.signature_05 .mobile {
    position: absolute;
    font-size: .8rem;
    top: 110px;
    left: 633px;
    font-weight: 500;
}

.signature.signature_05 .address {
    position: absolute;
    font-size: .8rem;
    top: 163px;
    left: 354px;
    font-weight: 500;
}

.signature.signature_05 .web {
    position: relative;
}

.signature.signature_05 .web:before {
    position: absolute;
    font-size: .8rem;
    top: 134px;
    left: 634px;
    font-weight: 500;
    content: "bilfen.com";
    display: inline;
    color: #183763 !important;
}

.signature.signature_05 .mobile.empty {
    left: 605px;
    background: #fff;
    width: 25px;
    height: 25px;
}

.signature.signature_05 .address.empty,
.signature.signature_05 .address.email {
    left: 545px;
    background: #fff;
    width: 25px;
    height: 25px;
}