:root{
	--fublis-green-100: #D1FADF;
	--fublis-green-500: #12B76A;
	--fublis-gray-50: #F9FAFB;
	--fublis-gray-100: #F2F4F7;
	--fublis-gray-200: #EAECF0;
	--fublis-gray-300: #D0D5DD;
	--fublis-gray-400: #D9D9D9;
	--fublis-gray-500: #667085;
	--fublis-gray-600: #475467;
	--fublis-gray-700: #344054;
	--fublis-gray-800: #252f3f;
	--fublis-gray-900: #101828;
	--fublis-indigo-50: #EEF4FF;
	--fublis-indigo-700: #3538CD;
	--fublis-pink-50: #FDF2FA;
	--fublis-pink-100: #F4EBFF;
	--fublis-pink-200: #E9D7FE;
	--fublis-pink-700: #C11574;
	--fublis-purple-50: #F9F5FF;
	--fublis-purple-100: #F4EBFF;
	--fublis-purple-600: #7F56D9;
	--fublis-purple-700: #6941C6;
	--fublis-purple-800: #53389E;
	--fublis-purple-900: #42307D;
	--fublis-black: #000000;
	--fublis-white: #ffffff;
	--fublis-footer-black: #0a0a0a;

	--fublis-divider-color: #D0D0D0;
	--fublis-nav-height: 6rem;

	--fublis-breadcrumb-item-padding-x: 1rem;
}

body{
	font-family: 'Inter', sans-serif !important;
	font-size: 15px;
}

a{
	text-decoration: none;
}

.fw-medium{
	font-weight: 500 !important;
}

.rounded-top-4 {
	border-top-left-radius: var(--bs-border-radius-xl) !important;
	border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.cursor-pointer{
	cursor: pointer;
}

.text-green-500{
	color: var(--fublis-green-500) !important;
}
.text-gray-100{
	color: var(--fublis-gray-100) !important;
}
.text-gray-300{
	color: var(--fublis-gray-300) !important;
}
.text-gray-500{
	color: var(--fublis-gray-500) !important;
}
.text-gray-600{
	color: var(--fublis-gray-600) !important;
}
.text-gray-700{
	color: var(--fublis-gray-700) !important;
}
.text-gray-900{
	color: var(--fublis-gray-900) !important;
}

.text-purple-600{
	color: var(--fublis-purple-600) !important;
}

a.text-purple-600:hover{
	color: var(--fublis-purple-800) !important;
}

.text-purple-700{
	color: var(--fublis-purple-700) !important;
}

.text-purple-800{
	color: var(--fublis-purple-800) !important;
}

.text-purple-900{
	color: var(--fublis-purple-900) !important;
}

.text-pink-200{
	color: var(--fublis-pink-200) !important;
}

.border-gray-100{
	border-color: var(--fublis-gray-100) !important;
}
.border-gray-300{
	border-color: var(--fublis-gray-300) !important;
}
.border-purple-600{
	border-color: var(--fublis-purple-600) !important;
}
.border-purple-700{
	border-color: var(--fublis-purple-700) !important;
}

.bg-footer-black{
	background: var(--fublis-footer-black) !important;
}

.bg-green-100{
	background: var(--fublis-green-100) !important;
}
.bg-gray-50{
	background: var(--fublis-gray-50) !important;
}
.bg-gray-100{
	background: var(--fublis-gray-100) !important;
}
.bg-gray-200{
	background: var(--fublis-gray-200) !important;
}
.bg-gray-300{
	background: var(--fublis-gray-300) !important;
}
.bg-gray-400{
	background: var(--fublis-gray-400) !important;
}
.bg-gray-500{
	background: var(--fublis-gray-500) !important;
}
.bg-gray-600{
	background: var(--fublis-gray-600) !important;
}
.bg-gray-800{
	background: var(--fublis-gray-800) !important;
}
.bg-pink-100{
	background: var(--fublis-pink-100) !important;
}
.bg-purple-50{
	background: var(--fublis-purple-50) !important;
}
.bg-purple-100{
	background: var(--fublis-purple-100) !important;
}
.bg-purple-300{
	background: var(--fublis-purple-300) !important;
}
.bg-purple-600{
	background: var(--fublis-purple-600) !important;
}
.bg-purple-700{
	background: var(--fublis-purple-700) !important;
}
.bg-purple-800{
	background: var(--fublis-purple-800) !important;
}

.bg-primary {
	background-color: var(--fublis-purple-600) !important;
}
.btn-primary {
	--bs-btn-color: var(--fublis-white);
	--bs-btn-bg: var(--fublis-purple-600);
	--bs-btn-border-color: var(--fublis-purple-600);
	--bs-btn-hover-color: var(--fublis-white);
	--bs-btn-hover-bg: var(--fublis-purple-700);
	--bs-btn-hover-border-color: var(--fublis-purple-700);
	--bs-btn-focus-shadow-rgb: 49,132,253;
	--bs-btn-active-color: var(--fublis-white);
	--bs-btn-active-bg: var(--fublis-purple-700);
	--bs-btn-active-border-color: var(--fublis-purple-700);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--fublis-white);
	--bs-btn-disabled-bg: var(--fublis-purple-600);
	--bs-btn-disabled-border-color: var(--fublis-purple-600);
	--bs-btn-disabled-opacity: 1;
}

