@font-face {
  font-family: 'US Bank Circular';
  src: url('../fonts/U.S.BankCircular/U.S.BankCircular-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'US Bank Circular';
  src: url('../fonts/U.S.BankCircular/U.S.BankCircular-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'US Bank Circular';
  src: url('../fonts/U.S.BankCircular/U.S.BankCircular-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'US Bank Circular';
  src: url('../fonts/U.S.BankCircular/U.S.BankCircular-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
:root {
--sw-navyblue: #0c2074;
--sw-blue: #0c2074;
--sw-pink: #0c2074;
--sw-light-gray: #f2f4f5;
}
html{font-size: 100%;-webkit-font-smoothing: antialiased;scroll-behavior: smooth;}   			
body{font-family: 'US Bank Circular', sans-serif!important;color:#203645;font-weight:400;font-size:1rem;}
/* Essential Layout Components */
.navbar{box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12);}	
.navbar-brand img{width:160px}
.top-bar{font-size:13px;background-color:var(--sw-light-gray);position:relative}
.nav-link{font-size:15px}
.teklif-al{font-family: 'US Bank Circular', sans-serif;font-size: .875rem;padding: .25rem 1.5rem;border: .0625rem solid #0c2074;background-color: #0c2074;font-weight:800;white-space: nowrap;color: #fff;}
body.menu-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
}