@font-face {
    font-family: Siemens Sans Black;
    src: url(https://www.siemensleasing.com.tr/content/font/SiemensSans_Prof_Black.woff2) format("woff2");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Siemens Sans Black;
    font-style: italic;
    font-display: swap;
    src: url(https://www.siemensleasing.com.tr/content/font/SiemensSans_Prof_BlackItalic.woff2) format("woff2")
}

@font-face {
    font-family: Siemens Sans Prof Bold;
    font-style: bold;
    font-weight: 700;
    font-display: swap;
    src: url(https://www.siemensleasing.com.tr/content/font/SiemensSans_Prof_Bold.woff2) format("woff2")
}

@font-face {
    font-family: Siemens Sans Prof Bold Italic;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://www.siemensleasing.com.tr/content/font/SiemensSans_Prof_BoldItalic.woff2) format("woff2")
}

@font-face {
    font-family: Siemens Sans Prof Italic;
    font-style: italic;
    font-display: swap;
    src: url(https://www.siemensleasing.com.tr/content/font/SiemensSans_Prof_Italic.woff2) format("woff2")
}

@font-face {
    font-family: Siemens Sans Roman;
    font-style: normal;
    font-display: swap;
    src: url(https://www.siemensleasing.com.tr/content/font/SiemensSans_Prof_Roman.woff2) format("woff2")
}

html {
    scrollbar-width: thin;
    scrollbar-color: #737389 #333353;
}

html,
body {
    margin: 0;
    padding: 0;
}

body {
    background-color: #05002b;
    font-family: "Siemens Sans Roman", Arial, sans-serif;
    font-size: 1.125rem;
}

input {
    font-family: Siemens Sans Roman, arial, sans-serif;
    font-size: 1.125rem;
    box-sizing: border-box;
    color: #fff;
    width: 100%;
    border: none;
    padding: 14px 16px;
    height: auto;
    border-bottom: 1px solid #b3b3be;
    background: rgba(0, 204, 204, .1215686275);
}

input:focus {
    outline: 0;
}

a {
    text-decoration: none;
    color: #fff;
}

ul {
    list-style: none;
    margin: auto;
    padding: 0;
}

ul.list-disc{
    list-style: disc;
    margin: 1rem;
}

.mt-10 {
    margin-top: 6rem !important
}

.mb-10 {
    margin-bottom: 6rem !important
}

.subtitle {
    font-size: 1.5rem;
    font-family: Siemens Sans Black, arial, sans-serif;
}

.subtitle-bold-white {
    font-family: Siemens Sans Black, arial, sans-serif;
    color:#fff;
    font-weight: 600;
}

.header-bar {
    width: 100%;
    height: 44px;
    background-color: #00183b;
    overflow: hidden;
}

.logo-content {
    display: flex;
    justify-content: space-between;
    min-height: 56px;
    padding: 32px 0;
}

.header-icons.header-icons-canvas {
    flex-direction: column;
}

.header-icons.header-icons-canvas a {
    gap: 1rem;
}

.header-icons {
    display: flex;
    gap: 1rem;
}

.header-icons a {
    display: flex;
    align-items: center;
    line-height: 1rem;
}

.header-icons a:hover {
    color: #00ffb9;
}

.header-icons .region {
    gap: 1rem;
    font-family: Siemens Sans Black, arial, sans-serif;
    font-weight: 400;
}

.header-icons i {
    display: inline-block;
}

.header-icons i:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
}

.header-icons i.icon-region:before {
    background: url("https://www.siemensleasing.com.tr/content/svg/icon-region.svg") no-repeat center;
}

.header-icons a:hover i.icon-region:before {
    background: url("https://www.siemensleasing.com.tr/content/svg/icon-region-hover.svg") no-repeat center;
}

.header-icons i.icon-login:before {
    background: url("https://www.siemensleasing.com.tr/content/svg/icon-login.svg") no-repeat center;
}

.header-icons a:hover i.icon-login:before {
    background: url("https://www.siemensleasing.com.tr/content/svg/icon-login-hover.svg") no-repeat center;
}

.header-icons i.icon-email:before {
    background: url("https://www.siemensleasing.com.tr/content/svg/icon-email.svg") no-repeat center;
}

.header-icons a:hover i.icon-email:before {
    background: url("https://www.siemensleasing.com.tr/content/svg/icon-email-hover.svg") no-repeat center;
}

.header-menu .navbar-toggler {
    --bs-navbar-toggler-padding-x: 0;
    --bs-navbar-toggler-padding-y: 0;
}

.header-menu .navbar-toggler:focus {
    box-shadow: none;
}

.header-menu .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("https://www.siemensleasing.com.tr/content/svg/icon-toggler.svg");
}

.header-menu .navbar-collapse {
    flex-grow: 0;
    align-items: start;
}

.header-menu.canvas-menu ul {
    flex-direction: column;
}

.header-menu ul {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 32px;
}

.header-menu ul li {
    display: inline-block;
}

.header-menu ul li.active {
    border-bottom: 2px solid #00ffb9;
}

.header-menu ul li a:hover {
    color: #00ffb9;
}

.header-breadcrumb {
    margin-bottom: 56px;
}

.header-breadcrumb ul {
    display: flex;
    align-items: center;
    font-size: .75rem;
}

.header-breadcrumb ul li {
    display: flex;
    align-items: center;
}

.header-breadcrumb ul li:not(:first-child):before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("https://www.siemensleasing.com.tr/content/svg/icon-breadcrumb.svg") no-repeat center;
    margin-right: 4px;
}

.header-breadcrumb ul li a {
    color: #0cc;
}

.header-breadcrumb ul li a:hover {
    text-decoration: underline;
}

.header-breadcrumb ul li a.active {
    color: #b3b3be;
    font-weight: 700;
}

.header-breadcrumb ul li a i.icon-home:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("https://www.siemensleasing.com.tr/content/svg/icon-home.svg") no-repeat center;
}

.hero-content {
    width: auto;
    display: flex;
    background: url("https://www.siemensleasing.com.tr/content/hero.jpg") no-repeat center;
    background-size: cover;
    min-height: 600px;
    color: #fff;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.hero-content:before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.hero-content .container {
    position: relative;
    z-index: 2;
}

.hero-content .hero-detail {
    width: 50%;
}

.hero-content h2 {
    display: block;
    font-size: 2.5rem;
}

.hero-content p {
    display: block;
    margin-bottom: 32px;
}

.subhero-content {
    color: #fff;
}

.subhero-content h2 {
    display: block;
    margin-bottom: 32px;
    font-size: 1.5rem;
    font-family: Siemens Sans Black, arial, sans-serif;
}

.subhero-content p {
    display: block;
    margin-bottom: 32px;
}

.btn-hero {
    background: linear-gradient(90deg, #00ffb9 0%, #00e6dc 100%);
    padding: 16px 56px;
    font-family: Siemens Sans Black, arial, sans-serif;
    font-weight: 400;
    font-size: 1.25rem;
}

.btn-hero:hover {
    background: #c5ffef;
}

.page-content {
    margin: auto auto;
    color: #fff;
}

.page-content h2.title {
    display: block;
    width: 38%;
    margin-bottom: 32px;
    font-size: 2.5rem;
    font-family: Siemens Sans Black, arial, sans-serif;
    font-weight: 400;
}

.page-content h2.center {
    display: block;
    width: auto;
    margin-bottom: 32px;
    font-size: 2.5rem;
    font-family: Siemens Sans Black, arial, sans-serif;
    font-weight: 400;
    text-align: center;
}

.page-content p {
    display: block;
    margin-bottom: 32px;
}

.page-content .page-detail {
    width: 100%;
    margin: auto auto;
}

.page-content table {
    width: 100%;
}

.page-content table tr:not(:last-child) {
    border-bottom: 1px solid #3c7283;
}

.page-content table tr td,
.page-content table tr th {
    padding: 1rem;
}

.page-content table th {
    max-width: 200px;
    background-color: #00183c;
    font-size: 1.125rem;
    font-family: Siemens Sans Black, arial, sans-serif;
}

.page-content table tr td a {
    color: #0cc;
    border-bottom: 1px solid #0cc;
}

.page-content table tr td a:hover {
    color: #00ffb9;
    border-bottom: 1px solid #00ffb9;
}

.page-content table tr td a.arrow:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: -5px 5px -5px -5px;
    background: url("https://www.siemensleasing.com.tr/content/svg/icon-arrow.svg");
    transform: rotate(-45deg);
    text-decoration: underline;
}

.page-content table tr td a.arrow:hover:before {
    background: url("https://www.siemensleasing.com.tr/content/svg/icon-arrow-hover.svg");
}

.page-content .links:not(:last-child) {
    margin-bottom: 4rem;
}

.page-content .links li {
    margin-bottom: 1rem;
}

.page-content .links li a {
    color: #0cc;
}

.page-content .links li a:hover {
    color: #00ffb9;
}

.page-content .links a.arrow:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: -5px 5px -5px -5px;
    background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='arrow-right'%3E%3Cpath id='Icon' d='M5.00049 12.9998H15.1711L11.8781 16.2927L13.2922 17.7068L18.9992 11.9998L13.2922 6.29321L11.8781 7.70728L15.171 10.9998H5.00049V12.9998Z' fill='%230cc'/%3E%3C/g%3E%3C/svg%3E%0A");
    transform: rotate(-45deg);
    text-decoration: underline;
}