.btn-outline-primary {
	--bs-btn-color: var(--fublis-purple-600);
	--bs-btn-border-color: var(--fublis-purple-600);
	--bs-btn-hover-color: var(--fublis-white);
	--bs-btn-hover-bg: var(--fublis-purple-700);
	--bs-btn-hover-border-color: var(--fublis-purple-700);
	--bs-btn-focus-shadow-rgb: 13,110,253;
	--bs-btn-active-color: var(--fublis-white);
	--bs-btn-active-bg: var(--fublis-purple-700);
	--bs-btn-active-border-color: var(--fublis-purple-700);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--fublis-purple-600);
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var(--fublis-purple-600);
	--bs-gradient: none;
}

.error{
	width: 100%;
	margin-top: 0.25rem;
	font-size: 0.875em;
	color: #dc3545;
}

.z-30{
	z-index: 30;
}

.flex{
	display: flex;
}

#header{
	height: var(--fublis-nav-height);
}

#body{
	padding-top: var(--fublis-nav-height);
	width: 100%;
}

.header-logo{
	width: 130px;
}

#headerNav li.nav-item{
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
}

#headerNav li.nav-item a.nav-link{
	padding-left: 1rem;
	padding-right: 1rem;
	color: var(--bs-black);
	transition: color .2s ease;
	font-weight: 500;
}

#headerNav a.nav-link .nav-text{
	transition: color .45s cubic-bezier(0.25, 1, 0.33, 1);
}

#headerNav a.nav-link .nav-text::before{
	transform: scale(0.5);
	opacity: 0;
	background-color: #ededed;
	border-radius: 8px;
	position: absolute;
	top: 28px;
	left: 0;
	width: 100%;
	height: 39px;
	content: "";
	display: block;
	z-index: -1;
	transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1);
}

#headerNav a.nav-link:hover .nav-text::before{
	transform: scale(1) translate(0);
	opacity: 1;
}

#headerNav a.nav-link .nav-sub-indicator{
	left: 0;
	margin-left: 5px;
	width: 10px;
	position: relative;
	display: inline-block;
	font-size: 12px;
	height: auto;
	font-weight: 500;
}

#headerNav li.nav-item > ul.nav-sub-menu {
    display: none;
	opacity: 0;
}

.nav-sub-menu{
	border-radius: 6px;
	padding: 0;
	background: var(--fublis-white);
	overflow: hidden;
	position: absolute;
  	top: 96px;
	width: 50em;
	left: -135%;
	/* padding-bottom: 15px; */
	border: 1px solid rgba(0,0,0,.075);
}

#headerNav li.nav-item:hover > ul.nav-sub-menu {
	display: flex;
    opacity: 1;
}

.nav-sub-menu ul{
	padding: 0;
	list-style: none;
}

.nav-sub-menu a{
	padding: 6px;
	/* background: transparent; */
}

