/*

1. Add your custom Css styles below
2. Place the this code in your template:

 <link href="css/custom.css" rel="stylesheet">

*/

.brand_col .brand_card{
	height: 260px;
    align-items: center;
    display: flex;
    justify-content: center;
}
.brand_card .brand_logo{
	max-height: 100%;
    width: auto;
}
.brand_col .brand_card:hover {
	border: 1px solid #fce62e;
}
.product_col .product_card{
	/*height: 380px;
    align-items: center;
    display: flex;
    justify-content: center;*/
    text-align: center;
}
.product_card .product_img{
	max-height: 100%;
    width: auto;
}
.product_col .product_card:hover{
 border: 1px solid #fce62e;
}
.btn-blck{
	background-color: #000000!important;
    border-color: #000000!important;
    padding: 12px 30px!important;
    color: #ffffff;
}
.btn-line{
	background-color: #ffffff!important;
    border-color: #000000!important;
    color: #000000!important;
    padding: 12px 30px!important;
}
.netwrk_item .nav-link{
	border: 2px solid #e0e0e0;
    padding: 10px 10px;
    margin-right: 5px;
}
.netwrk_item .nav-link.active {
    border: 2px solid #fce62e;
}
.custom_nav_pill .custom_link_nv.active,
.custom_nav_pill .show>.custom_link_nv {
    color: #fff;
    background-color: #000000;
}
.custom_link_nv:focus, .custom_link_nv:hover {
    text-decoration: none;
    color: #ffffff!important;
    background-color: black;
}
.custom_nav_pill .custom_link_nv{
    border-radius: .25rem;
    border: 1px solid #000;
    margin-right: 2px;
    color: #000;
}
.detail_sale_row{
    position: relative;
}
.detail_sale_row .remove_icon{
    position: absolute;
    right: 20px;
    top: 0px;
    width: 30px;
    height: 30px;
    overflow: hidden;
    z-index: 1;
}
.sale_bt_col .btn-blck-sale{
    background-color: #000000!important;
    border:1px solid #000000!important;
    width: 100%;
    color: #ffffff;
    padding: 20px 20px!important;
}
.sale_bt_col .btn-blck-sale:hover{
    background-color: #ffffff!important;
    border:1px solid #000000!important;
    color: #000!important;
}
.btn-yellow_car{
    background-color: #fce62e!important;
    border: 1px solid #fce62e!important;
    padding: 12px 20px!important;
    color: #000;
    font-size: 17px!important;
    line-height: 1.4!important;
}
.btn-yellow_car span{
    font-size: 13px;
}

.sale_bt_col .btn-yellow-sale{
    background-color: #fce62e!important;
    border:1px solid #fce62e!important;
    width: 100%;
    padding: 20px 20px!important;
    color: #000;
}
.sale_bt_col .btn-yellow-sale:hover{
    background-color: #000000!important;
    border:1px solid #000000!important;
    color: #ffffff;
}
.sale_amt_col h2{
    color: #ee0b00;
    font-size: 30px;
}
.btn-outline-light {
    color: #000;
    border-color: #f8f9fa;
}

.datepicker-inline {
    width: 100%!important;
    border-radius: 0!important;
    padding: 20px;
}
.datepicker .table-condensed {
    width: 100%;
    margin: 0 auto;
}
.datepicker .prev, .datepicker .datepicker-switch, .datepicker .next {
    padding: 30px 0;
    font-weight: 500;
    letter-spacing: 1px;
    border-radius: 0;
    color: #33475b!important;
    font-size: 16px;
}



.datepicker table tr th.dow {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 13px!important;
    letter-spacing: 1px;
    padding: 12px 0;
    color: #fff;
    border-radius: 0;
}

.datepicker table tr td.day {
    border-radius: 6px;
    font-size: 13px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    padding: 20px;
    color: #fff;
}
.slot_item .nav-link {
   background-color: #f1f4f7;
    color: #0091ae;
    padding: 18px 10px;
    border-radius: 8px;
    text-align: center;
    font-weight: 500;
    display: block;
    margin: 0;
    cursor: pointer;
}
.time_slot_nav{
    display: grid;
    padding: 40px 16px;
    gap: 16px;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    transition: all ease 0.3s;
}
.time_sloat_card{
    padding: 15px 20px;
}
.btn_card{
    display: grid;
    justify-content: center;
    align-items: center;
}
.spc_detail .brand_det{
 color: #b2b2b2;
}
.spc_detail .pd_gb {
    border: 2px solid #e0e0e0;
    padding: 5px;
    border-radius: 4px;
    color: #484848;
    margin-right: 8px;
}
.spc_detail .pd_gb:hover {
   border: 2px solid #fce62e;
    background-color: #fce62e;
     color: #484848!important;
}

.customradio .btn_rdio_det.active{
    color: #fff!important;
    background-color: #000000!important;
    border-radius: 4px!important;
    border:1px solid #000;
}

