@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

h1, h2{
    font-family: "Bai Jamjuree", sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
}

/* Services ======================================================================================================== */
:root {
    --border: #ededed;
}

    .blurb__section {
    margin-top: -4rem;
    position: relative;
    z-index: 500
}

.blurb__section .blurb__item {
    padding: 25px;
    height: auto;
    -webkit-clip-path: polygon(90% 0,100% 10%,100% 100%,0 100%,0 0);
    clip-path: polygon(90% 0,100% 10%,100% 100%,0 100%,0 0);
    border-color: var(--border)
}

.blurb__section .blurb__item .card-body,.blurb__section .blurb__item .card-footer {
    padding: 0
}

.blurb__section .blurb__item img {
    -webkit-clip-path: polygon(90% 0,100% 18%,100% 100%,0 100%,0 0);
    clip-path: polygon(90% 0,100% 18%,100% 100%,0 100%,0 0)
}

.blurb__section .blurb__item .blurb__title {
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
    font-family: var(--sitefont);
    text-transform: uppercase;
    color: var(--color-theme-text)
}

.blurb__section .blurb__item .blurb__copy {
    margin-bottom: 20px
}

@media only screen and (max-width: 991px) {
    .blurb__section .grid__wrapper {
        -ms-grid-columns:(1fr)[2];
        grid-template-columns: repeat(2,1fr);
        -ms-grid-rows: (auto)[3];
        grid-template-rows: repeat(3,auto)
    }
}

@media only screen and (max-width: 768px) {
    .blurb__section .grid__wrapper {
        -ms-grid-columns:(1fr)[1];
        grid-template-columns: repeat(1,1fr);
        -ms-grid-rows: (auto)[6];
        grid-template-rows: repeat(6,auto)
    }
}

@media(max-width: 768px) {
    .blurb__section .about__wrapper {
        padding:70px 50px 50px
    }
}

/* About us ============================================================================== */
.cw-about {
    background: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/5CBA49311F0D6429EBCAD7A50C08A530.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 4em 0 0
}

@media(min-width: 992px) {
    .cw-about {
        padding:4em 0
    }

    .cw-about img {
        width: 50%
    }
}

.cw-about .expand {
    animation-name: expand;
    visibility: visible;
    animation-duration: 6s;
    animation-delay: 1s;
    margin: 1em auto;
    animation-fill-mode: both
}

@keyframes expand {
    0% {
        width: 15px
    }

    100% {
        width: 100%
    }
}

.cw-about h3 {
    font-size: 1.15rem;
    color: var(--color-theme-primary);
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 0em!important
}

.cw-about h3 span {
    font-size: 2rem;
    color: var(--color-theme-secondary);
    text-transform: uppercase;
    font-weight: 700
}

.page-home .form {
    background: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/5CBA49311F0D6429EBCAD7A50C08A530.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed
}

@media(min-width: 992px) {
    .page-home .form .form-wrap {
        margin-top:-31em;
        width: 45%;
        margin-right: 2.5%;
        margin-left: auto;
        position: relative;
        z-index: 1
    }

    .cw-about h3 {
        margin-top: -2em!important;
    }
}

@media(min-width: 1200px) {
    .page-home .form .form-wrap {
        margin-top:-26em;
        width: 45%;
        margin-right: 2.5%;
        margin-left: auto
    }
}

.page-home .form {
    padding-top: 1.5em
}

.page-home textarea.form-control {
    height: 100px
}


.inventory .card{
    color: #fff!important;
}

.inventory .btn-link.btn-clear-filter {
    color: #fff!important;
}

.header .header-info-logo-img img {
    width: 220px !important;
}