@import url("https://use.typekit.net/sua4xao.css");
@import url("https://use.typekit.net/xlb6tdo.css");
body{
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-break: 22px;
	color: #1E2838;
	font-weight: 400;
	font-family: "montserrat", sans-serif;
	/*font-family: "good-times", sans-serif;*/
	background: #FFFFFF;
}
.wrapper{
	overflow: hidden;
}

.pdtb-85 {
   padding: 85px 0px;
}
.pdb-85 {
   padding-bottom: 85px;
}
.pdt-85 {
   padding-top: 85px;
}

h1{
	font-size: 40px;
	line-height: 50px;
	color: #FFFFFF;
	font-weight: 700;
	font-family: "good-times", sans-serif;
}
h2{
	font-size: 40px;
	line-height: 55px;
	color: #1E2838;
	font-weight: 700;
	font-family: "good-times", sans-serif;
}
.navigations {
    padding: 30px 0px;
}
.navigations .navbar-nav li a {
    color: #A1A5AA;
    text-decoration: none;
}

.navigations .navbar-brand img {
    max-width: 100%;
    width: 250px;
}
/*
.Signbtn a{
    background: #004C64;
    width: 175px;
    height: 45px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    margin-left: 13px;
}
.Signbtn a {
    font-weight: 600;
    color: #FFFFFF;
    text-decoration: none;
}
*/
.Signbtn a {
    background: #5DBC68;
    height: 45px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    margin-left: 13px;
}
.Signbtn a {
    font-weight: 600;
    color: #FFFFFF;
    text-decoration: none;
    padding: 15px 25px;
    text-transform: uppercase;
}
.Signbtn span {
    margin-left: 8px;
}
.navigations .navbar-nav a::before {
    -webkit-transition: 300ms;
    transition: 300ms;
    height: .2rem;
    content: "";
    position: absolute;
    background-color: #5DBC68;
    width: 0%;
    bottom: 0px;
    left: 38%;
    border-radius: 5px;
}
.navigations .navbar-nav a:hover::before {
    width: 20px;
}
.navigations li.current_page_item a::before {
    width: 20px;
}
.navigations li {
    margin: 0 15px;
    position: relative;
}
.navigations a.nav-link.active {
    font-weight: 600;
    color: #1E2838 !important;
}
.engagepro {
    background: #073A43;
	padding: 85px 0px;
	overflow: hidden;
}
.vedio-screen {
  
    position: relative;
}
.mainheading {
    max-width: 610px;
    margin-top: 50px;
    position: absolute;
    right: auto;
}
.vedioscreen {
    transform: translate(157px, 0%);
    max-width: 900px;
    right: 0;
    float: right;
	position: relative;
}

.screencontent{
	position: absolute;
	background: #5DBC68;
	top: 0px;
	width: 100%;
	height: 100%;
	clip-path: inset(6% 13% 9% 13%);
}

.vedioscreen img {
    max-width: 100%;
    position: relative;
    z-index: 1;
}

.longtext {
    max-width: 570px;
    padding-bottom: 20px;
}
.longtext span {
    color: #5DBC68;
}
.mainheading p {
    font-size: 20px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 30px;
}
.towbtn {
    display: flex;
    padding-top: 20px;
}