.customradio .btn_rdio_det{
    border-radius:4px!important;
    border: 1px solid #000;
    margin-right: 2px;
    color: #000;
    background-color: #ffffff;
    padding: 12px 10px;
}
.customradio .btn_rdio_det:hover{
    color: #fff!important;
    background-color: #000000!important;
    border-radius: 4px!important;
    border:1px solid #000;
}

/* HIDE RADIO */
.btn_rdio_img input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
.btn_rdio_img input[type=radio] + img {
  cursor: pointer;
}

/* CHECKED STYLES */
.btn_rdio_img input[type=radio]:checked + img {
  /*outline: 2px solid #f00;*/
}
.imageradio .btn_rdio_img.active{
   padding: 5px 5px!important;
    margin-right: 5px!important;
    border: 2px solid #fce62e!important;
    background-color: #ffffff!important;
    border-radius: 0px;
}
.imageradio .btn_rdio_img{
    padding: 5px 5px!important;
    margin-right: 5px!important;
    border: 2px solid #e0e0e0!important;
    background-color: #ffffff!important;
    border-radius: 0px!important;
}
.imageradio,
.customradio{
    display: inline-flex;
    justify-content: center;
    align-items: center;
}



/*=====================update start=====================*/
.customradio .btn_rdio_det{
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.time_btn_toggle{
    display: inline-block!important;
    justify-content: left;
    align-items: center;
    text-align: center;
}
.time_btn_toggle .time_radio{
    width: 30%;
}
.dtail_card_img_ht{
   height: 260px;
    align-items: center;
    display: flex;
    justify-content: center;
}
/*=====================updates end=====================*/




/*media start*/

@media (max-width: 767px){
.inspiro-slider .slide.is-selected {
    background-image: url(none)!important;
    background-color: #fde634!important;
}
.search-button{
    width: 100%!important;
    border-bottom-right-radius: 0px!important;
    border-top-right-radius: 0px!important;
}
.imageradio,
.customradio{
    display: block;
}
.time_btn_toggle .time_radio {
    width: 100%;
}
#header .header-inner #logo a,
#header .header-inner #logo a span,
#header #header-wrap #logo a,
#header #header-wrap #logo a span{
 font-size: 25px;
}
#header #logo{
    margin: -4px !important;
}
.inspiro-slider .slide .container,
.inspiro-slider .slide .container-wide {
   background-color: rgb(255 255 255 / 0%);
}
.inspiro-slider .slide .slide-captions h2 {
    line-height: 30px;
    font-size: 32px;
}
.searchbox {
    width: 100%;
}
.btn_card {
    text-align: center;
}
.btn_rdio_det{
    width: 100%;
}
button.btn + .btn, .btn:not(.close):not(.mfp-close) + .btn, a.btn:not([href]):not([tabindex]) + .btn {
     margin-left: 0px;
}
.mdx-datepicker .datepicker-inline {
    padding: 0px 0px 16px 0px;
    overflow: scroll;
}
}


/* tablet screens */
@media (min-width: 768px) and (max-width: 991px){
    #slider {
    height: 40vh;
}
    .inspiro-slider .slide.is-selected {
    background-image: url(none)!important;
    background-color: #fde634!important;
}
 .customradio .btn_rdio_det {
    padding: 12px 7px!important;
}
.inspiro-slider .slide .container,
.inspiro-slider .slide .container-wide {
    background-color: rgb(255 255 255 / 47%);
    padding-top: 50px;
    padding-bottom: 50px;
}
.inspiro-slider .slide .slide-captions h2 {
     line-height: normal!important;
    font-size: 50px !important;
}
.btn_card {
    text-align: center;
}
}

@media (min-width: 992px) and (max-width: 1199px){
  .customradio .btn_rdio_det {
    padding: 12px 8px!important;
}
.inspiro-slider .slide.is-selected {
    background-image: url(none)!important;
    background-color: #fde634!important;
}
.inspiro-slider .slide .container,
.inspiro-slider .slide .container-wide {
    background-color: rgb(255 255 255 / 47%);
}
}


@media (max-width: 767px){
  .inspiro-slider .slide .slide-captions h1, 
  .inspiro-slider .slide .slide-captions h2 {
    text-align: left;
    margin-top: 16px;
    font-size: 24px!important;
    line-height: 30px!important;
  }
  .inspiro-slider .slide .slide-captions h3, 
  .inspiro-slider .slide .slide-captions h4, 
  .inspiro-slider .slide .slide-captions h5, .inspiro-slider .slide .slide-captions h6 {
      text-align: left;
      color: #000;
      font-size: 22px;
      line-height: 26px;
      font-weight: 800;
      margin: 20px 0;
  }
  #slider {
    min-height: 500px!important;
  }
  .flickity-viewport {
    min-height: 500px!important;
  }
  .inspiro-slider .slide.is-selected {
    min-height: 500px!important;
  }
  .text-i{
      font-weight: 600;
      font-size: 18px;
  }
  .inspiro-slider .container {
      padding-top: 90px;
      padding-left: 20px;
      padding-right: 20px;
    }
}