@font-face {
  font-family: HalifaxW03;
  src: url(../fonts/HalifaxW03Light.otf);
  font-weight: 400;
}

@font-face {
  font-family: HalifaxW03;
  src: url(../fonts/HalifaxW03Regular.otf);
  font-weight: 500;
}

@font-face {
  font-family: HalifaxW03;
  src: url(../fonts/HalifaxW03Medium.otf);
  font-weight: 600;
}

body{
	font-family: HalifaxW03;
	font-weight: 500;
}

.sticky-top {
    transition: all 0.25s ease-in;
}

/* style for when sitcky is applied */
.stuck .sticky-top {
    background-color: #333 !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    transition: all 0s ease-in;
}

.container {
    max-width: 1400px;
}

.header-bg{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin-top: -143px;
	padding-top: 112px;
	height: 100vh;
	min-height: 500px;
	position: relative;
}

.header-bg::before{
    content: '';
    /*background: linear-gradient(180deg, rgba(51,51,51,1) 0%, rgba(0,0,0,0) 100%);*/
    background: linear-gradient(180deg, rgba(0,0,0,.75) 5%, rgba(0,0,0,0) 100%);
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 1;
    margin-top: -112px;
	padding-top: 112px;
}

.header-home-bg{
	background-image: url('../images/home.jpg');
}

.header-about-bg{
	background-image: url('../images/about.jpg');
}

.header-why-bg{
	background-image: url('../images/why.jpg');
}

.header-use-cases-bg{
	background-image: url('../images/use-cases.jpg');
}

.header-solutions-bg{
	background-image: url('../images/solutions.jpg');
}

.case-study-bg{
	background-image: url('../images/case-study.jpg');
}

.case-study-overview-bg{
	background-image: url('../images/case-study-overview.jpg');
}

.header-asset-bg{
	background-image: url('../images/asset.jpg');
}

.header-counters-bg{
	background-image: url('../images/counters.jpg');
}

.header-heatmaps-bg{
	background-image: url('../images/heatmaps.jpg');
}

.header-id-bg{
	background-image: url('../images/id.jpg');
}

.header-pls-bg{
	background-image: url('../images/pls.jpg');
}

.header-cms-bg{
	background-image: url('../images/cms.jpg');
}

.header-ips-bg{
	background-image: url('../images/ips.jpg');
}

.header-imp-bg{
	background-image: url('../images/imp.jpg');
}

.header-contact-us-bg{
	background-image: url('../images/contact-us.jpg');
}

.privacy-title-bg{
	background-image: url('../images/privacy.jpg');
}

.header-faqs-bg{
	background-image: url('../images/faqs.jpg');
}

.header-search-bg{
	background-image: url('../images/search.jpg');
}

.language-dropdown{
	z-index: 1000;
	color: #fff;
	font-weight: 400;
	font-size: 14px;
}

.language-dropdown li a{
	color: #fff;
	text-decoration: none;
}

.language-dropdown li a:hover{
	color: #118AB2;
}

.language-dropdown .dropdown button{
	background-color: transparent;
	color: #fff;
	font-size: 14px;
	vertical-align: baseline;
	transition: none;
}

.language-dropdown .dropdown button::after{
	content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5.818" viewBox="0 0 10 5.818"><path id="down-arrow" d="M4.643,187.155l-4.53-4.6a.469.469,0,0,1,0-.664l.277-.277a.469.469,0,0,1,.664,0l3.921,4L8.9,181.617a.469.469,0,0,1,.664,0l.277.277a.469.469,0,0,1,0,.664l-4.53,4.6A.473.473,0,0,1,4.643,187.155Z" transform="translate(0.025 -181.475)" fill="%23fff"/></svg>');
	border: 0;
}

.language-dropdown .dropdown button:hover{
	color: #118AB2;
}

.language-dropdown .dropdown button:hover::after{
	content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5.818" viewBox="0 0 10 5.818"><path id="down-arrow" d="M4.643,187.155l-4.53-4.6a.469.469,0,0,1,0-.664l.277-.277a.469.469,0,0,1,.664,0l3.921,4L8.9,181.617a.469.469,0,0,1,.664,0l.277.277a.469.469,0,0,1,0,.664l-4.53,4.6A.473.473,0,0,1,4.643,187.155Z" transform="translate(0.025 -181.475)" fill="%23118AB2"/></svg>');
}

.btn:focus{
	box-shadow: none;
}

