:root{
	--primary:#0057FF ;
	--darkbg: #001949;
	--title: #212121;
	--text1: #434343;
	--text2: #8E8E8E;
	--light-text1:#fff ;
	--light-text2:#F0F5FF;
	--stroke1: #EEF4FD;
	--stroke2:#E4ECFC ;
	--stroke3: #B0B0B0;
}
.wt-template .dark-bg {
	background-image: url(../images/grid.svg);
	background-position: left top;
	background-repeat: repeat;
	background-size: 25px 25px;
	background-color: var(--darkbg);
}
.wt-template .white-text *{
	color: #fff!important;
}
.wt-template .blue-bg{
	background-color: var(--primary);
}
.wt-template .light-bg{
	background-color: #F9FAFF;
}
.wt-template .radial-bg{
	background: radial-gradient(circle, rgb(122 40 255 / 9%) 2%, rgba(255,255,255,0) 99%);
}
.wt-template .divider-bottom{
	border-bottom: 1px solid #b0b0b09e;
}
.wt-template  form.is-search-form{
	border-bottom: 1px solid var(--title);
	max-width: 460px;
}
.wt-template .dark-bg form.is-search-form{
	border-bottom: 1px solid var(--light-text1);
	padding-bottom: 6px!important;
	margin-top: 35px!important;
}
.wt-template  form.is-search-form .is-loader-image{
	right: 25px!important;
}
.wt-template  form.is-search-form label{
	width: calc(100% - 36px);
}
.wt-template  form.is-search-form button.is-search-submit {
	width: 35px;
}
.wt-template .is-form-style input.is-search-submit, 
.wt-template .is-search-icon,
.wt-template form.is-search-form button.is-search-submit{
	border: none;
	background: transparent;
}
.wt-template form.is-search-form input.is-search-input {
	background: transparent;
	border: none!important;
	width: 100%;
	padding-left: 0!important;
	font-size: 20px!important;
	font-family: inherit!important;
	font-weight: 300!important;
}
.wt-template form.is-search-form input.is-search-input::placeholder{
	opacity: .5;
	color: var(--light-text2);
}
.wt-template form.is-search-form input.is-search-input:focus{
	outline: none;
	border: none;
}
.wt-template .dark-bg form.is-search-form button path {
	fill: #fff;
}
.wt-template form.is-search-form button,
.wt-template form.is-search-form button:hover{
	transition: all .2s ease;
}
.wt-template  form.is-search-form button:hover,
.wt-template  form.is-search-form button:focus{
	opacity: .8;
}
.wt-template .fw-300{
	font-weight: 300!important;
}
.wt-template .fw-400{
	font-weight: 400!important;
}

