@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica-Light.eot');
    src: local('Helvetica Light'), local('Helvetica-Light'),
        url('../fonts/Helvetica-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica-Light.woff2') format('woff2'),
        url('../fonts/Helvetica-Light.woff') format('woff'),
        url('../fonts/Helvetica-Light.ttf') format('truetype'),
        url('../fonts/Helvetica-Light.svg#Helvetica-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.eot');
    src: local('Helvetica'),
        url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica.woff2') format('woff2'),
        url('../fonts/Helvetica.woff') format('woff'),
        url('../fonts/Helvetica.ttf') format('truetype'),
        url('../fonts/Helvetica.svg#Helvetica') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica-Bold.eot');
    src: local('Helvetica Bold'), local('Helvetica-Bold'),
        url('../fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica-Bold.woff2') format('woff2'),
        url('../fonts/Helvetica-Bold.woff') format('woff'),
        url('../fonts/Helvetica-Bold.ttf') format('truetype'),
        url('../fonts/Helvetica-Bold.svg#Helvetica-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #5161AA;
  --bs-pink: #d63384;
  --bs-red: #F42C2C;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #2ACA10;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0080FE;
  --bs-primary-hover: #0073E4;
  --bs-secondary: #000000;
  --bs-success: #2ACA10;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #F42C2C;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 0, 128, 254;
  --bs-primary-hover-rgb: 0, 115, 228;
  --bs-secondary-rgb: 0, 0, 0;
  --bs-success-rgb: 42, 202, 16;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 244, 44, 44;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-helvetica: 'Helvetica';
  --bs-body-font-family: 'Open Sans', sans-serif;
  --bs-body-font-size: .875rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.25;
  --bs-body-color: #000;
  --bs-body-bg: #fff;
  --bs-border: #E9E9E9;
  --bs-table-bg: #fff;
  --bs-table-even-bg: #FAFAFA;
}