.learnbtn {
    border: 1px solid #FFFFFF;
    width: 221px;
    height: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
}
.learnbtn span{
	margin-left: 13px;
}
.demobtn{
	margin-left: 20px;
	background: #5DBC68;
	border: none;
}
.learnbtn a {
    font-weight: 600;
    color: #FFFFFF;
    text-decoration: none;
}
.headingpro {
    display: flex;
    justify-content: center;
    align-items: center;
}
.oneclick {
    background: #004C64;
    padding: 28px 0px;
}
.herobtn {
    margin-left: 20px;
	background: #5DBC68;
    width: 221px;
    height: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
}
.herobtn span{
	margin-left: 13px;
}
.herobtn a {
    font-weight: 600;
    color: #FFFFFF;
    text-decoration: none;
}
.herotext h3 {
    font-size: 36px;
    line-height: 40px;
    margin: 0;
    color: #FFFFFF;
    font-weight: 800;
}
.herotext span{
	color: #5DBC68;
}
.classicpost video {
    object-fit: cover;
    border-radius: 21px;
}
.fullview {
    max-width: 493px;
}
.fullview span {
color: #5DBC68;
}
.besttext {
    text-align: center;
    padding-bottom: 16px;
}
.demo-block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0px 42px;
    max-width: 925px;
    margin: 0 auto;
}
.threebox {
    text-align: center;
}
.hideicon {
    background: #5DBC68;
    padding: 50px 0px;
}
.realtext {
    background: #004C64;
    padding: 30px 22px;
}
.realtext h3 {
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    color: #5DBC68;
}
.realtext p {
    margin: 0;
    color: #FFFFFF;
    min-height: 96px;
}
.computer {
    text-align: center;
	max-width: 800px;
	margin: 0 auto 20px;
	position: relative;
}
.computer img {
    max-width: 100%;
	position: relative;
	z-index: 1;
}
.computer-screenshort {
    position: absolute;
   
    top: 0px;
    background: red;
    width: 100%;
    height: 100%;
    clip-path: inset(6% 13% 9% 13%);
}
.pricing {
    display: flex;
    justify-content: center;
    padding-top: 40px;
    gap: 25px 70px;
}
.hideicon img {
    max-width: 100%;
}
.planbtn {
    border: 1px solid #004C64;
    width: 365px;
    height: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
}
.planbtn a {
    font-weight: 600;
    color: #004C64;
    text-decoration: none;
}
.morebtn{

    background: #5DBC68;
    border: none;
}
.morebtn a{
	color: #FFFFFF;
}
.planbtn span{
	margin-left: 13px;
}
.unseencontant span{
		color: #5DBC68;
}
.target-slidre .slick-slide{
	margin: 0px 15px;
}
.greenicon {
    background: #5DBC68;
    padding: 24px 50px;
    display: flex;
    justify-content: center;
}
.opportunities {
    padding-bottom: 50px;
}
.bluebox {
    background: #004C64;
    padding: 10px 10px;
    text-align: center;
}
.target-slidre button.slick-next.slick-arrow {
    position: absolute;
    right: 16px;
    bottom: -45px;
    border: none;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    font-size: 12px;
    color: #004C64;
    background: #F0F2F5;
    outline: none;
	cursor: pointer;
}
.target-slidre button.slick-prev.slick-arrow {
position: absolute;
    right: 55px;
    bottom: -45px;
    border: none;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    font-size: 12px;
    color: #004C64;
    background: #F0F2F5;
    outline: none;
	cursor: pointer;
}
.bluebox p {
    color: #FFFFFF;
    margin: 0;
    min-height: 72px;
}
.unseencontant p {
    margin: 0;
}
.simpleadvantage {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px 15px;
    padding-bottom: 50px;
}
.itmatters {
    background: #F0F2F5;
    padding: 50px 30px;
}
.transform h3{
	font-size: 24px;
	line-height: 30px;
	color: #004C64;
	font-family: "good-times", sans-serif;
	font-weight: 700;
}
.transform span{
	color: #5DBC68;
}
.sales-today {
    max-width: 480px;
}
.sales-today p {
    font-weight: 500;
    margin: 0;
}
.transform {
    padding-bottom: 20px;
}
.todaybox {
    max-width: 600px;
    text-align: center;
    margin: 0 auto;
}
.todaybox span {
    color: #5DBC68;
}
.nextlevel {
    max-width: 369px;
    margin: 0 auto;
}
.nextlevel a {
    text-decoration: none;
    font-weight: 700;
    color: #1E2838;
}
.viewbtn a {
    background: #004C64;
    padding: 13px 10px;
    border-radius: 40px;
    display: inline-block;
    font-weight: 600;
    color: #FFFFFF;
    text-decoration: none;
    min-width: 260px;
}
.viewbtn span{
	margin-left: 13px;
	color: #FFFFFF;
	}
	.addressblock h3 {
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    font-family: "good-times", sans-serif;
}

.contactus {
    background: #073A43;
	position: relative;
}
.tagfrom{
	position: absolute;
	left: 0;
	bottom: 0;
}
.tagfrom img{
	max-width: 100%;
}
.from-section span{
	color: #5DBC68;
}
.enterblock {
    padding-top: 30px;
}
.classicpost {
    padding: 0px 25px;
}
.enterblock a{
	color: #fff;
	text-decoration: none;
}
.addressblock h3{
	color: #fff;
}
.socialmedia  a {
    color: #fff;
    margin-right: 15px;
    font-size: 20px;
}
.from-section h3{
	color: #fff;
	text-align: center;
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 30px;
	    font-weight: 700;
    font-family: "good-times", sans-serif;
}

