@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');

body {
background-color: #fff;
color: #515151;
font-family: 'Lato', sans-serif;
font-size: 14px;
line-height: 1.7rem;
visibility: visible;
overflow-x: hidden;
padding-top: 60px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Lato', sans-serif;
line-height: 1;
margin: 0;
}

p {
margin-bottom: 0;
}

a,
button {
text-decoration: none;
color: #000;
}

button {
background: transparent;
border: 0;
padding: 0;
outline: 0;
}

a,
button,
img,
input {
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}

a:focus {
text-decoration: none;
color: #fb233b;
outline: 0;
}

a:hover {
text-decoration: none;
color: #fb233b;
}

button,
input[type="submit"] {
cursor: pointer;
outline: 0 !important;
}

img {
max-width: 100%;
}

:focus {
outline: -webkit-focus-ring-color auto 0px;
}

.form-control:focus {
box-shadow: none;
}

/*******************************
input  placeholder
*******************************/

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #a4a4a4 !important;
opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
color: #a4a4a4 !important;
opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #a4a4a4 !important;
opacity: 1;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
color: #a4a4a4 !important;
opacity: 1;
}

input::placeholder,
textarea::placeholder {
color: #a4a4a4 !important;
opacity: 1;
}

/*******************************
input active placeholder
*******************************/

input:active::-webkit-input-placeholder,
textarea:active::-webkit-input-placeholder {
color: #fb233b!important;
opacity: 1;
}

input:active::-moz-placeholder,
textarea:active::-moz-placeholder {
color: #fb233b!important;
opacity: 1;
}

input:active:-ms-input-placeholder,
textarea:active:-ms-input-placeholder {
color: #fb233b!important;
opacity: 1;
}

input:active::-ms-input-placeholder,
textarea:active::-ms-input-placeholder {
color: #fb233b!important;
opacity: 1;
}

input:active::placeholder,
textarea:active::placeholder {
color: #fb233b!important;
opacity: 1;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="textarea"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
.uneditable-input:focus {
border-color: #fb233b;
outline: 0 none;
}


input[type='radio'] {
  -webkit-appearance:none;
  width: 14px;
  height: 14px;
  border:1px solid #616161;
  border-radius:50%;
  outline:none;
}

input[type='radio']:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  margin: 1px 1px auto;
  border-radius: 50%;
}
input[type='radio']:checked:before {
  background: #fb233b;
}

.dropdown:hover>.dropdown-menu {
  display: block;
  margin: 7px 0px;
}

.dropdown>.dropdown-toggle:active {
    pointer-events: none;
}

.navbar-toggler{
border:0;
font-size: 2em;
padding: 0;
margin-top: 6px;
}

.w-180{width:180px; height:180px;object-fit:cover}

.menu{
  width: 100%;
}


li.nav-item {
padding-left: 5px;
}


nav#navbar1{
z-index: 9999;
}

.dropdown:hover>.dropdown-menu {
  display: block;
  margin: 0px 0px;
  z-index: 9999 !important;
}

.dropdown>.dropdown-toggle:active {
    pointer-events: none;
}

.custom-content{
min-height: calc(100vh - 125px);
}


/*--first section css start here-----------------*/
.product-box-01{
  background-color: #fff;
  box-shadow: 2px 2px 7px #ececec;
  width: 100%;
}
.product-box-01 img{
  height: 240px;
  width: 100%;
  object-fit: cover;
  display: block;
}
/*--first section css end here-----------------*/

.custom-section {
    margin-top: 100px;
    margin-bottom: 40px
}


.custom-slider{
      margin-top: 75px !important;
}


/*--browse-brand page css start here---------------------*/

.browse-brand{
position: fixed;
width: 100%;
z-index: 1111;
}


section.brand-category {
padding-top: 120px;
padding-bottom: 30px;
}

.browse-brand h5{
padding: 6px 11px;
}

.alphabet-menu{
display: flex;
flex-wrap: wrap;
}