.globe-icon{
	background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path id="globe-light" d="M12.5,8A12.5,12.5,0,1,0,25,20.5,12.5,12.5,0,0,0,12.5,8Zm9.738,7.661H18.08a14.668,14.668,0,0,0-2.177-5.5A10.935,10.935,0,0,1,22.238,15.661Zm-5.3,4.839a23.823,23.823,0,0,1-.217,3.226H8.281a24.114,24.114,0,0,1,0-6.452h8.437A23.822,23.822,0,0,1,16.935,20.5ZM12.5,9.613c1.356,0,3.095,2.223,3.936,6.048H8.564C9.405,11.836,11.144,9.613,12.5,9.613Zm-3.4.549a14.682,14.682,0,0,0-2.177,5.5H2.762A10.935,10.935,0,0,1,9.1,10.162ZM1.613,20.5A10.818,10.818,0,0,1,2.1,17.274H6.663A25.561,25.561,0,0,0,6.452,20.5a24.653,24.653,0,0,0,.212,3.226H2.1A10.818,10.818,0,0,1,1.613,20.5Zm1.149,4.839H6.92a14.668,14.668,0,0,0,2.177,5.5A10.935,10.935,0,0,1,2.762,25.339ZM12.5,31.387c-1.356,0-3.095-2.223-3.936-6.048h7.873c-.842,3.826-2.581,6.048-3.936,6.048Zm3.4-.549a14.682,14.682,0,0,0,2.177-5.5h4.158A10.935,10.935,0,0,1,15.9,30.838Zm2.434-7.112a25.561,25.561,0,0,0,.212-3.226,24.654,24.654,0,0,0-.212-3.226H22.9a10.886,10.886,0,0,1,0,6.452Z" transform="translate(0 -8)" fill="%23fff"/></svg>');
	width: 17px;
	height: 17px;
	float: left;
	margin-top: 5px;
	margin-right: 8px;
}

.language-dropdown .dropdown button:hover .globe-icon{
	background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path id="globe-light" d="M12.5,8A12.5,12.5,0,1,0,25,20.5,12.5,12.5,0,0,0,12.5,8Zm9.738,7.661H18.08a14.668,14.668,0,0,0-2.177-5.5A10.935,10.935,0,0,1,22.238,15.661Zm-5.3,4.839a23.823,23.823,0,0,1-.217,3.226H8.281a24.114,24.114,0,0,1,0-6.452h8.437A23.822,23.822,0,0,1,16.935,20.5ZM12.5,9.613c1.356,0,3.095,2.223,3.936,6.048H8.564C9.405,11.836,11.144,9.613,12.5,9.613Zm-3.4.549a14.682,14.682,0,0,0-2.177,5.5H2.762A10.935,10.935,0,0,1,9.1,10.162ZM1.613,20.5A10.818,10.818,0,0,1,2.1,17.274H6.663A25.561,25.561,0,0,0,6.452,20.5a24.653,24.653,0,0,0,.212,3.226H2.1A10.818,10.818,0,0,1,1.613,20.5Zm1.149,4.839H6.92a14.668,14.668,0,0,0,2.177,5.5A10.935,10.935,0,0,1,2.762,25.339ZM12.5,31.387c-1.356,0-3.095-2.223-3.936-6.048h7.873c-.842,3.826-2.581,6.048-3.936,6.048Zm3.4-.549a14.682,14.682,0,0,0,2.177-5.5h4.158A10.935,10.935,0,0,1,15.9,30.838Zm2.434-7.112a25.561,25.561,0,0,0,.212-3.226,24.654,24.654,0,0,0-.212-3.226H22.9a10.886,10.886,0,0,1,0,6.452Z" transform="translate(0 -8)" fill="%23118AB2"/></svg>');
}

.language-dropdown .dropdown-menu a{
	color: #000;
	font-size: 14px;
}

.language-dropdown .dropdown-menu a:hover{
	background-color: #118AB2;
	color: #fff;
}

.nav-menu .nav-item{
	margin-right: 50px;
}

.nav-menu .nav-item:last-child{
	margin-right: 0px;
}

.nav-menu .nav-item:last-child .dropdown-toggle::after{
	content: '';
}

.nav-menu .nav-link{
	color: #fff !important;
}

.nav-menu .dropdown-toggle::after{
	content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5.818" viewBox="0 0 10 5.818"><path id="down-arrow" d="M4.643,187.155l-4.53-4.6a.469.469,0,0,1,0-.664l.277-.277a.469.469,0,0,1,.664,0l3.921,4L8.9,181.617a.469.469,0,0,1,.664,0l.277.277a.469.469,0,0,1,0,.664l-4.53,4.6A.473.473,0,0,1,4.643,187.155Z" transform="translate(0.025 -181.475)" fill="%23fff"/></svg>');
	padding-left: 5px;
	border: 0;
	vertical-align: 2px;
	margin-top: -2px;
	margin-right: 8px;
}

.nav-menu .dropdown-toggle:hover::after{
	content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5.818" viewBox="0 0 10 5.818"><path id="down-arrow" d="M4.643,187.155l-4.53-4.6a.469.469,0,0,1,0-.664l.277-.277a.469.469,0,0,1,.664,0l3.921,4L8.9,181.617a.469.469,0,0,1,.664,0l.277.277a.469.469,0,0,1,0,.664l-4.53,4.6A.473.473,0,0,1,4.643,187.155Z" transform="translate(0.025 -181.475)" fill="%23118AB2"/></svg>');
}

.nav-menu .show .dropdown-toggle{
	color: #118AB2 !important;
}

.nav-menu .show .dropdown-toggle::after{
	content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5.818" viewBox="0 0 10 5.818"><path id="up-arrow" d="M4.643,187.155l-4.53-4.6a.469.469,0,0,1,0-.664l.277-.277a.469.469,0,0,1,.664,0l3.921,4L8.9,181.617a.469.469,0,0,1,.664,0l.277.277a.469.469,0,0,1,0,.664l-4.53,4.6A.473.473,0,0,1,4.643,187.155Z" transform="translate(9.975 187.293) rotate(180)" fill="%23118AB2"/></svg>');
}