/* menu-item-over sfHover */

.nav-item .nav-link+.nav-sub-menu li.nav-sub-menu-item{
	padding: 20px;
	width: auto;
	display: block;
	flex: 1;
	/* transform: translate3d(0, 13px, 0);
	-webkit-transform: translate3d(0, 13px, 0);
	opacity: 1;
	transition: transform .65s cubic-bezier(.2, .8, .25, 1), opacity .65s cubic-bezier(.2, .8, .25, 1);
	-webkit-transition: transform .65s cubic-bezier(.2, .8, .25, 1), opacity .65s cubic-bezier(.2, .8, .25, 1); */
}

/* .nav-item .nav-link:hover+.nav-sub-menu li.nav-sub-menu-item{
	opacity: 1;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
} */

.nav-sub-menu-item-li{
	margin-top: 15px;
}

.nav-sub-menu-title-text{
	color: var(--bs-black);
	position: relative;
	font-size: 12px;
}

.nav-sub-menu-icon{
	color: var(--fublis-purple-600);
	fill: var(--fublis-purple-600);
	font-size: 30px;
	line-height: 1;
	margin-right: 10px;
	display: inline-block;
}

.nav-sub-menu-icon svg{
	width: 30px;
	height: 30px;
}

.nav-sub-menu-item-with-icon{
	display: flex;
	align-items: flex-start;
}

.nav-sub-menu-icon-title-text{
	font-size: 16px;
	line-height: 26px;
	font-weight: 500;
	color: var(--bs-black);
	position: relative;
}

.nav-sub-menu-item-with-icon .nav-sub-menu-icon-title-text::after{
	background-color: var(--fublis-purple-600);
	height: 1px;
	transform-origin: right;
	transition: transform 0.3s cubic-bezier(0.25, 0, 0.4, 1), border-color 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	display: block;
	content: "";
	transform: scaleX(0);
}

.nav-sub-menu-item-with-icon:hover .nav-sub-menu-icon-title-text::after{
	transform-origin: left;
	transform: scaleX(1);
}

.nav-sub-menu-icon-item-desc{
	color: #999;
	display: block;
	font-size: 14px;
	line-height: 22px;
}

.hover .char{
	animation: nectar_cta_letter_animation .5s cubic-bezier(.46,.4,.56,.87) forwards;
	transform: translateY(110%);
	opacity: 0;
	display: inline-block;
	line-height: 1;
}

@keyframes nectar_cta_letter_animation {
	0% {
		opacity:0;
		transform:translateY(115%)
	}
	30% {
	  	opacity:1
	}
	45% {
		opacity:1;
		transform:translateY(-25%)
	}
	100% {
		opacity:1;
		transform:translateY(0)
	}
}

#headerSearchInput{
	width: 260px;
}

#headerSearchInput:focus, #filterSearchInput:focus, .search-input:focus{
	background-color: var(--fublis-white);
	border-color:  #ced4da;
}

#profileNav li.nav-icon a{
	height: 30px;
	width: 30px;
	font-size: 15px;
	padding: 5px;
}

.navbar-nav .dropdown-menu.profile-dropdown{
	right: 0;
	left: auto;
	top: 45px;
}

.notification-badge{
	width: 20px;
	height: 20px;
}

/* #offcanvas{
	width: 300px;
} */
/* #sidebarCollapse {
	width: 40px;
	height: 40px;
	position: relative;
	margin: auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	background: none;
	box-shadow: none;
	outline: none !important;
	border: none;
}
#sidebarCollapse span {
	display: block;
	position: absolute;
	height: 5px;
	width: 100%;
	background: #000;
	border-radius: 5px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
#sidebarCollapse span:nth-child(1) {
	top: 0px;
}
#sidebarCollapse span:nth-child(2),
#sidebarCollapse span:nth-child(3) {
	top: 15px;
}
#sidebarCollapse span:nth-child(4) {
	top: 30px;
}
#sidebarCollapse.active span:nth-child(1) {
	top: 15px;
	width: 0%;
	left: 50%;
}
#sidebarCollapse.active span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#sidebarCollapse.active span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#sidebarCollapse.active span:nth-child(4) {
	top: 15px;
	width: 0%;
	left: 50%;
} */