.alphabet-menu .alphabet {;
padding: 4px 14px;
font-size: 18px;
}

.alphabet-menu .alphabet a{
cursor: pointer;
}

/* .current{
font-weight: bold;
color: #fb233b;
} */

.current{
color: #000;;
}

.current.active {
color: #fb233b;
font-weight: bold;
}

.brand-list li{
font-size: 16px;
line-height: 2em;
}

ul.brand-list {
padding: 12px;
}
/*--browse-brand page css end here---------------------*/


/*--second section css start here-----------------*/
.category-box-02{
background-color: #c2d2ec;
height: 300px;
}

.category-box-02 img{
height: 300px;
object-fit: cover;
width: 100%;
box-shadow: 2px 2px 5px #dadada;
}
/*--second section css end here-----------------*/


/*--third section css start here-----------------*/

.product-image{
display: flex;
justify-content: center;
align-items: center;
align-content: center;
margin-bottom: 15px;
}

.product-text{
background-color: #fff;
padding: 0px 10px;
margin-bottom: 45px;
}

.product-text p{
font-weight: 400;
line-height: 1.4rem;
word-break: break-word;
color: #8c8c8c !important;
}

/* .product-price01{
color: #000;
font-weight: 600;
margin-top: 15px;
margin-top: 10px;
margin-bottom: 0px;
} */
/*--third section css end here-----------------*/

/*--about page css start here-----------------*/
.title{
color: #fb233b;
font-weight: 700;
}

.content p{
  font-size: 18px;
  font-weight:300;
  line-height: 1.6;
}

.content li{
  font-size: 18px;
  font-weight:300;
  line-height: 1.6;
}



/* contact-form */

.contact-form .title {
  font-size: 1.6rem;
  text-transform: capitalize;
  color: #253237;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.contact-form label {
  font-size: 1.4rem;
  color: #253237;
}

.contact-form .form-control {
  background-color: #fff;
  border: 1px solid #e3e3e3;
  font-size: 1.4rem;
  color: #7a7a7a;
  padding: 0.8rem 1.6rem;
  height: 37px;
  line-height: 1.25;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}

.contact-form textarea.form-control {
  min-height: 300px;
}

h3.contact-page-title {
  font-size: 30px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom:15px;
  color: #333;
}

@media only screen and (max-width: 575px) {
  h3.contact-page-title {
    font-size: 25px;
  }
}

.single-contact-block {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
}

