#wc-menu-grocery a{ border-left:solid 1px rgba(25, 18, 51, 0.75); padding-left:20px; }
.wc-page{ min-height:65vh; }
.wc-heading{
	position: relative; margin-bottom: 0px; padding-bottom: 0.5rem;
  text-transform: none; font-size: 1.75rem; font-weight: 800; letter-spacing: 1px;
}
.wc-heading:before {
  position: absolute; content: ""; background-color: #e5e2f3; left: 50%; bottom: 0; width: 100px; height: 2px;
  -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);
}
.text-intro-large, .wc-head{ font-family:"Inter", sans-serif !important; }
.wc-para{ font-family:"Inter", sans-serif !important; font-weight:500 !important; letter-spacing:1px; }
.wc-para:hover{ background-color:#5d33fb !important; }

.wc-intro{ }
.wc-intro .wc-intro-screen{   
	position:absolute; width:100%; height:auto; 
	top:0; bottom:0; left:0; border:0; cursor:default;
}
.wc-intro-image{ cursor:pointer; max-width:720px; margin:auto; }
.wc-intro-image img{ border-radius:3px; }
.wc-intro-image .material-icons{
    position:absolute; color:#fff; font-size:84px;
    top:calc(50% - 42px); left:calc(50% - 42px);
}
.wc-intro-image:hover img{ opacity:0.9; }
.wc-intro-image:hover .material-icons{ color:#5d33fb; }
.wc-intro-video{ }


.wc-check{ color:green; }
.wc-halfcheck{ color:orange; }
.wc-cancel{ color:red; }

.bg{ background-color:rgba(93, 51, 251, 0.05); border-top:1px solid #e5e2f3; border-bottom:1px solid #e5e2f3; }
.v-pills-tab .nav-link{ position:relative; margin-top:10px; margin-bottom:10px; padding:10px 18px; font-size:16px; font-weight:300; color:#191233; }
.v-pills-tab .nav-link.active{ color:#111; font-weight:500; background-color:transparent; }
.v-pills-tabContent .tab-pane img{ margin-bottom:20px; filter:drop-shadow(2px 2px 2px #aaa); }

#compared{ font-size:15px; border-top:2px solid #e5e2f3; border-bottom:2px solid #e5e2f3; }
#compared thead tr th{ height:80px; vertical-align:middle; border-bottom:1px solid #e5e2f3; font-weight:500; letter-spacing:1px; }
#compared tr th{ height:80px; font-weight:400; vertical-align:middle; border-top:1px solid #e5e2f3; }
#compared td{ text-align:center; vertical-align:middle; border-top:1px solid #e5e2f3; }
.dropdown-menu .dropdown-item.dropdown-subitem{ text-transform:initial; }
/* Enhanced product/solution nav items */
.dropdown-menu .product-nav-item{ display:flex; align-items:center; gap:10px; padding:8px 16px; }
.dropdown-menu .product-nav-item .nav-icon{ width:18px; height:18px; object-fit:contain; flex:0 0 18px; filter: drop-shadow(0 1px 1px rgba(0,0,0,0.05)); }
.dropdown-menu .product-nav-item .nav-text{ flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dropdown-menu .product-nav-item:hover{ background:linear-gradient(90deg, rgba(93,51,251,0.08) 0%, rgba(93,51,251,0.02) 100%); border-radius:6px; }
.dropdown-menu{ padding:8px; border-radius:10px; box-shadow:0 12px 28px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.06); border:1px solid #0000000d; min-width:240px; }
.dropdown-divider{ margin:6px 8px; }

#compared .comparewith{ text-align:center; }
#compared .icon{ font-weight:300; }
#compared tbody tr:nth-child(odd){ background-color:rgba(93, 51, 251, 0.025); }
@media (max-width:980px) {
	#compared tr th{ padding:2px; }
	#compared tr td{ padding:2px; }
}

@media (min-width: 768px) {
	.swiper-wrapper{ align-items:center; }
	.text-intro-large{ font-size:2.5rem; }
	.v-pills-tab .active::before{ content:url(/https/formfacade.com/img/arrow_right.svg); z-index:200; position:absolute; right:-30px; top:-10px; }
}

@media (max-width: 768px) {
	.compared{ word-break:break-word; }
}
@media (min-width: 992px) {
	.btnrow .btnleft{ text-align:right; }
	.btnrow .btnright{ text-align:left; }
}
.bt-banner {
position: relative;
}
.bt-banner .banner{
background-color: #5D33FB;
border-radius: 10px;
color: #fff;
display: flex;
flex-wrap: wrap;
padding: 32px;
align-items: center;
text-align: left;
border: 0px none;
z-index: 1000;
position: relative;
}
.bt-banner .banner.bg{
position: absolute;
bottom: -5px;
width: calc(100% - 20px);
z-index: 0;
left:10px;
z-index: 999;
background-color: #9976fe;
}
.bt-banner .banner.bg2{
position: absolute;
bottom: -10px;
width: calc(100% - 40px);
z-index: 0;
left:20px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
z-index: 998;
background-color: #b89ffd;
}
.bt-banner .banner .regular {
color: #ffffff !important;
font-size: 18px;
font-weight: normal;
}
.bt-banner .banner strong {
font-weight: 700 !important;
}
.bt-banner .banner .text{
flex: 1;
font-size: 18px;
color: #ffffff;
font-weight: bold;
z-index: 99;
line-height: 1.8;
}
.bt-banner .banner .icon{
margin-right: 20px;
z-index: 99;
}
.bt-banner .banner .icon{
z-index: 9999;
}
.bt-banner .banner .bnr-btn{
font-size: 16px;
color: #5D33FB;
text-transform: uppercase;
padding: 10px 20px;
background: #FFFFFF;
box-shadow: 0px 4px 10px rgba(255, 255, 255, 0.2);
cursor: pointer;
border-radius: 5px;
font-weight: bold;
display: flex;
z-index: 99;
position: relative;
line-height: 1.8;

}
.bt-banner .banner .bnr-btn:hover{
color: #5D33FB;
}
.bt-banner.theme-white .bnr-btn:hover {
color: #fff;
}

@media (max-width: 992px) {
.bt-banner .banner .button{
	margin-top: 20px;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.bt-banner .banner .text{
	font-size: 14px;
	line-height: 18px;
}
.bt-banner .banner .bnr-btn{
	justify-content: center;
	align-items: center;
}  
}

@media (max-width: 992px) {
	.custom-fs-table{
		font-size: 14px;
	}
	.custom-fs-table.three-col .thead-light th{
		padding: 12px 20px !important;
	}

	.custom-fs-table.three-col  td{
		padding: 12px 20px !important;
	}

	.bt-banner .banner{
		flex-flow: column;  
		text-align: center;
	}
	.bt-banner .banner .icon{
		margin-right: 0px;
		margin-bottom: 15px;
		
	}
	.bt-banner .banner .button{
		margin-top: 20px;
		width: fit-content;
	}
	.bt-banner .banner .regular {
		display: inline-block;
	}
	.bt-banner .banner p {
		color: #fff;
		margin-bottom: 25px;
		font-weight: normal !important;
		font-size: 14px !important;
	}
}

.bt-banner .banner p {
color: #ffffff !important;
font-size: 18px;
font-weight: normal;
}

.bt-banner p, .bt-banner strong {
-webkit-font-smoothing: antialiased;
}

.bt-banner p{
line-height: 20px;
}

.bt-banner.theme-white .banner{
background-color: #fff;
color: #000;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}
.bt-banner.theme-white .banner .text{
color: #000;
}

.bt-banner.theme-white  .bnr-btn{
background-color: #5D33FB;
color: #fff;
}
.pt-4.banner-section {
	padding: 2.5rem 0 !important;
	padding-bottom: 3rem !important;
}

.bt-banner .bt-blank .text {
padding-left: 10px;
}
.row.mb-4.hero-content-header {
	width: 97.5%;
}
/* ------ HERO BANNER START ------ */
.hero-inner .hero-content .hero-header {
	text-align: center;font-family: 'Inter';font-style: normal;font-weight: 500;font-size: 35px;line-height: 50px;letter-spacing: -1px;
}
.hero-inner .hero-content .hero-button{
	font-family: 'Inter';font-style: normal;font-weight: 500;font-size: 13px;line-height: 23px;display: flex;align-items: center;text-align: center;letter-spacing: 2px;text-transform: uppercase;
}
a.btn.btn-lg.btn-radius.btn-skin.btn-blank {
    border: 1px solid #5d33fb;
}
.hero-inner .hero-content .hero-main { display: flex; flex-direction: column; }
.hero-btns { display: flex; flex-direction: column; align-items: center; }
.hero-main { margin-bottom: 1rem !important};
.hero-btns .btn { width: fit-content; }
.hero-btns .btn-browse {display: none !important;}
.hero-content-v1 .lead { text-align: left; font-size: 1.35rem !important; }
/* #products, #solutions {padding-top: 90px !important;padding-bottom: 90px !important; } */
.hero-header {text-transform: none !important; width: 100%;}
@media (max-width: 767px) { 
	.sub-product-title { font-size: 16px;}
	.product-tabs .nav-link, .product-tabs .nav-link.active { font-size: 18px !important;}
	.hero-btns .mr-4 { margin: 0px !important;}
	.fullscreen-hero { height: calc(100vh - 60px); }
	.hero-inner .hero-content .hero-main {  align-items: center; }
	.hero-content-v1 .lead {  text-align: center; font-size: 16px !important; }
	.hero-content-header { justify-content: center; }
	.hero-content-sub .hero-content-header, .hero-content-sub .hero-btn { margin-bottom: 0px !important; padding-bottom: 0px !important; }
	.hero-secondary-btn { visibility: hidden; position: absolute; }
	.hero-content-sub .hero-content-header .lead { margin-bottom: 1rem !important; }
}
@media (min-width: 768px) { 
	.product-tabs .nav-link { padding: 10px 15px !important; }
	.hero-inner .hero-content .hero-header { font-size: 40px; line-height: 65px; text-align: center; }
	.hero-content-sub .hero-header { font-size: 40px; line-height: 55px; text-align: center !important; }

	/* .hero-content-header .lead {text-align: left;} */
	.hero-content-sub .lead {text-align: center;}
	.hero-content-header .lead {text-align: left !important; width: 100%; }
	.hero-inner .hero-content .hero-main {  align-items: center; }
	.hero-btns { flex-direction: row;}
	.hero-btns .btn-browse {display: block !important; visibility: visible; position: unset;}
}

@media (min-width: 992px) { 
	.hero-header { text-align: center; }
	.hero-content .hero-header { font-size: 40px; line-height: 70px; text-align: left; }
	.hero-content-sub .hero-header { font-size: 40px; line-height: 55px; text-align: left !important; }
	
	.hero-inner .hero-content .hero-main {  align-items: center; }
	.hero-content-v1 .lead {  text-align: center; font-size: 16px !important; }
	.hero-content-header { width: 100%; justify-content: center; }
	.hero-btns { width: 100%; justify-content: center; }
	/* .hero-banner { max-width: 80%;text-align: center; display: flex;justify-content: center;margin: 0 auto;  margin-top: 20px; } */
	.hero-inner .hero-content .hero-main { align-items: flex-start!important; justify-content: center !important; margin-bottom: 0px !important;}
	.hero-banner-adjust .hero-image {margin-left: 3rem;}
	.hero-image {
		max-width: 700px;
		text-align: center;
		display: flex;
		justify-content: center;
		margin: 0 auto;
		margin-top: 20px;
	}
	.hero-content-sub .hero-image, .hero-content-animation .hero-image {
		max-width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
	}
}

@media (min-width: 1200px) { 
	.hero-btns { width: 100%; justify-content: left; }
	.hero-inner .hero-content .hero-header { font-size: 44px; line-height: 61px; text-align: left; }
	.hero-content-header .lead { width: 100% !important; }
	.hero-inner .hero-content .hero-main { align-items: center; margin-bottom: 0px !important}
	.hero-image { max-width: 100%; margin-top: 0px;}
}
/* ------ HERO BANNER END ------ */

/* ------ TEMPLATE START ------ */
#template-board .browse-template-banner { padding: 1rem 0 !important;  margin-bottom: 2.5rem; }
.product-tabs { margin-top: 30px; margin-bottom: 30px; border-bottom: 1px solid #0000001a; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.product-tabs.nav-tabs .nav-link:focus, .product-tabs.nav-tabs .nav-link:hover {
    color: #9747FF;
    border: none;
    border-bottom: 3px solid #9747FF;
}
.product-tabs .nav-link { color: #00000099; padding: 10px 5px; font-family: Inter; font-size: 16px;font-weight: 400;line-height: 24px;text-align: center; }
.product-tabs .nav-link.active{ color: #9747FF; border-bottom: 3px solid #9747FF; font-family: Inter; font-size: 16px; font-weight: 600; line-height: 24px; text-align: center;}
.product-tabs .nav-item:not(:first-child) { margin-left: 20px;}

.product-tabs .nav-link { white-space: nowrap; }
@media (max-width: 576px) {
	.product-tabs .nav-item:not(:first-child) { margin-left: 5px; }
}

.product-tabs.nav-tabs .nav-item { margin-bottom: 0px;}

/* ------ TEMPLATE END ------ */



/* ------ TAG START ------ */
/* .card.card-v1 { padding: 0px 15px; } */
.card.card-v1 img { height: 190px; margin: auto;  border-bottom: 0.5px solid #00000012; }

/* ------ TAG END ------ */

.home-page .service-card-body { display: flex; justify-content: space-between; align-items: center; margin-top: 0.5rem; }
.home-page .service-card { padding: 16px; height:calc(100% - 24px); }
.home-page .service-card img { border-bottom: 0.5px solid #00000033; min-height: 224px; }
.home-page .service-card-body  h5 { margin: 0; overflow: hidden; text-overflow: ellipsis; }
.home-page .service-card-body  p { margin-bottom: 0;}
.home-page .service-card-content { flex-grow: 1; overflow: hidden; white-space: nowrap; padding: 0px; margin-top: 12px; display: flex; flex-direction: column; gap: 8px; }
.home-page .service-card-body .material-icons { color: #1C1B1F; font-size: 16px;}

@media (min-width: 992px) and (max-width: 1199px) { 
	.home-page .service-card.show-more { height: 270px; }
}

@media (min-width: 768px) and (max-width: 992px) { 
	.home-page .service-card.show-more { height: 290px; }
	.home-page .service-card-content { padding: 0px; }
	.hero-content-header .lead { text-align: center !important; width: 100%; }
}

@media (min-width: 576px) and (max-width: 767px) { 
	.home-page .service-card.show-more { height: 235px; }
	.home-page .service-card-body  h5 { font-size: 14px; }
	.home-page .service-card-body  p { font-size: 12px; }
	.home-page .service-card-body { margin-top: 1rem; }
}

.learn-more {
	color: #522AE9;
	font-size: 16px;
}