#mobileNav li{
	position: relative;
}

/* .bi {
	vertical-align: -.125em;
	pointer-events: none;
	fill: currentColor;
} */
.btn-toggle {
	display: inline-flex;
	align-items: center;
	padding: .25rem .5rem;
	font-weight: 600;
	color: rgba(0, 0, 0, .65);
	background-color: transparent;
	border: 0;
}
/* .btn-toggle:hover,
.btn-toggle:focus {
	color: rgba(0, 0, 0, .85);
	background-color: #e5e5e5;
} */
.btn-toggle .menu-title{
	position: relative;
}
.btn-toggle .menu-title::after{
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	transform: scaleX(0);
	border-top: 1px solid rgba(0, 0, 0, .65);
	content: '';
	padding-bottom: inherit;
	transform-origin: right;
	border-color: rgba(0, 0, 0, .65);
	transition: transform 0.3s cubic-bezier(0.25,0,0.4,1),border-color 0.35s cubic-bezier(0.52,0.01,0.16,1);
}
button.btn-toggle .menu-toggle-icon::after {
	width: 1.25em;
	line-height: 0;
	content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
	transition: transform .35s ease;
	transform-origin: .5em 50%;
	position: absolute;
	right: 0;
	top: 11px;
}
.btn-toggle[aria-expanded="true"] {
	color: rgba(0, 0, 0, .85);
}
.btn-toggle:hover .menu-title::after{
	transform-origin: left;
	backface-visibility: hidden;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
button.btn-toggle[aria-expanded="true"] .menu-toggle-icon::after {
	transform: rotate(90deg);
}
.btn-toggle-nav a {
	display: inline-flex;
	padding: .1875rem .5rem;
	margin-top: .125rem;
	margin-left: 1.25rem;
	text-decoration: none;
}
/* .btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
	background-color: #e5e5e5;
} */
.btn-toggle-nav a.active {
	font-weight: bold;
}

#bannerFooterNav li.nav-item{
	position: relative;
	padding: 1em;
}

#bannerFooterNav li.nav-item a.nav-link{
	/* border-color: var(--fublis-white); */
	position: relative;
  	display: inline-block;
	padding: 0;
}

#bannerFooterNav li.nav-item a.nav-link::after{
	margin-top: 0;
	top: auto;
	border-top: none;
	border-right: none;
	bottom: 0;
	border-left: none;
	border-bottom: 2px solid var(--fublis-white);
	border-radius: 0;
	background-color: transparent !important;
	transition: transform .4s cubic-bezier(.23,.46,.4,1);
	transform-origin: left;
	z-index: 1;
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	opacity: .8;
	left: 0;
	backface-visibility: hidden;
	pointer-events: none;
}

#bannerFooterNav li.nav-item:hover a.nav-link::after{
	animation: none;
	transform: scaleX(0);
	transform-origin: right;
}

.subscribe-input{
	width: 580px;
}

.subscribe-input .form-control{
	color: var(--fublis-white);
}

#fullWidthHeader{
	font-size: 207px;
	white-space: nowrap;
}

/* #fullWidthHeader{
	font-size: 13vw;
} */

.footer-logo{
	width: 130px;
}

.footer-heading{
	font-size: 15px;
}

.footer-list li a{
	font-size: 14px;
}

.footer-list li a:hover{
	text-decoration: underline;
}

.footer-nav > div{
  	padding-bottom: 1.5rem;
}

#socialNav li a{
	font-size: 17px;
}

.badge-pink{
	background: var(--fublis-pink-50);
	color: var(--fublis-pink-700);
}
.badge-purple{
	background: var(--fublis-purple-50);
	color: var(--fublis-purple-700);
}
.badge-indigo{
	background: var(--fublis-indigo-50);
	color: var(--fublis-indigo-700);
}


.filter-header{
	font-size: 0.9rem;
}

.filter-checkbox:checked, .form-check-input:checked{
	background-color: var(--fublis-purple-50);
	border-color: var(--fublis-purple-600);
}