@media only screen and (max-width: 575px) {
  .single-contact-block {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}

.single-contact-block:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.single-contact-block h4 {
  font-size: 20px;
  font-weight: 500;
  line-height: 27px;
  color: #222;
  margin: 15px 0px;
}

@media only screen and (max-width: 575px) {
  .single-contact-block h4 {
    font-size: 20px;
  }
}

.single-contact-block h4 img {
  margin: 5px 20px 20px 0;
}

.single-contact-block p {
  font-size: 15px;
  line-height: 29px;
  margin-bottom: 0;
  color: #666;
}

span.required {
  color: #fb233b!important;
}

.contact-form .form-group {
  margin-bottom: 20px;
}

.contact-form label {
  font-size: 15px;
  font-weight: 400;
  line-height: 29px;
  display: block;
  margin-bottom: 0;
  color: #888;
}

.contact-form input {
  line-height: 40px;
  width: 100%;
  height: 40px;
  padding-left: 20px;
  border: 1px solid #e0e0e0;
  outline: 0;
  background-color: #fff;
}

.contact-form textarea {
  line-height: 40px;
  width: 100%;
  height: 155px;
  padding-left: 20px;
  border: 1px solid #e0e0e0;
  outline: 0;
  background-color: #fff;
  resize: none;
}

.contact-page-side-content {
  padding: 30px;
  background-color: #f7f7f7;
  height: 100%;
}



/*--about page css start here-----------------*/
/*.content p{
  font-size: 16px;
  font-weight: 300;
  line-height: 1.9rem;
}*/

/*--about page css end here-----------------*/

/*--product category start here---------------------*/
.check-box-inner {
  padding-top: 20px;
}

.check-box-inner .title {
  color: #253237;
  font-weight: 600;
  font-size: 18px;
  line-height: 2.4rem;
  margin-bottom: 10px;
  text-transform: capitalize;
}

.grid-icons{
color: #000;
font-size: 20px;
font-weight: 700;
}

.product-thumbnail{
  margin-bottom: 10px;
}

.product-thumbnail img {
  display: block;
  object-fit: contain;
  height: 190px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}


.product-desc .title {
  line-height: 1.7;
  display: block;
  margin-bottom: 0.8rem;
  color: #253237;
  text-transform: capitalize;
  white-space: normal !important;
  font-size: 15px;
  text-align: left;
  font-weight: 500;
  word-break: break-word;
}

.product-price {
display: block;
color: #fb233b;
font-size: 14px;
font-weight: bold;
position: absolute;
bottom: -34px;
width: 90%;
}

.custom-product-price{
display: block;
color: #fb233b;
font-size: 14px;
font-weight: bold;
}

.grid-nav-wraper {
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
}

.total-products {
  font-size: 16px;
  color: #888;
  margin-left: 50px;
}

.shop-grid-nav .nav .nav-link {
  color: #dbdbdb;
  padding: 0;
  background: transparent;
  line-height: 1;
}

.shop-grid-nav .nav .nav-link.active .fa,
.shop-grid-nav .nav .nav-link .fa:hover {
  color: #fb233b!important;
}

.shop-grid-button button {
  width: 100%;
  line-height: 1.5rem;
  font-size: 16px;
  margin: 0;
  color: #253237;
  text-align: left;
  padding: 0.2rem 1.5rem;
  border: 1px solid #e3e3e3;
  background: #fff;
}

.shop-grid-button button span {
  font-size: 18px;
  padding-top: 3px;
}

.shop-grid-menu {
  background: #fff;
  width: calc(100% - 100px);
  border: 1px solid #e1e1e1;
}

.shop-grid-menu .dropdown-item {
  line-height: 1.7;
  font-size: 16px;
  padding: 0.3rem 1.5rem;
  color: #232323;
}

.shop-grid-menu .dropdown-item:hover {
  background: #0090f0;
  color: #fff;
}

.sort-by {
  min-width: 70px;
}

.availability-list {
  color: #fb233b;
}

.availability-list p {
  margin-bottom: 2rem;
}

.availability-list p span {
  color: #0090f0;
}
/*--product category end here---------------------*/

span.price {
  font-size: 20px;
  color: #fb233b);
  margin-bottom: 4rem;
}

 .pagination-section {
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}

/*--pagination css start here------------------ */

/*
.page-item {
  margin: 0 2px;
}

.page-link {
  display: block;
  padding: 0;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  font-weight: 400;
  color: #253237;
  background: #f1f1f1;
  font-size: 18px;
  text-align: center;
  border: 0;
  border-radius: 100% !important;
  -webkit-border-radius: 100% !important;
  -moz-border-radius: 100% !important;
  -ms-border-radius: 100% !important;
  -o-border-radius: 100% !important;
}

.page-item.active .page-link,
.page-link:hover {
  color: #fff;
  background: #872bc7 !important;
} */
/*--pagination css end here------------------ */

/*--product details page css start----------------*/
.product-single.style1 .modal-product-info {
  padding: 3rem;
  border: 1px solid #e3e3e3;
  border-radius: 0.5rem;
}


.product-body {
  padding: 2rem 0;
  margin: 2rem 0;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  color: #555;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7em;
}

.product-head .title{
  font-weight: 400;
  margin: 0 0 1.5rem 0;
  color: #000;
  font-size: 23px;
  text-transform: capitalize;
  line-height: 1.4;
}

span.regular-price {
    font-weight: 400;
    line-height: 2rem;
    font-size: 24px;
    color: #888;
}

.slick-track {
    margin: 0 auto;
}

.product-sync-nav .slick-slide.slick-current .product-thumb {
  border: 1px solid #fb233b;
  max-width: 100px;
}

.product-thumb {
    max-width: 450px;
    margin: 0 auto;
    text-align: center;
}

.modal-product-info {
    padding: 2rem;
    border: 1px solid #e3e3e3;
    border-radius: 0.5rem;
}

.count-btn.increment {
    background-color: transparent;
    border: 0px;
    border-left: 1px solid #eee;
    display: block;
    width: 20px;
    height: 25px;
    padding: 0px;
    text-align: center;
    color: #333;
    font-size: 10px;
}

.product-count.style .count-btn {
    background-color: transparent;
    border: 0px;
    border: 1px solid #eee;
    display: block;
    width: 20px;
    height: 25px;
    padding: 0px;
    text-align: center;
    color: #333;
    font-size: 10px;
  }

  .product-count.style input {
    color: #232323;
    background-color: #fff;
    height: 50px;
    padding: 10px 10px 10px 10px;
    width: 90px;
    border: 1px solid #eee;
    display: block;
    text-align: center;
    -moz-appearance: textfield;
}

.product-tab .card-body {
    padding: 3rem 2rem;
}

.product-tab-menu.style1 .nav-link {
    font-weight: 400;
    background: transparent;
    text-transform: capitalize;
    line-height: 0.8em;
    font-size: 18px;
    color: #253237;
    padding: 0 0 1.5rem 0;
    margin: 0 3rem -1px;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.studio-thumb h6 {
    font-size: 1.6rem;
    color: #232323;
    font-weight: 700;
    margin-bottom: 0.5rem;
    line-height: 2.4rem;
}

.product-tab-menu.style1 .nav-link.active {
    border-color: #fb233b;
    font-weight: 700;
}
/*--product details page css end--------*/

.page-item.active .page-link, .page-link:hover {
  color: #fff !important;
  background-color: #fb233b!important;
  border-color: #fb233b!important;
}



/*--footer css start here------------------*/
.footer{
  background-color: #616161;
    /* position: fixed;
    width: 100%;
    bottom: 0; */
}

/* .footer ul{
  display: flex;
  flex-wrap: wrap;
} */

/* .footer ul li{
  margin-left: 10px;
} */

.footer-links ul li a{
color: #505050;
font-weight: 500;
}

.footer-links h6{
color: #000;
}

.social-icon ul li{
  display: inline-block;
  padding: 0px 6px;
  font-size: 18px;
}

.h-45{
  height: 45px;
}

li.divider {
    border-left: 1px solid;
    height: 18px;
    padding: 0px !important;
}
/*--footer css end here------------------*/

/*--faq page css start here---------------------*/
.accordion .card{border:none;}
.accordion .card-header button {
padding: 15px 40px 15px 15px;
font-size:15px;
color:#1f1f2b;
display: block;
line-height: normal;
padding-left: 0;
padding-top: 0;
font-weight: 600;
box-shadow: none !important;
}
.accordion  .card-header button .fa{
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    right: 0px;
}
.accordion .card-header{background:transparent;}
.accordion .card-header button {
text-decoration:none;
}
.accordion .fa{
  margin-right: 0.5rem;
}


#accordion .card {
  margin-bottom: 1rem;
  border-radius: 0;
}

#accordion .card .card-header {
  border-bottom: 0;
  padding: 2rem 1rem;
  background-color: #fff;
  border-radius: 0;
}