.nav-menu .nav-link:hover{
	color: #118AB2 !important;
}

.nav-menu .nav-item:focus{
	outline: none;
	box-shadow: none;
	border: none;
}

.nav-menu .nav-link:focus{
	outline: none;
	box-shadow: none;
	border: none;
}

.free-demo-btn{
    color: #fff;
    border: 2px solid;
    padding: 5px 16px;
    border-radius: 8px;
    display: inline-block;
}

.free-demo-btn:hover{
	text-decoration: none;
	color: #000;
	border-color: #fff;
	background-color: #fff;
}

.navbar-toggler{
	border: 0;
}

.navbar-toggler:focus{
	outline: 0;
}

.navbar-toggler>.close {
    display:inline;
}
.navbar-toggler.collapsed>.close, .navbar-toggler:not(.collapsed)>img {
    display:none;
}

.close{
  opacity: 1;
  float: none;
  font-size: initial;
  font-weight: normal;
}

.close-btn{
	width: 14px;
	z-index: 100000;
	position: relative;
}

.hero-text{
	text-align: center;
	color: #fff;
}

.hero-text h1{
	font-weight: 600;
	font-size: 65px;
	margin-bottom: 25px;
}

.hero-text h2{
	font-weight: 600 !important;
	font-size: 65px !important;
	margin-bottom: 25px !important;
}

.hero-text h3{
	font-weight: 400;
	font-size: 26px;
	margin-bottom: 25px;
	line-height: 40px;
}

.hero-text a {
	font-weight: 500;
    color: #fff;
    background-color: #118AB2;
    text-transform: uppercase;
    font-size: 21px;
    padding: 10px 25px;
    display: inline-block;
    border-radius: 4px;
    letter-spacing: 3px;
    text-decoration: none;
    margin: 15px 0;
}

.hero-text a:hover {
	/*background-color: #087397;*/
}

.hero-text .send-email-text{
	font-weight: 500;
    color: #fff;
    background-color: transparent;
    text-transform: none;
    font-size: 18px;
    padding: 0;
    display: inline-block;
    border-radius: 0;
    letter-spacing: 0;
    text-decoration: none;
    margin: 0;
}

.hero-text .send-email-text:hover{
	color: #087397;
}

.hero-text p{
	font-weight: 500;
	font-size: 20px;
	margin-bottom: 0;
}

.menu-close-btn{
	width: 20px;
	cursor: pointer;
}

.menu-close-btn:hover{
	opacity: 0.7;
}

.megamenu-list{
	color: #333;
	text-decoration: none;
}

.megamenu-list:hover{
	color: #333;
	text-decoration: none;
}

.megamenu-list svg{
	height: 45px;
	display: block;
	padding: 5px;
	/* margin-left: -5px; */
	width: 55px;
}

.megamenu-list:hover svg{
	background-color: #118AB2;
	border-radius: 4px;
}

.megamenu-list:hover svg path{
	background-color: #118AB2;
	border-radius: 4px;
	fill: #fff;
}

.megamenu-list h4{
	font-weight: 500;
	font-size: 20px;
	margin-bottom: 5px;
	margin-top: 10px;
}

.megamenu-list p{
	font-weight: 400;
	font-size: 14px;
	margin-bottom: 0;
	line-height: 25px;
}

.explore-btn{
	color: #118AB2;
	font-weight: 500;
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 2px;
	padding: 6px 0;
	display: inline-block;
}

.explore-btn:hover{
	color: #118AB2;
	text-decoration: none;
}

button.explore-btn{
	color: #118AB2;
	font-weight: 500;
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 2px;
	padding: 6px 0;
	display: inline-block;
	background-color: transparent;
	border: 0;
}

button.explore-btn:hover{
	color: #118AB2;
	text-decoration: none;
}

button.search-list-title{
	background-color: transparent;
	border: 0;
	padding-left: 0;
	padding-bottom: 0;
}

button.search-list-title:hover{
	text-decoration: none;
}

.explore-btn img{
	width: 25px;
	padding-left: 10px;
	margin-top: -3px;
}

.explore-btn:hover img{
	transition: 0.3s cubic-bezier(0.1, 0, 0.1, 1), left 0.3s 0.2s cubic-bezier(0.1, 0, 0.1, 1);
	margin-left: 15px;
}

.case-studies-menu{
	height: 200px;
	display: flex;
	align-items: end;
	padding: 10px;
	position: relative;
}

.case-studies-menu:hover{
	text-decoration: none;
}

.case-studies-menu p{
	z-index: 10;
	margin-bottom: 0;
	color: #fff;
	padding-left: 8px;
	font-weight: 500;
	font-size: 18px;
	position: absolute;
	bottom: 15px;
}


.case-studies-menu-bg{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: 0;
}

.case-studies-menu-bg::before{
    content: '';
    background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(51,51,51,0.8) 100%);
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 1;
}

/* .case-studies-menu-bg:hover{
	transform: scale(1.025);
	transition: all 0.5s ease-in-out;
} */

.megamenu hr{
	border-color: #AAAAAA;
}

