*{outline:none;}
html{scroll-behavior: smooth;}
body{font-family:'Poppins', sans-serif !important; font-size:16px;}
a{text-decoration:none; transition:300ms}
a:hover{text-decoration:underline;}

input, select{box-shadow:none !important; font-size:14px !important}

.multiply{mix-blend-mode:multiply;}
.fs-12{font-size:12px;}
.fs-14{font-size:14px;}
.fs-18{font-size:18px;}
.top-unset{top:unset;}

.btn{padding:8px 30px; font-weight:700; font-size:14px;}
.shadow-sm{box-shadow: 0 0 7px #dadada !important;}


.btn-reveal{font-size:14px; text-transform:uppercase; background:#ffc000; position:relative;}
.btn-reveal:after{border:1px dashed #fff; border-left:none; border-bottom:none; width:16px; height:100%; transition:200ms; content:""; position:absolute; top:0; right:0; display:block; background-image:linear-gradient(67deg,rgba(0,0,0,0),rgba(0,0,0,0) 50%,#a6b79d 51%,#e9ffdd 66%) !important;}
.btn-reveal:hover{background:rgba(var(--bs-primary-rgb)) !important; color:#fff;}
.btn-reveal:hover:after{width:25px;}


#header{background-image:linear-gradient(135deg,#4aeadc 0,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#ff8f4d 100%); position:relative;}
#header:before{position:absolute; width:100%; height:100%; content:""; background:url(../images/pattern.png);}
#header .container{position:relative; z-index:5;}

#header .nav-link{font-weight:bold; color:#fff; font-size:16px}

.navbar-toggler .icon-bar{background-color:#fff; transform:rotate(0deg) translate(0px, 0px); transition:300ms;}
.navbar-toggler .icon-bar{display:block; width:22px; height:2px; border-radius:1px;}
.navbar-toggler .icon-bar+.icon-bar{margin-top:4px;}
.navbar-toggler .icon-bar:nth-child(2){width:16px; transition:300ms;}
.navbar-toggler:hover>.icon-bar:nth-child(2){width:22px; transition:300ms;}
.navbar-toggler:active>.icon-bar:nth-child(2){width:22px; transition:300ms;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1){transform:rotate(45deg) translate(5px, 4px); transition:300ms;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2){opacity:0; transition:300ms;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3){transform:rotate(-45deg) translate(4px, -4px); transition:300ms;}

#banner .carousel-control-prev {opacity:1; background:#fff; width:50px; height:50px; border-radius:50%; left:15px; top:calc(50% - 25px)}
#banner .carousel-control-prev .carousel-control-prev-icon{ filter:invert(); width:20px;}
#banner .carousel-control-next {opacity:1; background:#fff; width:50px; height:50px; border-radius:50%; right:15px; top:calc(50% - 25px)}
#banner .carousel-control-next .carousel-control-next-icon{ filter:invert(); width:20px;}

#categoryLinks .card{transition:300ms}
#categoryLinks .card:hover{background:rgba(var(--bs-primary-rgb)) !important;}
#categoryLinks .card:hover i,
#categoryLinks .card:hover a{color:#fff !important;}

#listingArea p{margin-top:0px !important;}


#dealArea .nav-link{color:#111111}
#dealArea .nav-link.active{color:#ff1414}

#accordionFaq .accordion-button{background:unset !important; box-shadow:unset !important; font-weight:700;}

#listingArea .nav-link{color:#111111}
#listingArea .nav-link.active{color:#ff1414}

.tip{background:#ff1414; padding:0 14px; line-height:27px; position:absolute; border-radius:4px; z-index:100; color:#fff; font-size:12px; animation-name:tip; animation-duration:0.6s; animation-fill-mode:both; font-weight:normal;}
.tip:before{content:""; background:#ff1414; height:10px; width:10px; position:absolute; transform:rotate(45deg);
top:-4px; left:17px;}
#copied_tip{animation-name:come_and_leave; animation-duration:1s; animation-fill-mode:both; bottom:-35px; left:2px;}
.alphabet-filter li{
	background: white;
  padding: 5px 10px;
  box-shadow: 1px 1px 5px #00000029;
}
.alphabet-filter li.active{
	background: #000 !important;
}
.alphabet-filter li.active a{
	color: #fff !important;
}
@media (min-width:768px){#filter{display:block;}}


@media (min-width:1200px) and (max-width:1400px){}
@media (min-width:992px) and (max-width:1199px){}
@media (min-width:768px) and (max-width:991px){}
@media (min-width:576px) and (max-width:767px){}
@media (min-width:0px) and (max-width:575px){
#header img[alt="logo"]{width:150px}
#dealArea .nav-link{padding:8px 10px;}
}