#accordion .card .card-header .btn-link {
  font-size: 15px;
  text-transform: capitalize;
  color: #333;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
  padding: 0;
  line-height: 1;
}
/*--faq page css end here---------------------*/

/*--Carousel slider css start here------------------------*/
#myCarousel .carousel-item{
  height: 100%;
  min-height: 425px;
  justify-content: center;
  align-self: center;
  /* display: grid; */
  background-color: #fff !important;
}

#myCarousel .carousel-item h4{
	font-size:40px;
	margin-bottom:15px;
	color: #000;
	letter-spacing:0.5px;
	font-weight:600;
  line-height: 1.1;
}

#myCarousel .carousel-item p{
	font-size:16px;
	margin-bottom:15px;
	color: #000;
  line-height: 1.5;
}

#myCarousel .carousel-item a{  
  font-size: 16px;
  color: #FFF;
  padding: 6px 18px;
  display: inline-block;
  font-weight: 500;
}


#myCarousel .carousel-item a:hover{text-decoration:none;  }

#myCarousel .carousel-item img{
  display:block;
  max-width:100%;
  object-fit: contain;
  height: 370px;
}
#myCarousel h4, #myCarousel p, #myCarousel a, #myCarousel .carousel-item img{
  -webkit-animation-duration: 1s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.carousel-control-next, .carousel-control-prev{
  height:40px;
  width:40px;
  padding:12px;
  top:50%;
  bottom:auto;
  transform:translateY(-50%);
  background-color: #fb233b;
  opacity: 1;
  border-radius: 50px;
}