footer{
	padding: 85px 0px 40px;
	text-align: center;
}
.copyright-section p{
	color: #8C8E90;
	font-weight:500;
}
.copyright-section{
	margin-top:30px;
}
.copyright-section a{
	color: #8C8E90;
	text-decoration: none;
}
.copyright-section span{
	margin: 0px 10px;
}
.copyright-section a span{
	margin:0px;
	color: #49BFEB;
}
.engagepro .container-fluid{
	max-width: 1920px;
	margin: 0px auto;
}


/***product-css***/
.innerbanner{
	background: url("../images/engagepro-logo.png") #073A43 no-repeat ;
	background-position: right;
	padding:50px 0px;
}
.innerbanner-content{
	text-align: center;
}
.innerbanner-content p{
	color: #fff;
	margin-bottom: 0;
}



.innovation-frame {
    transform: translate(-190px, 0px);
    position: relative;
    width: 70%;
    height: 100%;
}

.innovation-frame img {
    max-width: 100%;
    position: relative;
    z-index: 1;
    width: 100%;
}
.inovater-main {
    width: 30%;
    transform: translate(-190px, 0px);
}
.rolfit-section{
	position: relative;
	display: flex;
}
.better-requitment{
    max-width: 1920px;
    margin: 0px auto;
}
.innovater h3 {
    font-size: 32px;
    line-height: 41px;
    color: #004C64;
    font-weight: 700;
    font-family: "good-times", sans-serif;
    max-width: 270px;
}
.culturicon {
    background: #5DBC68;
    padding: 20px 0px;
    text-align: center;
    width: 40%;
    vertical-align: middle;
    display: grid;
    align-items: center;
    justify-content: center;
}
.culturtext {
    background: #004C64;
    padding: 20px 22px;
    width:60%;
}
.culturtext h4{
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
	text-transform: uppercase;
    color: #5DBC68;
}
.culturemain {
    display: flex;
    margin-top: 20px;
}
.culturtext p{
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
}
.engagebtn {
    text-align: center;
    margin-top: 50px;
    display: flex;
    justify-content: center;
}
.engagebtn a {
     border: 1px solid #5DBC68;
    padding: 0px 30px;
    height: 50px;
    text-align: center;
    display: flex;
    background: #5DBC68;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
}
.engagebtn span {
    margin-left: 13px;
}
.talentplatform{
	text-align: right;
}
.comparison-content p{
	font-size: 16px;
	line-height: 22px;
	color: #004C64;
}
.comparison-content h2 span {
    color: #5DBC68;
}
.culturicon img{
	max-width: 100%;
}
.heading{
	text-align: center;
}

.heading h2 span {
    color: #5DBC68;
}
.review-section {
    background: #fff;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0px 0px 15px #00000026;
    position: relative;
}
.review {
    display: flex;
    justify-content: space-between;
}
.profile img{
	border-radius: 100%;
}
.profile{
	display: flex;
	align-items: center;
}
.profile-detail h4 {
    margin-bottom: 0;
    color: #1E2838;
    font-size: 16px;
    font-weight: 700;
}
.profile-detail p{
	margin-bottom: 0;
	color: #1E2838 !important;
	font-size: 14px;
}
.review-section p{
	margin-bottom: 0;
	color: #8C8E90;
}
.profile-detail {
    margin-left: 13px;
}
.rating span{
	color: #FFC107;
}
.softwehaer-vedio video{
	object-fit: cover;
    border-radius: 21px;
}
.viewtestimonial  a {
    background: #5DBC68;
    padding: 13px 10px;
    border-radius: 40px;
    display: inline-block;
    font-weight: 600;
    color: #FFFFFF;
    text-decoration: none;
    min-width: 260px;
}
.viewtestimonial span{
	color: #fff;
	 margin-left: 13px;
}
.screencontentnew {
    position: absolute;
  
    top: 0px;
    width: 100%;
    height: 100%;
    clip-path: inset(6% 13% 9% 13%);
}
.percentage img{
	max-width: 100%;
}
.quote {
    text-align: right;
    font-size: 26px;
    color: #E0E1E3;
    position: absolute;
    right: 18px;
    bottom: 0;
}
.innerbanner-content h1{
	color: #fff;
	font-size: 48px;
	line-height: 53px;
}.innerbanner-content h1 span{
	color: #5DBC68;
	
}
/***product-css***/