/*body{ font-size: 14px; color: #000;}*/
a{ color: #000; outline: none;}
a:hover{ color: var(--bs-primary); text-decoration: none; outline: none;}
a:focus,
button:focus{ outline: none;}
img{ max-width: 100%;}

.h1, .h2, .h3, .h4, h1, h2, h3, h4, .h5, .h6, h5, h6{ font-family: var(--bs-font-helvetica); font-weight: 700;}

.h1, h1{ font-size: 3rem; line-height: 3.125rem;}
.h2, h2{ font-size: 2.5rem; line-height: 3rem;}
.h3, h3{ font-size: 2rem; line-height: 2.375rem;}
.h4, h4{ font-size: 1.625rem; line-height: 1.875rem;}
.h5, h5{ font-size: 1.25rem; line-height: 1.75rem;}
.h6, h6{ font-size: .875rem; line-height: 1rem;}

/* Header */
.header .navbar{ background: #fff; padding: 1.0625rem 0; min-height: 88px;}
.header .navbar .navbar-brand{ max-width: 118px; display: inline-block;}
.header .navbar-right{ flex-direction: row;}
.header .navbar-nav{ align-items: center;}
.header .navbar-nav > .nav-item{ padding: 0 1rem;}
.header .navbar-nav > .nav-item > .nav-link{ padding: 0; font-size: 1rem; line-height: 1.25rem; color: #000; position: relative;}
.header .navbar-nav > .nav-item > .nav-link.active{ color: var(--bs-primary);}

.navbar-toggler{ padding: .25rem 0;}
.navbar-light .navbar-toggler-icon{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23000000' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}

.main-content{ min-height: calc(100vh - 173px);}
.container{ padding-left: 1.25rem; padding-right: 1.25rem;}

/* Home Page */
.section-hero{ padding-top: 25px; padding-bottom: 25px; background-color: var(--bs-primary); color: #fff;}
.section-hero .container{ position: relative;}
.section-hero .items-hero-wrap{ display: flex; align-items: center;}
.items-hero{ width: 460px; max-width: 100%;}
.items-hero h1{ margin-bottom: 1rem;}
.items-hero p{ font-size: 1rem; line-height: 1.25rem; margin-bottom: 1.25rem;}
.item-appd{ margin: 0 -0.75rem; display: flex;}
.item-appd a{ margin: 0 .75rem;}

.section-carzilly{ padding: 92px 0 60px;}
.section-carzilly h2{ color: #007CB2;}
.sub-title-text{ font-size: 1.25rem; line-height: 1.875rem; font-weight: bold; margin-bottom: .5rem;}
.section-carzilly p{ font-size: .875rem; line-height: 1.25rem; color: #646464; width: 870px; max-width: 100%; margin: 0 auto;}

.section-how-work{ background-color: #F8F8F8; padding: 60px 0;}
.section-how-work h2{ color: #007CB2; margin-bottom: 3rem;}
.items-hiw .item-image{ margin-bottom: 2rem;}
.items-hiw .item-title{ font-size: 1.625rem; line-height: 1; font-weight: bold; margin-bottom: 1.25rem;}
.items-hiw .item-text{ font-size: .75rem; line-height: .875rem; opacity: .6;}

.section-download{ padding: 50px 0;}
.items-download{ padding: 2.5rem 1.25rem 1.5rem; background-color: var(--bs-primary); color: #fff;}
.items-download p{ font-size: 1rem; margin-bottom: 1.5rem;}
.items-download .item-appd{ justify-content: center;}

/* Footer */
.footer{ background-color: #F8F8F8; padding: 1.375rem 0;}
.footer .f-nav{ list-style: none; margin: 0; padding: 0; font-size: .625rem; line-height: .75rem; display: flex; flex-wrap: wrap; justify-content: center;}
.footer .f-nav li + li{ margin-left: 1.25rem;}
.footer .f-nav li a{ font-size: 1rem; text-decoration: none;}
.footer .f-nav li a:hover,
.footer .f-nav li a.active{ text-decoration: underline;}

/* Media CSS */
@media (max-width: 1199px) {

}
@media (max-width:991px) {

}
@media (max-width:767px){
  .h1, h1{ font-size: 2rem; line-height: 2.125rem;}
  .h2, h2{ font-size: 1.75rem; line-height: 2.125rem;}
  .h3, h3{ font-size: 1.5rem; line-height: 1.75rem;}
  .h4, h4{ font-size: 1.25rem; line-height: 1.5rem;}
  .h5, h5{ font-size: 1.25rem; line-height: 1.75rem;}
  .h6, h6{ font-size: .875rem; line-height: 1rem;}

  .header .navbar{ min-width: 72px;}
  .navbar-brand{ padding-top: 0; padding-bottom: 0;}

  .section-hero{ padding-bottom: 0; text-align: center;}
  .items-hero{ margin: 0 auto;}
  .items-hero .item-appd{ justify-content: center;}
  .section-hero .item-image{ margin-top: 30px; margin-bottom: -32px;}
  .item-appd{ margin: 0 -0.5rem;}
  .item-appd a{ margin: 0 .5rem;}

  .section-carzilly{ padding: 3.75rem 0 2rem;}
  .sub-title-text{ font-size: 1rem; line-height: 1.25rem;}
  .section-how-work{ padding: 2rem 0;}
  .section-how-work h2{ margin-bottom: 1.5rem;}
  .items-hiw .item-image{ margin-bottom: .5rem;}
  .items-hiw .item-title{ font-size: 1.25rem; margin-bottom: .75rem;}
  .section-download{ padding: 1.25rem 0;}
  .items-download{ padding: 1.5rem 1.25rem;}
  .items-download p{ font-size: .875rem;}
}
@media (max-width:575px){
  .navbar-toggler,
  .navbar-toggler:focus{ order: 3; margin-left: .75rem; border: none; outline: none; box-shadow: none;}
  .header .navbar-collapse{ position: fixed; top: 0; right: -350px; width: 320px; max-width: 100%; padding: 30px 30px 8px; height: 100%; overflow-x: hidden; overflow-y: auto; background: #fff; text-align: center; z-index: 3; transition: all .4s ease;}
  .header .navbar-collapse.active{ right: 0;}
  .header .navbar-collapse .navbar-nav{ padding: 0; height: 100%;}
  .header .navbar-nav > .nav-item{ width: 100%;}
  .header .navbar-nav > .nav-item{ padding: 1rem 0;}
  .header .navbar-nav > .nav-item .nav-brand{ margin: 0 0 1.125rem; padding: 0; display: inline-block;}
  .header .navbar-nav > .nav-item > .nav-link{ padding: .5rem 0; font-size: 1.25rem; line-height: 1;}
  .navbar-overlay{ opacity: 0; visibility: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: 2; transition: all .4s ease;}
  .navbar-overlay.active{ opacity: 1; visibility: visible;}
}
@media (min-width:576px){

}
@media (min-width:768px){
  .section-hero .items-hero-wrap{ min-height: 320px;}
  .items-hero{ width: 350px;}
  .section-hero .item-image{ position: absolute; top: 0; right: -30px; width: 450px;}
}
@media (min-width:992px){
  .header .navbar-nav > .nav-item:first-child{ padding-left: 0;}
  .header .navbar-nav > .nav-item:last-child{ padding-right: 0;}

  .section-hero .items-hero-wrap{ min-height: 480px;}
  .items-hero{ width: 460px;}
  .section-hero .item-image{ right: -50px; width: auto;}
}
@media (min-width:1200px){
  .container{ max-width: 1080px;}

  .items-hero{ width: 484px; margin-left: 70px;}
  .section-hero .item-image{ right: -35px;}
}
@media (min-width:1400px){
  .container{ max-width: 1080px;}
}