.carousel-item {
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease,-webkit-transform .6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
.carousel-fade .carousel-item {
	opacity: 0;
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
	-webkit-transition-property: opacity;
	transition-property: opacity
}
.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
	opacity: 1
}
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-right.active {
	opacity: 0
}
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}
@supports (transform-style:preserve-3d) {
	.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
	}
}
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.carousel-control-prev {
    left:55px !important;
}

.carousel-control-next {
    right:55px !important;
}
/*--Carousel slider css end here------------------------*/
.dropdown-item.active, .dropdown-item:hover {
    background-color: #fb233b!important;
    color: #fff !important;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #fb233b!important;
    color: #fff !important;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="textarea"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, .uneditable-input:focus {
    outline: none !important;
}

.product-price01 {
    position: absolute;
    bottom: 6px;
    width: 87%;
    left: 26px;
}

.product-price01 h6{
  font-weight: 900;
    color: #fb233b;
    text-align: left;
    margin-bottom: 10px;
}

.category-text {
    background-color: #fff;
    padding: 15px;
}

.product-title h6{
  font-weight: 900;
  color: #fb233b;
  text-align: left;
  padding: 0px 10px;
  margin-bottom: 10px;
}

.category-text h6{
  font-weight: 900;
  color: #fb233b;
  margin-bottom: 10px;
  text-align: center;
}

.category-text p {
    font-weight: 400;
    line-height: 1.4rem;
    word-break: break-word;
    color: #8c8c8c !important;
}


.p-title {
    padding-bottom: 20px;
    display: flex;
}

.p-price {
    position: absolute;
    bottom: 0;
    width: 90%;
}
.filter-check-box label{
  padding-left: 8px;
  line-height: 1.9;
  cursor: pointer;
}

.filter-check-box input[type="radio"]{
cursor: pointer;
margin-top: 7px;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  max-height: 450px;
  overflow-y: auto;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}

.dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 10px;
  margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
  border-left-color: #fff;
}

.mobile-search-icon{
display: none
}

.mobile-search-icon .lni{
font-size: 20px;
color: #7f7f7f;
margin-top: 4px;
}

.mobile-search {
background-color: #fff;
position: fixed;
z-index: 9999;
top: 0px;
max-width: 100%;
box-shadow: 0 1px 3px 0 rgb(187 187 187 / 50%);
}

.main-box {
display: flex;
width: 100%;
}

.main-box .new-form {
width: 100%;
}

.mobile-search .input-group {
border: 1px solid #b5b5b5;
}

.mobile-search .fa {
font-size: 20px;
color: #7f7f7f;
}

.close-btn {
margin-top: 3px;
}

.article-details {
margin-top: -9px;
}

.filter-check-box {
display: flex;
}

/*--new css start here-------------------------------------------*/
.navbar-nav .nav-link{
font-size: 16px;
color: #505050;
font-weight: 500;
text-transform: capitalize;
}

