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

@font-face {
    font-family: 'avenirlight';
    src: url('../fonts/avenir_light-webfont.eot');
    src: url('../fonts/avenir_light-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/avenir_light-webfont.woff2') format('woff2'),
        url('../fonts/avenir_light-webfont.woff') format('woff'),
        url('../fonts/avenir_light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

*,
html {
    scroll-behavior: smooth;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: 'FoundryMonoline' !important;
    font-weight: normal;
    box-sizing: border-box;
    background-color: #fff;
    font-size: 16px
}

a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    outline: none;
}

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

img {
    max-width: 100%;
}

::-moz-selection {
    color: #ffffff;
    background: #00262F
}

::selection {
    color: #ffffff;
    background: #00262F
}


.headerBannerOuter {
    width: 100%;
    height: 110vh;
    min-height: 1150px;
    position: relative;
    background-size: cover !important;
}

.headerBannerOuter::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: -moz-linear-gradient(top, rgba(0, 38, 47, 1) 0%, rgba(0, 0, 0, 0.43) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 38, 47, 1) 0%, rgba(0, 0, 0, 0.43) 100%);
    background: linear-gradient(to bottom, rgba(0, 38, 47, 1) 0%, rgba(0, 0, 0, 0.43) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00262f', endColorstr='#6e000000', GradientType=0);
    opacity: 0.5;
    content: "";
}

.subHeaderTop {
    background: #00262F;
    width: 100%;
    color: #fff;
    padding: 10px 40px;
    position: relative;
}

.numberLocation span {
    color: #fff;
    /*font-size: 18px; */
}
.numberLocation span a{
    color: #fff;
    /*font-size: 18px; */
}
.numberLocation span img {
    height: 18px;
    width: auto;
    vertical-align: text-bottom;
}

.headerBannerOuter header .navbar {
    background: none;
    background-color: transparent;
    width: 100%;
}

.headerBannerOuter header {
    position: relative;
    padding: 15px 40px;
}

.headerBannerOuter header .navbar ul li a {
    color: #94A4AB;
    font-size: 20px;
    padding: 0 15px !important;
}

.headerBannerOuter header .navbar ul li a:hover,
.headerBannerOuter header .navbar ul li a.active {
    color: #fff;
}

.headerBannerOuter header .navbar ul li a:focus {
    color: #94A4AB;
}

.headerBannerOuter header .headerBtn {
    background: #F59A11;
    color: #fff;
    padding: 13px 35px;
    border-radius: 50px;
    border: none;
    font-size: 22px;
    line-height: normal;
}

.headerBannerOuter header .headerBtn img {
    width: 28px;
    margin-right: 5px;
    vertical-align: text-bottom;
}

.bannerText {
    position: relative;
    max-width: 816px;
    text-align: center;
    margin: 90px auto 0;
}

.bannerText h1 {
    font-size: 68px;
    text-transform: uppercase;
    color: #fff;
    line-height: 70px;
}

.darkSection {
    background: #00262F;
    padding: 100px 0 70px 0;
    position: relative;
}

.darkSection::before {
    content: "";
    width: 100%;
    height: 220px;
    background: #00262F;
    z-index: 1;
    top: -100px;
    background-color: #00262F;
    left: 0;
    position: absolute;
    -webkit-transform: skewY(3deg);
    -ms-transform: skewY(3deg);
    transform: skewY(3deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
}

.darkSection h2 {
    font-size: 40px;
    color: #fff;
    text-transform: uppercase;
}

.darkSection h2 span {
    color: #94A4AB;
}

.serviceBox {
    background: #0A2F37;
    padding: 20px;
    min-height: 226px;
    height: 100%;
}

.serviceIcon {
    min-height: 60px;
    display: inline-block;
    line-height: 60px;
    margin-top: 0px;
}

.serviceBox img {
    margin-top: 0px;
}

.serviceBox p {
    color: #fff;
    font-size: 22px;
    line-height: 26px;
    text-transform: uppercase;
    margin: 30px 0 0px 0;
}

.headerBannerOuter header.fixed-top {
    background: #00262F;
    position: fixed;
    top: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.15);
}

.servicesInner {
    position: relative;
    z-index: 2;
}

.aboutUsSection {
    padding: 0px 0 !important;
    background: #F1F4F5;
}



.aboutContent {
    max-width: 60%;
    margin-left: 10%;
    margin-bottom: 80px;
    margin-top: 30px;
}

.aboutUs {
    height: 100%;
}

.aboutUs img {
    height: 100%;
    object-fit: cover;
}