.nav-search{
	width: 100%;
	border: 0;
	border-bottom: 1px solid #666;
	font-size: 20px;
	margin: 30px 0;
	padding-bottom: 10px;
}

.nav-search:focus{
	outline: 0;
}

.img-fluid.solutions {
	height: 125px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.search-close{
    position: absolute;
    right: 20px;
    top: 18px;
}

.mobile-search{
    background: #333;
    color: #fff;
    font-size: 14px;
    margin-bottom: 20px;
    margin-top: 10px;
    font-weight: 500;
}

.about-section{
	background-color: #118AB2;
	background-image: url('../images/about-bg.svg');
	background-repeat: no-repeat;
	background-position: center;
	/* background-size: cover; */
	min-height: 100vh;
}

.section-title-light{
	color: #fff;	
}

.section-title-light h1{
	font-weight: 600;
	font-size: 45px;
	margin-bottom: 20px;
}

.section-title-light h2{
	font-weight: 600;
	font-size: 45px;
	margin-bottom: 20px;
}

.section-title-light h3{
	font-weight: 600;
	font-size: 45px;
	margin-bottom: 20px;
}

.section-title-light p{
	font-weight: 400;
	font-size: 20px;
}

.section-title-dark{
	color: #333;	
}

.section-title-dark h1{
	font-weight: 600;
	font-size: 45px;
	margin-bottom: 20px;
}

.section-title-dark h2{
	font-weight: 600;
	font-size: 45px;
	margin-bottom: 20px;
}

.section-title-dark h3{
	font-weight: 600;
	font-size: 45px;
	margin-bottom: 20px;
}

.section-title-dark .highlight{
	background-color: #118AB2;
	color: #FFF;
	padding: 13px;
	border-radius: 15px;
}

.section-title-dark p{
	font-weight: 400;
	font-size: 20px;
}

.counter-text{
	color: #fff;
	font-weight: 600;
	font-size: 35px;
}

.couter-title {
	color: #fff;
    font-weight: 400;
    font-size: 20px;
}

.learn-more-light{
    font-weight: 500;
    color: #fff;
    background-color: transparent;
    text-transform: uppercase;
    font-size: 20px;
    padding: 8px 25px;
    display: inline-block;
    border-radius: 4px;
    letter-spacing: 3px;
    text-decoration: none;
    margin: 15px 0;
    border: 2px solid #fff;
}

.learn-more-light:hover{
	text-decoration: none;
	background-color: #fff;
	color: #118AB2;
}

.learn-more-dark{
    font-weight: 500;
    color: #118AB2;
    background-color: transparent;
    text-transform: uppercase;
    font-size: 20px;
    padding: 8px 25px;
    display: inline-block;
    border-radius: 4px;
    letter-spacing: 3px;
    text-decoration: none;
    margin: 15px 0;
    border: 2px solid #118AB2;
}

.learn-more-dark:hover{
	text-decoration: none;
	background-color: #118AB2;
	color: #fff;
}

.use-cases-bg{
	background-image: url('../images/use-cases-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
}

.use-cases-card{
	border: 0;
	border-radius: 10px;
	padding: 35px;
}

.accordion{
	position: relative;
}

.accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: url('../images/minus.png');
    float: right; 
    position: absolute;
    right: 5px;
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: url('../images/plus.png'); 
}

.accordion .card-header{
	cursor: pointer;
	font-weight: 500;
	color: #333333;
	font-size: 16px;
	letter-spacing: 2px;
	background-color: #fff;
	padding-right: 30px !important;
	display: flex;
	align-items: center;
}

.details-width{
	width: 70%;
	margin: auto;
}

.solutions-title{
	color: #333;
	font-weight: 500;
	font-size: 20px;
}

.solutions-list li{
	border-top: 1px solid #CCCCCC;
	padding: 15px 0;
}

.solutions-list li a{
	color: #333;
	text-decoration: none;
	font-weight: 400;
	font-size: 16px;
}

.section-bg{
	background-image: url('../images/sec-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.free-trial-btn{
    font-weight: 500;
    color: #fff;
    background-color: #118AB2;
    text-transform: uppercase;
    font-size: 21px;
    padding: 10px 25px;
    display: inline-block;
    border-radius: 4px;
    letter-spacing: 3px;
    text-decoration: none;
    margin: 15px 0;
}

.free-trial-btn:hover {
    background-color: #087397;
    color: #fff;
    text-decoration: none;
}

.free-trial-text{
	font-size: 22px !important;
}

.que-ans{
	color: #333;
	margin-bottom: 50px;
	display: none;
}

.que-ans:last-child{
	margin-bottom: 0;
}

.que-ans h3{
	font-weight: 500;
	font-size: 20px;
}

.que-ans p{
	font-weight: 400;
	font-size: 18px;
}

.que-ans hr{
	width: 25%;
	margin: 10px 0;
}

.que-ans.active{
	display: block;
}

.faq-title{
	color: #333;
	font-weight: 600;
	font-size: 24px;
}

.faq-list{
	color: #333;
	font-weight: 400;
	font-size: 18px;
}

.faq-list li{
	margin-top: 10px;
	cursor: pointer;
	display: inline-block;
}

.faq-list li:hover{
	font-weight: 500;
}

.faq-list a{
	color: #333;
	text-decoration: none;
}

.faqs-que-ans .explore-btn{
	display: none;
}

.faqs-que-ans .explore-btn.active{
	display: block;
}

.footer{
	background-color: #F5F5F5;
	color: #777777;
}

.footer-title{
	font-weight: 500;
	font-size: 18px;
}

.footer-list{
	font-weight: 400;
	font-size: 16px;
}

.footer-list li{
	margin-top: 10px;
}

.footer-list a{
	color: #777;
	text-decoration: none;
}

.social-links{
	margin-top: 40px;
}

.social-links li{
	margin-right: 20px !important;
}

.social-links svg path:hover{
	fill: #777;
}

.footer-2{
	background-color: #777777;
	color: #fff;
	font-weight: 400;
	font-size: 16px;
}

.footer-2 a{
	color: #fff;
	text-decoration: none;
	margin-right: 50px;
	margin-top: 5px;
}

.footer-2 a:last-child{
	margin-right: 0;
}

.form-section .form-control{
	background-color: #CCCCCC33;
	border: none;
	padding-bottom: 10px;
	padding-top: 28px;
	padding-left: 14.5px;
	border-radius: 10px;
	color: #333;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 400;
}

.form-section .form-control:focus{
	outline: 0;
	box-shadow: none;
}

.form-section .custom-select{
	height: 58px !important;
	background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5.818" viewBox="0 0 10 5.818"><path id="down-arrow" d="M4.643,187.155l-4.53-4.6a.469.469,0,0,1,0-.664l.277-.277a.469.469,0,0,1,.664,0l3.921,4L8.9,181.617a.469.469,0,0,1,.664,0l.277.277a.469.469,0,0,1,0,.664l-4.53,4.6A.473.473,0,0,1,4.643,187.155Z" transform="translate(0.025 -181.475)" fill="%23333"/></svg>');
	background-size: 12px;
	background-position: right 18px center;
	padding-left: 14.5px;
	padding-right: 40px;
}

.form-section label{
	margin-top: 10px;
	margin-left: 14.5px;
	position: absolute;
	font-size: 12px;
	font-weight: 600;
	color: #333;
}

.form-section textarea{
	padding-top: 38px !important;
	font-size: 16px !important;
	font-weight: 400;
	min-height: 150px;
}

.contact-form-btn{
    font-weight: 500;
    color: #333;
    background-color: transparent;
    text-transform: uppercase;
    font-size: 18px;
    padding: 8px 25px;
    display: inline-block;
    border-radius: 4px;
    letter-spacing: 3px;
    text-decoration: none;
    margin-bottom: 15px;
    border: 2px solid #333;
}

.contact-form-btn:hover{
	text-decoration: none;
	background-color: #333;
	color: #fff;
}

.form-email-text{
	color: #333333;
	font-weight: 400;
	font-size: 16px;
}

.form-email-text:hover{
	color: #333333;
	text-decoration: underline;
}

.form-section-text{
	/* color: #fff; */
	width: 60%;
}

.form-section-text h2{
	font-weight: 600;
	font-size: 40px;
	text-transform: uppercase;
}

.form-section-text p{
	font-weight: 500;
	font-size: 20px;
}

.form-section-bg{
	background-image: url('../images/form-bg.svg');
	background-repeat: no-repeat;
	background-position: top 0 left;
	background-size: 40%;
	color: #fff;
}

.section-blue-bg{
	background-color: #118AB2;
}

ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline::before {
    content: ' ';
    background: #ffffff33;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin-bottom: 20px;
    padding-left: 55px;
}
ul.timeline > li::before {
    content: ' ';
    background: #ffffff80;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    left: 22px;
    width: 16px;
    height: 16px;
    z-index: 400;
	border: 4px solid #118AB2;
}

ul.timeline li a{
	color: #ffffff4D;
	font-weight: 400;
	font-size: 18px;
	line-height: 10px;
}

ul.timeline li a.active{
	color: #fff;
}

.active-timeline::before{
	background-color: #118AB2 !important;
	border: 4px solid #fff !important;
}

.year-card{
	padding: 20px 25px;
	background-color: #FFFFFF1A;
	border-radius: 15px;
	color: #fff;
}

.year-title{
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 10px;
}

.year-details{
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 10px;
}

.read-more-btn{
	color: #fff;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
}

.read-more-btn:hover{
	text-decoration: none;
	color: #fff;
}

.read-more-btn img{
    width: 13px;
    margin-left: 10px;
    margin-top: -4px;
}

.products-tabs{
	background-color: #F5F5F5;
}

.products-tabs li{
	margin-right: 50px !important;
}

.products-tabs li a{
	color: #333333;
	font-weight: 400;
	font-size: 18px;
	text-decoration: none;
}

.products-tabs li a:hover{
	font-weight: 600;
}

.products-tabs li.active a{
	font-weight: 600;
}

.products-title{
	color: #333333;
	font-weight: 600;
	font-size: 45px;
}

.products-details{
	color: #333333;
	font-weight: 400;
	font-size: 18px;
	margin-top: 20px;
}

.products-title-2{
	color: #333333;
	font-weight: 600;
	font-size: 25px;
	margin-top: 30px;
	margin-bottom: 10px;
}

.products-list{
	color: #333333;
	font-weight: 400;
	font-size: 18px;
}

.products-list li{
	padding-left: 40px;
	margin-top: 10px;
}

.products-list li::before{
	content: url('../images/check-light.svg');
	transform: scale(.8);
	padding-top: 5px;
	position: absolute;
	margin-left: -40px;
}

.subscriptions-tabs{
	width: max-content;
	margin: 0 auto 60px auto;
	background-color: #F5F5F5;
	padding: 8px;
	border-radius: 16px;
}

.subscriptions-tabs li a{
	color: #333333;
	font-weight: 400;
	font-size: 18px;
	border-radius: 12px !important;
	width: 150px;
	text-align: center;
}

.subscriptions-tabs li a.active{
	background-color: #DDDDDD !important;
	color: #333333 !important;
	font-weight: 500;
}

.subscriptions-plans .card{
	background-color: #F5F5F5;
	border: none;
	border-radius: 15px;
	margin-bottom: 60px;
	box-shadow: 0 4px 20px rgba(89, 89, 89, 0.2);
}

.subscriptions-plans .card-title{
	min-height: 130px;
}

.subscriptions-plans .card-title p{
	color: #333333;
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 10px;
}

.qty{
	font-weight: 400;
	font-size: 22px;
	color: #333333;
	margin-bottom: 20px;
}

.price-1{
	text-decoration:line-through;
	color: #33333366;
	font-weight: 500;
	font-size: 22px;
	margin-bottom: -8px;
}

.price-2{
	color: #333333;
	font-weight: 500;
	margin-bottom: -10px;
	font-size: 60px;
}

.price-2 span{
	font-size: 22px;
}

.monthly-text{
	font-weight: 400;
	font-size: 18px;
}

.buy-now-btn{
    font-weight: 500;
    color: #fff;
    background-color: #118AB2;
    text-transform: uppercase;
    font-size: 21px;
    padding: 10px 25px;
    display: inline-block;
    border-radius: 4px;
    letter-spacing: 3px;
    text-decoration: none;
    margin: 15px 0;
    width: 100%;
    text-align: center;
}

.buy-now-btn:hover{
	background-color: #087397;
	color: #fff;
	text-decoration: none;
}

.sub-font{
	font-size: 22px !important;
}

.most-popular-text{
	color: #333333;
	font-weight: 600;
	font-size: 20px;
	text-align: center;
	margin-bottom: 0;
	margin-top: -30px;
}

.subscriptions-plans .active .card{
	box-shadow: inset 0px 0px 0px 6px #118AB2;
}

.light-font{
	font-weight: 400;
}

.link-to-shop{
	height: 300px;
	display: flex;
	align-items: end;
	padding: 20px;
	position: relative;
	background-color: #118AB2;
}

.link-to-shop:hover{
	text-decoration: none;
}

.link-to-shop p{
	z-index: 10;
	margin-bottom: 0;
	color: #fff;
	padding-left: 8px;
	font-weight: 500;
	font-size: 22px;
	position: absolute;
	bottom: 18px;
	padding-right: 8px;
}


.link-to-shop-bg{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: 0;
}

.link-to-shop-bg::before{
    content: '';
    background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(51,51,51,0.8) 100%);
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 1;
}

.page-title{
	color: #333;
	font-weight: 600;
	font-size: 45px;
}

.case-study-title{
	color: #333;
	font-weight: 500;
	font-size: 22px;
	margin-top: 40px;
	margin-bottom: 20px;
}

.case-study-details{
	color: #333;
	font-weight: 400;
	font-size: 18px;
}

.contact-form .card{
	border-radius: 15px;
}

.contact-form .form-control{
	background-color: #CCCCCC1A;
}

.masonry-title{
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    position: absolute;
    left: 20px;
    bottom: 20px;
    margin-bottom: 0;
    z-index: 10;
}

.masonry .card{
	position: relative;
}

.masonry .card::before {
    content: '';
    background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(51,51,51,0.8) 100%);
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 1;
}

