.admin-bar #page {
    position: relative;
}
.admin-bar .header-visible {
    top: 32px;
}
@media only screen and (max-width: 991px) {
	.admin-bar .header-visible {
	    top: 0px;
	}
}

.max-width-content {
	max-width: 1200px;
	padding: 0;
}
a {
	text-decoration: none;
}
a:hover, a:visited {
	color: unset;
}
a.btn {
    padding-left: 23px;
    padding-right: 23px;
}
.btn {
    text-transform: uppercase;
}
html {
  --wp-admin--admin-bar--height: 32px;
  scroll-padding-top: var(--wp-admin--admin-bar--height);
}
main {
	overflow: hidden;
}

@media screen and (max-width: 782px){
  html {
    --wp-admin--admin-bar--height: 46px;
  }
}
body {
	font-family: "Roboto Condensed";
}
.page {
	margin: 0 !important;
}
.container {
	max-width: 1260px;
	padding: 0 30px;
}
.g-6, .gy-6 {
    --bs-gutter-y: 70px;
}
.g-6, .gx-6 {
    --bs-gutter-x: 60px;
}
.page .header-section {
    background: var(--Gradient-Mid, linear-gradient(294deg, rgba(98, 101, 174, 0.225) 18.13%, rgba(236, 101, 35, 0.225) 40.97%, rgba(236, 101, 35, 0.225) 59.46%, rgba(248, 153, 37, 0.225) 84.15%));
}
.page .header-section .row {
    height: 365px;
}
.page .header-section h1 {
    color: var(--Black, #000);
    text-align: center;
    font-family: "Roboto Condensed";
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.page .content-section {
	padding-top: 120px;
	padding-bottom: 120px;
}
.page .content-section h1 {
	font-family: "Roboto Condensed";
	margin-bottom: 20px;
}
.page .content-section h2 {
	font-family: "Roboto Condensed";
	margin-bottom: 20px;
}
.page .content-section h3 {
	font-family: "Roboto Condensed";
	margin-bottom: 20px;
}
.page .content-section h4 {
	font-family: "Roboto Condensed";
	margin-bottom: 20px;
}
.page .content-section h5 {
	font-family: "Roboto Condensed";
	margin-bottom: 20px;
}
.page .content-section h6 {
	font-family: "Roboto Condensed";
	margin-bottom: 20px;
}
.page .content-section p {
	color: var(--Dark-Grey, #50555B);
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 26px; /* 130% */
}
.disable-scroll {
    overflow: hidden;
}
.unclickable {
    pointer-events: none;
}
.menu-open {
    height: 100vh;
    overflow: hidden;
}
.search-open {
    height: 100vh;
    overflow: hidden;
}
@media screen and (max-width: 1024px) {
	.container {
		padding: 0 40px;
	}
}
@media screen and (max-width: 767px) {
	.container {
		padding: 0 20px;
	}
}

/**
 * Engage Header Css
 */
.site-main {
	margin-top: 83px !important;
}
.site-header {
	background: var(--Gradient-2---Left-to-Right, linear-gradient(90deg, #EC6523 0%, #F89925 100%));
	position: relative;
	position: fixed;
    width: 100%;
    top: -83px;
    transition: top .3s ease-in-out;
    z-index: 99999;
}

.site-header .site-branding {
	/*margin-top: -12px;*/
}
.site-header .header-row {
	height: 83px;
}
.navbar-nav {
    margin: 0px;
}
.site-header .navbar .container {
	padding: 0;
}
navbar-nav >.menu-item {
    border-bottom: 6px solid transparent;
    padding-bottom: 27px;
    height: 83px;
    display: flex;
    align-items: center;

}
.navbar-nav .menu-item a {
	color: var(--White, #FFF);
	text-align: center;
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 185.714% */
	text-transform: uppercase;
	text-decoration: none;
	z-index: 99999;
}

.nav-buttons .demo-button {
	border: 2px solid #ffffff;
	border-radius: 20px;
	background: var(--White, #FFF);
	color: var(--Orange-Dark, #EC6523);
	text-align: center;
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 26px; 
    height: 40px;
    align-items: center;
    justify-content: center;
    padding: 0;
    padding-left: 20px;
    padding-right: 20px;
    text-wrap: nowrap;
    margin-left: 8px;
}
.nav-buttons .demo-button:hover {
    background: transparent;
    color: #ffffff;
}

#searchButton {
	height: 40px;
    width: 40px;
    border-radius: 20px;
    border: 2px solid var(--White, #FFF);
    opacity: 0.6;
    background: var(--White, #FFF);
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: center;
    margin-right: 0px;

}
#searchButton:hover path {
    fill: #ffffff;
    transition: all .2s ease-in-out;
}

#searchButton:hover {
    opacity: 1;
    background: transparent;
}
.desktop-menu {
	max-width: 60%;
}



.header-visible {
    top: 0;
}

.site-header .navbar {
	padding: 0;
}
.navbar-nav .menu-item a:focus {
    outline: none;
}
/* Search Popover */
.admin-bar .search-popover {
	top: 115px;
}
.search-popover {
    position: fixed;
    top: 83px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6) !important;
    display: none;
    z-index: 10;
}
.search-popover h2 {
    color: var(--Dark-Grey, #50555B);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 10px;
}
.search-popover .search-form {
	position: relative;
    max-width: 570px;
    width: 100%;
}
.search-popover .search-form .search-input {
    height: 64px;
    border-radius: 10px;
    border: 2px solid #f5f5f5;
    background: var(--White, #FFF);
    padding: 0 20px;
}
.search-popover .focused .search-input {
	border-color: #EC6523;
}
.search-popover .search-form .search-input:focus {
	box-shadow: none !important;
}
.search-popover .search-form label {
	position: absolute;
    color: var(--Mid-Grey, #80838A);
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    top: 20px;
    left: 20px;
    transition: all .2s ease-in-out !important;
}
.search-popover .focused label {
    top: 4px;
    color: #EC6523;
    font-size: 12px;
    transition: all .2s ease-in-out !important;
}
.search-popover .populated label {
    top: 4px;
    color: #80838A;
    font-size: 12px;
    transition: all .2s ease-in-out !important;
}
.search-popover .search-form #searchSubmit {
    position: absolute;
    border: none;
    top: 20px;
    right: 20px;
    padding: 0;
}
.search-popover .search-form #searchSubmit:hover {
	background-color: transparent;
}
.search-popover .search-content {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    background-color: #fff;
    width: 100%;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: column;
    padding-top: 43px;
}
.search-popover .search-content .btn-close {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    text-transform: uppercase;
    position: absolute;
    bottom: 8px;
    width: unset;
    color: var(--Mid-Grey, #80838A);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    height: 26px;
}
@media only screen and (max-width: 767px) { 
	.admin-bar .search-popover {
		top: 61px;
	}
	.admin-bar .search-popover .search-content {
	    top: 0;
	}
	.search-popover {
		top: 61px;
	}
	.search-popover .search-content {
	    top: 0px;
	}
}

/* Demo Popover */
.lightbox-popover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6) !important;
    display: none;
    z-index: 10;
}

.lightbox-popover .popover-content {
    position: absolute;
    top: 120px;
    left: 50%;
    transform: translate(-50%);
    background-color: #fff;
    padding: 60px 100px 80px 100px;
    border-radius: 40px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    width: 570px;
}

.lightbox-popover .popover-content .btn-x {
    position: absolute;
    top: 30px;
    right: 30px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.5rem;
    color: #333;
    padding: 0;
}
.lightbox-popover .popover-content .btn-close {
	background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    color: var(--Mid-Grey, #80838A);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-transform: uppercase;
    position: absolute;
    bottom: 100px;
    left: 110px;
}

@media only screen and (min-width: 1200px) {
	.navbar-toggler .show {
		max-height: 100vh;
		overflow-y: auto;
	}
	.navbar-nav .menu-item-has-children:hover a {
		border-color: #ffffff;
	}
	.navbar-nav .menu-item > a:hover {
	    color: #EC6523 !important;
	}
	.navbar-nav > .menu-item > a {
	    padding: 7px 15px;
	    border-radius: 20px;
	}
	.navbar-nav .menu-item a:hover {
	    background: rgba(255, 255, 255, 0.7);
	}
	.navbar-nav > .menu-item {
	    border-bottom: 6px solid transparent;
	    height: 83px;
	    display: flex;
	    align-items: center;
	    padding-top: 6px;
	}
	.navbar-nav >.menu-item-has-children:hover {
	    border-color: #ffffff;
	}
	.site-header .sub-menu {
	    position: absolute;
	    margin: 0;
	    list-style: none;
	    width: 280px;
	    padding: 0px 40px;
	    background: var(--White, #FFF);
	    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.25);
	    top: 83px;
	    opacity: 0;
	    transition: all .2s ease;
	    max-height: 0;
	    overflow: hidden;
	    clip-path: inset(0px -10px -10px -10px)
	}
	.navbar-nav .menu-item-has-children:hover .sub-menu {
		max-height: 1000px;
		padding: 40px 40px;
		opacity: 1;
		transition: all .5s ease;
		overflow: visible;
	}	
	.site-header .sub-menu .menu-item {
		margin-bottom: 10px;
	}
	.site-header .sub-menu .menu-item a { 
		color: var(--Dark-Grey, #50555B);
		font-family: Roboto;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 26px;
		opacity: 0;
		transition: all .2s ease;
		text-transform: capitalize;
	}
	.navbar-nav .menu-item-has-children:hover .sub-menu a {
		opacity: 1;
		transition: all .5s ease;
	}
	.site-header .sub-menu #menu-item-661, .site-header .sub-menu #menu-item-671 {
		margin-bottom: 20px;
	}
	.site-header .sub-menu #menu-item-661 a, .site-header .sub-menu #menu-item-671 a {
		color: var(--Black, #000) !important;
		font-family: Roboto;
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: 26px;
		display: block;
	    text-align: start;
	    padding: 0;
	    text-decoration: none !important;
	    cursor: default;
	}
	.site-header .sub-menu #menu-item-671 a {
		padding-top: 40px;
	}
	.site-header .sub-menu .menu-item a:hover {
	    color: var(--Orange-Dark, #EC6523);
	    text-decoration-line: underline;
	}
	.submenu-toggle-btn {
	    display: none;
	}

}
@media only screen and (max-width: 1150px) {
	.navbar-nav > .menu-item > a {
		font-size: 14px;
		padding: 7px 12px;
	}
}
@media only screen and (max-width: 1024px) {
	.navbar-nav > .menu-item > a {
		font-size: 13px;
	}
}
@media only screen and (max-width: 1024px) {
	.navbar-nav > .menu-item > a {
		font-size: 14px;
    	
	}
}

@media only screen and (max-width: 1199px) {
	.site-main {
		margin-top: 60px !important;
	}
	.site-header .header-row {
		height: 60px;
	}
	.site-header .site-branding img{
		width: 140px;
	}
	.navbar-toggler {
	    width: 40px;
	    height: 40px;
	    border-radius: 40px;
	    border: none;
	    background-color: #ffffff;
	    background-image: url(/wp-content/themes/cms-engage/assets/images/menu-toggle.svg);
	    background-repeat: no-repeat;
    	background-position: center;
	}
	.navbar-toggler[aria-expanded="true"] {
		background-image: url(/wp-content/themes/cms-engage/assets/images/menu-toggle-close.svg);
	}
	.navbar-nav {
		gap: unset;
	}
	#primary-menu > .menu-item {
	    padding-bottom: 10px;
	    border-bottom: 2px solid #f5f5f5;
	    margin-bottom: 10px;
	}
	#mobile-menu > .menu-item {
	    padding-bottom: 10px;
	    border-bottom: 2px solid #f5f5f5;
	    margin-bottom: 10px;
	    position: relative;
	}
	.navbar-collapse {
		background: #ffffff;
	    position: absolute;
	    width: 100vw;
	    top: 50px;
	    left: -40px;
	    padding: 50px 40px;
	    overflow: scroll;
    	height: calc(100vh - 50px);
	}
	.navbar-collapse .menu-item a {
		color: var(--Dark-Grey, #50555B);
		font-family: Roboto;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 26px; /* 185.714% */
		text-transform: uppercase;
		padding: 0;
		margin-bottom: 0;
		text-align: start;
	}
	.navbar-collapse .active a {
		color: #EC6523;
	}
	.navbar-collapse .menu-item .submenu-toggle-btn {
	    z-index: 99999;
	    position: absolute;
	    width: 100%;
	    text-align: end;
	    pointer-events: auto;
	}
	.navbar-collapse .active .submenu-toggle-btn svg {
	    transform: rotate(180deg);
	}
	.navbar-collapse .active .submenu-toggle-btn svg path {
		fill: #80838A;
	}
	.navbar-collapse .menu-item .sub-menu {
		padding: 0px 0 0 0;
	    margin-left: 20px;
	    list-style: none;
	    width: 100%;
	    overflow: hidden;
	    max-height: 0px;
	    transition: all .2s ease;
	}
	.navbar-collapse .active .sub-menu {
		padding: 20px 0 40px 0;
		max-height: 800px;
		transition: all .5s ease;
	}

	.navbar-collapse .menu-item .sub-menu .menu-item a {
		color: var(--Dark-Grey, #50555B);
		font-family: Roboto;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 26px; /* 162.5% */
		text-transform: capitalize;
		pointer-events: auto;
	}
	
	
	.site-header .sub-menu #menu-item-661 a, .site-header .sub-menu #menu-item-671 a {
		color: var(--Black, #000) !important;
		font-family: Roboto;
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: 26px;
		display: block;
	    text-align: start;
	    padding: 0;
	    text-decoration: none !important;
	    cursor: default;
	}
	.site-header .sub-menu #menu-item-671 a {
		padding-top: 40px;
	}
	.site-header .sub-menu #menu-item-1037 a, .site-header .sub-menu #menu-item-1039 a {
		color: var(--Black, #000) !important;
		font-family: Roboto;
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: 26px;
		display: block;
	    text-align: start;
	    padding: 0;
	    text-decoration: none !important;
	    cursor: default;
	    padding-top: 40px;
	}
	.site-header .sub-menu #menu-item-1039 a {
		
	}
	.menu-item-has-children {
		display: flex;
	    align-items: start;
	    flex-wrap: wrap;
	}
	.menu-item-has-children > a {
		width: 80%;
	}
	.menu-item-has-children .submenu-toggle-btn {
		width: 20%;
	}
	
	.search-popover {
	    top: 61px;
	}
}

/**
 * Engage Footer CSS
 */
footer .banner-top {
	height: 120px;
	background: var(--Gradient-2---Left-to-Right, linear-gradient(90deg, #EC6523 0%, #F89925 100%));
}
footer .banner-content {
	gap: 20px;
}
footer .banner-content h2 {
	color: var(--White, #FFF);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: 52px; /* 130% */
	margin: 0;
}
footer .banner-top .demo-button {
	border: 2px solid #ffffff;
	border-radius: 20px;
	background: var(--White, #FFF);
	color: var(--Orange-Dark, #EC6523);
	text-align: center;
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 26px; /* 185.714% */
}

footer .banner-top .demo-button:hover {
    background: transparent;
    color: #ffffff;
}


.footer-main {
    padding: 80px 0px 30px 0px;
    background: var(--Dark-Grey, #50555B);
}
.footer-main .menu-heading {
	color: var(--Light-Grey, #F5F5F5);
	font-family: "Roboto Condensed";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 30px;
}
.footer-main ul {
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 10px;
    display: flex;
    flex-direction: column;
}
.footer-main .menu-item a, .footer-main .menu-item {
    color: var(--Light-Grey, #F5F5F5);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-decoration: none;
}

.footer-main .menu-item a {
    text-decoration: underline transparent;
    text-underline-offset: 0;
    transition: all .2s ease-in-out;
}
.footer-main .menu-item a:hover {
	color: #ffffff !important;
    text-decoration-color: #ffffff;
    text-underline-offset: 5px;
    transition: all .2s ease-in-out;
}
.footer-main h4 {
	color: var(--White, #FFF);
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	opacity: .7;
}
.footer-main menu-item a:hover, .footer-main menu-item a:visited {
    color: var(--Light-Grey, #F5F5F5);
}
.footer-logo img {
    width: 200px;
    margin-bottom: 3px;
}
.social-links {
	gap: 20px;
	align-items: center;
	height: 41px;
}
.social-link {
    font-size: 24px;
    color: #FFFFFF !important;
    transition: color .2s ease-in-out;
}
.social-link:hover {
	color: #EC6523 !important;
	transition: color .2s ease-in-out;
}
.menu-row {
	padding-bottom: 80px;
}
.menu-col {
	padding-bottom: 40px;
}
.footer-bottom {
	background: var(--Dark-Grey, #50555B);
}
.footer-bottom .copyright {
	column-gap: 20px;
	opacity: .7;
}
.footer-bottom p, .footer-bottom a {
	color: var(--Light-Grey, #F5F5F5);
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; 
	text-decoration: none;
	
}
footer .divider {
	width: 1px;
    height: 40px;
    background: #ffffff;
    margin: 0 40px;
    opacity: .5;
}

@media only screen and (max-width: 767px) {
	section.banner-top {
		height: auto;
		padding: 20px 0;
	}
	footer .divider {
		margin: 40px 0;
	    width: 100px;
	    height: 1px;
	    display: none;
	}
	footer .menu-col {
		padding-bottom: 0px;
	    padding-left: 40px;
	    padding-right: 40px;
	}
	footer .footer-logo, footer .app {
		margin-bottom: 30px;
	}
	footer .logo-app-social-row {
	    padding-top: 60px;
	    padding-bottom: 60px;
	    border-top: 2px solid;
	    border-bottom: 2px solid;
	    border-color: rgba(255, 255, 255, 0.25);
	}
	footer .footer-menu {
		margin-bottom: 40px;
	}
	.footer-logo img {
		width: 120px;
	}
}



/**
 *** Home CSS ***
 */
@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}

.home-banner .row {
	margin-top: 0;
	position: relative;
}
.home-banner h1 {
	color: var(--Black, #000);
	font-family: "Roboto Condensed";
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: 52px; /* 108.333% */
	margin-bottom: 8px;
}
.home-banner p {
	color: var(--Dark-Grey, #50555B);
	font-family: Roboto;
	font-size: 32px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	margin-bottom: 30px;
}
.home-banner .how-button {
	border-radius: 24px;
	border: 2px solid var(--Gradient-2---Left-to-Right, #EC6523);
	background: var(--White, #FFF);
	color: var(--Orange-Dark, #EC6523);
	text-align: center;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	z-index: 1;
	transition: all .2s ease-in-out;
}
.home-banner .how-button:hover {
    background: var(--Gradient-2---Left-to-Right, linear-gradient(90deg, #EC6523 0%, #F89925 100%));
    color: #ffffff !important;
    transition: all .2s ease-in-out;
}
.btn-white {
	transition: all .2s ease-in-out;
	
}
.btn-white:hover {
    background: var(--Gradient-2---Left-to-Right, linear-gradient(90deg, #EC6523 0%, #F89925 100%)) !important;
    color: #ffffff !important;
    transition: all .2s ease-in-out;
    border-color: transparent !important;
    background-origin: border-box !important;
}

.home-banner .banner-image {
	background: url(/wp-content/themes/cms-engage/assets/images/home-ellipse.webp);;
	background-repeat: no-repeat;
    background-position: 30px bottom;
    height: 575px;
}
.home-banner .banner-image img {
	position: absolute;
    top: -10px;
    left: 210px;
    width: 1322px;
    height: 882px;
    animation: float 6s ease-in-out infinite
}
.home-banner .banner-content {
	z-index: 1;
}
@media only screen and (max-width: 992px) {
	.home-banner .banner-image {
	    min-height: 480px;
	    margin-top: 0;
	}
	section.home-banner .home-banner-image {
		right: calc(50% - 550px) !important;
	}
	.home-banner h1 {
		color: var(--Black, #000);
		text-align: center;
		font-family: "Roboto Condensed";
		font-size: 40px;
		font-style: normal;
		font-weight: 500;
		line-height: 44px;
	}
	.home-banner p {
		color: var(--Dark-Grey, #50555B);
		text-align: center;
		font-family: Roboto;
		font-size: 24px;
		font-style: normal;
		font-weight: 300;
		line-height: 30px;
	}
	.home-banner .how-button {
		margin: 0 auto;
	}

}

@media only screen and (max-width: 767px) {
	.home-banner .banner-image {
	    background-position: center bottom;
	    background-size: 400px;
	    position: relative;
	    min-height: 360px;
	}
	.home-banner .banner-image img {
		object-fit: cover;
	    left: 0;
	    height: 655px;
	    width: 982px;
	    top: -110px;
	}
	.home-banner .banner-content {
		padding-left: 20px;
		padding-right: 20px;
	}
	.home-banner .banner-content h1 {
	    color: var(--Black, #000);
	    text-align: center;
	    font-family: "Roboto Condensed";
	    font-size: 40px;
	    font-style: normal;
	    font-weight: 500;
	    line-height: 44px;
	    max-width: 320px;
    	margin: 0 auto 16px;
	}
	.home-banner .banner-content p {
	    color: var(--Dark-Grey, #50555B);
	    text-align: center;
	    font-family: Roboto;
	    font-size: 24px;
	    font-style: normal;
	    font-weight: 300;
	    line-height: 30px;
	}
	.home-banner .banner-content .how-button {
		margin: 0 auto;
	}
}

/**
 - Home Partners Section 
 */

.partners-section {
	background: var(--Gradient-Mid, linear-gradient(294deg, rgba(98, 101, 174, 0.225) 18.13%, rgba(236, 101, 35, 0.225) 40.97%, rgba(236, 101, 35, 0.225) 59.46%, rgba(248, 153, 37, 0.225) 84.15%));
    margin-top: -1px;
    padding-top: 160px;
    padding-bottom: 80px;
}

.partners-section .banner {
    border-radius: 40px;
    background-position: center;
    height: 600px;
    position: relative;
    overflow: hidden;
    background-size: cover;
}
.partners-section .banner .bg-overlay {
	width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0;
    left: 0;
    /* background: linear-gradient(0deg, #6265AE 0%, #F27F24 100%); */
    font-size: 100px;
    z-index: 1;
    /* mix-blend-mode: hard-light; */
    opacity: 0.75;
    margin: 0 10px;
}
.partners-section .content {
	z-index: 1;
}
.partners-section .banner h2 {
	color: var(--White, #FFF);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.partners-section .banner p {
	color: var(--White, #FFF);
	text-align: center;
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: 32px; /* 133.333% */
}
.partners-section .video-container {
	display: flex;
    align-items: center;
    justify-content: center;
}
.partners-section .video-button {
	border-radius: 24px;
	background: var(--White, #FFF);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
	color: var(--Orange-Dark, #EC6523);
	text-align: center;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; 
	padding: 0 20px;
	transition: all .2s ease-in-out;
}
.partners-section .video-button:hover {
	background: var(--Gradient-2---Left-to-Right, linear-gradient(90deg, #EC6523 0%, #F89925 100%));
	color: #fff;
	transition: all .2s ease-in-out;
}
.partners-section .section-title {
	margin: 60px 0 40px;
}
.partners-section .section-title h2{
	color: var(--Dark-Grey, #50555B);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.partners .partner-logo {
    width: 100%;
    background: #ffffff;
    height: 106px;
    display: flex;
    padding: 20px;
    border-radius: 10px;
}
.partners .partner-logo img{
	object-fit: contain;
	margin: 0 auto;
}
.partners-slide {
    padding: 0 10px;
}
.partners-slider .slick-list {
    padding-bottom: 90px;
}
.partners-slider .slick-prev {
    right: 50%;
}
.partners-slider .slick-next {
    left: 50%;
}
.partners-slider .slick-arrow {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: auto;
}
.partners-slider .slick-arrow path {
    opacity: 1;
    fill: #EC6523;
}
.partners-slider .slick-arrow circle {
    fill: #ffffff;
    stroke: #f5f5f5;
    stroke-width: 2;
}
.partners-slider .slick-arrow:hover circle {
    fill: #ffffff;
    stroke: #EC6523;
    stroke-width: 2;
}
.partners-slider .slick-arrow:hover {
    cursor: pointer;
}
.partners-slider .slick-disabled:hover {
	cursor: auto;
}
.partners-slider .slick-disabled:hover svg path {
    fill: #80838A;
}
.partners-slider .slick-disabled:hover svg circle {
    fill: #F5F5F5;
    stroke: #F5F5F5;
    stroke-width: 2;
}
.partners-slider .slick-disabled svg path {
    fill: #80838A;
}
.partners-slider .slick-disabled svg circle {
    fill: #F5F5F5;
    cursor: auto;
}


/* Partners-section - Lightbox */
.partners-section .lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.6) !important;
    display: none;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 992px) {
	.partners-section .lightbox-content {
		max-width: 600px !important;
	}
}
@media only screen and (max-width: 767px) {
	.partners-section .lightbox-content {
		max-width: 300px !important;
	}
	.partners-section .banner {
		margin: 0 10px;
	}
	.partners-section .banner h2 {
	    color: var(--White, #FFF);
	    text-align: center;
	    font-family: "Roboto Condensed";
	    font-size: 40px;
	    font-style: normal;
	    font-weight: 500;
	    line-height: 46px;
	    margin-bottom: 16px;
	}
	.partners-section .banner p {
		color: var(--White, #FFF);
		text-align: center;
		font-family: Roboto;
		font-size: 24px;
		font-style: normal;
		font-weight: 300;
		line-height: 28px; 
		margin-bottom: 32px;
	}
	.partners-section .partner-logos .col-6 {
		padding-left: 10px;
		padding-right: 10px;
	}
	.partners .partner-logo {
		margin-bottom: 20px;
	}
}

/**
 - Home Features Section 
 */
.features-section {
	padding-top: 160px;
    padding-bottom: 120px;
    background-image: url(/wp-content/themes/cms-engage/assets/images/logo-graphic-orange-2.svg);
    background-repeat: no-repeat;
    background-position: center 100%;
    margin-bottom: 160px;
}
.features-section .section-header {
	margin-bottom: 60px;
}
.features-section .image-container {
	position: relative;
}
.features-section .image-container:before {
	content: "";
	width: 100% !important;
	height: 100% !important;
	position: absolute !important;
	top: 0;
	left: 0;
	background: linear-gradient(0deg, #6265AE 0%, #F27F24 100%);
	font-size: 100px;
	z-index: 1;
	mix-blend-mode: hard-light;
	opacity: 0.75;
} 
.features-section .features-image {
    height: 289px;
    object-fit: cover;
    width: 100%;
}
.features-section .section-header h2 {
	color: var(--Black, #000);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: 52px; /* 108.333% */
}
.features-section .section-header p {
	color: var(--Dark-Grey, #50555B);
	text-align: center;
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: 32px; /* 133.333% */
}
.features-section .section-header .features-button {
	border-radius: 24px;
	border: 2px solid var(--Gradient-1---Top-to-Bottom, #EC6523);
	color: var(--Dark-Grey, #50555B);
	text-align: center;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 162.5% */
}
.features-section .features-list .card {
    border-radius: 40px;
    overflow: hidden;
    border: none;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);
}
.features-section .card-body {
	height: 210px;
}
.features-section .card-body p {
	color: var(--Dark-Grey, #50555B);
	text-align: center;
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}
.features-section .card-title-container {
	height: unset;
    padding: 0;
}

@media only screen and (max-width: 1200px) {
	.features-section .features-list {
		margin-right: auto;
		margin-left: auto;
		max-width: 800px;
	}
}

@media only screen and (max-width: 992px) {
	.features-section .features-list {
		--bs-gutter-x: 40px;
		--bs-gutter-y: 40px;
	}
	.features-section .card-body {
		padding: 20px 20px 20px 20px !important;
	}
}
@media only screen and (max-width: 767px) {
	.features-section {
		padding-top: 120px;
		background-image: none;
	}
	.features-section .features-list .card {
		max-width: 320px;
	}
	.features-section .section-header h2 {
		color: var(--Black, #000);
		text-align: center;
		font-family: "Roboto Condensed";
		font-size: 40px;
		font-style: normal;
		font-weight: 500;
		line-height: 44px;
		margin-bottom: 16px;
	}
	.features-section .section-header p {
		color: var(--Dark-Grey, #50555B);
		text-align: center;
		font-family: Roboto;
		font-size: 24px;
		font-style: normal;
		font-weight: 300;
		line-height: 30px; 
		margin-bottom: 26px;
	}
	.features-section .features-image {
		height: 257px;
	}
	.features-section .card-body {
		min-height: 162px;
	}
	.features-section .features-list .features-container {
		padding-left: 20px;
		padding-right: 20px;
	}
}


/**
 - Home CTA1 Section 
 */
.cta1-section {
	background: var(--Purple, #6265AE);
}
.cta1-section .row {
	
	position: relative;
}
.cta1-image {
    background-repeat: no-repeat;
    background-position-y: 75px;
    height: 1000px;
}
.cta1-image img {
    position: absolute;
    top: 315px;
    left: -62px;
}
.cta1-content svg {
	margin-bottom: 20px;
}

.cta1-content h2 {
    color: var(--White, #FFF);
    font-family: "Roboto Condensed";
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 52px;
    margin-bottom: 16px;
}
.cta1-content p {
	color: var(--Light-Grey, #F5F5F5);
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: 32px; /* 133.333% */
	margin-bottom: 24px;
}
.cta1-content .learn-button {
	border-radius: 24px;
	border: 2px solid var(--Gradient-1---Top-to-Bottom, #EC6523);
	color: var(--White, #FFF);
	text-align: center;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 162.5% */
	padding-left: 20px;
    padding-right: 20px;
}
@media only screen and (max-width: 1200px) {
	.cta1-image {
	    background-position-x: center;
	    background-size: 650px;
	    height: 800px;
	}
	.cta1-image img {
	    width: 720px;
	    left: -60px;
	    top: 280px;
	}
}
@media only screen and (max-width: 992px) {
	.cta1-image {
	    position: relative;
	    min-height: 600px;
	    background-position-y: unset;
	    background-position-x: 100%;
	    background-size: 752px;
	}
	.cta1-image img {
	    width: 756px;
	    height: 567px;
	    object-fit: cover;
	    top: 150px;
	    left: 50%;
	    transform: translateX(-50%);
	}
	.cta1-content {
		padding-bottom: 100px;
	}
	.cta1-content h2 {
		color: var(--White, #FFF);
		text-align: center;
		font-family: "Roboto Condensed";
		font-size: 40px;
		font-style: normal;
		font-weight: 500;
		line-height: 44px; 
		margin-bottom: 20px;
	}
	.cta1-content p {
		color: var(--Light-Grey, #F5F5F5);
		text-align: center;
		font-family: Roboto;
		font-size: 20px;
		font-style: normal;
		font-weight: 300;
		line-height: 24px;
	}
	
}

@media only screen and (max-width: 767px) {
	.cta1-image {
	    position: relative;
	    min-height: 360px;
	    background-position-y: unset;
	    background-position-x: calc(50% - 40px);
	    background-size: 443px;
	}
	.cta1-image img {
	    width: 475px;
	    height: 356px;
	    object-fit: cover;
	    top: 70px;
	    left: 50%;
	    transform: translateX(-50%);
	}
	.cta1-content {
		padding-bottom: 100px;
	}
	.cta1-content h2 {
		color: var(--White, #FFF);
		text-align: center;
		font-family: "Roboto Condensed";
		font-size: 40px;
		font-style: normal;
		font-weight: 500;
		line-height: 44px; 
		margin-bottom: 20px;
	}
	.cta1-content p {
		color: var(--Light-Grey, #F5F5F5);
		text-align: center;
		font-family: Roboto;
		font-size: 20px;
		font-style: normal;
		font-weight: 300;
		line-height: 24px;
	}
	
}

/**
 - Home Hardware Section 
 */
.hardware-section {
	padding-top: 120px;
	padding-bottom: 80px;
}
.hardware-section .section-header {
	margin-bottom: 60px;
}
.slick-slider :focus {
	outline: none;
}
.slick-slider .slick-dots li:hover svg {
    fill: var(--Orange-Dark, #EC6523);
}
.slick-slider .slick-dots li:hover rect {
    opacity: 1;
}
.hardware-section .slick-slide .hardware-image {
	margin: 0 auto;
}
.hardware-section .section-header h2 {
	color: var(--Black, #000);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: 52px; /* 108.333% */
}
.hardware-section .section-header p {
	color: var(--Dark-Grey, #50555B);
	text-align: center;
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: 32px; /* 133.333% */
}
.hardware-section .section-header .hardware-button {
	border-radius: 24px;
	border: 2px solid var(--Gradient-1---Top-to-Bottom, #EC6523);
	color: var(--Dark-Grey, #50555B);
	text-align: center;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 162.5% */
}
.hardware-slider .slick-dots {
    display: flex;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
}
.hardware-slider .slick-prev {
    right: 158px;
}
.hardware-slider .slick-next {
    right: 108px;
}
.hardware-slider .slick-arrow {
    position: absolute;
    bottom: 0;
    z-index: 1;
}
.hardware-slider .slick-arrow path {
    opacity: 1;
    fill: #EC6523;
}
.hardware-slider .slick-arrow circle {
    fill: #ffffff;
    stroke: #f5f5f5;
    stroke-width: 2;
}
.hardware-slider .slick-arrow:hover circle {
    fill: #ffffff;
    stroke: #EC6523;
    stroke-width: 2;
}
.hardware-slider .slick-arrow:hover {
    cursor: pointer;
}
.hardware-slider .slick-disabled:hover {
	cursor: auto;
}
.hardware-slider .slick-disabled:hover svg path {
    fill: #80838A;
}
.hardware-slider .slick-disabled:hover svg circle {
    fill: #F5F5F5;
    stroke: #F5F5F5;
    stroke-width: 2;
}
.hardware-slider .slick-disabled svg path {
    fill: #80838A;
}
.hardware-slider .slick-disabled svg circle {
    fill: #F5F5F5;
    cursor: auto;
}
.hardware-slider .slick-list {
    padding-bottom: 90px;
    margin: 0 -30px;
}

.hardware-slider .slick-list .hardware {
	margin: 10px 30px 0;
}
.hardware-slider .slick-dots .slick-active svg {
    fill: #50555B;
}
.hardware-slider .slick-dots .slick-active svg rect {
	opacity: 1 !important;
}
.hardware-slider .slick-dots li {
	list-style: none;
}
.hardware-slider .card {
    border-radius: 20px;
    overflow: hidden;
    border: none;
}
.hardware-list .col {
	position: relative;
}
.view-all-button:hover {
    border-color: var(--Orange-Dark, #EC6523);
}
.view-all-button {
	height: 40px;
	border-radius: 24px;
	border: 2px solid var(--Light-Grey, #F5F5F5);
	color: var(--Orange-Dark, #EC6523) !important;
	text-align: center;
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 185.714% */
	position: absolute;
    right: 0;
    bottom: 0;
}
@media only screen and (max-width: 767px) {
	.hardware-section {
		padding-top: 100px;
		padding-bottom: 120px;
	}
	.hardware-section .hardware-slider {
		padding-bottom: 100px;
	}
	.hardware-section .section-header h2 {
		color: var(--Black, #000);
		text-align: center;
		font-family: "Roboto Condensed";
		font-size: 40px;
		font-style: normal;
		font-weight: 500;
		line-height: 44px; 
		margin-bottom: 16px;
	}
	.hardware-section .section-header p {
		color: var(--Dark-Grey, #50555B);
		text-align: center;
		font-family: Roboto;
		font-size: 20px;
		font-style: normal;
		font-weight: 300;
		line-height: 24px; 
		margin-bottom: 20px;
	}
	.hardware-section .hardware-slider .card {
		max-width: 320px;
	}
	.hardware-slider .slick-dots {
	    bottom: 60px;
	}
	.hardware-section .hardware-image {
	    height: 280px;
	    width: 280px;
	}
	.hardware-slider .slick-dots li svg {
	    width: 30px;
	    height: 3px;
	}
}

/**
 - Home CTA2 Section 
 */
.cta2-section {
	background: var(--Gradient-Mid, linear-gradient(294deg, rgba(98, 101, 174, 0.225) 18.13%, rgba(236, 101, 35, 0.225) 40.97%, rgba(236, 101, 35, 0.225) 59.46%, rgba(248, 153, 37, 0.225) 84.15%));
	padding-top: 120px;
	padding-bottom: 120px;
}
.cta2-section .row {
	position: relative;
	margin-top: 0;
}
.cta2-content svg {
	margin-bottom: 20px;
}

.cta2-content h2 {
    color: var(--Black, #000);
	font-family: "Roboto Condensed";
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: 52px; /* 108.333% */
    margin-bottom: 8px;
}
.cta2-content p {
	color: var(--Dark-Grey, #50555B);
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: 32px; /* 133.333% */
	margin-bottom: 22px;
}
.cta2-content .learn-button {
	border-radius: 24px;
	border: 2px solid var(--Gradient-1---Top-to-Bottom, #EC6523);
	color: var(--Dark-Grey, #50555B);
	text-align: center;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
}
.cta2-image {
    margin: 0;
    position: relative;
}
.cta2-image .image-2 {
    position: absolute;
    right: 285px;
    width: 465px;
    height: 307px;
    object-fit: contain;
}
@media only screen and (max-width: 1200px) {
	.cta2-content {
		margin-top: 0px;
	}
	.cta2-image .image-1 {
		width: 90%;
	}
	.cta2-image .image-2 {
	    right: unset;
	    left: -70px;
	    bottom: unset;
	    top: 20px;
	}
}
@media only screen and (max-width: 992px) {
	.cta2-content {
		margin-top: 100px;
	}
	.cta2-image .image-1 {
		width: 100%;
	}
	.cta2-image .image-2 {
	    right: unset;
	    left: calc(50% - 180px);
	    bottom: -70px;
	}
	.cta2-content h2 {
		color: var(--Black, #000);
		font-family: "Roboto Condensed";
		font-size: 40px;
		font-style: normal;
		font-weight: 500;
		line-height: 44px; 
		margin-bottom: 10px;
	}
	.cta2-content p {
		color: var(--Dark-Grey, #50555B);
		font-family: Roboto;
		font-size: 24px;
		font-style: normal;
		font-weight: 300;
		line-height: 32px; 
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.cta2-content {
		margin-top: 100px;
	}
	.cta2-image .image-2 {
	    right: unset;
	    left: calc(50% - 180px);
	    bottom: -70px;
	}
	.cta2-content h2 {
		color: var(--Black, #000);
		font-family: "Roboto Condensed";
		font-size: 40px;
		font-style: normal;
		font-weight: 500;
		line-height: 44px; 
		margin-bottom: 10px;
	}
	.cta2-content p {
		color: var(--Dark-Grey, #50555B);
		font-family: Roboto;
		font-size: 24px;
		font-style: normal;
		font-weight: 300;
		line-height: 32px; 
		margin-bottom: 20px;
	}
}

/**
 - Home Testimonial Section 
 */
.testimonial-section {
	padding-top: 120px;
	padding-bottom: 120px;
}
.testimonial-section .section-header {
	margin-bottom: 40px;
}
.testimonial-section h2 {
	color: var(--Black, #000);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.testimonial-slider .slick-dots {
    display: flex;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.testimonial-slider .slick-list {
    padding-top: 65px;
    margin: 0 -30px;
}
.testimonial-slider .slick-list .testimonial {
	padding: 0 30px;
}
.testimonial-slider .slick-dots .slick-active svg {
    fill: #50555B;
}
.testimonial-slider .slick-dots .slick-active svg rect {
	opacity: 1 !important;
}
.testimonial-slider .slick-dots li {
	list-style: none;
}
.testimonial-slider .testimonial-quote {
	color: var(--Orange-Dark, #EC6523);
	font-family: "Roboto Condensed";
	font-size: 96px;
	font-style: normal;
	font-weight: 400;
	line-height: 64px; /* 66.667% */
	margin-bottom: -20px;
}
.testimonial-slider .testimonial-text {
	color: var(--Dark-Grey, #50555B);
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 28px; /* 140% */
	margin-bottom: 20px;
}
.testimonial-slider .testimonial-author {
	color: var(--Dark-Grey, #50555B);
	font-family: "Roboto Condensed";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

/**
 - Home integration Section 
 */
.integration-section {
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 105px;
    background-size: 1255px;
}
.integration-section .section-header {
	margin-bottom: 60px;
}
.integration-section .integration-logos {
	position: relative;
	padding-bottom: 134px;
}
.integration-section svg {
	margin-bottom: 16px;
}
.integration-section h2 {
	color: var(--Orange-Dark, #EC6523);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 0;
}
.integration-section .integration {
    border-radius: 10px;
    border: 2px solid var(--Light-Grey, #F5F5F5);
    background: var(--White, #FFF);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
    height: 180px;
    padding: 30px 18px;
}
.integration-section .integration .integration-image {
	height: 66px;
}
.integration-section .integration .integration-name {
	color: var(--Dark-Grey, #50555B);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
@media only screen and (max-width: 992px) {
	
}
@media only screen and (max-width: 767px) {
	
	.integration-section .integration {
	    margin-bottom: 20px;
	    width: 150px;
	    height: 150px;
	    object-fit: contain;
	}
	.integration-section h2 {
		color: var(--Orange-Dark, #EC6523);
		text-align: center;
		font-family: "Roboto Condensed";
		font-size: 40px;
		font-style: normal;
		font-weight: 500;
		line-height: 44px; /* 110% */
	}
}

/**
 * Hardware Page Css
 */
.page-template-hardware .header-top .row {
	height: 328px;
}
.page-template-hardware .header-bottom {
	height: 600px;
	background: var(--Gradient-Mid, linear-gradient(294deg, rgba(98, 101, 174, 0.225) 18.13%, rgba(236, 101, 35, 0.225) 40.97%, rgba(236, 101, 35, 0.225) 59.46%, rgba(248, 153, 37, 0.225) 84.15%));
}
.page-template-hardware .header-top .content {
	padding-top: 82px;
}
.page-template-hardware .header-top h1 {
	color: var(--Black, #000);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.page-template-hardware .header-top p{
	color: var(--Dark-Grey, #50555B);
	text-align: center;
	font-family: Roboto;
	font-size: 32px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}
.header-image {
    width: 100%;
    height: 600px;
    border-radius: 40px;
    margin-top: -80px;
    object-fit: cover;
}
.page-title {
	color: var(--Black, #000);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.intro {
	color: var(--Dark-Grey, #50555B);
	text-align: center;
	font-family: Roboto;
	font-size: 32px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}
.hardware-overview .content-section {
    padding: 0;
}
.content-intro {
	padding: 60px 0 60px 0;
}
.hardware-category {
	padding: 60px 0 60px 0px;
}
.hardware-category-item {
	padding: 60px 0 60px 0px;
}
.category-name {
	color: var(--Orange-Dark, #EC6523);
	font-family: "Roboto Condensed";
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.hardware-items {
	padding: 0 0 50px 0;
}
.hardware .card {
	background: var(--White, #FFF);
	border-radius: 20px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
    border: none;
}
.hardware-slider .card .image-container, .hardware .card .image-container {
	overflow: hidden;
	border-radius: 20px 20px 0px 0px;
    background: #80838A;
    border-bottom: 0;
}
.hardware-image {
	height: 360px;
	object-fit: cover;
	transition: transform .5s ease-in-out;
	width: 100%;
}
.hardware .card:hover img, .hardware-slider .card:hover img {
    transform: scale(1.15);
    transition: transform .5s ease-in-out;
}
.hardware-item .card-body {
	height: 136px;
}

.card-title-container {
	height: 60px;
}
.hardware .card .card-body {
	border: 2px solid #ffffff;
    border-top: none;
    border-radius: 0 0 19px 19px;
}
.hardware .card:hover .card-body {
    border: 2px solid var(--Gradient-2---Left-to-Right, #EC6523);
    border-top: none;
}
.hardware-overview .hardware .hardware-category-items {
		padding-bottom: 60px;
	}

.card-body .card-title {
	color: var(--Black, #000);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
}
.card-body span {
	color: var(--Orange-Dark, #EC6523);
	text-align: center;
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 185.714% */
	text-decoration: none;
	text-transform: uppercase;
}
.banner-section {
	padding: 60px 0 120px 0;
}
.banner-section .banner {
	padding: 74px 0px 74px 0px;
	border-radius: 20px;
	background: var(--Purple, #6265AE);
}
.banner-section .banner h2 {
	color: var(--White, #FFF);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.banner-section .banner p {
	color: var(--White, #FFF);
	text-align: center;
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	margin-bottom: 30px;
}
.banner-section .banner .btn {
	border-radius: 24px;
	background: var(--White, #FFF);
	color: var(--Orange-Dark, #EC6523);
	text-align: center;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 162.5% */
	padding: 10px 28px 10px 28px;
}
@media only screen and (max-width: 767px) {
	.page-template-hardware .header-top h1 {
		color: var(--Black, #000);
		text-align: center;
		font-family: "Roboto Condensed";
		font-size: 40px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		margin-bottom: 0;
	}
	.page-template-hardware .header-top p {
		color: var(--Dark-Grey, #50555B);
		text-align: center;
		font-family: Roboto;
		font-size: 24px;
		font-style: normal;
		font-weight: 300;
		line-height: normal;
	}
	.hardware-overview .header-image {
		height: 450px;
	}
	.hardware-overview .header-bottom {
		height: 450px;
	}
	.hardware-overview .content-intro .intro {
		color: var(--Dark-Grey, #50555B);
		text-align: center;
		font-family: Roboto;
		font-size: 24px;
		font-style: normal;
		font-weight: 300;
		line-height: normal;
	}
	.hardware-overview .hardware-category {
	    padding: 20px 0 30px 0;
	}
	.hardware-overview .hardware .g-6, .hardware-overview .hardware .gx-6 {
    --bs-gutter-x: 20px;
	}
	.hardware-overview .hardware .g-6, .hardware-overview .hardware .gy-6 {
	    --bs-gutter-y: 20px;
	}
	.hardware-overview .hardware .hardware-image {
	    height: 150px;
	    width: 100%;
	}
	.hardware-overview .hardware .card .card-body {
		padding: 10px;
	}
	.hardware-overview .hardware .card .card-body .card-title {
		color: var(--Black, #000);
		text-align: center;
		font-family: "Roboto Condensed";
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		margin-bottom: 0;
	}
	.hardware-overview .banner-section .banner {
		margin: 0 10px;
	    padding: 80px 30px 100px;
	}
	.hardware-overview .banner-section .banner h2 {
		color: var(--White, #FFF);
		font-family: "Roboto Condensed";
		font-size: 40px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		text-align: start;
		margin-bottom: 10px;
	}

	.hardware-overview .banner-section .banner p {
		text-align: start;
		color: var(--White, #FFF);
		font-family: Roboto;
		font-size: 20px;
		font-style: normal;
		font-weight: 300;
		line-height: normal;
		margin-bottom: 30px;
	}
}
@media only screen and (max-width: 385px) {

	.hardware-overview .hardware .smart-occupancy-sensor .card-body .card-title {
	    color: var(--Black, #000);
	    text-align: center;
	    font-family: "Roboto Condensed";
	    font-size: 18px;
	    font-style: normal;
	    font-weight: 400;
	    line-height: 19px;
	    margin-bottom: 0;
	}
		
}

/**
 * Hardware Item Css
 */
.single-hardware .header-section {
	position: relative;
}
.single-hardware .header-section .bg-overlay {
	width: 40%;
    height: 100%;
    z-index: 1;
    position: absolute;
    opacity: 0.2;
    background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
}
.single-hardware .header-content {
	z-index: 1;
}

.single-hardware .header-section .row {
    padding: 0 40px;
    height: calc(732px + (1/3) * (100vw - 1440px));
}
.back-breadcrumb {
	position: absolute;
    top: 10px;
    z-index: 1;
}
.back-breadcrumb .back-button {
	margin-right: 13px;
	text-transform: uppercase;
}
.back-breadcrumb a, .back-breadcrumb span {
    color: var(--White, #FFF);
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 166.667% */
	text-decoration: none;
}

.header-content span {
	color: var(--White, #FFF);
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px; /* 160% */
}
.header-content h1 {
	color: var(--White, #FFF);
	font-family: "Roboto Condensed";
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: 52px; /* 108.333% */
}
.header-content h2 {
	color: var(--White, #FFF);
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: 32px; /* 133.333% */
}
.base-color-bg {
	background-position: center;
	background-size: cover;
	transition: background 700ms ease-in-out;

}
.background-toggle-buttons {
    position: absolute;
    bottom: 25px;

}
.background-toggle-buttons .background-toggle-button {
 	outline: 4px solid rgba(255, 255, 255, 0.25);
 	border: none;
}
.background-toggle-buttons .background-toggle-button:focus {
	outline: 4px solid var(--Orange-Dark, #EC6523);
}

.background-toggle-buttons .active {
    outline: 4px solid var(--Orange-Dark, #EC6523);
}
.background-toggle-buttons .buttons {
    text-align: end;
    margin-bottom: 10px;
    gap: 10px;
    display: flex;
    justify-content: end;
}
.background-toggle-buttons .text {
    color: var(--Light-Grey, #F5F5F5);
	font-family: "Roboto Condensed";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align: end;
}
.anchor-links {
	background: var(--Dark-Grey, #50555B);
	margin-bottom: 20px;
}
.anchor-links .container {
    padding: 20px 30px;
}
.anchor-link {
	color: var(--White, #FFF);
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 185.714% */
	text-decoration: none;
	margin-right: 48px;
	text-decoration: underline 0px transparent;
    text-underline-offset: 0;
    transition: all .2s ease-in-out;
}
.anchor-links .anchor-link:hover {
    text-decoration: underline 2px;
    text-underline-offset: 10px;
    transition: all .2s ease-in-out;
}
.anchor-link:visited {
	color: var(--White, #FFF);
}
.anchor-link:hover {
	color: var(--White, #FFF);
}
.section {
    padding: 60px 0 20px 0;
}
.section-title {
	margin-bottom: 60px;
}
.section-title h2 {
	color: var(--Black, #000);
	font-family: "Roboto Condensed";
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: 48px; /* 120% */
}
.module-configurations-section .card {
    border-radius: 10px;
    border: 2px solid var(--Light-Grey, #F5F5F5);
}
.module-body {
	margin-top: 20px;
}

.module-name {
	color: var(--Black, #000);
	font-family: "Roboto Condensed";
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 0;
}
.module-subtext  {
	color: var(--Dark-Grey, #50555B);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 10px;
}
.module-list {
	color: var(--Dark-Grey, #50555B);
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 26px; /* 130% */
}
.module-configurations-section .section-content {
    padding: 0 0 40px 0;
    border-bottom: 2px solid #f5f5f5;
}
.key-features-section h4, .specifications-section h4 {
	color: var(--Orange-Dark, #EC6523);
	font-family: "Roboto Condensed";
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 133.333% */
	margin-bottom: 30px;
}
.key-features-section .section-content h5 {
	color: var(--Black, #000);
	font-family: "Roboto Condensed";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 16px;
}
.key-features-section .section-content p {
	color: var(--Dark-Grey, #50555B);
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 26px;
}

.key-features-section .image-container {
	height: 72px;
	display: flex;
	align-items: center;
	margin-bottom: 16px;
}
.fabric-options {
    padding-top: 60px;
}
.fab-description p {
	color: var(--Dark-Grey, #50555B);
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: 32px; /* 133.333% */
}
.fabric-palettes {
	--bs-gutter-y: 20px;
}
.fabric-palette .active {
    border-color: var(--Orange-Dark, #EC6523) !important;
}
.fabric-image {
	width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.carousel-item img {
    height: 675px;
    object-fit: cover;
    border-radius: 20px;
}

.carousel { 
	overflow: hidden; 
	padding-bottom: 4rem; 
}
.carousel-caption { 
	top: 100%; 
	left: 0;
    text-align: start;
    margin-left: 30px;
}
.carousel-caption h5 {
	color: var(--Dark-Grey, #50555B);
	font-family: "Roboto Condensed";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
} 
.carousel-inner { 
	overflow: visible; 
}
.carousel-control-next, .carousel-control-prev, .carousel-indicators { 
	bottom: 4rem; 
}
.carousel-outer {
	position: relative;
	height: 60px;
}
.carousel-counter {
	color: var(--Mid-Grey, #80838A);
	text-align: right;
	font-family: "Roboto Condensed";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-right: 10px;
}
.carousel-button {
	gap: 10px;
}
.carousel-control {
	position: relative;
	width: 40px;
	height: 40px;
	opacity: 1;
	
}
button.carousel-control:hover circle {
    fill: #ffffff;
    stroke: #F5F5F5;
    stroke-width: 2px;
}
button.carousel-control:hover path {
    fill: #EC6523;
    opacity: 1;
}
.download-files {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.download-file {
	display: flex;
	gap: 16px;
	align-items: center;
}
.download-file a {
	color: var(--Black, #000);
	font-family: "Roboto Condensed";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration: none;
}
.download-file a:hover, .download-file a:visited {
	color: var(--Black, #000);
}
.details p {
	color: var(--Dark-Grey, #50555B);
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 26px; /* 130% */
}
.hardware-item-banner .button-links {
	gap: 20px;
}
.hardware-item-banner .phone a, .hardware-item-banner .email a {
	color: var(--White, #FFF);
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px; /* 160% */
	text-decoration: none;
}
.hardware-item-banner .phone a:hover, .hardware-item-banner .email a:hover, .hardware-item-banner .phone a:visited, .hardware-item-banner .email a:visited {
	color: var(--White, #FFF);
}
.hardware-item-banner p {
	color: var(--White, #FFF);
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}
.more-hardware-products-section {
    padding-bottom: 120px;
    padding-top: 100px;
    background: var(--Light-Grey, #F5F5F5);
}
.more-hardware-products-section .hardware-slider .slick-arrow svg circle {
	stroke: #ffffff;
}
.more-hardware-products-section .hardware-slider .slick-arrow:hover svg circle {
	stroke: #EC6523;
}
.more-hardware-products-section .hardware-slider .slick-disabled:hover {
	cursor: auto;
}
.more-hardware-products-section .hardware-slider .slick-disabled:hover svg path {
    fill: #80838A;
}
.more-hardware-products-section .hardware-slider .slick-disabled:hover svg circle {
    fill: #80838A;
    stroke: #80838A;
    stroke-width: 2;
    opacity: .2;
}
.more-hardware-products-section .hardware-slider .slick-disabled svg path {
    fill: #80838A;
}
.more-hardware-products-section .hardware-slider .slick-disabled svg circle {
	stroke: #80838A ;
    fill: #80838A;
    cursor: auto;
    opacity: .2;
}

.more-hardware-products-section .card img {
	height: 255px;
    width: 100%;
    object-fit: cover;
}
@media only screen and (min-width: 1920px) {
	.single-hardware .header-section .row {
		height: 900px;
	}
}
@media only screen and (max-width: 1440px) {
	.single-hardware .header-section .row {
		height: 732px;
	}
}
@media only screen and (max-width: 1200px) { 
	.single-hardware .header-section .back-breadcrumb {
		padding-left: 40px;
	}
	.base-color .image-container div {
	    width: 64px !important;
	    height: 64px !important;
	}

}
@media only screen and (max-width: 1024px) { 

	.single-hardware .header-section .tabmobile-top {
		height: 256px;
		margin: 0 40px;
	}
	.single-hardware .header-section .tabmobile-top .back-button {
		color: var(--Mid-Grey, #80838A);
		font-family: Roboto;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: 20px;
	}
	.single-hardware .header-section .tabmobile-top .header-content span {
		color: var(--Dark-Grey, #50555B);
		font-family: Roboto;
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: 32px; 
	}
	.single-hardware .header-section .tabmobile-top .header-content h1 {
		color: var(--Black, #000);
		font-family: "Roboto Condensed";
		font-size: 40px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	.single-hardware .header-section .tabmobile-top .header-content h2 {
		color: var(--Dark-Grey, #50555B);
		font-family: Roboto;
		font-size: 24px;
		font-style: normal;
		font-weight: 300;
		line-height: 32px;
	}
	.single-hardware .header-section .tabmobile-header {
		height: 640px;
	}
	.tabmobile-header .background-toggle-buttons {
	    right: 40px;
	}
	.anchor-links .container {
		padding: 20 40px;
	}
	.product-gallery-section .carousel-item img {
		height: 430px;
	}
	.product-gallery-section .carousel {
		padding-bottom: 0px;
	}
	.hardware-item-banner .banner {
		padding: 60px 95px 74px 95px;
	}
}
@media only screen and (max-width: 767px) { 
	.single-hardware .header-section .tabmobile-top {
		min-height: 256px;
	    margin: 0 10px;
	    padding: 70px 0px 40px 0px;
	    height: unset;
	}
	.single-hardware .header-section .base-color-bg {
		background-position: center;
	    background-repeat: no-repeat;
	    background-size: cover;
	}
	.back-breadcrumb {
	    left: 0px;
	}
	.background-toggle-buttons {
	    padding: 0 20px;
	    z-index: 1;
	}
	.single-hardware .header-section .tabmobile-header {
		height: 438px;
	}
	.tabmobile-header .background-toggle-buttons {
		right: unset;
	}
	.single-hardware .header-section .bg-overlay {
		width: 100%;
	    height: 360px;
	    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
	}
	.anchor-links .container {
	    padding: 20px 20px;
	}
	.g-6, .gy-6 {
	    --bs-gutter-y: 40px;
	}
	.product-gallery-section .carousel-item img {
		height: 430px;
		object-position: 80%;
	}
	.single-hardware .banner-section .banner {
		padding: 60px 30px 80px 30px;
		margin: 0 10px;
	}
	.single-hardware .banner-section .banner h2, .single-hardware .banner-section .banner p {
		text-align: start;
	}
	.more-hardware-products-section .card img {
	    width: 280px;
	    height: 280px;
	}
	.more-hardware-products-section .hardware-slider .card {
		max-width: 320px;
	}
	.more-hardware-products-section .hardware-slider {
	    padding-bottom: 100px;
	}

}


/**
 * Features Archive Css
 */
.features-archive .header-section {
	background: var(--Gradient-Mid, linear-gradient(294deg, rgba(98, 101, 174, 0.225) 18.13%, rgba(236, 101, 35, 0.225) 40.97%, rgba(236, 101, 35, 0.225) 59.46%, rgba(248, 153, 37, 0.225) 84.15%));
}
.features-archive .header-section .row {
	height: 365px;
}
.features-archive .header-section h1 {
	color: var(--Black, #000);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.features-archive .header-section p {
    color: var(--Dark-Grey, #50555B);
    text-align: center;
    font-family: Roboto;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.features-archive .content-section {
	margin: 0;
    padding-top: 110px;
    padding-bottom: 135px;
}
.features-archive .content-section h2 {
	color: var(--Black, #000);
	font-family: "Roboto Condensed";
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.features-archive .content-section p {
	color: var(--Dark-Grey, #50555B);
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 26px;
	margin-bottom: 0;
}
.features-archive .features-section {
	padding-top: 0px;
}
.features-archive .bottom-banner-section {
	padding-top: 120px;
	padding-bottom: 120px;
}
.features-archive .banner {
	border-radius: 20px;
	background: var(--Light-Grey, #F5F5F5);
	padding: 30px;
}
.features-archive .banner .banner-content h2 {
	color: var(--Black, #000);
	font-family: "Roboto Condensed";
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 10px;
}
.features-archive .banner .banner-content p {
	color: var(--Dark-Grey, #50555B);
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	margin-bottom: 40px;
}
.features-archive .banner .banner-content .banner-button {
	border-radius: 24px;
	background: var(--White, #FFF);
	color: var(--Orange-Dark, #EC6523);
	text-align: center;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 162.5% */
}
@media only screen and (max-width: 767px) { 
	.features-archive .content-section .paragraph {
		margin-top: 20px;
	}
}

/**
 * Features Item Css
 */
.single-features .header-top {
	position: relative;
}
.single-features .header-top .breadcrumb {
	height: unset;
	margin: 0;
}
.single-features .back-breadcrumb a, .single-features .back-breadcrumb span {
	color: var(--Mid-Grey, #80838A);
}
.single-features .header-top .title_container {
	margin-top: 86px;
	margin-bottom: 60px;
}
.single-features .header-top .image-container {
	height: 600px;
	border-radius: 40px;
	overflow: hidden;
}
.single-features .header-top .image-container img {
	object-fit: cover;
    width: 100%;
    height: 100%;
}
.single-features .header-top .image-container .image-overlay {
	width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, #6265AE 0%, #F27F24 100%);
    font-size: 100px;
    z-index: 1;
    mix-blend-mode: hard-light;
    opacity: 0.75;
}
.single-features .header-top h1 {
	color: var(--Black, #000);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.single-features .header-top p {
	color: var(--Dark-Grey, #50555B);
	text-align: center;
	font-family: Roboto;
	font-size: 32px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}
.single-features .header-bottom {
	margin-top: -490px;
	height: 570px;
	background: var(--Gradient-Mid, linear-gradient(294deg, rgba(98, 101, 174, 0.225) 18.13%, rgba(236, 101, 35, 0.225) 40.97%, rgba(236, 101, 35, 0.225) 59.46%, rgba(248, 153, 37, 0.225) 84.15%));
}
.key-benefits-section {
	padding-top: 100px;

}
.key-benefits-section .section-content { 
	padding: 0px 0px 80px 0px;
	border-bottom: 2px solid #f5f5f5;
}
.key-benefits-section h4 {
	color: var(--Orange-Dark, #EC6523);
	font-family: "Roboto Condensed";
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 30px;
}

.benefit {

    display: flex;
    align-items: start;
}
.benefit svg {
	margin-right: 20px;
}
.benefit p {
    color: var(--Dark-Grey, #50555B);
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    width: 100%;
}
/* analytics */
.postid-466 .indicator-module {
    width: 100%;
}
.postid-466 .benefit {
    width: 25%;
    padding-right: 20px;
}
.postid-466 .benefits {
    display: flex;
}

/*---*/
.checkin-options-section {
	padding-top: 80px;
	padding-bottom: 80px;
}
.checkin-options-section .section-header {
	margin-bottom: 60px;
}
.checkin-options-section .section-header h2 {
	color: var(--Black, #000);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 10px;
}
.checkin-options-section .section-header p {
	color: var(--Dark-Grey, #50555B);
	text-align: center;
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: 32px; /* 133.333% */
}
.checkin-options-section .section-content {
	padding-bottom: 80px;
	border-bottom: 2px solid #F5F5F5;
}
.checkin-options-section .section-content .icon-container {
	width: 40px;
	height: 40px;
	margin-bottom: 20px;
}
.checkin-options-section .section-content .icon-container img {
	width: 100%;
	object-fit: contain;
	height: 40px;
}
.checkin-options-section .section-content .co_container {
    min-height: 310px;
    padding: 40px 30px;
    border-radius: 10px;
    background: var(--Light-Grey, #F5F5F5);
    height: 100%;
}
.checkin-options-section .section-content h3 {
	color: var(--Black, #000);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 133.333% */
	margin-bottom: 10px;
}	
.checkin-options-section .section-content p {
	color: var(--Dark-Grey, #50555B);
	text-align: center;
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 26px; /* 130% */
}
.feature-detail-section .section-content .feature-image {
    width: 100%;
    height: 477px;
    border-radius: 10px;
    object-fit: cover;
}
.features-accordion .heading-button {
	cursor: pointer;
}


.description-container {
    max-height: 0px;
    overflow: hidden;
    transition: all 1s ease;
}
.features-accordion-active .description-container {
    max-height: 1000px;
    transition: all 1s ease;
}
.heading-button svg {
    transition: all .5s ease;
}
.feature-detail-section .section-content {
	min-height: 527px;
    margin-bottom: 115px;
}
.features-accordion-active .heading-button svg {
    transform: rotate(180deg);
    transition: all .5s ease;
}
.features-accordion-active .heading-button svg path {
    fill: #80838A;
}
.accordion-image-container {
	position: relative;
	border: none !important;
}
.accordion-image-container img {
	position: absolute;
	opacity: 0;
	transition: opacity .5s ease;
}
.features-accordion-active img {
	opacity: 1;
	transition: opacity .5s ease;
}
.features-accordion .heading-button .heading {
	color: var(--Orange-Dark, #EC6523);
	font-family: "Roboto Condensed";
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.features-accordion-active .heading-button .heading {
	color: var(--Black, #000);
}
.features-accordion .description-container .description {
	color: var(--Dark-Grey, #50555B);
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 26px; /* 130% */
	margin: 10px 0 0 0;
}

.features-accordion:first-child {
    border-top: 2px solid #f5f5f5;
}
.features-accordion {
    padding-top: 24px;
    padding-bottom: 30px;
    border-bottom: 2px solid #f5f5f5;
}
.features-accordion-active {
    border-bottom: 2px solid #EC6523;
}
.more-features-section {
    background: var(--Light-Grey, #F5F5F5);
    margin-bottom: 0;
    padding-top: 120px;
    padding-bottom: 160px;
}
.more-features-section .card-body {
	height: 104px;
}
.more-features-section .features-image {
	height: 218px;
	object-fit: cover;
}
.more-features-section .features-list .card {
	border-radius: 20px;
}
@media only screen and (max-width: 1200px) {
	.more-features-section .features-list {
		margin-right: auto;
		margin-left: auto;
		max-width: 800px;
		--bs-gutter-x: 40px;
		--bs-gutter-y: 40px;
	}
}
@media only screen and (max-width: 767px) { 
	.single-features .header-top .back-breadcrumb {
	    left: 20px;
	}
	.single-features .header-top h1 {
		color: var(--Black, #000);
		font-family: "Roboto Condensed";
		font-size: 40px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		text-align: start;
	}
	.single-features .header-top p {
		color: var(--Dark-Grey, #50555B);
		font-family: Roboto;
		font-size: 24px;
		font-style: normal;
		font-weight: 300;
		line-height: 32px;
		text-align: start;
	}
	.feature-detail-section .description-container .image-container {
	    margin-top: 30px;
	    height: 480px;
	}
	.more-features-section .features-list .card {
	    margin-bottom: 20px;
	}
	.single-features .section-title h2 {
		font-size: 36px;
	}
	.checkin-options-section .section-header h2 {
		font-size: 36px;
		margin-bottom: 30px;
	}
}


/**
 * Resources Css
 */

.resources .header-section {
	background: var(--Gradient-Mid, linear-gradient(249deg, rgba(98, 101, 174, .225) 18.13%, rgba(236, 101, 35, .225) 40.97%, rgba(236, 101, 35, .225) 59.46%, rgba(248, 153, 37, .225) 84.15%));

}
.resources .header-section .container {
	position: relative;
}
.resources .header-section .breadcrumb {
	position: absolute;
}
.resources .header-section .breadcrumb .back-breadcrumb a, 
.resources .header-section .breadcrumb .back-breadcrumb span {
	color: var(--Mid-Grey, #80838A);
}
.resources .header-section .row {
	height: 365px;
}
.resources .header-section h1 {
	color: var(--Black, #000);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.resources .header-section p {
	color: var(--Dark-Grey, #50555B);
	text-align: center;
	font-family: Roboto;
	font-size: 32px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}
.resources-section {
	padding-top: 80px;
}
.resources-intro-section {
	padding-top: 80px;
}
.resources-intro-section .intro p {
	color: var(--Dark-Grey, #50555B);
	text-align: center;
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}
.resources-intro-section .intro p a {
	text-wrap: nowrap;
	color: var(--Orange-Dark, #EC6523);
}


.resources-section .heading-button {
	position: relative;
	z-index: 1;
	cursor: pointer;
}
.resources-section .g-6, .resources-section .gy-6 {
    --bs-gutter-y: 0px;
}

.accordion-container .resource-container {
	max-height: 0px;
	overflow: hidden;
	transition: all .5s ease-in-out;
	border-bottom: 2px solid #ffffff;
	opacity: 0;
}
.resource-active .resource-container {
	max-height: 1000px;
	transition: all .5s ease-in-out;
	border-bottom: 2px solid #f5f5f5;
	padding-bottom: 40px;
	overflow: visible;
	opacity: 1;
}
.accordion-container .heading-button h2 {
	color: var(--Orange-Dark, #EC6523);
	font-family: "Roboto Condensed";
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 0;
	transition: all .5s ease-in-out;
}
.resource-active .heading-button h2 {
	color: var(--Black, #000);
	transition: all .5s ease-in-out;
}
.resource-container .heading {
    color: var(--Black, #000);
    font-family: "Roboto Condensed";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0px 0px 0px 20px;
}
.resources-section .accordion-row:first-child .heading-button {
    border-top: 2px solid #f5f5f5;
}
.resources-section .accordion-row .heading-button {
    padding: 30px 0px 30px 0;
    border-bottom: 2px solid #f5f5f5;
    transition: all .5s ease-in-out;
}
.resources-section .resource-active .heading-button {
    padding: 60px 0 40px 0;
    transition: all .5s ease-in-out;
    border-bottom: 2px solid #ffffff;
}
.resources-section .resource-active .heading-button svg path {
    fill: #80838A;
}
.resources-section .resource-active .heading-button svg circle {
    fill: #f5f5f5;
}
.resources-section .resource-active .heading-button svg {
    transform: rotate(180deg);
}
.files-container {
	margin-bottom: 60px;
}
.files-container a {
    padding: 20px 0px;
    border-bottom: 2px solid #f5f5f5;
    display: flex;
    width: 100%;
}
.files-container a:hover {
    border-bottom: 2px solid;
    border-image: var(--Gradient-Bold---Left-to-right, linear-gradient(to right, #EC6523, #F89925)) 1;
    transition: all .5s ease;
}
.videos-container {
	margin-bottom: 80px;
	}

.video-container-button {
    height: 100%;
    border: 2px solid #ffffff;
    border-radius: 20px;
    background: var(--White, #FFF);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
    padding: 30px 20px;
    display: block;
    text-align: start;
}
.videos-container .heading {
    color: var(--Black, #000);
    font-family: "Roboto Condensed";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 10px 0 0 0;
}
.video-container-button:hover {
    border: 2px solid var(--Gradient-1---Top-to-Bottom, #EC6523);
    color: #ffffff;
}
.video-button-text {
    color: var(--Purple, #6265AE);
    font-family: "Roboto Condensed";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
/* Resources section - Lightbox */
.resources-section .lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.6) !important;
    display: none;
}
.resources-section .lightbox-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 1400px;
}
@media only screen and (max-width: 767px) { 
	.resources .header-section .breadcrumb {
		display: none;
	}
	.resources .header-section h1 {
		color: var(--Black, #000);
		text-align: center;
		font-family: "Roboto Condensed";
		font-size: 40px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	.accordion-container .heading-button h2 {
		font-size: 30px;
	}
	.resource-active .resource-container {
		max-height: 2000px;
	}
	.resources .banner-section .banner {
		padding: 60px 30px 80px 30px;
		margin: 0 10px;
	}
	.resources .banner-section .banner h2, .resources .banner-section .banner p {
		text-align: start;
	}
	.videos-container .resource-video {
	    padding-bottom: 20px !important;
	}
}
@media only screen and (max-width: 360px) { 
	.accordion-container .heading-button h2 {
		font-size: 26px;
	}
}


/**
 * Integrations Css
 */
.integrations .header-section {
	background: var(--Gradient-Mid, linear-gradient(294deg, rgba(98, 101, 174, 0.225) 18.13%, rgba(236, 101, 35, 0.225) 40.97%, rgba(236, 101, 35, 0.225) 59.46%, rgba(248, 153, 37, 0.225) 84.15%));
	position: relative;
}
.integrations .bg-overlay {
    background: url(/wp-content/themes/cms-engage/assets/images/banner-graphic.svg);
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    mix-blend-mode: color-burn;
    background-position: calc(50% - 50px) 50%;
}
.integrations .header-section .row {
	height: 365px;
}
.integrations .header-section h1 {
	color: var(--Black, #000);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.integrations .header-section p {
    color: var(--Dark-Grey, #50555B);
    text-align: center;
    font-family: Roboto;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.integrations .integration-section {
	padding-top: 80px;
}
.integrations .integration-section h2 {
	color: var(--Orange-Dark, #EC6523);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	width: 520px;
}
.integrations .integration-section .integration-logos {
	padding-bottom: 60px;
}
.integrations .integration-section .bottom-content {
	padding-bottom: 120px;
	border-bottom: 2px solid #F5F5F5;
}
.integrations .integration-section .bottom-content p {
	color: var(--Dark-Grey, #50555B);
	text-align: center;
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 26px; /* 130% */
	margin-bottom: 0;
}
.integrations .partnerships-section {
    padding-bottom: 120px;
}
.integrations .partnerships-section {
	padding-top: 80px;
	padding-bottom: 80px;
}
.integrations .partnerships-section h2 {
	color: var(--Black, #000);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 40px;
}
.integrations .partnerships-section .partners {
	margin-bottom: 48px;
}
.integrations .partnerships-section .partner-container {
    width: 285px;
    height: 140px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    border: 2px solid var(--Light-Grey, #F5F5F5);
    background: var(--White, #FFF);
    margin: 0 10px;
    padding: 30px 20px;
}

.integrations .partnerships-section .bottom-content p {
	color: var(--Dark-Grey, #50555B);
	text-align: center;
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 26px; /* 130% */
}
@media only screen and (max-width: 767px) { 
	.integrations .partnerships-section .partner-container {
	    height: 74px;
	}
	.integrations .integration-section .bottom-content {
		padding-bottom: 80px;
	}
	.integrations .integration-section .bottom-content p {
		text-align: start;
	}
	.integrations .partnerships-section .bottom-content p {
		text-align: start;
	}
}	

/**
 * Contact Us Css
 */
.contact-us .header-section {
	background: var(--Gradient-Mid, linear-gradient(294deg, rgba(98, 101, 174, 0.225) 18.13%, rgba(236, 101, 35, 0.225) 40.97%, rgba(236, 101, 35, 0.225) 59.46%, rgba(248, 153, 37, 0.225) 84.15%));
	position: relative;
}
.contact-us .header-section .row {
	height: 365px;
}
.contact-us .header-section h1 {
	color: var(--Black, #000);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.contact-us .header-section p {
    color: var(--Dark-Grey, #50555B);
	text-align: center;
	font-family: Roboto;
	font-size: 32px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}
.contacts-section {
	padding-top: 80px;
	padding-bottom: 40px;
}
.contacts-section h2 {
	color: var(--Black, #000);
	font-family: "Roboto Condensed";
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 26px;
}
.contacts-section .contact_sales .phone, .contacts-section .contact_sales .email, .contacts-section .contact_support .email {
	color: var(--Orange-Dark, #EC6523);
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
	margin-bottom: 10px;
	display: inline-block;
}
.contacts-section .contact_sales .demo-button {
	height: 48px;
	border-radius: 24px;
	border: 2px solid var(--Gradient-2---Left-to-Right, #EC6523);
	color: var(--Orange-Dark, #EC6523);
	text-align: center;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	display: inline-flex;
    align-items: center;
    margin-top: 10px;
}
.contacts-section .contact_support p {
	color: var(--Dark-Grey, #50555B);
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 26px; /* 130% */
	margin-bottom: 20px;
}
.office-locations-section {
	padding-top: 80px;
	padding-bottom: 110px;
}
.office-locations-section .section-header {
	margin-bottom: 60px;
}
.office-locations-section .section-header h2 {
	color: var(--Black, #000);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.office-locations-section .g-6 {
	--bs-gutter-y: 50px;
}
.office-locations-section .location-container {
	padding-top: 30px;
	border-top: 2px solid #f5f5f5;
}
.office-locations-section .location-container .location {
	color: var(--Black, #000);
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: 10px;
}
.office-locations-section .location-container .address {
	color: var(--Dark-Grey, #50555B);
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 26px; 
	margin-bottom: 10px;
}
.office-locations-section .location-container .phone {
	color: var(--Orange-Dark, #EC6523);
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 130% */
}
.forms-section {
	padding-top: 80px;
	padding-bottom: 120px;
	background: #F5F5F5;
}
.forms-section .form-tabs {
	margin-bottom: 60px;
}
.forms-section .nav-tabs {
    border: none;
}
.forms-section .nav-item .nav-link {
    width: 160px;
    border: 2px solid var(--Orange-Dark, #EC6523);
    padding: 0;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    color: var(--Mid-Grey, #80838A);
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
}
.forms-section .nav-item .active {
    color: #ffffff;
    background: var(--Orange-Dark, #EC6523);
}
.forms-section .nav-item:first-child .nav-link {
	border-radius:  20px 0 0 20px ;
}
.forms-section .nav-item:last-child .nav-link {
	border-radius: 0 20px 20px 0;
}
.forms-section .tab-content {
    width: 100%;
}
.forms-section .form-tabs .nav-link:not(.active):hover {
    background: #50555B;
    color: #ffffff;
    border-color: #50555B;
}
.text-link:hover {
    text-decoration: underline 2px;
    text-underline-offset: 10px;
    transition: all .2s ease-in-out;
}
.text-link {
    text-decoration: underline 0px transparent;
    text-underline-offset: 0;
    transition: all .2s ease-in-out;
}	
	/**
	 * Gravity Forms Custom Css
 	*/
	.gfield_required_text {
		display: none !important;
	}
	.forms-section .gform_heading .gform_title {
	    color: var(--Black, #000);
	    text-align: center;
	    font-family: "Roboto Condensed";
	    font-size: 32px;
	    font-style: normal;
	    font-weight: 500;
	    line-height: normal;
	    margin-bottom: 60px;
	}
	.forms-section .gform_fields {
		gap: 20px !important;
	}
	.forms-section .gfield {
		position: relative;
	}
	.forms-section .gfield input {
	    height: 64px !important;
	    border: 2px solid var(--Light-Grey, #F5F5F5);
	    border-radius: 10px !important;
	    padding-left: 20px !important;
	}
	.forms-section input:hover {
		border-color: #80838A;
	}
	.forms-section .ginput_container_textarea:hover textarea {
		border: 2px solid var(--Mid-Grey, #80838A) !important;

	}
	.forms-section .focused input, .forms-section .focused textarea {
		color: var(--dark-grey-text, #575756) !important;
		font-weight: 500 !important;
	}
	.forms-section .populated input, .forms-section .populated textarea {
		color: var(--Dark-Grey, #50555B);
		font-weight: 500 !important;
	}
	.forms-section .gfield textarea {
		height: 263px !important;
	    border: none !important;
	    border-radius: 10px !important;
	    padding: 20px !important;
	}
	.forms-section .gfield label {
	    position: absolute !important;
	    color: var(--Mid-Grey, #80838A) !important;
	    font-family: Roboto !important;
	    font-size: 18px !important;
	    font-style: normal !important;
	    font-weight: 400 !important;
	    line-height: normal !important;
	    top: 20px !important;
	    left: 20px !important;
	    transition: all .2s ease-in-out !important;
	}
	.forms-section input:focus {
		outline: none;
	}
	.forms-section textarea:focus {
		outline: none;
	}
	.forms-section .focused input {
		border: 2px solid var(--Orange-Dark, #EC6523) !important;
	}
	.forms-section .focused textarea {
		border: 2px solid var(--Orange-Dark, #EC6523) !important;
	}
	.forms-section .populated label {
		top: 5.5px !important;
		color: var(--Orange-Dark, #EC6523) !important;
		font-weight: 500 !important;
		font-size: 12px !important;
		transition: all .2s ease-in-out !important;
	}

	.forms-section .focused label {
		top: 5.5px !important;
		color: var(--Orange-Dark, #EC6523) !important;
		font-weight: 500 !important;
		font-size: 12px !important;
		transition: all .2s ease-in-out !important;
	}
	.forms-section .gform_footer {
		justify-content: end; 
		padding: 0 !important;
		margin-top: 40px !important;
	}
	.forms-section .gform_button {
		border-radius: 24px;
	    opacity: 1;
	    background: var(--Mid-Grey, #EC6523);
	    color: var(--White, #FFF);
	    text-align: center;
	    font-family: Roboto;
	    font-size: 16px;
	    font-style: normal;
	    font-weight: 400;
	    line-height: 26px;
	    text-transform: uppercase;
	    width: 105px;
	    height: 48px;
	    margin-bottom: 0px !important;
	    border: 2px solid #EC6523;
	    transition: all .2s ease-in-out;
	}
	.forms-section .gform_button:not(.button-disabled):hover {
		border-color: #EC6523;
		background: #fff;
		color: #EC6523;
		transition: all .2s ease-in-out;
	}
	.forms-section .gform_footer .button-disabled {
	    border-radius: 24px;
	    opacity: 0.5;
	    background: var(--Mid-Grey, #80838A);
	    color: var(--White, #FFF);
	    text-align: center;
	    font-family: Roboto;
	    font-size: 16px;
	    font-style: normal;
	    font-weight: 400;
	    line-height: 26px;
	    text-transform: uppercase;
	    width: 105px;
	    height: 48px;
	    margin-bottom: 0px !important;
	    border: 2px solid #80838A;
	    transition: all .2s ease-in-out;
	}
	.gform_wrapper.gravity-theme .gform_validation_errors {
		display: none !important;
	}
	.gfield_validation_message {
	    border: none !important;
	    background: none !important;
	    margin-top: 5px !important;
	    padding: 0 !important;
	    color: var(--Orange-Dark, #EC6523) !important;
	    font-family: Roboto !important;
	    font-size: 14px !important;
	    font-style: normal;
	    font-weight: 500;
	    line-height: normal;
	}
	.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
		border: 1px solid #EC6523 !important;
		border-color: var(--Orange-Dark, #EC6523) !important;
	}
	.gform_confirmation_message {
	    margin-top: -200px;
	    padding-top: 200px;
	}

	/* Validation errors */
	.gform_validation_error .gfield label {
		top: 5.5px !important;
		color: var(--Orange-Dark, #EC6523) !important;
		font-weight: 500 !important;
		font-size: 12px !important;
		transition: all .2s ease-in-out !important;
	}

	/* End Validation errors*/

@media only screen and (max-width: 767px) {
	.office-locations-section .section-header h2 {
		text-align: start;
	}
}
/**
 * Energy Management Css
*/
.energy-management .header-top .row {
	height: 328px;
}
.energy-management .header-top .content {
    padding-top: 100px;
}
.energy-management .header-top .content h1 {
	color: var(--Black, #000);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.energy-management .header-top .content p {
	color: var(--Dark-Grey, #50555B);
	text-align: center;
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}
.energy-management .header-bottom {
    height: 600px;
    background: var(--Gradient-Mid, linear-gradient(294deg, rgba(98, 101, 174, 0.225) 18.13%, rgba(236, 101, 35, 0.225) 40.97%, rgba(236, 101, 35, 0.225) 59.46%, rgba(248, 153, 37, 0.225) 84.15%));
}
.energy-management .em-section {
	padding-top: 120px;
}
.energy-management .section-2 {
	padding-bottom: 160px;
}
.energy-management .em-section img {
	border-radius: 10px;
}
.energy-management .em-section h2 {
	color: var(--Black, #000);
	font-family: "Roboto Condensed";
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 20px;
}
.energy-management .em-section p {
	color: var(--Dark-Grey, #50555B);
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 26px; /* 130% */
}
@media only screen and (max-width: 767px) { 
	.energy-management .header-top .content h1 {
		font-size: 40px;
	}
	.energy-management .header-top .content {
		padding-top: 80px;
	}	
}

/**
 * How it works Css
*/
.how-it-works .header-top .row {
	height: 470px;
}
.how-it-works .header-top h1 {
	color: var(--Black, #000);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 10px;
}
.how-it-works .header-top p {
	color: var(--Dark-Grey, #50555B);
	text-align: center;
	font-family: Roboto;
	font-size: 32px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	padding: 0 30px;
}
.how-it-works .header-top .content {
    padding-top: 100px;
}
.how-it-works .header-bottom {
    height: 600px;
    background: var(--Gradient-Mid, linear-gradient(294deg, rgba(98, 101, 174, 0.225) 18.13%, rgba(236, 101, 35, 0.225) 40.97%, rgba(236, 101, 35, 0.225) 59.46%, rgba(248, 153, 37, 0.225) 84.15%));
}
.how-it-works .hardware-integration-section {
	padding-top: 120px;
	padding-bottom: 120px;
}
.how-it-works .hardware-integration-section .content-intro {
	margin-bottom: 80px;
	padding: 0px;
}
.how-it-works .hardware-integration-section .content-intro h2 {
	color: var(--Black, #000);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 20px;
}
.how-it-works .hardware-integration-section .content-intro p {
	color: var(--Dark-Grey, #50555B);
	text-align: center;
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}
.how-it-works .hardware-integration-section .integration {
	display: flex;
	flex-wrap: wrap;
    align-items: center;
    border-radius: 20px;
    padding: 27px 40px 27px 17px;
    margin-bottom: 40px;
}
.how-it-works .hardware-integration-section .indented-row {
	position: relative;
}
.how-it-works .hardware-integration-section .indented-row  svg {
	position: absolute;
	top: -42px;
}
.how-it-works .hardware-integration-section .indented-row .vector-1 {
	left: 100px;
}
.how-it-works .hardware-integration-section .indented-row .vector-2 {
	left: 88px;
}
.how-it-works .hardware-integration-section .indented-row .vector-3 {
	left: 76px;
}
.how-it-works .hardware-integration-section .integration-1 {
	border-radius: 20px;
	background: var(--Purple, #6265AE);
	padding: 25px 40px 25px 17px;
}
.how-it-works .hardware-integration-section .integration .image-container {
	width: 36.5%;
    height: 235px;
    object-fit: contain;
}
.how-it-works .hardware-integration-section .integration .content-container {
	width: 63.5%;
    padding-left: 18px;
}
.how-it-works .hardware-integration-section .integration .image-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.how-it-works .hardware-integration-section .integration-1 .image-container {
	width: 36.5%;
    height: 277px;
    object-fit: contain;
}
.how-it-works .hardware-integration-section .integration-1 .content-container {
	width: 63.5%;
    padding-left: 18px;
}
.how-it-works .hardware-integration-section .integration-1 .image-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.how-it-works .hardware-integration-section .integration-2 {
	background: var(--Dark-Grey, #50555B);
}
.how-it-works .hardware-integration-section .integration-3 {
	background: var(--Light-Grey, #F5F5F5);
}
.how-it-works .hardware-integration-section .integration-4 {
	background: var(--Orange-Dark, #EC6523);
	margin-bottom: 0;
}
.how-it-works .hardware-integration-section .integration h3 {
	color: var(--White, #FFF);
	font-family: "Roboto Condensed";
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.how-it-works .hardware-integration-section .integration-3 h3 {
	color: var(--Black, #000);
	font-family: "Roboto Condensed";
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.how-it-works .hardware-integration-section .integration p {
	color: var(--White, #FFF);
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 26px; /* 130% */
}
.how-it-works .hardware-integration-section .integration-3 p {
	color: var(--Dark-Grey, #50555B);
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 26px; /* 130% */
}
.how-it-works .booking-system-section {
	padding-top: 120px;
	padding-bottom: 100px;
	background: var(--Gradient-Mid, linear-gradient(294deg, rgba(98, 101, 174, 0.225) 18.13%, rgba(236, 101, 35, 0.225) 40.97%, rgba(236, 101, 35, 0.225) 59.46%, rgba(248, 153, 37, 0.225) 84.15%));
}
.how-it-works .booking-system-section .content-intro h2 {
	color: var(--Black, #000);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 20px;
}
.how-it-works .booking-system-section .content-intro p {
	color: var(--Dark-Grey, #50555B);
	text-align: center;
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}
.how-it-works .booking-system-section .content-1 .content-container {
	margin-top: 160px;
}
.how-it-works .booking-system-section .content-1 .content-container svg {
	position: absolute;
	right: 30px;
}
.how-it-works .booking-system-section .content-1 .content-container h3 {
	margin-top: 20px;
}
.how-it-works .booking-system-section .content-2 .content-container {
	margin-bottom: 40px;
}
.how-it-works .booking-system-section .content-1 .content-container svg {
	position: absolute;
	left: 0;
}
.how-it-works .booking-system-section .content-2 .content-container h3 {
	margin-top: 20px;
}
.how-it-works .booking-system-section .content .image-container {
	z-index: 1;
}
.how-it-works .booking-system-section .content h3 {
	color: var(--Black, #000);
	font-family: "Roboto Condensed";
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.how-it-works .booking-system-section .content p {
	color: var(--Dark-Grey, #50555B);
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 26px; /* 130% */
}
.how-it-works .booking-system-section .content-2 {
	margin-top: -440px;
}

.how-it-works .analytics-section {
	padding-top: 120px;
	padding-bottom: 120px;
	background: var(--Purple, #6265AE);
}
.how-it-works .analytics-section .content-intro h2 {
	color: var(--White, #FFF);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: 46px; 
	margin-bottom: 20px;
}
.how-it-works .analytics-section .content-intro p {
	color: var(--White, #FFF);
	text-align: center;
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}

.how-it-works .analytics-section .analytics-image-container {
	height: 700px;
	background-repeat: no-repeat;
    background-position: top center;
}
.how-it-works .analytics-section .analytics-image-container img {
	position: absolute;
	top: 80px;
    left: 50%;
    transform: translateX(-50%);
}
.how-it-works .analytics-section .content {
	margin-top: 0;
}
.how-it-works .analytics-section .content h3 {
	color: var(--White, #FFF);
	font-family: "Roboto Condensed";
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 20px;
}
.how-it-works .analytics-section .content p {
	color: var(--Light-Grey, #F5F5F5);
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 26px; /* 130% */
}
.how-it-works .banner-section .banner {
    padding: 60px 0 66px 0;
    background: #FFF;
    border-radius: 20px;
    border: 2px solid var(--Light-Grey, #F5F5F5);
}
.how-it-works .banner-section .banner h2 {
	color: var(--Orange-Dark, #EC6523);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 10px;
}
.how-it-works .banner-section .banner p {
	color: var(--Dark-Grey, #50555B);
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}
.how-it-works .banner-section .banner .contacts {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}
.how-it-works .banner-section .banner .contacts a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--Orange-Dark, #EC6523);
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px; /* 160% */
}
.how-it-works .banner-section .banner .contacts a .icon-container {
    width: 48px;
    height: 48px;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}
@media only screen and (max-width: 1200px) {
	.how-it-works .analytics-section .content {
	    max-width: 800px;
	    margin-right: auto;
	    margin-left: auto;
	}
}
@media only screen and (max-width: 767px) {
	.how-it-works .header-top .row {
		min-height: 470px;
		height: auto;
	}
	.how-it-works .header-top p {
	    color: var(--Dark-Grey, #50555B);
	    text-align: center;
	    font-family: Roboto;
	    font-size: 24px;
	    font-style: normal;
	    font-weight: 300;
	    line-height: normal;
	    margin-bottom: 0;
	    padding: 0;
	}
	.how-it-works .header-top .content {
		padding-bottom: 200px;
	}
	.how-it-works .header-bottom .header-image {
		margin-top: -120px;
	}
	.how-it-works .hardware-integration-section .integration {
		padding: 20px 20px 60px 20px;
	}
	.how-it-works .hardware-integration-section .integration .image-container {
		width: 100%;
	}
	.how-it-works .hardware-integration-section .integration .content-container {
		width: 100%;
	}
	.how-it-works .booking-system-section .content-2 {
		margin: 0;
	}
	.how-it-works .booking-system-section .content-2 .content-container {
		padding: 0;
	}
	.how-it-works .banner-section .banner {
		padding: 60px 30px;
	}
	.how-it-works .analytics-section .analytics-image-container {
	    height: auto;
	    background-size: 140%;
	}
	.how-it-works .analytics-section .analytics-image-container {
	    height: unset;
	    background-size: 140%;
	}
	.how-it-works .analytics-section .analytics-image-container img {
		position: unset;
	    height: 356px;
	    transform: unset;
	    width: 476px;
	    object-fit: cover;
	    margin-top: 60px;
	}

}

/**
 *  About Us Css
*/
.about-us .header-top .row {
	height: 328px;
}
.about-us .header-top .content {
    padding-top: 100px;
}
.about-us .header-top h1 {
	color: var(--Black, #000);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.about-us .header-top p {
	color: var(--Dark-Grey, #50555B);
	text-align: center;
	font-family: Roboto;
	font-size: 32px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}	
.about-us .header-bottom {
    background: var(--Gradient-Mid, linear-gradient(294deg, rgba(98, 101, 174, 0.225) 18.13%, rgba(236, 101, 35, 0.225) 40.97%, rgba(236, 101, 35, 0.225) 59.46%, rgba(248, 153, 37, 0.225) 84.15%));
}
.about-us .header-bottom .heading-container {
    padding-top: 80px;
    padding-bottom: 80px;
}
.about-us .header-bottom .heading-container h2 {
    color: var(--Orange-Dark, #EC6523);
    text-align: center;
    font-family: Roboto;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.about-us .subheading-section {
	padding-top: 60px;
}
.about-us .subheading-section .subheading-container p {
	color: var(--Dark-Grey, #50555B);
    text-align: center;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
}
.about-us .section-1 .subheading-container p {
	color: var(--Dark-Grey, #50555B);
    text-align: center;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
}
.about-us .section-1 {
	padding-top: 60px;
	padding-bottom: 110px;
}
.about-us .section-2 {
	padding-bottom: 160px;
}
.about-us .ab-section img {
	border-radius: 10px;
}
.about-us .ab-section h2 {
	color: var(--Black, #000);
	font-family: "Roboto Condensed";
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 20px;
}
.about-us .ab-section p {
	color: var(--Dark-Grey, #50555B);
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 26px; /* 130% */
}
.about-us .icon-content-section {
	padding-bottom: 160px;
}
.about-us .icon-content-section .icon-box {
    border-radius: 10px;
    border: 2px solid var(--Light-Grey, #F5F5F5);
    height: 100%;
    padding: 80px 105px 105px 105px;
}
.about-us .icon-content-section .icon-box img {
	margin-bottom: 10px;
}
.about-us .icon-content-section .icon-box h3 {
	color: var(--Orange-Dark, #EC6523);
	font-family: "Roboto Condensed";
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 36px;
}
.about-us .icon-content-section .icon-box p {
	color: var(--Dark-Grey, #50555B);
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 26px; /* 130% */
	margin-bottom: 0;
}

@media only screen and (max-width: 992px) {
	.about-us .icon-content-section .icon-box {
	    padding: 40px;
	}
}
@media only screen and (max-width: 767px) {
	.about-us .icon-content-section .icon-box {
	    padding: 40px;
	}
}

/**
 * Platfrom Css
 */
.platform-overview .header-section {
	background: var(--Gradient-Mid, linear-gradient(294deg, rgba(98, 101, 174, 0.225) 18.13%, rgba(236, 101, 35, 0.225) 40.97%, rgba(236, 101, 35, 0.225) 59.46%, rgba(248, 153, 37, 0.225) 84.15%));
}
.platform-overview .header-section .row {
	height: 365px;
}
.platform-overview .header-section h1 {
	color: var(--Black, #000);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.platform-overview .header-section p {
    color: var(--Dark-Grey, #50555B);
    text-align: center;
    font-family: Roboto;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.platform-overview .content-section {
	margin: 0;
    padding-top: 110px;
    padding-bottom: 135px;
}
.platform-overview .content-section h2 {
	color: var(--Black, #000);
	font-family: "Roboto Condensed";
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.platform-overview .content-section p {
	color: var(--Dark-Grey, #50555B);
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 26px;
	margin-bottom: 0;
}
.platform-overview .platform-section {
	padding-top: 160px;
    padding-bottom: 120px;
    background-repeat: no-repeat;
    background-position: center 100%;
}
.platform-overview .platform-section .section-header {
	margin-bottom: 60px;
}
.platform-overview .platform-section .image-container {
	background: linear-gradient(0deg, #6265AE 0%, #F27F24 100%);
}
.platform-overview .platform-section .platform-image {
    height: 289px;
    object-fit: cover;
}
.platform-overview .platform-section .section-header h2 {
	color: var(--Black, #000);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: 52px; /* 108.333% */
}
.platform-overview .platform-section .section-header p {
	color: var(--Dark-Grey, #50555B);
	text-align: center;
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: 32px; /* 133.333% */
}
.platform-overview .platform-section .section-header .features-button {
	border-radius: 24px;
	border: 2px solid var(--Gradient-1---Top-to-Bottom, #EC6523);
	color: var(--Dark-Grey, #50555B);
	text-align: center;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 162.5% */
}
.platform-overview .platform-section .platform-list .card {
	max-width: 360px;
    border-radius: 40px;
    overflow: hidden;
    border: none;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);
}
.platform-overview .platform-section .card-body {
	height: 210px;
	padding: 30px 30px 40px 30px;
}
.platform-overview .platform-section .card-body .card-title {
	color: var(--Black, #000);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 10px;
}
.platform-overview .platform-section .card-body p {
	color: var(--Dark-Grey, #50555B);
	text-align: center;
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	max-width: 270px;
}
.platform-overview .platform-section .card-title-container {
	height: unset;
    padding: 0;
}
.platform-overview .platform-section {
	padding-top: 0px;
}
.platform-overview .bottom-banner-section {
	padding-bottom: 120px;
}
.platform-overview .banner {
	border-radius: 20px;
	background: var(--Light-Grey, #F5F5F5);
	padding: 30px;
}
.platform-overview .banner .banner-content h2 {
	color: var(--Black, #000);
	font-family: "Roboto Condensed";
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 10px;
}
.platform-overview .banner .banner-content p {
	color: var(--Dark-Grey, #50555B);
	font-family: Roboto;
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	margin-bottom: 40px;
}
.platform-overview .banner .banner-content .banner-button {
	border-radius: 24px;
	background: var(--White, #FFF);
	color: var(--Orange-Dark, #EC6523);
	text-align: center;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 162.5% */
}
@media only screen and (max-width: 1200px) { 
	.platform-list {
	    max-width: 800px;
	    margin-left: auto;
	    margin-right: auto;
	}
}
@media only screen and (max-width: 767px) { 
	.platform-overview .content-section .paragraph {
		margin-top: 20px;
	}
}

/* Search Page */

.search .back-breadcrumb a, .search .back-breadcrumb span {
    color: var(--Black, #000);
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}
.search .header-section {
    padding-top: 130px;
    position: relative;
}
.search .header-section .page-title {
	margin-bottom: 50px;
}
.search .search-form {
	position: relative;
    max-width: 570px;
    width: 100%;
    margin: 0 auto;
}
.search .search-form .search-input {
    height: 64px;
    border-radius: 10px;
    border: 2px solid #f5f5f5;
    background: var(--White, #FFF);
    padding: 0 20px;
}
.search .focused .search-input {
	border-color: #EC6523;
}
.search .search-form .search-input:focus {
	box-shadow: none !important;
}
.search .search-form label {
	position: absolute;
    color: var(--Mid-Grey, #80838A);
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    top: 20px;
    left: 20px;
    transition: all .2s ease-in-out !important;
}
.search .focused label {
    top: 4px;
    color: #EC6523;
    font-size: 12px;
    transition: all .2s ease-in-out !important;
}
.search .populated label {
    top: 4px;
    color: #80838A;
    font-size: 12px;
    transition: all .2s ease-in-out !important;
}
.search .search-form #searchSubmit {
    position: absolute;
    border: none;
    top: 20px;
    right: 20px;
    padding: 0;
}
.search .search-form #searchSubmit:hover {
	background-color: transparent;
}
.search .search-content {
    background-color: #fff;
    width: 100%;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: column;
    padding-top: 43px;
}
.search-results-section {
    padding-top: 100px;
    padding-bottom: 200px;
}
.search-results-section p {
	color: var(--Dark-Grey, #50555B);
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 10px;
    text-align: center;
}
.search .found-posts p {
    color: var(--Dark-Grey, #50555B);
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 0;
    text-align: start;
}
.search .found-posts {
    padding-bottom: 10px;
    border-bottom: 2px solid #f5f5f5;
}
.search .search-results article {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 2px solid #f5f5f5;
}
.search .search-results article h2 {
    color: var(--Black, #000);
    font-family: "Roboto Condensed";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 20px;
}
.search .search-results article h2 a {
    color: var(--Black, #000);
    font-family: "Roboto Condensed";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 20px;
}
.search .search-results .entry-content {
	margin: 0;
}
.search .search-results article p {
    color: var(--Dark-Grey, #50555B);
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 10px;
    text-align: start;
}
.search .search-results article .learn-more-button {
    color: var(--Orange-Dark, #EC6523);
	text-align: right;
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	text-transform: uppercase;
	display: flex;
	align-items: center;	
}
.search .search-results article .learn-more-button svg {
	margin-left: 4px;
}


/**
 * 404 Css
 */

.error-404 .header-section {
	background: var(--Gradient-Mid, linear-gradient(249deg, rgba(98, 101, 174, .225) 18.13%, rgba(236, 101, 35, .225) 40.97%, rgba(236, 101, 35, .225) 59.46%, rgba(248, 153, 37, .225) 84.15%));
	
}
.error-404 .header-section .container {
	position: relative;
}

.error-404 .header-section .row {
	height: 365px;
}
.error-404 .header-section h1 {
	color: var(--Black, #000);
	text-align: center;
	font-family: "Roboto Condensed";
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.error-404 .header-section p {
	color: var(--Dark-Grey, #50555B);
	text-align: center;
	font-family: Roboto;
	font-size: 32px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}
.error-404 .content-section {
	padding-top: 80px;
	padding-bottom: 120px;
}
.error-404 .content-section p {
    color: var(--Dark-Grey, #50555B);
    text-align: center;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.error-404 .search-form {
	position: relative;
    max-width: 570px;
    width: 100%;
    margin: 0 auto;
}
.error-404 .search-form .search-input {
    height: 64px;
    border-radius: 10px;
    border: 2px solid #f5f5f5;
    background: var(--White, #FFF);
    padding: 0 20px;
}
.error-404 .focused .search-input {
	border-color: #EC6523;
}
.error-404 .search-form .search-input:focus {
	box-shadow: none !important;
}
.error-404 .search-form label {
	position: absolute;
    color: var(--Mid-Grey, #80838A);
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    top: 20px;
    left: 20px;
    transition: all .2s ease-in-out !important;
}
.error-404 .focused label {
    top: 4px;
    color: #EC6523;
    font-size: 12px;
    transition: all .2s ease-in-out !important;
}
.error-404 .populated label {
    top: 4px;
    color: #80838A;
    font-size: 12px;
    transition: all .2s ease-in-out !important;
}
.error-404 .search-form #searchSubmit {
    position: absolute;
    border: none;
    top: 20px;
    right: 20px;
    padding: 0;
}
.error-404 .search-form #searchSubmit:hover {
	background-color: transparent;
}