/***about-section***/
.ourwhy-section{
	background: #004C64;
}
.ourwhy h2 {
  
    color: #FFFFFF;
    font-weight: 700;
    font-family: "good-times", sans-serif;
}
.ourwhy h2  span {
    color: #5DBC68;
}
.ourwhy p{
	color: #fff;
}
.whyus img{
	border-radius: 21px;
	max-width: 100%;
}
.revolution-section .container-fluid{
	padding: 0;
}
.revolution img{
	max-width: 100%;
}
.revolutiontext{
	max-width: 630px;
}
.revolutiontext h3 {
   font-size: 32px;
	line-height: 38px;
    color: #1E2838;
	margin-bottom: 20px;
    font-weight: 700;
    font-family: "good-times", sans-serif;
}
.revolutiontext h3  span {
    color: #5DBC68;
}
.revolutiontext p{
	font-weight: 600;
}
.revolutiontext h4{
	    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
        color: #1E2838;
}
.revolutiontext h4  span {
    color: #5DBC68;
}
.partner-slider button.slick-prev.slick-arrow {
    position: absolute;
        right: 22%;
    bottom: -45px;
    border: none;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    font-size: 12px;
    color: #0076BB;
    background:#F0F2F5;
    outline: none;
    cursor: pointer;
}
.partner-slider button.slick-next.slick-arrow {
    position: absolute;
        right: 16%;
    bottom: -45px;
    border: none;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    font-size: 12px;
     color: #0076BB;
    background: #F0F2F5;
    outline: none;
    cursor: pointer;
}
.goodcopmny-text {
    max-width: 465px;
    text-align: right;
    margin-left: auto;
}

.goodcopmny-text h2 span {
    color: #5DBC68;
}
.partner-item img{
	max-width: 100%;
}
.partner-item {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 15px #00000026;
    min-height: 120px;
    justify-content: center;
    align-items: center;
    display: flex !important;
}
.partner-slider .slick-slide{
	margin: 20px 10px;
}
.partner-slider .slick-list{
	padding:0 15% 0 0 !important;
}
.revolutiontext a{
	text-decoration: none !important;
}
.goodcopmny  {
    margin-bottom:50px;
}
/***about-section***/

/***pricing-page***/
.innertag{
	color: #fff !important;
	font-weight: 300 !important;
}
.pdtb-50{
	padding: 50px 0px;
}
.ourpricing-section {
    max-width: 797px;
    text-align: center;
    margin: 0px auto  0px;
    position: relative;
}
.ourpricing-section nav > .nav.nav-tabs {
    border: none;
    background: #fff;
        border-radius: 10px;
    overflow: hidden;

		border: 2px solid #004C64;
}
.ourpricing-section nav{
		position: relative;
}
.ourpricing-section nav > div a.nav-item.nav-link {
    padding: 18px 25px;
    font-size: 24px;
    font-weight: 700;
    color: #004C64;
}
.ourpricing-section nav > div a.nav-item.nav-link.active
{
  border: none;
    padding: 18px 25px;
    color:#fff;
    background:#5DBC68; 
}
.ourpricing-section .nav-tabs .nav-item {
    margin-bottom: 0px;
}
.ourpricing-section h4{
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
}
.ourpricing-section p{
	font-size: 18px;
	line-height: 28px;
}
.pricing-main {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0px 0px;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
}
.subscription-main {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0px 0px;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
}
.signupnow {
    position: relative;
}
.pricing-section {
    background: #F0F2F5;
}

.subscription-section {
    display: flex;
    margin-top: 15px;
    justify-content: space-between;
}
.aycontent {
  text-align: center;
    max-width: 360px;
    text-align: center;

}
.Subscription {

    text-align: center;
    max-width: 360px;
}
.pricing-item {
    text-align: center;
    border-right: 1px solid #e6e6e6d1;
}
.price-header{
	padding: 15px 0px;
}
.pinkbox .price-header{
	background: #FF5A8C;
}
.yallowbox .price-header{
    background: #FFC077;
}
.greenbox .price-header{
    background: #5DBC68;
}
.lightbluebox .price-header{
    background: #004C64;
}
.darkbluebox .price-header{
    background: #073A43;
}
.pinkbox .prizeblock p, .pinkbox .prizeblock h2{
	color: #FF5A8C;
}
.yallowbox .prizeblock p, .yallowbox .prizeblock h2{
	color: #FFC077;
}
.greenbox .prizeblock p, .greenbox .prizeblock h2{
	color: #5DBC68;
}
.lightbluebox .prizeblock p, .lightbluebox .prizeblock h2{
	color: #004C64;
}
.darkbluebox .prizeblock p, .darkbluebox .prizeblock h2{
	color: #073A43;
}