.page-content .links a.arrow:hover:before {
    background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='arrow-right'%3E%3Cpath id='Icon' d='M5.00049 12.9998H15.1711L11.8781 16.2927L13.2922 17.7068L18.9992 11.9998L13.2922 6.29321L11.8781 7.70728L15.171 10.9998H5.00049V12.9998Z' fill='%2300ffb9'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.page-content .links a.pdf:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: -5px 5px -5px -5px;
    background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='document-pdf'%3E%3Cg id='Icon'%3E%3Cpath d='M4 2H15L20 7V13H18V7.83L14.17 4H6V13H4V2Z' fill='%230cc'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.07 15H9.41V21H11C11.8103 21.0793 12.6263 20.923 13.35 20.55C14.1463 19.9565 14.5717 18.9879 14.47 18C14.5296 17.1536 14.228 16.3216 13.64 15.71C12.9136 15.1375 11.9873 14.8816 11.07 15ZM12.39 19.64C11.9734 19.8742 11.4964 19.9786 11.02 19.94H10.76V16.06H11C11.84 16.06 12.17 16.14 12.5 16.44C12.9005 16.857 13.1073 17.4231 13.07 18C13.1214 18.6244 12.8682 19.2352 12.39 19.64Z' fill='%230cc'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.56 15.39C6.99421 15.045 6.32616 14.9071 5.67 15H4V21H5.33V18.71H5.9C6.49049 18.7707 7.08384 18.6259 7.58 18.3C8.00114 17.9388 8.23334 17.4043 8.21 16.85C8.24118 16.287 7.99921 15.7435 7.56 15.39ZM6.49 17.58C6.23879 17.6906 5.9626 17.732 5.69 17.7H5.3V16H5.69C5.97319 15.9699 6.2589 16.0256 6.51 16.16C6.74386 16.3229 6.87637 16.5955 6.86 16.88C6.89029 17.1668 6.74406 17.4435 6.49 17.58Z' fill='%230cc'/%3E%3Cpath d='M15.93 21H17.28V18.49H20V17.43H17.28V16.06H20V15H15.93V21Z' fill='%230cc'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    text-decoration: underline;
}