.wt-template .fw-500{
	font-weight: 500!important;
}
.wt-template .fw-600{
	font-weight: 600!important;
}
div.is-ajax-search-details, div.is-ajax-search-result{
	padding: 0!important;
	box-shadow: 0px 12px 20px 8px #0119492e;
	z-index: 99!important;
	border: 1px solid var(--stroke3);
}
.is-ajax-search-result .is-search-sections{
	display: flex;
	align-items: center;
}
.is-search-sections .thumbnail img {
	width: 60px;
	border-radius: 5px;
	height: auto;
}
.is-ajax-search-categories-details>div:hover, .is-ajax-search-result .is-ajax-search-post:hover, .is-ajax-search-result .is-show-more-results:hover, .is-ajax-search-tags-details>div:hover {
	background: #fff!important;
}
.is-ajax-search-details .is-title a, .is-ajax-search-post .is-title a {
	text-transform: none;
	font-size: 15px;
	color: var(--title)!important;
}
.is-ajax-search-details .is-title a, .is-ajax-search-post .is-title a{
	text-decoration: none;
	color: var(--blue)!important;
}
.product-circles a.nav-link{
	transition: all .2s ease;
	border-radius: 10px;
	background: transparent;
	padding: 10px 15px;
	color: var(--text1);
}
.product-circles a.nav-link:hover,
.product-circles a.nav-link.active,
.product-circles a.nav-link:focus{
	background: #F5FAFF;
	transition: all .2s ease;
	color: var(--primary);
}
.product-circles a.nav-link img{
	filter: grayscale(1);
	transition: all .2s ease;
	margin-right: 8px;
}
.product-circles a.nav-link:hover img,
.product-circles a.nav-link:focus img{
	filter: grayscale(0);
	transition: all .2s ease;
}
.product-circles li.nav-item{
	margin: 0;
}
.product-lists section,
.wt-template #all-plugins{
	margin-top: -40px;
	padding-top: 40px;
}
.product-lists .product-card{
	border-radius: 12px;
	background-color: #fff;
	min-height: 100%;
	border: 1px solid var(--stroke2);
	position: relative;
	transition: all .2s ease-in-out;
}
.product-lists .product-card:hover{
	transition: all .2s ease-in-out;
	transform: translateY(-2px);
	box-shadow: 0px 12px 38px 0px #DBE9FF;
}
.product-lists .product-card .product-title{
	transition: all .2s ease-in-out;
}
.product-lists .product-card.white.sm-card:hover .product-title{
	color: var(--primary);
	transition: all .2s ease-in-out;
}
.product-lists .product-card.lg-card{
	padding: 50px;
}
.product-lists .product-card.md-card,
.product-lists .product-card{
	padding: 30px 25px;
}
.product-lists .product-card.white{
	background-color: #fff;
}
.product-lists .product-card.el-on-hover{
	overflow: hidden;
}
.product-lists .product-card.el-on-hover:hover:before{
	
	right: 0px;
	bottom: 0px;
	transition: all .5s ease-in-out;
}
.product-lists .product-card.el-on-hover:before{
	background-size: auto 40%;
	background-position: right bottom;
	background-repeat: no-repeat;
	content: '';
	position: absolute;
	right: -30px;
	bottom: -30px;
	transition: all .5s ease-in-out;
	width: 100%;
	height: 100%;
	background-image: url(https://wordpress-1223888-4425448.cloudwaysapps.com/wp-content/themes/webtoffee/assets/images/plugin/theme1.svg);
}
.product-lists .product-card.theme1 {
	background: linear-gradient(180deg, #F4F9FE 0%, rgba(255, 255, 255, 0.00) 100%);
}
.product-lists .product-card.theme1.el-on-hover:before{
	background-image: url(https://wordpress-1223888-4425448.cloudwaysapps.com/wp-content/themes/webtoffee/assets/images/plugin/theme1.svg);   
}
.product-lists .product-card.theme2{
	background: linear-gradient(180deg, #F8EFFF 0%, rgba(255, 255, 255, 0.00) 95.38%);
}
.product-lists .product-card.theme2.el-on-hover:before{
	background-image: url(https://wordpress-1223888-4425448.cloudwaysapps.com/wp-content/themes/webtoffee/assets/images/plugin/theme2.svg);   
}
.product-lists .product-card.theme3{
	background: linear-gradient(180deg, #CFFFE8 -21.83%, rgba(255, 255, 255, 0.00) 100%);
}
.product-lists .product-card.theme3.el-on-hover:before{
	background-image: url(https://wordpress-1223888-4425448.cloudwaysapps.com/wp-content/themes/webtoffee/assets/images/plugin/theme3.svg);   
}
.product-lists .product-card.theme4,
.product-lists .product-card.theme5{
	background-color: #fff;
}
.product-lists .product-card.theme4.el-on-hover:before{
	background-image: url(https://wordpress-1223888-4425448.cloudwaysapps.com/wp-content/themes/webtoffee/assets/images/plugin/theme4.svg);   
}
.product-lists .product-card.theme5.el-on-hover:before{
	background-image: url(https://wordpress-1223888-4425448.cloudwaysapps.com/wp-content/themes/webtoffee/assets/images/plugin/theme5.svg);   
}
.product-lists .product-card.bg1{
	background-color: #FAF8FF;
}
.product-lists .product-card.bg2{
	background-color: #F2FDFF;
}
.product-lists .product-card.bg3{
	background-color: #F9F9FA;
}
.product-lists .product-card.el-on-hover{

}
.product-lists .product-card .product-content p{
	color: var(--text1);
	font-size: 14px!important;
	font-style: normal;
	font-weight: 400;
	line-height: 25px; 
}
.product-lists .product-card .product-content .body-text2{
	font-style: normal;
	font-weight: 400;
	font-size: 16px!important;
	line-height: 26px;
}
.product-lists .product-card .product-content .body-text1{
	font-style: normal;
	font-weight: 400;
	font-size: 18px!important;
	line-height: 30px;
}
.product-lists .product-card img.thumb{
	margin-top: 6px;
}
.product-lists .product-card .rating-wrap{
	border-radius: 27px;
	background: #F8FAFF;
	padding: 3px 12px;

}
.product-lists .product-card .rating-wrap:empty{
	background: transparent;
}
.product-lists .product-card .rating-wrap,
.product-lists .product-card .price{
	font-size: 18px!important;
	font-style: normal;
	font-weight: 500;
	line-height: 29px;
	color: var(--title);
}
.product-lists .product-card .rating-price .price{
	font-size: 15px!important;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
}
.product-lists .product-card p.star-rating-wrap, 
.product-lists .product-card .star-rating-wrap span.star-rating {
	background-repeat: repeat-x;
	height: 18px;
	background-position: left;
	background-size: contain;
	font-size: 0px;
	position: relative;
}
.product-lists .product-card p.star-rating-wrap {
	background-image: url(../images/star-grey.svg);
	width: calc(18px * 5);
	position: relative;
}
.product-lists .product-card .star-rating-wrap span.star-rating {
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../images/star-yellow.svg);
}
.product-lists .product-card .card-header,
.product-lists .product-card .card-body,
.product-lists .product-card .card-footer{
	padding: 0!important;
	background: transparent!important;
	border: none!important;
}
.product-lists .product-card a.product-link:before {
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.product-lists .product-card.lg-card a.product-link:hover,
.product-lists .product-card a.product-link:focus,
.product-lists .product-card a.product-link:focus-visible {
	opacity: 1;
	transition: all .2s ease;
	outline: none;
}
.product-lists .product-card.sm-card a.product-link:focus svg,
.product-lists .product-card.sm-card a.product-link:focus-visible svg{
	opacity: 0;
}
.product-lists .product-card a.product-link:focus:before {
	border: 1px solid var(--primary);
	border-radius: 12px;
	opacity: 1;
}
.product-lists .product-card a.product-link {
	opacity: 0;
	height: 1px;
	display: block;
	transition: all .2s ease;
}
.wt-template .radius-large{
	border-radius: 18px;
}
.wt-template .pri-lg-btn{
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 27px;
	text-align: center;
	border-radius: 4px;
	background: var(--primary);
	padding: 12px 30px;
	margin: auto;
	border: none;
	transition: all .2s ease;
	display: inline-flex;
	align-items: center;
	position: relative;
}
.wt-template .pri-lg-btn:hover:after {
	content: '';
	position: absolute;
	right: 32px;
	height: 27px;
	width: 13px;
	background-image: url(../images/icons.svg);
	background-position: 86px 40px;
	transition: all .2s ease;
}
.wt-template .pri-lg-btn:hover{
	transition: all .2s ease;
	outline: none;
	text-decoration: none;
    padding-right: 54px;
}
.wt-template .product-lists h2{
	font-weight: 500!important;
}
@media(max-width: 768px){
	.product-lists .product-card,
	.product-lists .product-card.lg-card,
	.product-lists .product-card.md-card{
		padding: 15px 10px;
	}
}
@media(min-width: 300px){
	.d-xs-flex{
		display: flex!important;
	}
	.mr-xs-2{
		margin-right: .5rem!important;
	}
	.mb-xs-0 {
		margin-bottom: 0!important;
	}
}