.show > .dropdown-menu {
  max-height: 800px;
  visibility: visible;
  transition: transform .2s cubic-bezier(.6,.2,.1,1),visibility 1s linear 0s;
  transform: none; 
}
  
.dropdown-menu {
  border: 0;
  max-height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  transform: scale(.95);
}

.navbar-brand:hover{
	opacity: 0.7;
}

.switch {
  position: relative;
  display: inline-block;
  width: 300px;
  height: 58px;
  font-size: 17px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #F5F5F5;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 12px;
}

.slider:before {
    position: absolute;
    content: "Annually";
    height: 44px;
    width: 140px;
    left: 9px;
    bottom: 7px;
    background-color: #ddd;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 12px;
    text-align: center;
	line-height: 43px;
	z-index: 2;
}

input:checked + .slider {
  background-color: #F5F5F5;
}

input:focus + .slider {
  box-shadow: 0 0 1px #F5F5F5;
}

input:checked + .slider:before {
  -webkit-transform: translateX(142px);
  -ms-transform: translateX(142px);
  transform: translateX(142px);
    content: "Monthly";
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.switch-text{
    z-index: 1;
    position: relative;
    display: flex;
    height: 100%;
    text-align: center;
    align-items: center;
    cursor: pointer;
}

.switch-text div{
	font-weight: 400;
}

#menu2 {
display:none;
}