.prizeblock p {
  
   margin: 0;
}
.price-header h4{
	margin-bottom: 0;
	font-size: 16px;
	line-height: 20px;
	font-weight: 800;
	color: #fff;
	text-transform: uppercase;
}
.pricing-item h2{
	margin-bottom: 0;
}
.prizeblock {
    padding: 25px 0px 50px;
}
.prizeblock p{
	
}
.fade {
    opacity: 0;
    transition: opacity .15s linear;
}
.ourpricing-section .tab-main{
    display: none;
}

.nav-item.nav-link.active.show .tab-main{
	display: block;
}
.aycontent p, .Subscription p{
	font-size: 16px;
	color: #073A43;
	font-weight: bold;
	line-height: 25px;
}
.signupnow a {
   
    background: #5DBC68;
    max-width: 221px;
    height: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 40px;
    margin: -25px auto 0px;
}
.signupnow a span {
    margin-left: 13px;
}
.requirement-job {
    max-width: 485px;
    text-align: center;
    margin: 50px auto 0;
}
.requirement-job h5 {
    font-size: 21px;
    line-height: 28px;
    font-weight: 400;
}
.requirement-job h5 a {
    font-weight: 700;
    color: #5DBC68;
    text-decoration: underline;
}
.solutionheading {
    text-align: center;
    
}
.solutionheading h2 span {
    color: #5DBC68;
}
.solution-gridsection{
	max-width: 900px;
	margin: 0px auto;
}
.solution-grid {
    background: #F0F2F5;
    padding: 30px;
    margin-top: 35px;
}
.bookdemo a {
    border: 1px solid #004C64;
    color: #004C64;
    height: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
	text-decoration: none;
	font-weight: 600;
     background: #fff;
    text-decoration: none;
}
.agency p{
	margin-bottom: 0;
}
.bookdemo span {
    margin-left: 13px;
}

.agency h3{
	color:#073A43;
	font-size: 20px;
	font-weight: bold;
}

/***pricing-page***/

/***9-10-2024***/
.revolution-section{
	overflow: hidden;
}
.goodcopmny {
      overflow: hidden;
}
.revolutiontext h4::last-word{
	color:#5DBC68;
}
.comparison-content a {
    background: #5DBC68;
    min-width: 221px;
    height: 50px;
    text-align: center;
    color: #fff;
    display: inline-block;
    border-radius: 40px;
    line-height: 50px;
    text-decoration: none;
    font-weight: 500;
}
.comparison-content a span {
    margin-left: 13px;
}
.comparison-content hr {
    border-top: 1px solid #8C8E90;
}
.assesment-banner h1 {
    font-weight: 300;
}
.assesment-banner h1 span{
        font-weight: 700;
}
.requirement-job p{
	margin-bottom: 0;
}
/***9-10-2024***/
/***pricing-page***/
.homeunseencontant h2 {
    color: #004C64;
    
}
.todaybox h2{
	color: #004C64;
}
.single-date  i {
    color: #5DBC68;
    margin-right: 10px;
}
.single-date span {
    font-weight: bold;
    color: #004C64;
    font-size: 13px;
}
ul.dropdown-menu li a {
    padding: 0;
    margin: 0;
}
ul.dropdown-menu li {
    margin: 0px;
}
ul.dropdown-menu li a {
    padding: 10px 15px 10px;
}
ul.dropdown-menu li a:hover {
    background:#5DBC68;
}
ul.dropdown-menu li.current-menu-item a {
    
    color: #fff !important; 
}
ul#menu-primary li ul.dropdown-menu li a {
    color: #fff !important;
}
ul.dropdown-menu li a:hover {
    background: #00495D;
}
ul.dropdown-menu .menu-item a:hover::before {
    width: 0px;
}

ul#menu-primary li ul.dropdown-menu li a:hover::before {
    width: 0px;
}


.default-main h4{
    font-family: "good-times", sans-serif;
    color: #00495D;
    font-weight: 700;
}
.default-main p{
	color: #1E2838;
	font-size: 16px;
    line-height: 28px;
    font-weight: 500;
}
.convert-pc{
	margin-top:50px;
}