.blackHeading {
    color: #00262F;
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.blackHeading span {
    color: #94A4AB;
}

.aboutContent p {
    color: #00262F;
    font-size: 20px;
    font-family: 'avenirlight';
    line-height: 24px;
}

.workBoxInner .numberAndArrow {
    padding: 30px 0 20px 0;
    position: relative;
    width: 100%;
}

.workBoxInner .numberAndArrow::after {
    position: absolute;
    background: url('../images/workArrow1.svg') no-repeat;
    width: 100%;
    left: 90px;
    top: 20px;
    height: 38px;
    content: "";
    background-size: 70% auto;
}

.workBoxInner .numberAndArrow.bottomSideArrow::after {
    background: url('../images/workkArrow2.svg') no-repeat;
    top: auto;
    bottom: 0px;
    background-size: 70% auto;
}

.workBoxInner .numberAndArrow p {
    color: #4D636B;
    font-size: 66px;
    margin-bottom: 0px;
}

.workBoxInner h3 {
    color: #fff;
    font-size: 28px;
    text-transform: uppercase;
}

.noArrow::after {
    display: none !important;
}

.lightSection {
    background: #fff;
    padding: 100px 0 100px 0;
    position: relative;
}

.lightSection::before {
    content: "";
    width: 100%;
    height: 220px;
    background: #fff;
    z-index: 1;
    top: -100px;
    background-color: #fff;
    left: 0;
    position: absolute;
    -webkit-transform: skewY(3deg);
    -ms-transform: skewY(3deg);
    transform: skewY(3deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
}

.appoiSection {
    background: #F1F4F5;
    padding: 100px 0 140px 0;
    position: relative;
}

.appoiSection p {
    color: #94A4AB;
    font-size: 28px;
    font-family: 'avenirlight';
}

.appoiSection h2 {
    color: #00262F;
    font-size: 50px;
    margin-bottom: 20px;
}

a.borderBtn {
    padding: 12px 40px;
    border: 2px solid #00262F;
    display: inline-block;
}

a.borderBtn img {
    margin-right: 5px;
    filter: brightness(10.5%);
    width: 20px;
}

a.borderBtn:hover {
    background: #00262F;
    color: #fff;
}

a.borderBtn:hover img {
    filter: brightness(100%);
}

.contactFormInner label {
    font-size: 18px;
    color: #00262F;
    margin-bottom: 2px;
    width: 100%;
}

.contactFormInner input {
    height: 60px;
    border: 1px solid #94A4AB;
    border-radius: 0px;
    font-size: 18px;
    padding: 15px 20px;
    width: 100%;
}

.contactFormInner textarea {
    height: 145px;
    border: 1px solid #94A4AB;
    border-radius: 0px;
    font-size: 18px;
    padding: 15px 20px;
}

.contactUsInfoBox h3 {
    font-size: 18px;
    color: #94A4AB;
    text-transform: uppercase;
    margin-top: 5px;
}

.contactUsInfoBox p {
    font-size: 21px;
    font-family: 'avenirlight';
    color: #00262F;
}

.contactUsInfoBox {
    margin-top: 20px;
    min-height: 100%;
}

.contactUsInfoBox i {
    height: 36px;
    min-width: 36px;
    display: inline-block;
}

footer {
    background: #00262F;
    padding: 20px 0;
}

footer p {
    color: #94A4AB;
    font-size: 18px;
    font-family: 'avenirlight';
    text-align: center;
    margin: 0px;
}

/******************************/
/*     Back To Top Button     */
/******************************/
a.back-to-top {
    position: fixed;
    z-index: 999;
    right: 12px;
    bottom: 12px;
    display: none;
    width: 42px;
    height: 42px;
    border-radius: 30px;
    background: #000 url("../images/up-arrow.png") no-repeat center 47%;
    background-size: 18px 18px;
    text-indent: -9999px;
}

.contactFormInner input.borderBtn {
    background: #fff !important;
    height: auto;
    width: auto;
    border: 1px solid #000 !important;
    border-radius: 0px;
    padding: 12px 40px !important;
    color: #000 !important;
}

.contactFormInner input.borderBtn:hover {
    background: #000 !important;
    height: auto;
    width: auto;
    border: 1px solid #000 !important;
    border-radius: 0px;
    padding: 12px 40px !important;
    color: #fff !important;
}

.contactFormInner textarea {
    width: 100%;
}

a:hover.back-to-top {
    background-color: #0C0C0C;
}

.collapse.show,
.collapsing {
    position: fixed;
    background: #00262F;
    height: 100%;
    top: 0;
    z-index: 999;
    left: 0;
    width: 320px;
    max-width: 90%;
    padding: 0 20px;
    box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.15);
}

.collapsing {
    transition: none !important;
}

.headerBannerOuter header .navbar ul li a {
    color: #94A4AB;
    font-size: 20px;
    padding: 10px 15px !important;
}

.navbar-toggler-icon {
    filter: brightness(100);
}

.schAppoOuter {
    position: relative;
    z-index: 999;
    padding-bottom: 90px;
}

.schAppoOuter {
    position: relative;
    z-index: 999;
}

.schAppoOuter p {
    color: #94A4AB;
}

.schAppoOuter h2 {
    margin-bottom: 20px;
}

.schAppoOuter a.borderBtn {
    padding: 12px 40px;
    border: 2px solid #FFF;
    display: inline-block;
    color: #fff;
}

.schAppoOuter a.borderBtn:hover {
    border: 2px solid #FFF;
    color: #00262F;
    background-color: #fff;
}

.schAppoOuter a.borderBtn img {
    filter: brightness(100%);
}

.schAppoOuter a.borderBtn:hover img {
    filter: brightness(10.5%);
}


.mobileViewAbout {
    display: none;
}

.outServiceRow {
    justify-content: center !important;
}

/*New Css New Pages 20-06-2022 -----*/
.innerHeader {
    min-height: 120px;
    height: 50px;
    background: #00262F !important;
    border-bottom: 1px solid #30484E;
}

.carSalesPage {
    background: #001E26 !important;
    padding: 50px 0;
}

.carSalesPage h2 {
    font-size: 40px;
    color: #fff;
    text-transform: uppercase;
}

.carSalesPage h2 span {
    color: #94A4AB;
}

.carSalesPage h3 {
    font-size: 25px;
    color: #94A4AB;
    text-transform: uppercase;
}

.carSalesPage p {
    color: #94A4AB;
    font-size: 20px;
}

/*New Css New Pages 20-06-2022 -----*/
.innerHeader {
    min-height: 120px;
    height: 50px;
    background: #00262F !important;
    border-bottom: 1px solid #30484E;
}

.carSalesPage {
    background: #001E26 !important;
    padding: 50px 0;
}

.carSalesPage h2 {
    font-size: 40px;
    color: #fff;
    text-transform: uppercase;
}

.carSalesPage h2 span {
    color: #94A4AB;
}

.carSalesPage h3 {
    font-size: 25px;
    color: #94A4AB;
    text-transform: uppercase;
}

.carSalesPage p {
    color: #94A4AB;
    font-size: 20px;
}

.filterBlog input {
    height: 50px;
    border-radius: 0;
    padding-right: 30px;
}

.filterBlog select {
    height: 50px;
    border-radius: 0;
}

.searchBox {
    position: relative;
}

.searchBox span {
    position: absolute;
    top: 10px;
    right: 15px;
}

.filterTitle {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    width: 100%;
    text-align: end;
    padding-top: 6px;
}

.listSalesBox {
    border-top: 1px solid #fff;
    border-bottom: 2px solid #fff;
    display: flex;
    padding: 20px 0;
    align-items: center;
    position: relative;
    margin-bottom: -1px;
}

.listSalesBox img {
    width: 234px;
    height: 150px;
    margin-right: 20px;
}

.listSalesBox .productName {
    font-size: 36px;
    color: #fff;
    text-transform: uppercase;
    margin-right: 10px;
}

.listSalesBox .productName span {
    color: #94A4AB;
    text-transform: none;
}

.priceProduct {
    color: #F59A11;
    font-size: 36px;
}


.pagination .page-link {
    font-size: 14px;
    color: #fff;
    padding: 6px 13px;
    border-radius: 3px;
    background-color: #001e26;
    border-color: #fff
}

.numbers-pag {
    color: #94A4AB;
    font-size: 16px;
}

.pagination .page-link:focus {
    box-shadow: none;
}

.pagination .page-item {
    padding: 0 5px;
}

.pagination .page-item:first-child {
    margin-right: 4px;
}

.pagination .page-item:first-child .page-link {
    padding: 6px 18px;
    border: 1px solid #fff;
    background-color: #001e26;
    color: #fff;
}

.pagination .page-item:last-child {
    margin-left: 4px;
}

.pagination .page-item:last-child .page-link {
    padding: 6px 20px;
    border: 1px solid #fff;
    background-color: #001e26
}

.pagination .page-item[aria-current="page"] a,
.pagination .page-item.active a {
    background-color: #001e26 !important;
    color: #ffffff !important;
    border-color: #fff !important;
}


@media screen and (max-width: 1199px) {
    .contactUsInfoBox p {
        font-size: 18px;
    }

    .contactUsInfoBox h3 {
        font-size: 16px;
    }

    .lightSection::before,
    .lightSection::before {
        top: -60px;
    }

    .headerBannerOuter {
        height: 80vh;
        min-height: 800px;
    }

    .bannerText {
        max-width: 615px;
        margin: 20px auto 0;
    }

    .bannerText h1 {
        font-size: 48px;
        line-height: 55px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .headerBannerOuter header .navbar ul li a {
        font-size: 15px;
        padding: 10px 8px !important;
    }

    .headerBannerOuter header .headerBtn {
        padding: 10px 25px;
        font-size: 17px;
    }

    .headerBannerOuter header .headerBtn img {
        width: 20px;
    }

    .appoiSection p {
        font-size: 20px;
    }

    .appoiSection h2 {
        font-size: 30px;
    }

    .contactFormInner label,
    .contactFormInner input,
    .contactFormInner textarea {
        font-size: 16px;
    }

    .darkSection::before,
    .lightSection::before {
        top: -70px;
    }
}

@media screen and (max-width: 991px) {

    footer div,
    footer div.text-end {
        text-align: center !important;
    }

    footer div p {
        margin: 15px 0;
    }

    .contactFormInner label,
    .contactFormInner input,
    .contactFormInner textarea {
        font-size: 16px;
    }

    .darkSection::before,
    .lightSection::before {
        top: -70px;
    }

    .aboutContent {
        max-width: 85%;
        margin-left: 5%;
    }

    /*New-css*/
    .listSalesBox img {
        width: 150px !important;
        height: 110px !important;
        margin-right: 70px;
    }

    .listSalesBox .productName {
        font-size: 26px;
    }

    .innerHeader {
        height: 70px;
        min-height: 100px;
    }


}

@media screen and (max-width: 767px) {
    .headerBannerOuter header {
        padding: 5px 15px !important;
    }

    .subHeaderTop {
        padding: 5px 20px;
    }

    .numberLocation span {
        font-size: 15px;
        width: 100%;
        display: inline-block;
    }

    .headerBannerOuter {
        height: 70vh;
        min-height: 680px;
    }

    .bannerText {
        margin: 30px auto 0;
    }

    .darkSection::before,
    .lightSection::before {
        top: -30px;
    }

    .darkSection,
    .lightSection {
        padding-top: 80px;
    }

    .workBoxInner .numberAndArrow::after {
        display: none;
    }

    .aboutContent {
        max-width: 80%;
        margin: 40px 5% 70px 5%;
    }


    .numberLocation span {
        margin: 0px !important;
    }

    .appoiSection {
        padding: 50px 0 110px 0;
    }

    .appoiSection h2 {
        font-size: 30px;
    }

    .appoiSection p {
        font-size: 18px;
    }

    .servicesInner {
        padding: 10px 20px;
    }

    .appoiSection {
        padding-left: 20px;
        padding-right: 20px;
    }

    .workBoxInner h3 {
        font-size: 20px;
    }

    .numberLocation {
        width: 100%;
    }

    .contactFormInner textarea {
        width: 100%;
    }

    .headerBannerOuter {
        background-position: center !important;
    }

    .bannerText h1 {
        font-size: 34px;
        line-height: 44px;
        padding: 20px 50px;
    }

    .webViewAbout {
        display: none;
    }

    .mobileViewAbout {
        display: block;
    }

    /*New-css*/
    .listSalesBox {
        display: block;
    }

    .listSalesBox .d-flex {
        display: inline-block !important;
    }

    .listSalesBox img {
        width: 100%;
        height: 250px;
        margin-bottom: 20px;
    }

    .listSalesBox .productName {
        font-size: 26px;
    }

    .innerHeader {
        height: 70px;
        min-height: 100px;
    }

    .filterTitle {
        text-align: start;
        margin-bottom: 5px;
    }
}


/* General card container styling */
.page-template-car-stories { background:#00262F; }

.car-book-section .custom-card {
  border: 1px solid #0A2F37;
  /* border-radius: 8px; */
  padding: 35px;
  background-color: #0A2F37;
  box-shadow: 0px 4px 6px rgba(30, 30, 30, 0.1);
  margin-bottom: 20px;
}
.car-book-section .innerbody{
  background-color: white;
  padding: 30px 30px 30px 30px;
  /*box-shadow: 0px 4px 6px #94A4AB; */
}


.car-book-section .car-title {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 15px;
  color: #333;
  height: 38px;
  overflow: hidden;
}


.car-book-section .image-container {
  margin-top: 25px;
  margin-bottom: 15px;
}

.car-book-section .btn:focus{ color:#fff;}
.car-book-section .car-image {
  max-width: 100%;
  width: 100%;
  height: 280px;
  object-fit: cover;
  /* border-radius: 4px; */
}


.car-book-section .bt {
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.car-book-section .ran {
  font-size: 28px;
  font-weight: 500;
  color: #fff;
}


.car-book-section .btn {
  background-color: #0a2f36;
  color: #fff;
  padding: 8px 28px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}


.car-book-section .btn:hover {
  background-color: #034351;
  color: white;
}
.car-book-section .btn-check:checked+.btn,.car-book-section .btn.active,.car-book-section .btn.show,.car-book-section .btn:first-child:active, :not(.btn-check)+.btn:active{
  background-color:#00262F;
  color: #fff;
}