.navbar-collapse{
	transition: all 0s ease-in;
}

button.navbar-toggler{
	position: absolute;
	right: 15px;
	top: 16px;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
}

.search-icon{
	display: none;
}

.show-menu{
	display: block;
}

.share-icons {
    width: 200px;
    font-size: 16px;
    text-align: center;
    color: #000;
}

.share-icons:hover{
	color: #000;
	text-decoration: none;
}

.share-icons a {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
	margin: auto;
	justify-content: center;
	align-items: center;
	border: 1px solid #dee2e6;
}

.share-icons p{
	margin-top: 5px;
}

.share-icons img{
	width: 25px;
}

.search-list-title {
    color: #333;
    font-weight: 500;
    font-size: 26px;
    margin-bottom: 10px;
}

.search-list-title:hover {
    color: #118AB2;
    text-decoration: none;
}

.search-list-details{
    color: #333;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 0.5rem;
}

.resource-list-title {
    color: #333;
    font-weight: 500;
    font-size: 26px;
    margin-bottom: 10px;
    word-wrap: break-word;
    overflow-wrap: break-word;
	max-width: 700px; /* Adjust this value to control the length of the description */
}

.resource-list-title:hover {
color: #118AB2;
text-decoration: none;
}

.resource-list-details {
  color: #333;
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
  overflow: hidden;
  display: -webkit-box; /* Required for line-clamp */
  -webkit-line-clamp: 3; /* Number of lines to display */
  -webkit-box-orient: vertical; /* Required for line-clamp */
  max-width: 700px; /* Adjust this value to control the length of the description */
}

