/*! * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */
.fa,.fab,.fad,.fal,.far,.fas{
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    display:inline-block;
    font-style:normal;
    font-variant:normal;
    text-rendering:auto;
    line-height:1
}


.fa-angle-right:before {
    content: "\f105";
}


.fab{
    font-family:"Font Awesome 5 Brands"
}

.fab,.far{
    font-weight:400
}
@font-face{
    font-family:"Font Awesome 5 Free";
    font-style:normal;
    font-weight:900;
    font-display:block;
    src:url(../webfonts/fa-solid-900.eot);
    src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")
}
/* .fa,.far,.fas{
    font-family:"Font Awesome 5 Free"
}
.fa,.fas{
    font-weight:900
} */

body{
    font-family: 'Barlow Semi Condensed', sans-serif;
    color:#595959;
    background-color: #fff;;
}
button#dropdownMenu2{
    font-size:16px;
}
@media (min-width: 768px) and (max-width: 900px){
    button#dropdownMenu2{
        font-size:12px;
    }  
}
.rating{
    display: flex;
    max-width:180px;
    justify-content: space-between;
}
.fas.fa-star, .fa-star-half-alt{
    color:#D9A443;
}
.brand{
    width:100px;
    height:200px;
    margin-right: 10px;
    box-sizing: initial;
}
.feature{
    display: flex;
}
.info{
    width:100%;
}
.vs{
    width:100%;
    margin-top:10px;
    font-size: 18px;    ;
}
.btn-danger{
    /* background-color: #B38B00
     */
     /* background-color: #9e0b0f; */
}
a.btn-danger{
    color:#fff !important;
    font-size: 0.9rem;

}
.cat{
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   
}
.cat a{
    color:#585858;
    font-weight: 600;
}
.cat a.btn-warning{
    color:#fff;
    font-weight: 500;
    /* width: 50%; */
}
blockquote{
    display:block;
    padding: 15px 20px 15px 45px;
    margin: 0 0 20px;
    position: relative;
    
    /*Font*/
    font-family: Georgia, serif;
    font-size: 21px !important;
    line-height: 0.7;
    color: rgb(185, 185, 185);
    text-align: justify;
    

  }
  
  blockquote::before{
    content: "\201C"; /*Unicode for Left Double Quote*/
    
    /*Font*/
    font-family: Georgia, serif;
    font-size: 60px;
    font-weight: bold;
    color: #999;
    
    /*Positioning*/
    position: absolute;
    left: 10px;
    top:5px;
  }
  
  blockquote::after{
    /*Reset to make sure*/
    content: "";
  }
  .navbar {
      background-color: #9e0b0f;
      z-index: 1030;
    /* -webkit-box-shadow:  6px 8px 16px 0 rgb(47 47 47 / 30%), 6px 8px 16px rgb(47 47 47 / 30%);
    box-shadow: 6px 8px 16px 0 rgb(47 47 47 / 30%), 6px 8px 16px rgb(47 47 47 / 30%); */
    padding-top: .5625rem;
    height: 100px;
  }

  a{
    /* color:#e67f81; */
    color:#b85759 
  }
  a:hover{
    color:#9e0b0f;
  }
  .popular div[class*="col-"]{
      margin-top:30px;
  }
  .form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.form-row>.col, .form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
}
.popular div[class*="col-"]{
    margin-top:30px;
}
.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
}
.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type="range" i] {
    appearance: auto;
    cursor: default;
    color: -internal-light-dark(rgb(16, 16, 16), rgb(255, 255, 255));
    padding: initial;
    border: initial;
    margin: 2px;
}


.rating {
    color: #B38B00;
}



.wrapper {
    display: grid;
    grid-template-columns: 1fr 2fr 2fr 2fr 2fr;
    padding-bottom:1rem;
  
}
.wrapper > div{
    padding:0rem 0rem 0rem 1rem;
}
.sub-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column: 2/4;
}

.box-1 {
 grid-column: 2/9;
 grid-row: 1;
}

.box-2 {
    grid-column: 2/4;
    align-self:self-start;
}

.box-3 {
    grid-column: 2/9;
    align-self:self-start;
    display: flex;
    justify-content: flex-start;
}


.box-1 a {
    color: #FF0000;
}

.wrapper {
    display: grid;
}

.props {
    display: flex;
    padding: 5px 5px 5px 0px;
    align-items: center;
}

.props img {
    width:24px;
    height: 24px;
    font-weight: 600;
}
.props span{
    font-size:1rem;
    font-weight: 600;;
    padding-left:5px;
}
.header{
    display:flex;
    justify-content:space-between;
}
.features{
    column-count: 2;
    column-gap: 1.25rem;
}
.filters{
    column-count: 1  ;
 }
@media  (max-width:768px){
    .box-3{
        grid-column:1/9;
    }
    .header{
        flex-direction: column;
    }
    .features{
        column-count: 1;
    }
   
}
@media (min-width:568px) and (max-width:767px) {
    .filters{
        column-count: 2  ;
     }
}
.filter{
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
}
.filter input.form-control{
    margin:5px 5px 5px 0px;
}
.item a{
    color:rgb(2, 115, 115);
}
.item h5{
    font-size: 1rem;
    padding:10px;
}
.item h2{
    font-size:1rem;
}
strong{
    font-weight: 600 !important;
}
/*! * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */
.fa,.fab,.fad,.fal,.far,.fas{
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    display:inline-block;
    font-style:normal;
    font-variant:normal;
    text-rendering:auto;
    line-height:1
}


.fa-angle-right:before {
    content: "\f105";
}

.fa,.far,.fas{
    font-family:"Font Awesome 5 Free"
}
.fa,.fas{
    font-weight:900
}
@media (min-width:960px) and (max-width:1200px) {
    .sidebar .cats{
        flex-direction: column ;
     }
}