.filter-checkbox:checked[type="checkbox"], .form-check-input:checked[type="checkbox"],
.filter-checkbox:checked[type="radio"], .form-check-input:checked[type="radio"]{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%237F56D9' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.dropdown-item.active, .dropdown-item:active{
	background-color: var(--fublis-purple-600);
}

.divider{
	border-color: var(--fublis-divider-color);
}

.btn-white, .btn-white:hover{
	background-color: var(--fublis-white);
	color: var(--fublis-gray-700);
	border-color: var(--fublis-gray-300);
}

.btn-white:hover{
	opacity: 0.6;
}

.btn-black, .btn-black:hover{
	background-color: var(--fublis-black);
	color: var(--fublis-white);
	border-color: var(--fublis-black);
}

.btn-black:hover{
	opacity: 0.6;
}

.modal-backdrop.show{
	background: rgba(52, 64, 84, 0.70);
	backdrop-filter: blur(10px);
	opacity: 1;
}

.section-content{
	margin-bottom: 4rem;
}

.section-title{
	color: var(--fublis-gray-900);
	font-size: 2.25rem;
	font-weight: 600;
	line-height: 2.75rem;
	margin-bottom: 1.25rem;
}

.section-subtitle{
	color: var(--fublis-purple-700);
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.5rem;
	margin-bottom: 0.75rem;
}

.section-description{
	color: var(--fublis-gray-600);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5rem;
	margin-bottom: 0;
}

.fublis-header{
	color: var(--fublis-purple-700);
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.25rem;
	margin-bottom: 0.75rem;
}

.fublis-body{
	color: var(--fublis-gray-900);
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.75rem;
	margin-bottom: 0rem;
}

.circle-icon{
	width: 3.5rem;
	height: 3.5rem;
	position: relative;
}

.circle-icon i{
	height: 2.25rem;
  	width: 0.875rem;
	left: 0.875rem;
	top: 0.875rem;
	text-align: center;
	position: absolute;
}

.filter-btn{
	display: none;
}

.filter-container{
	position: sticky;
	top: 9rem;
}

#searchBox{
	height: 250px;
	top: 40px;
	z-index: 99;
	overflow-y: scroll;
}

.fs-7{
	font-size: 0.9rem !important;
}

.fs-8{
	font-size: 0.8rem !important;
}