.resource-list-details:hover {
/*

  color: #333;
  text-decoration: none;
  overflow: visible;
  white-space: normal;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  z-index: 100;
  max-width: none;
  padding: 5px;
  border: 1px solid #ccc;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  -webkit-line-clamp: initial;*/   /* Show full content when hovering */
}

.resource-view-title {
    color: #333;
    font-weight: 500;
    font-size: 26px;
    margin-bottom: 10px;
    word-wrap: break-word;
    overflow-wrap: break-word;
	max-width: 700px; /* Adjust this value to control the length of the description */
}

.preview-image {
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
    display: block;
}

  .force-wrap {
	word-break: break-word;
  }
  
  .break-long-words {
	word-wrap: break-word;
	word-break: break-all;
  }

.search-box{
	width: 100%;
	border: 0;
	border-bottom: 1px solid #666;
	font-size: 20px;
	margin: 30px 0;
	padding-bottom: 12px;
	background-image: url('../images/search-icon.svg');
	background-repeat: no-repeat;
	padding-left: 45px;
	background-position: left 2px top 4px;
}

.search-page .card{
	border-radius: 20px;
	padding: 20px;
	border: 0;
}

.search-page::before{
	max-height: 800px;
}

.search-pagination a{
	font-size: 18px;
	color: #333;
	font-weight: 400;
}

.search-pagination .active a{
	font-weight: 500;
	color: #000;
}

.search-pagination li{
	margin-right: 25px !important;
}

.share-icon-mobile{
	position: absolute;
	right: 60px;
	top: 18px;
}

.share-icon-mobile:focus{
	outline: none;
	box-shadow: none;
	border: none;
}

.nav-full-bg .share-icon-mobile{
	display: none !important;
}

.bg-scroll{
	overflow: hidden;
}

.language-dropdown li a:focus{
	outline: none;
	box-shadow: none;
	border: none;
}

@media all and (min-width: 767px) {
	.navbar{ padding-top: 0; padding-bottom: 0; }
	.navbar .has-megamenu{position:static!important;}
	.navbar .megamenu{left:0; right:0; width:100%; padding:20px; border-radius: 0; margin-top: -2px;  }
	.navbar .nav-link{ padding-top:1rem; padding-bottom:1rem;  }
}

@media (max-width: 1550px){
	.container{
		padding-right: 80px;
		padding-left: 80px;
	}
}

@media (max-width: 1200px){
	.form-section-bg{
		background-position: top 0 left;
	}

	.nav-menu .nav-item {
	    margin-right: 24px;
	}

	.form-section-text h2{
		font-size: 30px;
	}
}

@media (max-width: 1010px){
	.sticky-top{
	    /* position: absolute; */
	    width: 100%;
	    transition: all 0s ease-in;
	}

	.navbar-dark .navbar-brand img{
		width: 90px;
	}

	.stuck .navbar-dark .navbar-brand img{
		margin-top: 0;
	}

	.free-demo-btn{
		margin-bottom: 10px;
		margin-top: 10px;
		font-size: 14px;
	}

	.form-section-bg{
		background-size: 45%;
	}

	.form-section-text h2{
		font-size: 28px;
	}

	.nav-menu .nav-item{
		margin-right: 8px;
		font-size: 13px;
	}

	.contact-form{
		height: 750px;
	}

	.container{
		padding-right: 40px;
		padding-left: 40px;
	}

	.language-dropdown{
		font-size: 13px;
	}

	.free-trial-btn{
		font-size: 19px;
	}

	.header-bg{
		margin-top: -126px;
	}

	.megamenu-list h4{
		font-weight: 500;
		font-size: 17px;
		margin-bottom: 5px;
		margin-top: 10px;
	}

	.megamenu-list p{
		font-weight: 400;
		font-size: 12px;
		margin-bottom: 0;
		line-height: 22px;
	}

	.nav-menu .explore-btn{
		font-size: 14px;
	}

	.hero-text h1{
		font-weight: 600;
		font-size: 50px;
		margin-bottom: 25px;
	}

	.hero-text h3{
		font-weight: 300;
		font-size: 20px;
		margin-bottom: 25px;
		line-height: 30px;
	}
}