.page-content .links a.pdf:hover:before {
    background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='document-pdf'%3E%3Cg id='Icon'%3E%3Cpath d='M4 2H15L20 7V13H18V7.83L14.17 4H6V13H4V2Z' fill='%2300ffb9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.07 15H9.41V21H11C11.8103 21.0793 12.6263 20.923 13.35 20.55C14.1463 19.9565 14.5717 18.9879 14.47 18C14.5296 17.1536 14.228 16.3216 13.64 15.71C12.9136 15.1375 11.9873 14.8816 11.07 15ZM12.39 19.64C11.9734 19.8742 11.4964 19.9786 11.02 19.94H10.76V16.06H11C11.84 16.06 12.17 16.14 12.5 16.44C12.9005 16.857 13.1073 17.4231 13.07 18C13.1214 18.6244 12.8682 19.2352 12.39 19.64Z' fill='%2300ffb9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.56 15.39C6.99421 15.045 6.32616 14.9071 5.67 15H4V21H5.33V18.71H5.9C6.49049 18.7707 7.08384 18.6259 7.58 18.3C8.00114 17.9388 8.23334 17.4043 8.21 16.85C8.24118 16.287 7.99921 15.7435 7.56 15.39ZM6.49 17.58C6.23879 17.6906 5.9626 17.732 5.69 17.7H5.3V16H5.69C5.97319 15.9699 6.2589 16.0256 6.51 16.16C6.74386 16.3229 6.87637 16.5955 6.86 16.88C6.89029 17.1668 6.74406 17.4435 6.49 17.58Z' fill='%2300ffb9'/%3E%3Cpath d='M15.93 21H17.28V18.49H20V17.43H17.28V16.06H20V15H15.93V21Z' fill='%230cc'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.accordion-flush .accordion-item:first-child {
    border-top: 1px solid #fff;
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 1px solid #fff;
}

.accordion-flush {
    --bs-accordion-bg: transparent;
    --bs-accordion-btn-bg: transparent;
    --bs-accordion-active-bg: transparent;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='plus-large'%3E%3Cpath id='Icon' d='M13 11V3H11V11H3V13H11V21H13V13H21V11H13Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='minus-large'%3E%3Cpath id='Icon' d='M21 11.5V13.5H3V11.5H21Z' fill='%230cc'/%3E%3C/g%3E%3C/svg%3E%0A");
    --bs-accordion-btn-color: #fff;
    --bs-accordion-active-color: #fff;
    --bs-accordion-color: #fff;
    --bs-accordion-btn-padding-x: 32px;
    --bs-accordion-btn-padding-y: 24px;
    /* --bs-accordion-border-color: #0cc; */
}

.accordion-flush .accordion-item:hover {
    --bs-accordion-border-color: #0cc;
}

.accordion-flush .accordion-item:hover .accordion-button {
    background-color: rgba(0, 230, 220, .12);
}

.accordion-button {
    font-family: Siemens Sans Black, arial, sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    border-top: 1px solid #0cc;
}

.btn-page {
    background: linear-gradient(90deg, #00ffb9 0%, #00e6dc 100%);
    padding: 16px 56px;
    font-family: Siemens Sans Black, arial, sans-serif;
    font-weight: 400;
    font-size: 1.25rem;
    color: #000028;
}

.btn-page:hover {
    background: #c5ffef;
}

.footer-social-icons {
    display: flex;
    gap: 2rem;
}

.footer-social-icons i {
    display: inline-block;
}

.footer-social-icons i:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
}

.footer-social-icons i.facebook {
    background: url("https://www.siemensleasing.com.tr/content/svg/icon-facebook.svg") no-repeat center;
}

.footer-social-icons i.twitter {
    background: url("https://www.siemensleasing.com.tr/content/svg/icon-twitter.svg") no-repeat center;
}

.footer-social-icons i.instagram {
    background: url("https://www.siemensleasing.com.tr/content/svg/icon-instagram.svg") no-repeat center;
}

.footer-social-icons i.linkedin {
    background: url("https://www.siemensleasing.com.tr/content/svg/icon-linkedin.svg") no-repeat center;
}

.footer-social-icons i.youtube {
    background: url("https://www.siemensleasing.com.tr/content/svg/icon-youtube.svg") no-repeat center;
}

.btn-footer {
    display: inline-block;
    background: #fff;
    padding: 16px 56px;
    font-family: Siemens Sans Black, arial, sans-serif;
    font-weight: 400;
    font-size: 1.25rem;
    color: #000028;
}

.btn-footer:hover {
    background: #00ffb9;
}

.footer-links {
    display: flex;
    gap: 1rem;
    font-size: 1rem;
    justify-content: end;
}

.footer-links li a {
    color: #fff;
}

.footer-links li a:hover {
    color: #00ffb9;
}

.offcanvas-body {
    scrollbar-width: thin;
    scrollbar-color: #737389 #333353;
    position: relative;
}

/* 
.offcanvas-body:before {
    content: "";
    width: 100%;
    max-width: 520px;
    height: 10%;
    background: linear-gradient(to bottom, #000028, rgba(0, 0, 40, 0));
    top: 0;
    right: 0;
    position: fixed;
    z-index: 1;
} */

.offcanvas-body:after {
    content: "";
    width: 100%;
    max-width: 520px;
    height: 8%;
    background: linear-gradient(to top, #000028, rgba(0, 0, 40, 0));
    bottom: 0;
    right: 0;
    position: fixed;
    z-index: 1;
}

.offcanvas-body::-webkit-scrollbar {
    width: 6px;
}

.offcanvas-body::-webkit-scrollbar-thumb {
    background-color: #737389;
    border-radius: 3px;
}

.offcanvas-body::-webkit-scrollbar-track {
    background-color: #333353;
}

.offcanvas.offcanvas-start,
.offcanvas.offcanvas-end {
    --bs-offcanvas-width: 520px;
    --bs-offcanvas-bg: #05002b;
    --bs-offcanvas-color: #fff;
}

.btn-close {
    --bs-btn-close-bg: url("https://www.siemensleasing.com.tr/content/svg/icon-close.svg");
    --bs-btn-close-opacity: 0.75;
    --bs-btn-close-hover-opacity: 1;
}

.offcanvas-title {
    font-family: Siemens Sans Black, arial, sans-serif;
    font-weight: 900;
}

.offcanvas-title-alt {
    font-size: 2rem;
    font-family: Siemens Sans Black, arial, sans-serif;
    font-weight: 400;
}

.offcanvas-title-current {
    color: #00ffb9;
    border-bottom: 1px solid #00ffb9;
}

.offcanvas label {
    display: block;
    font-family: Siemens Sans Black, arial, sans-serif;
    margin: 2rem auto 1rem;
}

.region-list {
    margin: 2rem auto 5rem;
}

.region-list li {
    margin-bottom: 1rem;
}

.region-list>li:first-child {
    border-bottom: 1px solid #00bedc;
}

.region-list li h4 {
    font-size: 1.125rem;
    font-family: Siemens Sans Black, arial, sans-serif;
    font-weight: 900;
}

.region-list li a:hover {
    color: #00ffb9 !important;
}

.region-list li ul {
    display: flex;
}

.region-list li ul li {
    display: flex;
    align-items: center;
}

.region-list li ul li:not(:last-child):after {
    content: "";
    display: block;
    width: 1px;
    height: 80%;
    background-color: #00bedc;
    margin: auto 0.5rem;
}

@media (max-width: 767.98px) {
    .mt-10 {
        margin-top: 3rem !important
    }

    .header-bar {
        display: none;
    }

    a.region.hide {
        display: none;
    }

    .hero-content {
        min-height: 400px;
    }

    .hero-content .hero-detail {
        width: auto;
    }

    .hero-content h2 {
        display: block;
        margin-bottom: 32px;
        font-size: 2rem;
    }

    .hero-content p {
        display: block;
        margin-bottom: 32px;
    }

    .page-content .page-detail {
        width: auto;
    }

    .page-content h2 {
        width: auto;
        font-size: 2rem;
        font-family: inherit;
        font-weight: 400;
    }

    .footer-links {
        flex-direction: column;
        gap: 0.5rem;
    }
}