.rounded-top-3 {
	border-top-left-radius: var(--bs-border-radius-lg) !important;
	border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.img-fit {
	object-fit: cover;
	object-position: top;
}

.img-square {
	position: relative;
  	width: 100%;
	object-fit: cover;
	aspect-ratio: 1 / 1;
}

.img-30{
	max-width: 30px !important;
	max-height: 30px !important;
}

.img-32{
	max-width: 32px !important;
	max-height: 32px !important;
}

.img-36{
	max-width: 36px !important;
	max-height: 36px !important;
}

.img-40{
	max-width: 40px !important;
	max-height: 40px !important;
}

.img-45{
	max-width: 45px !important;
	max-height: 45px !important;
}

.img-48{
	max-width: 48px !important;
	max-height: 48px !important;
}

.img-50{
	max-width: 50px !important;
	max-height: 50px !important;
}

.img-64{
	max-width: 64px !important;
	max-height: 64px !important;
}

.img-150{
	max-width: 150px !important;
	max-height: 150px !important;
}

/************************ START BLOG ************************/
.blog-hero-container p{
	max-width: 450px;
}

.blog-hero-container .input-group{
	max-width: 400px;
}

.blog-post-card, .blog-post-card .card-img-top{
	border-radius: 0;
}

.blog-post-card .card-img-top{
	height: auto;
}

.blog-post-card{
	background: transparent;
	border: none;
}

.blog-author{
	color: var(--fublis-purple-700);
	font-size: 14px;
	font-weight: 600;
}

.blog-title{
	color: var(--fublis-gray-900);
	font-size: 24px;
	font-weight: 600;
}

.blog-description{
	color: var(--fublis-gray-600);
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}

.blog-content img{
	max-width: 100%;
	border-radius: 20px;
	height: auto;
}

.blog-content blockquote{
	padding-left: 1rem;
	border-left: 3px solid var(--fublis-purple-700);
	font-style: italic;
}

.blog-newsletter-container h2{
	color: var(--fublis-gray-900);
}

.blog-newsletter-container p{
	color: var(--fublis-gray-600);
}


/************************ END BLOG ************************/

.step-line{
	height: 0.125rem;
	top: 0.825rem;
}

.steps .step-title{
	color: var(--fublis-gray-700);
}

.steps .step-subtitle{
	color: var(--fublis-gray-600);
}

.steps .step-icon{
	width: 1.5rem;
	height: 1.5rem;
	background: var(--fublis-gray-100);
}

.steps .inner-circle {
	width: 0.5rem;
	height: 0.5rem;
	margin: 0.5rem auto;
	background: var(--fublis-white);
}

.step-current .step-title{
	color: var(--fublis-purple-700);
}

.step-current .step-subtitle{
	color: var(--fublis-purple-600);
}

.step-current .step-icon, .step-complete .step-icon{
	background: var(--fublis-purple-600);
}

.step-current .step-icon{
	box-shadow: 0px 0px 0px 0.25rem var(--fublis-purple-100);
}

.mail-icon{
	width: 3.5rem;
	height: 3.5rem;
	background: var(--fublis-purple-100);
	border: 10px solid var(--fublis-purple-50);
	padding: 0.5rem;
}

.mail-icon i{
	font-size: 1.25rem;
}

.add-story-card .card-header{
	background: #D9D9D9;
	color: #9E9E9E;
}

.upload-icon{
	width: 2.5rem;
	height: 2.5rem;
	padding: 0.25rem;
	background: var(--fublis-gray-100);
	border: 6px solid var(--fublis-gray-50);
}

.btn-filter-check + .btn{
	color: var(--fublis-gray-500);
	border: none;
}

.btn-filter-check:checked + .btn{
	color: var(--fublis-purple-700);
  	background-color: var(--fublis-purple-50);
	border-bottom: 2px solid var(--fublis-purple-700);
}

.fublis-breadcrumb-item + .fublis-breadcrumb-item {
	padding-left: var(--fublis-breadcrumb-item-padding-x);
}

.fublis-breadcrumb-item + .fublis-breadcrumb-item::before {
	padding-right: var(--fublis-breadcrumb-item-padding-x);
}

.custom-radio {
	position: absolute;
	clip: rect(0,0,0,0);
	pointer-events: none;
}

.fublis-radio{
	width: 1.5rem;
	height: 1.5rem;
	border: 3px solid var(--fublis-gray-200);
}

.fublis-radio svg{
	display: none;
}

.custom-radio+.card label{
	cursor: pointer;
}

.custom-radio:checked + .card{
	border-color: var(--fublis-purple-600) !important;
}

.custom-radio:checked+.card .contact-title{
	color: var(--fublis-purple-800) !important;
}

.custom-radio:checked+.card .contact-subtitle{
	color: var(--fublis-purple-700) !important;
}

.custom-radio:checked+.card .fublis-radio{
	border: none;
	background: var(--fublis-purple-700);
}

.custom-radio:checked+.card .fublis-radio svg{
	display: block;
}

#searchBox input{
	position: absolute;
	opacity: 0;
	height: 0;
	width: 0;
}
.search-list:hover{
	background: var(--fublis-gray-50);
	cursor: pointer;
}

input:checked + .search-list{
	background: var(--fublis-gray-100);
}

.search-list .checked{
	right: 10px;
	top: 10px;
	font-size: 22px;
	opacity: 0;
}
input:checked+.search-list .checked{
	opacity: 1;
}

.list-radio + div{
	color: var(--fublis-gray-500);
}

.list-radio + div>label{
	cursor: pointer;
}

.list-radio:checked + div{
	background: var(--fublis-gray-100) !important;
	color: #000 !important;
}

.setting-nav .nav-item{
	position: relative;
  	bottom: -1px;
}

