@font-face {
    font-family: 'google_sansregular';
    src: url('../fonts/googlesans-regular-webfont.woff2') format('woff2'),
        url('../fonts/googlesans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;	

}
body{
    font-family: 'google_sansregular';
    overflow-x: hidden;
}
@font-face {
  font-display: swap;	
  font-family: "bootstrap-icons";
  src: url("../fonts/bootstrap-icons.woff2?e34853135f9e39acf64315236852cd5a") format("woff2"),
url("../fonts/bootstrap-icons.woff?e34853135f9e39acf64315236852cd5a") format("woff");
}

.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bi-chevron-right::before { content: "\f285"; }

.bi-arrow-right::before { content: "\f138"; }
.bi-search::before {
    content: "\f52a";
}
.bi-download::before {
    content: "\f30a";
}
h1{
    font-size: 44px;
    line-height: 50px;
}
h2{
    font-size: 36px;
    line-height: 42px;
}
h3{
    font-size: 30px;
    line-height: 36px;
}
h4, h5 , h6{
    font-size: 26px;
    line-height: 32px;
}
h2 , h3 , h4, h5 , h6{
    font-weight: bold;
}
.bg-pink{
    background: oldlace;
    /*background: #dee2ff;*/
}
.text-danger{
/*color: #084aab !important;*/
}
.bg-danger{
/*background: #084aab !important;*/
}

/* ========================= header ========================= */

header .nav-link{
    color: #3a364e !important;
    font-size: 18px;
    font-weight: 6500;
}
header a{
    font-size: 14px;
    max-width: 120px;
}
.logo img{
    width: 360px;
}

/* ========================= Banner ========================= */

.banner span{
    font-size: 19px;
    line-height: 25px;
}
.banner a{
    background-color: #ff1e1e;
    font-size: 14px;
    max-width: 120px;
}

/* ========================= makes ========================= */
.makes img , .popular-models img , .banner img{
    width: 60px;
}
.makes a , .models a , .related-manuals a{
border-bottom:1px solid;
}


/* ========================= popular manuals ========================= */
.search-bar .input-group-text{
   color: #ffffff !important;
    background-color: #000000 !important;
}
.search-bar .input-group-text + input{
   border:1px solid #cccccc !Important;
   height:45px;
}
.popular-models a{
    /* border-color:#dc3545 !important; */
}
.popular-logo-box{
    /* width: 90px;
    height: 90px;
    background: #fdf5e6;
    border-radius: 10px; */
    /* border: 1px solid #dc3545 !important; */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.popular-logo-box img {
    /* max-width: 80px;
    max-height: 80px;
    object-fit: contain;. */
}

/* ========================= Faqs ========================= */

.accordion-button:not(.collapsed) {
    color: #ffffff !important;
    background-color: #dc3545 !important;
    box-shadow:none !important
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
    filter: none !important;
}
    .download-pdf-btn {
        padding: 14px 28px;
        color: #ffffff;
        font-size: 20px;
	letter-spacing:2px;
        font-weight: 600;
        text-decoration: none;
        box-shadow: 0 4px 10px rgba(211, 47, 47, 0.3);
}

/* ========================= footer ========================= */
footer{
    border-top: 4px solid #dc3545;
}
footer a{
    color: #7d7d7d;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
}


/* ========================= Responsive ========================= */

@media screen and (max-width:1199px){
    h1{
        font-size: 40px;
        line-height: 46px;
    }
    h2{
        font-size: 32px;
        line-height: 38px;
    }
    h3{
        font-size: 26px;
        line-height: 32px;
    }
    h4, h5 , h6{
        font-size: 20px;
        line-height: 26px;
    }
}
@media screen and (max-width:991px){
    h1{
        font-size: 36px;
        line-height: 42px;
    }
    h2{
        font-size: 28px;
        line-height: 32px;
    }
    h3{
        font-size: 22px;
        line-height: 32px;
    }
    h4, h5 , h6{
        font-size: 20px;
        line-height: 26px;
    }
}
@media screen and (max-width:767px){
    h1{
        font-size: 32px;
        line-height: 38px;
    }
    h2{
        font-size: 24px;
        line-height: 30px;
    }
    h3{
        font-size: 20px;
        line-height: 26px;
    }
    h4, h5 , h6{
        font-size: 18px;
        line-height: 24px;
    }
    .content-pdf .col-12{
        display: block;
        overflow-x:auto;
    } 
    
}
@media screen and (max-width:575px){
    .logo img{
        width: 280px;
    }
    .makes img + span{
        font-size: 14px;
        line-height: 20px;
    }
    .makes img, .popular-models img, .banner img {
        width: 50px;
	height: 50px;
    }
    .banner p{
        font-size: 16px;
        line-height: 22px;
    }
    .banner .col-12 , .content .col-12{
        padding: 0;
    }
     h1{
        font-size: 28px;
        line-height: 32px;
    }
    /*h2{
        font-size: 20px;
        line-height: 26px;
    }
    h3{
        font-size: 18px;
        line-height: 24px;
    }
    h4, h5 , h6{
        font-size: 16px;
        line-height: 22px;
    } */
}