.dropdown-item{color: #505050;}

.main-heading{
position: relative;
width: 100%;
overflow: hidden;
}

.arrivals-tab{
position: absolute;
bottom: -7px;
text-align: center;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}

/* .new-sec{
display: flex;
} */

.line-after{
vertical-align: baseline;
display: block;
font-size: 24px;
overflow: hidden;
}

.line-after-01:after{
content: '';
position: absolute;
width: 100%;
left: 16%;
right: 0;
border-top: 1px solid #ccc;
bottom: 0;
}

.line-after-02:after{
content: '';
position: absolute;
width: 100%;
left: 13%;
right: 0;
border-top: 1px solid #ccc;
bottom: 0;
}

.line-after-03:after{
content: '';
position: absolute;
width: 100%;
left: 17%;
right: 0;
border-top: 1px solid #ccc;
bottom: 0;
}

.line-after-deals{
vertical-align: baseline;
display: block;
font-size: 24px;
color: #000;
overflow: hidden;
}

.line-after-deals:after{
content: '';
position: absolute;
width: 100%;
left: 14%;
right: 0;
border-top: 1px solid #ccc;
bottom: 0;
}

.line-after-related{
vertical-align: baseline;
display: block;
font-size: 24px;
color: #000;
overflow: hidden;
}

.line-after-related:after{
content: '';
position: absolute;
width: 100%;
left: 15%;
right: 0;
border-top: 1px solid #ccc;
bottom: 0;
}

.view-category {
position: absolute;
right: 0;
top: -5px;
}

.view-category a{
font-size: 16px;
color: #de3317 !important;
font-weight: 500;
}

.view-category a:hover{
text-decoration: underline;
}

.view-category a .lni{
font-size: 11px;
}

.category-box{
padding: 20px;
border-radius: 8px;
background-color: #fff;
box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
border: 1px solid #dee2e6;
display: flex;
justify-content: center;
align-items: center;
height: 130px;
width: 100%;
}

.category-box img{
max-height: 70px;
max-width: 100%;
object-fit: contain;
}

.deals-box{
position: relative;
display: block;
padding: 15px;
border-radius: 5px;
text-decoration: none;
background-color: #fff;
-webkit-box-shadow: 0 0 40px rgb(51 51 51 / 4%);
box-shadow: 0 0 40px rgb(51 51 51 / 4%);
}

.deals-box img{
height: 317px;
width: 100%;
object-fit: contain;
margin-bottom: 15px;
}

.deals-box .title {
font-size: 17px;
line-height: 1.4;
color: #000;
margin-bottom: 5px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
height: 48px;
-webkit-box-orient: vertical;
}

.deals-box .desc{
font-size: 16px;
line-height: 1.5;
color: #696969;
margin-bottom: 5px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
height: 48px;
-webkit-box-orient: vertical;
}

.deals-box .price-link {
font-size: 17px;
font-weight: 700;
color: #fb233b;
line-height: 1;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 5px;
padding: 5px 0;
}

/*--slider css start here-----------------------------*/
.owl-nav button{
position: absolute;
top: 50%;
margin: 0px !important;
transform: translateY(-50%);
border-radius: 0px !important;
}

.owl-nav button:hover{
transition: .4s;
background: transparent !important;
border-radius: 0px !important;
}

.owl-nav button span {
display: none;
}
.owl-nav button:focus {
outline: none;
}

.owl-nav button.owl-prev {
left: 0;
}
.owl-nav button.owl-next {
right: 0;
}

.owl-nav button.owl-prev .lni{
font-size: 24px;
color: #000;
font-weight: 500;
position: absolute;
left: -95px;
}

.owl-nav button.owl-next .lni{
font-size: 24px;
color: #000;
font-weight: 500;
position: absolute;
right: -95px;
}

.owl-nav button.owl-prev:before{
font: normal normal normal 1em/1 'LineIcons';
content: "\ec17";
color: #000 !important;
}

.owl-nav button.owl-next:before{
font: normal normal normal 1em/1 'LineIcons';
/* content: "\ec19"; */
color: #000 !important;
}


.owl-theme .owl-nav [class*=owl-]:hover {
color: #000 !important;
}

/* .owl-nav button.owl-prev:before,.owl-nav button.owl-next:before{
font-weight: 400;
display: block;
-webkit-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
line-height: 80px;
width: 80px;
height: 80px;
} */

.owl-dots {
display: none;
}

.trending-brands .owl-item img{
max-width: 130px;
object-fit: contain;
}
/*--slider css end here-----------------------------*/

.custom-box{
background-color: #fff;
border-radius: 3px;
box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 12%);
font-size: 16px;
padding: 12px;
text-align: center;
color:#5f5f5f;
font-weight: 500;
transition: background 0.5s;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}