.datepicker td, .datepicker th{
	width: 30px;
	height: 30px;
}
.datepicker table tr td.active.active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover:hover{
	background-color: var(--fublis-purple-700);
	background-image: none;
}

trix-editor{
	border: 2px dashed var(--fublis-purple-700);
	color: #212529;
  	background-color: #fff;
	min-height: 20em !important;
}

/* trix-toolbar .trix-button--icon-link, trix-toolbar .trix-button--icon-code, trix-toolbar .trix-button-group--file-tools, trix-toolbar .trix-button--icon-attach{
	display: none;
} */

trix-toolbar .trix-button--icon-code{
	display: none;
}

.attachment img{
	width: 100%;
	height: auto;
}

.select2-container{
	width: 100% !important;
}

.select2-container--default .select2-selection--single{
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: 0.375rem;
	height: auto;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #212529;
	line-height: 1.5;
	font-size: 1rem;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding: .375rem 2.25rem .375rem .75rem;
  	-moz-padding-start: calc(0.75rem - 3px);
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 37px;
}

#chatWindow a{
	color: inherit !important;
	text-decoration: underline;
	font-style: italic;
}

#accordionFaq .accordion-button::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgb(108, 117, 125)' class='bi bi-plus-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E");
	top: 5px;
	position: absolute;
	right: 0;
}

#accordionFaq .accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgb(108, 117, 125)' class='bi bi-dash-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3E%3C/svg%3E");
}

#userTab .nav-item:first-child{
	border-top-left-radius: 30px;
	  border-bottom-left-radius: 30px;
}
#userTab .nav-item:last-child{
	border-top-right-radius: 30px;
	  border-bottom-right-radius: 30px;
}
#userTab .nav-item .nav-link{
	color: var(--fublis-purple-700);
	border-radius: 30px;
	font-weight: 600;
}
#userTab .nav-item .nav-link.active{
	background-color: var(--fublis-purple-700);
	color: var(--fublis-purple-100);
}
.fublis-line-through{
	/* background: url('/images/utility/linethrough.png');
	background-position: 0px 20px;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 0 20px; */
	position: relative;
	padding-right: 15px;
}
.fublis-line-through .overlay{
	/* background: url('/images/utility/linethrough.png');
	background-position: 0px 20px;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 0 20px; */
	position: absolute;
	left: -10%;
	top: 43%;
	width: 105%;
}

@media(max-width: 1400px){
	#fullWidthHeader{
		font-size: 178px;
	}
}

@media(max-width: 1200px){
	#fullWidthHeader{
		font-size: 148px;
	}
}

@media(max-width: 992px){
	#fullWidthHeader{
		font-size: 110px;
	}

	.filter-btn{
		display: block;
	}
	.filter-container:not(.show){
		display: none;
	}
	.filter-container{
		position: absolute;
		z-index: 9;
		background: var(--fublis-white);
		width: 100%;
		top: -5px;
		padding: 1.5rem;
		border: 1px solid var(--fublis-gray-300);
	}

	#searchBox{
		top: 65px;
	}

	.steps.step-complete, .steps.step-incomplete{
		display: none;
	}
}

@media(max-width: 768px){
	#fullWidthHeader{
		font-size: 82px;
	}
	.img-col{
		max-height: 175px;
		object-position: top;
	}
}

@media(max-width: 650px){
	.subscribe-input{
		width: 100%;
	}
}

@media(max-width: 576px){
	#fullWidthHeader{
		font-size: 15vw;
	}
}

@media(max-width: 440px){
	#bannerFooterNav li.nav-item{
		padding: 0.5em;
	}
	#copyrightText{
		font-size: 14px;
	}
	.home-title{
		font-size: 23px !important;
	}
	.home-desc{
		font-size: 14px !important;
	}
	.blog-post-card{
		padding: 0 !important;
	}
}

@media(max-width: 370px){
	#subscribeSectionHeader{
		font-size: 20px;
	}
	.home-title{
		font-size: 21px !important;
	}
	.home-desc{
		font-size: 12px !important;
	}
	#copyrightText{
		font-size: 12px;
	}
	#bannerFooterNav li.nav-item{
		padding: 0.3em;
	}
}