@media (max-width: 767px){

	.hero-text h1{
		font-size: 35px;
	}

	.hero-text h3{
		font-size: 18px;
		line-height: 25px;
	}

	.hero-text a{
		font-size: 16px;
	}

	.hero-text p{
		font-size: 14px;
	}

	.learn-more-light{
		font-size: 16px;
	}

	.learn-more-dark{
		font-size: 16px;
	}

	.section-title-light h1{
		font-size: 30px;
	}

	.section-title-light p{
		font-size: 16px;
	}

	.section-title-dark h1{
		font-size: 30px;
	}

	.section-title-dark h2{
		font-size: 30px;
	}

	.section-title-dark p{
		font-size: 16px;
	}

	.details-width{
		width: 100%;
	}

	.free-trial-text{
		font-size: 16px !important;
	}

	.free-trial-btn{
		font-size: 16px !important;
	}

	.footer-2 a{
		margin-right: 15px;
	}

	.form-section-bg{
		background: transparent;
	}

	.form-section-text{
		background-color: #EF476F;
		width: 100%;
		padding: 20px;
	}

	.timeline{
		margin-left: -20px;
	}

	.sub-font{
		font-size: 16px !important;
	}

	.products-tabs li{
		margin-right: 20px !important;
	}

	.products-tabs li a{
		font-size: 14px;
	}

	.page-title{
		font-size: 35px;
	}

	.contact-form{
		height: auto !important;
	}

	.dropdown-menu{
		padding: 0;
	}

	.nav-menu .dropdown-toggle::after{
		float: right;
		margin-right: 15px;
	}

	.navbar-collapse .navbar-nav li{
		border-bottom: 1px solid #666;
	}

	.dropdown-menu.show{
		background-color: transparent;
		border: 0;
		transition: all 0s ease-in;
	}

	.megamenu .megamenu-list svg{
		width: 34px;
		height: 48px;
		margin-left: 0 !important;
	}

	.megamenu .megamenu-list:hover svg{
		background-color: transparent;
	}

	.megamenu .megamenu-list svg path{
		fill: #fff;
	}

	.megamenu .megamenu-list h4{
		color: #fff;
		font-size: 13px;
	}

	.megamenu .megamenu-list:hover h4{
		color: #118AB2;
	}

	.megamenu .megamenu-list:hover path{
		fill: #118AB2;
	}

	.megamenu .case-studies-menu:hover p{
		color: #118AB2;
	}

	.dropdown-menu.show hr{
		display: none;
	}

	.case-studies-menu-bg{
		display: none;
	}

	.case-studies-menu{
		height: auto;
		padding-left: 0;
		margin-bottom: 15px;
	}

	.case-studies-menu p{
		padding-left: 5px;
		font-size: 14px;
	}

	.search-icon{
		display: block;
	    width: 18px;
	    margin-top: -52px;
	    float: right;
	    margin-right: 5px;
	    position: relative;
	    z-index: 10;
	}

	.nav-full-bg{
	    background-color: #333;
	    height: 100vh;
	    align-items: start;
	    overflow: auto;
	}

	.sticky-top .navbar-collapse ul{
		padding-top: 20px;
	}

	.header-bg{
		height: 100vh;
		margin-top: -62px;
		padding-top: 50px;
	}

	.nav-menu .nav-item{
		margin-right: 0;
		border-top: 1px solid #333;
	}

	.navbar-dark .navbar-brand img{
		margin-top: 8px;
	}

	.container{
		padding-right: 15px;
		padding-left: 15px;
	}

	.use-cases-card{
		padding: 15px;
	}

	.nav-menu .explore-btn{
		margin-left: -10px;
		font-size: 12px;
		margin-bottom: 25px;
		color: #fff;
	}

	.nav-menu .explore-btn img{
		width: 22px;
	}

	.about-section{
		min-height: auto;
	}

	.search-page .card{
		padding: 0;
	}

	.search-pagination li{
		margin-right: 10px !important;
	}

	.search-card{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.search-list-title{
		font-size: 20px;
	}

	.search-list-details{
		font-size: 16px;
	}

	.search-card .explore-btn{
		font-size: 15px;
	}

	.search-card .search-box{
		font-size: 18px;
		background-size: 22px;
		padding-left: 35px;
	}
}

.grecaptcha-badge{
	z-index: 9999;
	position: relative;
	visibility: hidden;
}

.alert img:hover {
	opacity: 0.7;
}

button {
	cursor: pointer;
}

.searchword {
  background-color: yellow;
  color: #333;
}

a.seo-link {
  font-weight: bold;
  color: inherit;
}