.custom-box:hover{
background-color: #fb233b;
color: #fff;
}

.alphabetdetails {
border-bottom: 1px solid #f3f3f3;
}

/*--deals page css start---------------------------------------*/

.trending-deals{
position: relative;
display: block;
padding: 10px 20px;
border-radius: 5px;
text-decoration: none;
background-color: #fff;
/* border: 1px solid #dee2e6; */
}

.trending-deals img{
display: block;
height: 60px;
max-width: 100%;
object-fit: contain;
margin-top: 20px;
margin-bottom: 20px;
}

.trending-deals .title {
font-size: 16px;
line-height: 1.5;
color: #000;
margin-bottom: 10px;
height: 70px;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
font-weight: 600;
}

.btn-offer{
background-color: #fb233b;
border-color: #fb233b;
padding: 7px 15px;
font-size: 15px;
font-weight: 700;
color: #fff;
width: 100%;
box-shadow: none !important;
}

.bg-red{
background-color: #fb233b;
}

.btn-info {
color: #fff;
background-color: #fb233b;
border-color: #fb233b;
}
.btn-info:hover{
color: #fff;
background-color: #f3364b;
border-color: #f3364b;
}
.btn-info.focus, .btn-info:focus{
background-color: #f3364b;
border-color: #f3364b;
box-shadow:none;
}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle{
background-color: #f3364b !important;
border-color: #f3364b !important;
}
.page-link{color:#000;}
/*--deals page css end-----------------------------------*/

/*--article page css start here-------------------------------*/
.trending-articles {
padding: 15px;
border: 1px solid #dee2e6;
margin-bottom: 20px;
}

.article-img {
min-height: 110px;
max-width: 100%;
display: block;
object-fit: contain;
width: auto;
margin-left: auto;
margin-right: auto;
}

.article-title a{
font-size: 18px;
line-height: 1.4;
color: #000;
font-weight: 600;
margin-bottom: 8px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.article-text{
font-size: 16px;
line-height: 1.4;
color: #666666;
font-weight: 500;
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.btn-article{
font-size: 17px;
font-weight: 700;
color: #525252 !important;
box-shadow: none;
display: flex;
align-items: baseline;
}

.btn-article:hover{
color: #525252;
}

/* .arrow-icon{display: flex;align-items: baseline;} */
/* .arrow-icon:after{
font: normal normal normal 1em/1 'LineIcons';
content: "\ec17";
font-weight: 500;
font-size: 16px;
margin-left: 6px;
color: #000;
} */

.left-arrow-icon{
font-size: 9px;
color: #525252 !important;
font-weight: bold;
}
/*--article page css end here-----------------------------*/

/*--article details page css start her----------------------------*/
.article-details-title{
font-size: 34px;
font-weight: 700;
color: #000;
line-height: 1.3;
margin-bottom: 20px;
}

.article-details-img{
margin-bottom: 15px;
}

.article-details-text{
font-size: 18px;
line-height: 1.7;
font-weight: 500;
margin-bottom: 15px;
}

.related-img{
min-height: 235px;
max-width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}

.related-title{
font-size: 20px;
line-height: 1.3;
color: #000;
font-weight: 700;
}

.search-icon {
font-size: 20px;
color: #ababab;
}

.h-40{height: 40px;}

.show-more-content{
display: none;
}

.show-more-brand{
display: none;
}
/*--articles details page css end here---------------------*/
.searchbox-results-wrapper {position: relative;}
input#ql-search{width:100%;border-radius:0;margin:3px 0;outline:0;box-sizing:border-box;border:1px solid #f0f0f0;padding:.5rem;background-color:#fff;font-size:.9em;color:#999;transition:.3s}input#ql-search:hover{outline:0}#ql-search input:focus{outline:0} button.btn-img{background:url(https://k.quicklaunch.com/search-icon.svg) no-repeat;position:absolute;bottom:10px;right:10px;width:18px;height:18px;cursor:pointer;border:none}.searchbox-results-wrapper{position:relative}.searchbox-results{position:relative}.searchbox-results ul{width:100%;position:absolute;margin-top:0px;border-radius:0;box-shadow:none;padding:0;border:none;z-index:99999;box-sizing:border-box!important;-webkit-box-shadow:none!important;border-radius:5px 5px 5px 5px!important;-moz-border-radius:5px 5px 5px 5px!important;-webkit-border-radius:5px 5px 5px 5px!important}.searchbox-results ul li.section-head{padding:6px 0 0!important}.searchbox-results ul li.section-head h3{font-size:12px;font-weight:700;text-align:left;display:block;padding:1px 0 2px 7px;margin:2px 0 2px 0;color:#505050;background:0 0;border-bottom:1px solid #dcdcdc}.searchbox-results ul .powered-by{display:block;color:#aaa;font-size:11px;text-align:right;font-weight:400;text-decoration:none;padding:0 5px 0 0;margin:0;float:right;border-top:1px solid #f2f2f2;margin-top:0;border:none}.searchbox-results ul .powered-by a{font-size:11px;text-align:right;padding:5px 2px;display:inline;color:#2c2c2c!important;text-decoration:none}.searchbox-results ul .powered-by a:hover{text-decoration:underline}.searchbox-results ul li{list-style:none;text-indent:0;float:left;margin:0;width:100%;padding:0;border:0;z-index:99999;background-color:#fff;border-bottom:1px solid #f5f4f4}.searchbox-results ul li:hover{background-color:#f5f4f4}.searchbox-results ul li a{color:#434343;width:100%;font-size:14px;display:table;padding:6px 0 2px 0;border:0;line-height:14px;text-decoration:none}.searchbox-results .result-left{width:60px;display:inline-block;height:50px;padding:0;margin-left:7px;float:left;margin-right:10px;text-align:center;vertical-align:middle;position:relative}.searchbox-results .result-left img{max-width:initial;max-height:initial;width:60px;height:50px;display:inline-block!important;vertical-align:middle!important}.searchbox-results ul li a .result-right{display:table-cell!important;vertical-align:middle!important;width:100%!important}.searchbox-results ul li a .desc{padding-left:8px;font-size:13px;line-height:1.2;color:#202c33;max-height:36px;overflow:hidden;font-style:normal;text-shadow:none;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:3px}.searchbox-results ul li a .sponsored{color:#1228a1;font-size:12px;padding-top:0;font-weight:400}



/*--new css end here----------------------------------------------*/

.fade:not(.show) {
    opacity: 1;
}

.new-arrivals .nav-pills .nav-link.active{
color: #fff !important;
background-color: #fb233b !important;
}

.nav-pills .nav-link {
font-size: 15px;
}


.mobile-menu-deals .current{
color: #fff;
background-color: #fb233b;
}

.count input[type=number]::-webkit-inner-spin-button, 
.count input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

@media screen and (max-width: 767px) and (min-width: 320px) {
  .dropdown-submenu:hover>.dropdown-menu {
    max-height: 150px;
    overflow-y: auto;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .dropdown-submenu:hover>.dropdown-menu {
    max-height: 150px;
    overflow-y: auto;
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
  .dropdown-submenu>.dropdown-menu {
    top: 111px;
    left: 36%;
  }
}