.carousel-item {
	background-color: #fff;
}
@media (min-width: 320px)  {
	.ab-btnorange {
	    background-color: #FF6600;
	    border: 2px solid #C64116;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    user-select: none;
	    border-radius: 0.3rem;
	    color: #fff;
	}
	.ab-btnorange:hover {
		background-color: #c6411687;
		border: 2px solid #C64116;
		color: #fff;
	}
	.ab-btnorange {
		display: inline-block;
		text-decoration: none;
		vertical-align: middle;
		cursor: pointer;
		padding: 0.5rem 1rem;
		font-size: 18px;
		transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		text-align: center;
		font-weight: 600;
	}


	.ab-btnblue {
	    background-color: #025094;
	    border: 2px solid #1F469D;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    user-select: none;
	    border-radius: 0.3rem;
	    color: #fff;
	}
	.ab-btnblue:hover {
		background-color: #1f469d69;
		border: 2px solid #1F469D;
		color: #fff;
	}
	.ab-btnblue {
		display: inline-block;
		text-decoration: none;
		vertical-align: middle;
		cursor: pointer;
		padding: 0.5rem 1rem;
		font-size: 18px;
		transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		text-align: center;
		font-weight: 600;
	}

	.ab-btngreen {
	    background-color: #009900;
	    border: 2px solid #006F00;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    user-select: none;
	    border-radius: 0.3rem;
	    color: #fff;
	}
	.ab-btngreen:hover {
		background-color: #0099005e;
		border: 2px solid #006F00;
		color: #fff;
	}
	.ab-btngreen {
		display: inline-block;
		text-decoration: none;
		vertical-align: middle;
		cursor: pointer;
		padding: 0.5rem 1rem;
		font-size: 18px;
		transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		text-align: center;
		font-weight: 600;
	}
	.smbbox {
		position: relative;
		background-color: #fff;
		margin: 7px;
		padding: 14px;
	}
	.smbox a {
		text-decoration: none;
	}
	.smbbox h3 {
		text-align: center;
	}
	.smbbox p {
		text-align: center;
	}
	.smbosbox {
		position: relative;
		width: 100%;
		padding: 14px;
	}
	.buybox {
		position: relative;
		width: 100%;
		border: 2px solid #4D5262;
		border-radius: 5px;
		background-color: #fff;
		padding: 30px;
		z-index: 9;
	box-shadow: 3px 3px 3px #ddd;
	margin-bottom:30px;
	}
	.buybox h2 {
		text-align: center;
		font-size: 30px;
		line-height: 33px;
		font-weight: 600;
	}
	.itlp {
		text-align: center;
		color: #8B98A8;
		font-size: 13px;
		line-height: 18px;

	}
	.prctg {
		text-align: center;
		color: #2E68B1;
		font-size: 65px;
	}
	.dollah {
		font-size: 33px;
		    position: relative;
		    top: -22px;
		    left: 0;
	}
	.onedollah {
		font-size: 33px;
		position: relative;
		top: -22px;
		left: 0;
	}
		.mont {
			font-size: 20px;
			position: relative;
		}
		.scltg {
			background-color:#FAE07D ;
			position: absolute;
			top: -49px;
	  		left: 50%;
	  		transform: translate(-50%);
			text-align: center;
			font-size: 26px;
			line-height: 33px;
			display: block;
			margin: 0 auto;
			z-index: 8;
			border-bottom: 2px solid #4D5262;
			padding:7px 14px;
			font-weight: 600;
			width: 81%;
		}
		.btnbuy {
			position: relative;
			display: block;
			margin: 0 auto;
			width:150px;
			text-align: center;
			color: #fff;
			font-size: 26px;
			line-height: 46px;
			background-color: #00781E;
			border-radius: 5px;
		}
		.btnbuy:hover { 
			background-color: #009325;
			color: #fff;
		}

		.btnbuy a {
			text-decoration: none;
			font-weight: 600;
			font-size: 26px;
		}
		.btmbnner {
			background-color:#fff;

			text-align:center;
		}
		.btmbnner h3 {
			font-size: 13px;
			line-height: 21px;
			font-weight: 600;
		}
		.cntctclr {
			color: #2589EE;
			font-size: 14px;
			line-height: 18px;
			font-weight: 600;
		}
	.innerbluebox {
		position: relative;
		width: 100%;
		background-color: #fff;
		padding:30px;
		margin-bottom: 15px;
	}
	.innerbluebox h5 {
		position: relative;
		font-size: 6.4vw;
		line-height: 8.4vw;
		color: #212529;
		margin-bottom: 0;
		text-decoration: none;
		top: 0px;
		height: 74px;
		font-weight: 600;
	}
	.innerbluebox p {
		position: relative;
	    font-size: 4.4vw !important;
     	line-height: 5.4vw !important;
		color: #025094 !important;
		margin-bottom: 3px;
		text-decoration: none;
		top: 0;
		min-height: 119px;
	}
	.innerblueicon {
		position: relative;
		height: 90px;
		margin-bottom: 30px;
	}
	.heroimgs {
	    position: relative;
	    width: 100%;
	    max-width: 1600px;
	    top: 0;
	    aspect-ratio: auto;
	}
    .modal  {
	    margin-top:  65px;
	    background-color:  rgba(0, 0, 0, 0.5);
	    border-radius:  5px;
	    padding:  15px;
	}
	.whybluebg  {
	    position:  relative;
	    width:  100%;
	    background-color:  #dbe9f6;
	    border-radius:  5px;
	    max-height:  1120px;
	}
	.whybodyimgone-mob  {
	    position:  relative;
	    width:  250px;
	    max-width: 250px;
	    z-index:  2;
	    left:  -20px;
	}
	.whybodyimgtwo-mob  {
	    position:  relative;
	    width:  250px;
	    max-width: 250px;
	    z-index:  2;
	    left:  -20px;
	    top:  -160px;
	}
.whybodyimgthree-mob  {
    position:  relative;
    width:  250px;
    max-width: 250px;
    z-index:  2;
    left:  -20px;
    top:  -360px;
}
.whyonebg-mob  {
    position:  relative;
    width:  250px;
    background-image:  url('../img/whybgone-mob.png');
    background-repeat:  no-repeat;
    background-size:  cover;
    height:  250px;
    z-index:  3;
    left:  -20px;
    top:  -60px;
}
.whytwobg-mob  {
    position:  relative;
    width:  250px;
    background-image:  url('../img/whybgone-mob.png');
    background-repeat:  no-repeat;
    background-size:  cover;
    height:  250px;
    z-index:  3;
    left:  -20px;
    top:  -260px;
}
.whythreebg-mob  {
    position:  relative;
    width:  250px;
    background-image:  url('../img/whybgthree-mob.png');
    background-repeat:  no-repeat;
    background-size:  cover;
    height:  250px;
    z-index:  3;
    left:  -20px;
    top:  -460px;
}
.whybodyone-mob  {
    position:  relative;
    width:  163px;
    font-size:  6vw;
    line-height:  6.3vw;
    text-align:  center;
    z-index:  3;
    top:  67px;
    left:  38px;
}
.whybodytwo  {
    position:  relative;
    left:  95px;
    top:  165px;
    font-size:  44px;
    line-height:  50px;
    text-align:  center;
    width:  450px;
    z-index:  2;
}
.whybodytwo-mob  {
    position:  relative;
    width:  173px;
    font-size:  6vw;
    line-height:  6.3vw;
    text-align:  center;
    z-index:  3;
    top:  43px;
    left:  38px;
}
.whybodythree  {
    position:  relative;
    left:  10px;
    top:  160px;
    font-size:  40px;
    line-height:  50px;
    text-align:  center;
    width:  500px;
}
.whybodythree-mob  {
    position:  relative;
    width:  200px;
    font-size:  6vw;
    line-height:  6.3vw;
    text-align:  center;
    z-index:  3;
    top:  80px;
    left:  25px;
    color:  #fff;
}
.mobile-try  {
    position:  relative;
    left:  -15px;
}
}
@media (min-width: 375px)  {
	.onedollah {
		font-size: 33px;
		    position: relative;
		    top: -22px;
		    left: 0;
	}
	.dollah {
		font-size: 33px;
		    position: relative;
		    top: -22px;
		    left: 0;
	}
    .whybluebg  {
    position:  relative;
    width:  100%;
    background-color:  #dbe9f6;
    border-radius:  5px;
    max-height:  1415px;
}
.whybodyimgone-mob  {
    position:  relative;
    width:  300px;
    max-width: 300px;
    z-index:  2;
    left:  -20px;
}
.whybodyimgtwo-mob  {
    position:  relative;
    width:  300px;
    max-width: 300px;
    z-index:  2;
    left:  -20px;
    top:  -160px;
}
.whybodyimgthree-mob  {
    position:  relative;
    width:  300px;
    max-width: 300px;
    z-index:  2;
    left:  -20px;
    top:  -360px;
}
.whyonebg-mob  {
    position:  relative;
    width:  300px;
    background-image:  url('../img/whybgone-mob.png');
    background-repeat:  no-repeat;
    background-size:  cover;
    height:  300px;
    z-index:  3;
    left:  -20px;
    top:  -60px;
}
.whytwobg-mob  {
    position:  relative;
    width:  300px;
    background-image:  url('../img/whybgone-mob.png');
    background-repeat:  no-repeat;
    background-size:  cover;
    height:  300px;
    z-index:  3;
    left:  -20px;
    top:  -260px;
}
.whythreebg-mob  {
    position:  relative;
    width:  300px;
    background-image:  url('../img/whybgthree-mob.png');
    background-repeat:  no-repeat;
    background-size:  cover;
    height:  300px;
    z-index:  3;
    left:  -20px;
    top:  -460px;
}
.whybodyone-mob  {
    position:  relative;
    width:  204px;
    font-size:  27px;
    line-height:  29px;
    text-align:  center;
    z-index:  3;
    top:  55px;
    left:  45px;
}
.whybodytwo  {
    position:  relative;
    left:  95px;
    top:  165px;
    font-size:  44px;
    line-height:  50px;
    text-align:  center;
    width:  450px;
    z-index:  2;
}
.whybodytwo-mob  {
    position:  relative;
    width:  220px;
    font-size:  24px;
    line-height:  27px;
    text-align:  center;
    z-index:  3;
    top:  60px;
    left:  43px;
}
.whybodythree  {
    position:  relative;
    left:  10px;
    top:  160px;
    font-size:  40px;
    line-height:  50px;
    text-align:  center;
    width:  500px;
}
.whybodythree-mob  {
    position:  relative;
    width:  228px;
    font-size:  6vw;
    line-height:  6.3vw;
    text-align:  center;
    z-index:  3;
    top:  85px;
    left:  38px;
    color:  #fff;
}
.mobile-try  {
    position:  relative;
    left:  -15px;
}
}
@media (min-width: 425px)  {
	.onedollah {
		font-size: 33px;
		    position: relative;
		    top: -22px;
		    left: 0;
	}
	.dollah {
		font-size: 33px;
		    position: relative;
		    top: -22px;
		    left: 0;
	}
    .whybluebg  {
    position:  relative;
    width:  100%;
    background-color:  #dbe9f6;
    border-radius:  5px;
    max-height:  1715px;
}
.whybodyimgone-mob  {
    position:  relative;
    width:  350px;
    max-width: 350px;
    z-index:  2;
    left:  -20px;
}
.whybodyimgtwo-mob  {
    position:  relative;
    width:  350px;
    max-width: 350px;
    z-index:  2;
    left:  -20px;
    top:  -160px;
}
.whybodyimgthree-mob  {
    position:  relative;
    width:  350px;
    max-width: 350px;
    z-index:  2;
    left:  -20px;
    top:  -360px;
}
.whyonebg-mob  {
    position:  relative;
    width:  350px;
    background-image:  url('../img/whybgone-mob.png');
    background-repeat:  no-repeat;
    background-size:  cover;
    height:  350px;
    z-index:  3;
    left:  -20px;
    top:  -60px;
}
.whytwobg-mob  {
    position:  relative;
    width:  350px;
    background-image:  url('../img/whybgone-mob.png');
    background-repeat:  no-repeat;
    background-size:  cover;
    height:  350px;
    z-index:  3;
    left:  -20px;
    top:  -260px;
}
.whythreebg-mob  {
    position:  relative;
    width:  350px;
    background-image:  url('../img/whybgthree-mob.png');
    background-repeat:  no-repeat;
    background-size:  cover;
    height:  350px;
    z-index:  3;
    left:  -20px;
    top:  -460px;
}
.whybodyone-mob  {
    position:  relative;
    width:  259px;
    font-size:  7vw;
    line-height:  7.3vw;
    text-align:  center;
    z-index:  3;
    top:  86px;
    left:  41px;
}
.whybodytwo  {
    position:  relative;
    left:  95px;
    top:  165px;
    font-size:  44px;
    line-height:  50px;
    text-align:  center;
    width:  450px;
    z-index:  2;
}
.whybodytwo-mob  {
    position:  relative;
    width:  247px;
    font-size:  6vw;
    line-height:  6.3vw;
    text-align:  center;
    z-index:  3;
    top:  86px;
    left:  49px;
}
.whybodythree  {
    position:  relative;
    left:  10px;
    top:  160px;
    font-size:  40px;
    line-height:  50px;
    text-align:  center;
    width:  500px;
}
.whybodythree-mob  {
    position:  relative;
    width:  291px;
    font-size:  6vw;
    line-height:  6.3vw;
    text-align:  center;
    z-index:  3;
    top:  107px;
    left:  30px;
    color:  #fff;
}
.mobile-try  {
    position:  relative;
    left:  -8px;
    top:  26px;
}
}
@media (min-width: 576px)  {
	.dollah {
		font-size: 33px;
		position: relative;
		top: -22px;
		left: 0;
	}
	.onedollah {
		font-size: 33px;
		position: relative;
		top: -22px;
		left: 0;
	}
	.therighthero img {
	    position: relative;
	    width: 100%;
	    aspect-ratio: auto;
	}
    .form-label  {
    font-size:  inherit;
}
.scheduletrainh  {
    font-size: 40px;
    font-weight: 400;
    text-align:  center;
}
.scheduletrainp  {
    font-size: 20px;
    font-weight:  300;
    text-align:  center;
}
.mobile-try  {
    position:  relative;
    left:  2px;
    top:  -3px;
}
.whybodyimgone-mob  {
    position:  relative;
    width:  100%;
    max-width: 450px;
    z-index:  2;
    left:  0;
}
.whybodyimgtwo-mob  {
    position:  relative;
    width:  450px;
    max-width: 450px;
    z-index:  2;
    top:  -160px;
    left:  0;
}
.whybodyimgthree-mob  {
    position:  relative;
    width:  100%;
    max-width: 450px;
    z-index:  2;
    top:  -360px;
    left:  0;
}
.whyonebg-mob  {
    position:  relative;
    width:  450px;
    background-image:  url('../img/whybgone-mob.png');
    background-repeat:  no-repeat;
    background-size:  contain;
    height:  450px;
    z-index:  3;
    top:  -60px;
    left:  0;
}
.whytwobg-mob  {
    position:  relative;
    width:  450px;
    background-image:  url('../img/whybgone-mob.png');
    background-repeat:  no-repeat;
    background-size:  cover;
    height:  450px;
    z-index:  3;
    top:  -260px;
    left:  0;
}
.whythreebg-mob  {
    position:  relative;
    width:  450px;
    background-image:  url('../img/whybgthree-mob.png');
    background-repeat:  no-repeat;
    background-size:  cover;
    height:  450px;
    z-index:  3;
    top:  -460px;
}
.whybodyone-mob  {
    position:  relative;
    width:  349px;
    font-size:  7vw;
    line-height:  7.3vw;
    text-align:  center;
    z-index:  3;
    top:  115px;
    left:  49px;
}
.whybodytwo-mob  {
    position:  relative;
    width:  375px;
    font-size:  5vw;
    line-height:  5.3vw;
    text-align:  center;
    z-index:  3;
    top:  150px;
    left:  38px;
}
.whybodythree-mob  {
    position:  relative;
    width:  100%;
    font-size:  5vw;
    line-height:  5.3vw;
    text-align:  center;
    z-index:  3;
    top:  150px;
    left:  0;
    height:  169px;
    color:  #fff;
}
.castop  {
}
.actionz  {
    height:  900px;
}
.thestudy  {
}
.thestudy h2  {
    position:  relative;
    font-size:  40px;
    line-height:  44px;
    color: #292c35;
    font-family:  'Poppins',  sans-serif;
    font-weight:  400;
    margin-top:  30px;
    margin-bottom:  30px;
}
.thestudy h3  {
    position:  relative;
    font-size:  20px;
    line-height:  30px;
    color: #292c35;
    font-family:  'Poppins',  sans-serif;
    font-weight:  500;
    margin-top:  30px;
    margin-bottom:  30px;
}
.thestudy p  {
    position:  relative;
    font-size:  20px;
    line-height:  30px;
    color: #292c35;
    font-family:  'Poppins',  sans-serif;
    font-weight:  300;
    margin-top:  30px;
    margin-bottom:  30px;
}
.beigeboxx  {
    position:  relative;
    margin-top:  75px;
    background-color:  #f1efe9;
    padding:  30px;
    border-radius:  10px;
}
.beigeboxx h4  {
    position:  relative;
    font-size:  20px;
    line-height:  25px;
    color: #292c35;
    font-family:  'Poppins',  sans-serif;
    font-weight:  500;
    margin-top:  30px;
    margin-bottom:  2px;
}
.beigeboxx span  {
    position:  relative;
    font-size:  20px;
    line-height:  30px;
    color: #292c35;
    font-family:  'Poppins',  sans-serif;
    font-weight:  300;
    margin-top:  30px;
    margin-bottom:  15px;
}
.beigeboxxhs  {
    position:  absolute;
    width:  92px;
    top:  -40px;
    left:  40%;
}
.grayboxx  {
    position:  relative;
    margin-top:  75px;
    padding:  30px;
    border-radius:  10px;
    background-color:  #F6F8F9;
}
.grayboxx p  {
    font-style:  italic;
    font-family:  'Poppins',  sans-serif;
    font-weight:  300;
    font-size:  20px;
    margin-bottom:  30px;
}
.grayboxx p:before  {
    content:  open-quote;
    width:  20px;
    height:  20px;
}
.grayboxx p:after  {
    content:  close-quote;
    width:  20px;
    height:  20px;
}
.newminutesheros  {
    position:  relative;
    top:  0px;
    bottom:  0;
    left:  0 auto;
    width:  100%;
    max-width:  1200px;
}
.actionhero h1  {
    font-size:  11vw;
    font-weight:  400;
    text-align:  left;
}
.actionapp  {
    text-align:  left;
    position:  relative;
    margin:  0 auto;
    max-width:  100%;
}
.agendasoftherowrapper  {
    position:  relative;
    width:  100%;
    top:  60px;
    background-color:  #f5f4f0;
}
.agendaexampleherowrapper  {
    position:  relative;
    width:  100%;
    top:  60px;
    background-color:  #f5f4f0;
}
.minagendasoftherowrapper  {
    position:  relative;
    width:  100%;
    top:  50px;
    min-height:  490px;
    background-color:  #f5f4f0;
}
.agendasofthero  {
    padding-top:  30px;
}
.agendasofthero h1  {
    font-size:  46px;
    font-weight:  400;
}
.agendasofthero p  {
    font-size:  20px;
    font-weight:  400;
    line-height:  32px;
}
.agendaexamplehero  {
    padding-top:  30px;
}
.agendaexamplehero h1  {
    font-size:  46px;
    font-weight:  400;
}
.agendaexamplehero p  {
    font-size:  20px;
    font-weight:  400;
    line-height:  32px;
}
.agendapp  {
    text-align:  center;
    position:  relative;
    margin:  0 auto;
    max-width:  70%;
}
.newagendaheros  {
    position:  relative;
    top:  0;
    bottom:  0;
    left:  0 auto;
    width:  100%;
}
.agendahh  {
    font-size:  36px;
    font-weight:  400;
}
.grabx  {
    position:  relative;
    width:  100%;
    height:  60px;
    background-color:  #fff;
    border-radius:  none;
    box-shadow:  none;
}
.grabx p  {
    position:  relative;
    font-size:  14px;
    font-weight:  400;
    top:  8px;
    left:  0px;
    padding:  13px 0px 13px 0px;
}
.grabxicon  {
    position:  relative;
    top:  5px;
    padding-right:  60px;
    float:  right;
    display:  none;
}
.grabxicons  {
    position:  relative;
    top:  5px;
    padding-right:  52px;
    float:  right;
    display:  none;
}
.agendalistz  {
    display:  block;
    position:  relative;
    top:  -43px;
}
.agendalistz li {
    display:  block;
}
.nav-item.agendatabz:first-child  {
    display:  block;
}
.nav-item.agendatabz  {
    display:  block;
}
.nav-item.agendatabz:last-child  {
    display:  block;
}
.agendatabz  {
}
.agendatabs  {
    overflow:  visible;
    position:  absolute;
    top:  0;
    left:  73%;
    width: 630px;
}
.titleslabel  {
    text-transform:  uppercase;
    font-weight:  500;
    font-size:  15px;
    margin-bottom:  0;
}
.agendicon  {
    position:  relative;
    max-height:  14px;
    padding-right:  7px;
    top:  -1px;
    display:  inline-block;
}
.agendarh  {
    font-size:  40px;
    font-weight:  500;
    margin-bottom:  40px;
}
.agendarhp  {
    font-weight:  500;
   font-size:  30px;
   line-height: 45px;
}
.boxlist  {
}
.boxlist ul  {
    position:  relative;
}
.boxlist li  {
    position:  relative;
    list-style-type:  none;
    line-height:  36px;
    font-size:  20px;
    font-weight:  300;
}
.boxlist li:before  {
    content:  "";
    position:  absolute;
    top:  9px;
    left:  -30px;
    width:  20px;
    height:  20px;
    background-image:  url('../img/tickmark.png');
    background-repeat:  no-repeat;
}
.nav-link.agendaa  {
    color:  #42454f;
    border:  1px solid #adbcc6;
    border-radius:  5px;
    margin-bottom:  15px;
    font-size:  18px;
}
.nav-link.agendaa.active  {
    color:  #42454f;
    border:  2px solid #ec7847;
    border-radius:  5px;
    margin-bottom:  15px;
    font-size:  18px;
    box-shadow:  3px 5px 3px #f3f5f7;
}
.jumplinks  {
    text-decoration:  none;
    color:  #42454f;
}
#agendatemplates  {
    scroll-margin-top:  150px;
}
#actionitems  {
    scroll-margin-top:  50px;
}
#collaborate  {
    scroll-margin-top:  50px;
}
#exportagenda {
    scroll-margin-top:  50px;
}
.casevideo  {
    box-shadow: 0px 2px 6px 4px rgba(0, 0, 0, 0.06);
    transition:  transform .2s;
}
.casevideo:hover  {
    transform:  scale(1.02);
}
.casestudy-cta  {
    position:  relative;
    top:  -30px;
    width:  100%;
    max-width:  580px;
    background-color:  #edf1f3;
    border-radius:  5px;
    border:  2px solid #cfdae1;
    height:  137px;
}
.cticon  {
    position:  absolute;
    left:  -80px;
    max-height:  125px;
}
.casectatext  {
    position:  relative;
    left:  90px;
}
.surveyresults  {
    font-weight:  500;
    font-size:  20px;
    color:  #333743;
}
.orangey  {
    color:  #fd6f37;
}
.ctatext  {
    position:  relative;
    max-width:  400px;
    font-size:  16px;
    font-weight:  300;
    top:  -10px;
}
.ctalinks  {
    position:  relative;
    top:  -15px;
}
.orangelinks  {
    color:  #333743;
    font-weight:  500;
    text-decoration-color: #fd6f37 2px;
}
.casestudywrap  {
    position:  relative;
    background-color:  #fff;
    padding:  0;
    border-radius:  5px;
    box-shadow: 0px 2px 6px 4px rgba(0, 0, 0, 0.06);
    transition:  transform .2s;
}
.casestudywrap:hover  {
    transform:  scale(1.02);
}
.casestudylogo  {
    position:  relative;
    width:  100%;
 
}
.casestudylogo img  {

}
.caseindustry  {
    position:  relative;
    text-align:  center;
    color:  #ec7847;
    font-weight:  500;
    text-transform:  uppercase;
    font-size:  16px;

}
.casename  {
    position:  relative;
    text-align:  center;
    font-size:  25px;
    color:  #343742;
  
}
.casedescr  {
    position:  relative;
    text-align:  center;
    font-size:  16px;
    color:  #343742;
    font-weight:  300;

}
.bottomrule {
    position: relative;
    width: 100%;
    border-top: 1px solid #e0e8ee;
    bottom: 0;
    left:  0;
}
.bottomrule p  {
    padding:  15px 0 15px 0;
    text-align:  center;
}
.bottomrule a  {
    position:  relative;
    text-align:  center;
    color:  #ec7847;
    font-weight:  500;
    text-transform:  uppercase;
    font-size:  16px;
    text-decoration:  underline;
}
.bottomrule a:hover  {
    text-decoration:  underline 2px;
}
.homeselector  {
}
.homeactive  {
    border:  1px solid #8b98a8;
    border-radius:  5px;
    background-color:  #fff;
}
.nav-item a  {
}
.nav-item.hometabs a.active  {
    background-image:  url('../img/transbg.png');
    background-repeat:  no-repeat;
    overflow:  visible;
    text-decoration:  none;
}
.homeselector h2  {
    font-size:  24px;
    color: #292c35;
    font-family:  'Poppins',  sans-serif;
    font-weight:  400;
}
.homeselector p  {
    font-size:  18px;
    color: #292c35;
    font-family:  'Poppins',  sans-serif;
    font-weight:  300;
}
.homeselectorinner  {
    padding:  7px;
}
.slider-one  {
    position:  absolute;
    left:  53%;
    max-width:  1000px;
}
.homeslide  {
    min-height:  500px;
}
.mycon  {
    position:  relative;
    top:  6px;
    left:  50%;
}
.accountabilitywrapper  {
    text-align:  center;
}
.taskability  {
    font-size:  40px;
    color: #343742;
    font-weight:  400;
}
.taskdescription  {
    font-size:  16px;
    color: #343742;
    font-weight:  300;
    line-height:  32px;
}
.accountabilityspan  {
    font-size:  15px;
    font-weight:  600;
    text-transform:  uppercase;
    color: #343742;
    margin-bottom:  30px;
}
.taskmore  {
    font-size:  20px;
    font-weight:  600;
    color: #343742;
    margin-bottom:  45px;
}
.tab-content.hometab  {
    position:  absolute;
    top:  -10px;
}
.testimonialcap  {
    position:  relative;
    top:  50px;
}
.fivestarmichi  {
}
.testimonialtext  {
    position:  relative;
    top:  70px;
}
.carous  {
    height:  440px;
    margin-bottom:  30px;
    border-bottom:  none;
}

.itgoes  {
    position:  absolute;
    right:  10px;
    top:  420px;
    display:  block;
}
.carousel-control-prev  {
    position:  absolute;
    height:  30px;
    width:  30px;
    top:  50%;
    left:  30px;
    color:  #000;
    border: 1px solid #202020;
    border-radius: 50%;
    background-color:  #fff;
}
.carousel-control-next  {
    position:  absolute;
    height:  30px;
    width:  30px;
    top:  50%;
    right:  30px;
    color:  #000;
    border: 1px solid #202020;
    border-radius: 50%;
    background-color:  #fff;
}
.carousel-control-prev-icon  {
    background-image:  url("data:image/svg+xml;    charset=utf-8, %3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23202020'%2F%3E%3C%2Fsvg%3E");
    width:  15px;
    height:  15px;
}
.carousel-control-next-icon  {
    background-image:  url("data:image/svg+xml;    charset=utf-8, %3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23202020'%2F%3E%3C%2Fsvg%3E");
    width:  15px;
    height:  15px;
}
.carousel-indicators.dotts  {
    position:  relative;
    top:  420px;
    left:  -170px;
    z-index:  2;
    display:  flex;
    justify-content:  center;
    padding:  0;
    margin-right:  15%;
    margin-bottom:  1rem;
    margin-left:  15%;
    list-style:  none;
}
.carousel-indicators.dotts [data-bs-target]  {
    box-sizing:  content-box;
    flex:  0 1 auto;
    width:  15px;
    height:  15px;
    padding:  0;
    margin-right:  3px;
    margin-left:  3px;
    text-indent:  -999px;
    cursor:  pointer;
    background-color:  #343742;
    background-clip:  padding-box;
    border:  0;
    border-top:  10px solid transparent;
    border-bottom:  10px solid transparent;
    opacity:  0.5;
    transition:  opacity 0.6s ease;
    border-radius:  50%;
}
.carousel-indicators.dotts .active  {
    background-color:  #2589ee;
}
.carousel-indicators.dotts a  {
    text-decoration:  none;
}
.carousel-indicators  {
    position:  relative;
    z-index:  2;
    display:  flex;
    justify-content:  center;
    padding:  0;
    margin-bottom:  1rem;
    list-style:  none;
}
.carousel-indicators [data-bs-target]  {
    position:  relative;
    width:  300;
    height:  200;
    padding:  0;
    cursor:  pointer;
    background-color:  transparent;
    background-clip:  padding-box;
    border:  0;
    border-top:  none;
    border-bottom:  none;
    transition:  opacity 0.6s ease;
    border-radius:  none;
    display:  block;
}
.carousel-indicators a.active  {
    background-image:  url('../img/transbg.png');
    background-repeat:  no-repeat;
    overflow:  visible;
    text-decoration:  none;
}
.carousel-indicators a  {
    text-decoration:  none;
}
.carousel-indicators.agendase  {
    position:  relative;
    z-index:  2;
    display:  none;
    justify-content:  center;
    padding:  0;
    margin-bottom:  1rem;
    list-style:  none;
}
.carousel-indicators.agendase [data-bs-target]  {
    position:  relative;
    width:  100%;
    height:  200px;
    padding:  0;
    cursor:  pointer;
    background-color:  transparent;
    background-clip:  padding-box;
    border:  0;
    border-top:  none;
    border-bottom:  none;
    transition:  opacity 0.6s ease;
    border-radius:  none;
}
.carousel-indicators.agendase a.active  {
    background-image:  none;
    background-repeat:  no-repeat;
    overflow:  visible;
    text-decoration:  none;
}
.carousel-indicators.agendase a  {
    text-decoration:  none;
}
.btn-thatvid  {
    position:  relative;
    width:  90%;
    background-color:  #6c9be6;
    border:  2px solid transparent;
    box-shadow:  1px 3px 5px #ddd;
    color:  #fff;
}
.stepthree  {
    overflow:  visible;
    height:  650px;
}
.testimg  {
    position:  relative;
    width:  100%;
    max-width:  160px;
}
.caplogo  {
    position:  relative;
    width:  100%;
    max-width:  100px;
}
.minutessoftwrapper  {
    position:  relative;
    width:  100%;
    margin-top: 50px;
    height:  580px;
    background-color:  #f5f4f0;
}
.deployboxdark  {
    background-color: #42454f;
    border-radius: 5px;
    padding: 15px 30px 0 30px;
    margin-bottom: 15px;
    color: #fff;
}
.deploybar  {
    position:  relative;
    left:  -200px;
}
.deploylist  {
}
.deploylist ul  {
    position:  relative;
}
.deploylist li  {
    position:  relative;
    list-style-type:  none;
    line-height:  36px;
    font-size:  16px;
    font-weight:  300;
}
.deploylist li:before  {
    content:  "";
    position:  absolute;
    top:  11px;
    left:  -30px;
    width:  20px;
    height:  20px;
    background-image:  url('../img/greenchecker.png');
    background-repeat:  no-repeat;
}
.deploymentone  {
    position:  relative;
    left:  10px;
    top:  15px;
    width:  100%;
    margin-bottom:  15px;
    max-width: 90px;
    display:  none;
}
.deploymenttwo  {
    position:  relative;
    left:  19px;
    top:  15px;
    width:  100%;
    margin-bottom:  15px;
    max-width: 90px;
    display:  none;
}
.mobdeploymentone  {
    position:  absolute;
    left: 70%;
    margin-top:  -120px;
    display:  none;
}
.mobdeploymenttwo  {
    position:  absolute;
    left: 70%;
    margin-top:  -120px;
    display:  none;
}
.mobdeploymentthree  {
    position:  absolute;
    left: 70%;
    margin-top:  -120px;
    display:  none;
}
.deploymentthree  {
    position:  relative;
    left:  10px;
    top:  15px;
    width:  100%;
    margin-bottom:  15px;
    max-width: 90px;
    display:  none;
}
.deployer  {
    position:  relative;
    width:  100%;
    height:  40px;
    padding:  15px 0 15px 0;
    margin:  30px 0 15px 0;
    background-image:  url('../img/deploy-hr-1.png');
    background-repeat:  no-repeat;
    display:  none;
}
.deployerone  {
    position:  absolute;
    top:  0;
    left:  6%;
    width:  16px;
    height:  29px;
    background-image:  url('../img/deploy-hr-2.png');
    background-repeat:  no-repeat;
    display:  none;
}
.deployertwo  {
    position:  absolute;
    top:  0;
    left:  42%;
    width:  16px;
    height:  29px;
    background-image:  url('../img/deploy-hr-2.png');
    background-repeat:  no-repeat;
    display:  none;
}
.deployerthree  {
    position:  absolute;
    top:  0;
    left:  75%;
    width:  16px;
    height:  29px;
    background-image:  url('../img/deploy-hr-2.png');
    background-repeat:  no-repeat;
    display:  none;
}
.deployboxdark  {
    background-color: #42454f;
    border-radius: 5px;
    padding: 15px 30px 0 30px;
    margin-bottom: 15px;
    color: #fff;
}
.deploybar  {
    position:  relative;
    left:  -200px;
}
.deploylist  {
}
.deploylist ul  {
    position:  relative;
}
.deploylist li  {
    position:  relative;
    list-style-type:  none;
    line-height:  36px;
    font-size:  16px;
    font-weight:  300;
}
.deploylist li:before  {
    content:  "";
    position:  absolute;
    top:  11px;
    left:  -30px;
    width:  20px;
    height:  20px;
    background-image:  url('../img/greenchecker.png');
    background-repeat:  no-repeat;
}
.deploymentone  {
    position:  relative;
    left:  10px;
    top:  15px;
    width:  100%;
    margin-bottom:  15px;
    max-width: 90px;
    display:  none;
}
.deploymenttwo  {
    position:  relative;
    left:  19px;
    top:  15px;
    width:  100%;
    margin-bottom:  15px;
    max-width: 90px;
    display:  none;
}
.mobdeploymentone  {
    position:  absolute;
    left: 70%;
    margin-top:  -120px;
    display:  none;
}
.mobdeploymenttwo  {
    position:  absolute;
    left: 70%;
    margin-top:  -120px;
    display:  none;
}
.mobdeploymentthree  {
    position:  absolute;
    left: 70%;
    margin-top:  -120px;
    display:  none;
}
.deploymentthree  {
    position:  relative;
    left:  10px;
    top:  15px;
    width:  100%;
    margin-bottom:  15px;
    max-width: 90px;
    display:  none;
}
.deployer  {
    position:  relative;
    width:  100%;
    height:  40px;
    padding:  15px 0 15px 0;
    margin:  30px 0 15px 0;
    background-image:  url('../img/deploy-hr-1.png');
    background-repeat:  no-repeat;
    display:  none;
}
.deployerone  {
    position:  absolute;
    top:  0;
    left:  6%;
    width:  16px;
    height:  29px;
    background-image:  url('../img/deploy-hr-2.png');
    background-repeat:  no-repeat;
    display:  none;
}
.deployertwo  {
    position:  absolute;
    top:  0;
    left:  42%;
    width:  16px;
    height:  29px;
    background-image:  url('../img/deploy-hr-2.png');
    background-repeat:  no-repeat;
    display:  none;
}
.deployerthree  {
    position:  absolute;
    top:  0;
    left:  75%;
    width:  16px;
    height:  29px;
    background-image:  url('../img/deploy-hr-2.png');
    background-repeat:  no-repeat;
    display:  none;
}
.whywrapper  {
    position:  relative;
    width:  100%;
    background-color:  #f1efe9;
    height:  720px;
    margin-bottom:  70px;
}
.whyhero  {
    position:  relative;
    top:  100px;
}
.whyhero h1  {
    font-size:  36px;
    line-height:  16px;
    font-weight:  300;
    color:  #343742;
}
.whyhero h2  {
    font-size:  6vw;
    line-height:  66px;
    font-weight:  500;
    color:  #ec7847;
}
.whyheroimg  {
    position:  relative;
    max-width:  727px;
    left:  -10px;
    margin-top:  -205px;
    z-index:  1;
}
.whyquotewrapper  {
    position:  relative;
    width:  100%;
}
.whyquotewrapperright  {
    position:  relative;
    width:  100%;
    margin-left:  0px;
}
.whyquote  {
    position:  relative;
    z-index:  9;
    font-style:  italic;
    font-size: 15px;
    color:  #343742;
}
.whyquote::before  {
    content:  open-quote;
}
.whyquote::after  {
    content:  close-quote;
}
.signedby  {
    position:  relative;
    left:  -45px;
    z-index:  9;
}
.signedbyauth  {
    position:  relative;
    z-index:  9;
    font-size:  16px;
    line-height:  10px;
    font-weight:  500;
    text-align:  right;
}
.signedbytitle  {
    position:  relative;
    z-index:  9;
    font-size: 12px ;
    line-height: 10px;
    text-align:  right;
}
.fivestarswhy  {
    position:  relative;
    height:  15px;
}
.whytrial  {
    position:  relative;
    width:  100%;
    z-index:  9;
    text-align:  center;
    top:  -45px;
}
.whybluebg  {
    position:  relative;
    width:  100%;
    background-color:  #dbe9f6;
    border-radius:  5px;
    max-height:  2300px;
}
.pullitupcta  {
    margin-top:  -200px;
}
.whybodyimgone  {
    position:  relative;
    max-width: 550px ;
    left:  -30px;
    z-index:  2;
}
.whybodyimgtwo  {
}
.whybodyimgthree  {
    position:  relative;
    max-width: 250px ;
    left:  120px;
    top:  -160px;
    z-index:  2;
}
.whyonebg  {
    position:  relative;
    top:  100px;
    height: 510px ;
    background-image:  url('../img/whybgone.png');
    background-repeat:  no-repeat;
    z-index:  3;
}
.whytwobg  {
    position:  relative;
    top:  -60px;
    left:  -60px;
    width:  660px;
    height:  660px;
    background-image:  url('../img/whybgtwo.png');
    background-repeat:  no-repeat;
    z-index:  3;
}
.whythreebg  {
    position:  relative;
    top:  -200px;
    left:  250px;
    height: 510px ;
    background-image:  url('../img/whybgthree.png');
    background-repeat:  no-repeat;
    z-index:  3;
}
.whybodyone  {
    position:  relative;
    left:  50px;
    top:  150px;
    font-size:  40px;
    line-height:  50px;
    text-align:  center;
    width:  400px;
    z-index:  3;
}
.whybodytwo  {
    position:  relative;
    left:  95px;
    top:  165px;
    font-size:  44px;
    line-height:  50px;
    text-align:  center;
    width:  450px;
    z-index:  2;
}
.whybodythree  {
    position:  relative;
    left:  10px;
    top:  160px;
    font-size:  40px;
    line-height:  50px;
    text-align:  center;
    width:  500px;
}
.orangeperc  {
    color: #ec7847 ;
    font-weight:  600;
    font-size:  48px;
}
.whybottombg  {
    position:  relative;
    width:  100%;
    background-image:  url('../img/whybottom-bg-696.png');
    background-repeat:  no-repeat;
    max-width:  696px;
    height:  460px;
    margin:  0 auto;
}
.whybottombg h2  {
    display:  none;
}
.whystepone  {
    position:  relative;
    width:  260px;
    top:  40px;
    text-align:  right;
    color:  #fff;
    display:  none;
}
.whystepone h5  {
    font-size:  18px;
    color:  #a893e6;
    line-height:  20px;
}
.whystepone p  {
    font-size:  18px;
    color:  #fff;
    font-weight:  300;
    line-height:  26px;
}
.whysteptwo  {
    position:  relative;
    left:  78%;
    top:  -180px;
    width:  240px;
    text-align:  left;
    color:  #fff;
    display:  none;
}
.whysteptwo h5  {
    font-size: 18px;
    color:  #dc6069;
    line-height:  20px;
}
.whysteptwo p  {
    font-size:  18px;
    color:  #fff;
    font-weight:  300;
    line-height:  26px;
}
.whystepthree  {
    position:  relative;
    width:  240px;
    left:  75%;
    top:  15px;
    text-align:  left;
    color:  #fff;
    display:  none;
}
.whystepthree h5  {
    line-height:  18px;
    font-size:  20px;
    color:  #edbe5a;
}
.whystepthree p  {
    font-size:  18px;
    color:  #fff;
    font-weight:  300;
    line-height:  26px;
}
.whystepfour  {
    position:  relative;
    top:  -100px;
    width:  400px;
    margin:  0 auto;
    text-align:  center;
    color:  #fff;
    display:  none;
}
.whystepfour h5  {
    line-height:  20px;
    font-size:  18px;
    color:  #6fbfe5;
}
.whystepfour p  {
    font-size:  18px;
    color:  #fff;
    font-weight:  300;
    line-height:  26px;
}
.whystepfive  {
    position:  relative;
    width:  240px;
    top:  -515px;
    left:  -10px;
    text-align:  right;
    color:  #fff;
    display:  none;
}
.whystepfive h5  {
    font-size:  18px;
    color:  #abd376;
}
.whystepfive p  {
    font-size:  18px;
    color:  #fff;
    font-weight:  300;
}
.onearrow  {
    position:  relative;
    left:  180px;
    top:  -150px;
}
.twoarrow  {
    position:  relative;
    left:  -185px;
    top:  -125px;
}
.threearrow  {
    position:  relative;
    left:  -120px;
    top:  -175px;
}
.fourarrow  {
    position:  relative;
    top:  -240px;
}
.fivearrow  {
    position:  relative;
    left:  115px;
    top:  -255px;
}
.myconmob  {
    position:  relative;
    width:  100%;
    max-width:  25px;
    top:  -2px;
    left:  2px;
    margin-right:  15px;
}
.mobsteph  {
    font-weight:  400;
    font-size:  5vw;
}
.caveatss  {
    font-size:  16px !important;
}
.examplebox {
	position: relative;
	width: 100%;
	
	margin-top: 160px;
	margin-bottom: 30px;
	

}
.innerexamplebg {
	position: relative;
	width: 100%;
	background-image: url('/img/exampletemplatebg.png');
	background-repeat: no-repeat;
	background-size: 100%;
	min-height: 400px;
	z-index: 8;
	border: 2px solid #fff;
	box-shadow: 0px 2px 6px 4px rgb(0 0 0 / 6%)
}
.innterexamptext {
	position: relative;
	top: 160px;
	text-align: center;
}
.templateexampleimg {
	position: absolute;
	top: -110px;
	left: 30px;
	z-index: 9;
}
.innerbluebox h5 {
    position: relative;
    font-size: 6.4vw;
    line-height: 8.4vw;
    color: #212529;
    margin-bottom: 0;
    text-decoration: none;
    top: 0px;
    height: 95px;
    font-weight: 600;
}
}
@media (min-width: 768px)  {
	    .modal  {
		    margin-top:  65px;
		    background-color:  rgba(0, 0, 0, 0.5);
		    border-radius:  5px;
		    padding:  30px;
		}
		.innerbluebox h5 {
			position: relative;
			font-size: 40px;
			line-height: 52px;
			color: #212529;
			margin-bottom: 30px;
			text-decoration: none;
			top: 0;
			height: 40px;
			font-weight: 600;
		}
		.innerbluebox p {
			    position: relative;
	    	    font-size: 23px !important;
	         	line-height: 30px !important;
			    color: #025094 !important;
			    margin-bottom: 30px;
			    text-decoration: none;
			    top: 0;
			    height: 27px;
			    min-height: 45px;
			
		}
	.newwebinar-btn {
	    position: relative;
	    border-radius: 5px;
	    border: 2px solid rgba(2,80,148,1);
	    background-color: #fff;
	    text-decoration: none;
	    white-space: nowrap;
	    text-align: center;
	    font-style: normal;
	    font-weight: 600;
	    font-size: 24px;
	    color: rgba(2,80,148,1);
	    padding: 5px 57px 5px 35px;
	    text-align: center;
	    max-width: 238px;
	    margin-right: 0px;
	    margin-left: 0px;
	}
	.heroheader {
	    font-family: 'Poppins', sans-serif;
	    font-weight: 600;
	    font-style: normal;
	    color: #292c35;
	    font-size:48px;
	    line-height: 60px;
	    text-align: left;
	}
	.partnersone {
	    position: relative;
	    width:46%;
	    border-bottom: 3px solid #0D314D;
	    border-position: outside;
	    background-color: transparent;
	    font-size: 24px;
	    text-transform: uppercase;
	    font-weight: 600;
	    color: #0D314D;
	    margin-bottom: 15px;
	}
	.partnersone.active {
	    position: relative;
	    width: 46%;
	    border-bottom: 8px solid #0D314D;
	    background-color: transparent;
	    font-size: 24px;
	    text-transform: uppercase;
	    font-weight: 600;
	    color: #0D314D;
	    margin-bottom: 15px;
	}
	.millionspan {
		font-size: 40px;
		line-height: 52px;

	}
    .myconmob  {
    position:  relative;
    width:  100%;
    max-width:  25px;
    top:  -5px;
    left:  0;
    margin-right:  15px;
}
.mobsteph  {
    font-weight:  400;
    font-size:  4vw;
}
.minuteslefter  {
    position:  absolute;
    max-width:  800px;
    right:  51%;
}
.newminutesheros  {
    position:  relative;
    top:  0px;
    bottom:  0;
    left:  0 auto;
    width:  100%;
    max-width:  1200px;
}
.actionhero h1  {
    font-size:  40px;
    font-weight:  400;
    text-align:  left;
    padding-bottom:  30px;
}
.actionapp  {
    text-align:  left;
    position:  relative;
    margin:  0 auto;
    max-width:  100%;
    padding-bottom:  15px;
    font-size:  20px;
}
.agendasoftherowrapper  {
    position:  relative;
    width:  100%;
    top:  60px;
    background-color:  #f5f4f0;
}
.minagendasoftherowrapper  {
    position:  relative;
    width:  100%;
    top:  60px;
    min-height:  490px;
    background-color:  #f5f4f0;
}
.agendasofthero  {
    padding-top:  66px;
}
.agendasofthero h1  {
    font-size:  46px;
    font-weight:  400;
}
.agendasofthero p  {
    font-size:  20px;
    font-weight:  400;
    line-height:  32px;
}
.agendapp  {
    text-align:  center;
    position:  relative;
    margin:  0 auto;
    max-width:  70%;
}
.newagendaheros  {
    position:  relative;
    top:  0;
    bottom:  0;
    left:  0 auto;
    width:  100%;
}
.anaheros  {
    position:  relative;
    top:  0;
    bottom:  0;
    left:  0;
    width:  100%;
}
.agendahh  {
    font-size:  36px;
    font-weight:  400;
}
.grabx  {
    position:  relative;
    width:  100%;
    height:  70px;
    background-color:  #ffffff;
    border-radius:  5px;
    box-shadow:  1px 3px 4px #BEBEBE;
}
.grabx p  {
    position:  relative;
    font-size:  18px;
    font-weight:  400;
    top:  11px;
    left:  0px;
}
.grabxicon  {
    position:  relative;
    top:  -3px;
    padding-right:  60px;
    float:  right;
    display:  none;
}
.grabxicons  {
    position:  relative;
    top:  -3px;
    padding-right:  52px;
    float:  right;
    display:  none;
}
.agendalistz  {
    display:  block;
    position:  relative;
    top:  -43px;
}
.agendalistz li {
    display:  block;
}
.nav-item.agendatabz:first-child  {
    display:  block;
}
.nav-item.agendatabz  {
    display:  block;
}
.nav-item.agendatabz:last-child  {
    display:  block;
}
.agendatabz  {
}
.agendatabs  {
    overflow:  visible;
    position:  absolute;
    top:  0;
    left:  73%;
    width: 630px;
}
.titleslabel  {
    text-transform:  uppercase;
    font-weight:  500;
    font-size:  15px;
    margin-bottom:  0;
}
.agendicon  {
    position:  relative;
    max-height:  14px;
    padding-right:  7px;
    top:  -1px;
    display:  inline-block;
}
.agendarh  {
    font-size:  40px;
    font-weight:  500;
    margin-bottom:  40px;
}
.agendarhp  {
    font-weight:  500;
   font-size:  30px;
   line-height: 45px;
}
.boxlist  {
}
.boxlist ul  {
    position:  relative;
}
.boxlist li  {
    position:  relative;
    list-style-type:  none;
    line-height:  36px;
    font-size:  20px;
    font-weight:  300;
}
.boxlist li:before  {
    content:  "";
    position:  absolute;
    top:  9px;
    left:  -30px;
    width:  20px;
    height:  20px;
    background-image:  url('../img/tickmark.png');
    background-repeat:  no-repeat;
}
.nav-link.agendaa  {
    color:  #42454f;
    border:  1px solid #adbcc6;
    border-radius:  5px;
    margin-bottom:  15px;
    font-size:  18px;
}
.nav-link.agendaa.active  {
    color:  #42454f;
    border:  2px solid #ec7847;
    border-radius:  5px;
    margin-bottom:  15px;
    font-size:  18px;
    box-shadow:  3px 5px 3px #f3f5f7;
}
.jumplinks  {
    text-decoration:  none;
    color:  #42454f;
}
#agendatemplates  {
    scroll-margin-top:  150px;
}
#actionitems  {
    scroll-margin-top:  50px;
}
#collaborate  {
    scroll-margin-top:  50px;
}
#exportagenda {
    scroll-margin-top:  50px;
}
.casevideo  {
    box-shadow: 0px 2px 6px 4px rgba(0, 0, 0, 0.06);
    transition:  transform .2s;
}
.casevideo:hover  {
    transform:  scale(1.02);
}
.casestudy-cta  {
    position:  relative;
    top:  60px;
    width:  100%;
    max-width:  560px;
    background-color:  #edf1f3;
    border-radius:  5px;
    border:  2px solid #cfdae1;
    height:  137px;
    left:  50px;
}
.cticon  {
    position:  absolute;
    left:  -80px;
    max-height:  125px;
}
.casectatext  {
    position:  relative;
    left:  90px;
}
.surveyresults  {
    font-weight:  500;
    font-size:  20px;
    color:  #333743;
}
.orangey  {
    color:  #fd6f37;
}
.ctatext  {
    position:  relative;
    max-width:  400px;
    font-size:  16px;
    font-weight:  300;
    top:  -10px;
}
.ctalinks  {
    position:  relative;
    top:  -15px;
}
.orangelinks  {
    color:  #333743;
    font-weight:  500;
    text-decoration-color: #fd6f37 2px;
}
.casestudywrap  {
    position:  relative;
    background-color:  #fff;
    padding:  0;

    border-radius:  5px;
    box-shadow: 0px 2px 6px 4px rgba(0, 0, 0, 0.06);
    transition:  transform .2s;
}
.casestudywrap:hover  {
    transform:  scale(1.02);
}
.casestudylogo  {
    position:  relative;
    width:  100%;

}
.casestudylogo img  {

}
.caseindustry  {
    position:  relative;
    text-align:  center;
    color:  #ec7847;
    font-weight:  500;
    text-transform:  uppercase;
    font-size:  16px;

}
.casename  {
    position:  relative;
    text-align:  center;
    font-size:  25px;
    color:  #343742;
  
}
.casedescr  {
    position:  relative;
    text-align:  center;
    font-size:  16px;
    color:  #343742;
    font-weight:  300;

}
.bottomrule {
    position: relative;
    width: 100%;
    border-top: 1px solid #e0e8ee;
    bottom: 0;
    left:  0;
}
.bottomrule p  {
    padding:  15px 0 15px 0;
    text-align:  center;
}
.bottomrule a  {
    position:  relative;
    text-align:  center;
    color:  #ec7847;
    font-weight:  500;
    text-transform:  uppercase;
    font-size:  16px;
    text-decoration:  underline;
}
.bottomrule a:hover  {
    text-decoration:  underline 2px;
}
.homeselector  {
}
.homeactive  {
    border:  1px solid #8b98a8;
    border-radius:  5px;
    background-color:  #fff;
}
.nav-item a  {
}
.nav-item.hometabs a.active  {
    background-image:  url('../img/transbg.png');
    background-repeat:  no-repeat;
    overflow:  visible;
    text-decoration:  none;
}
.homeselector h2  {
    font-size:  20px;
    color: #292c35;
    font-family:  'Poppins',  sans-serif;
    font-weight:  400;
}
.homeselector p  {
    font-size:  15px;
    color: #292c35;
    font-family:  'Poppins',  sans-serif;
    font-weight:  300;
}
.homeselectorinner  {
    padding:  7px;
}
.slider-one  {
    position:  absolute;
    left:  53%;
    max-width:  1000px;
}
.homeslide  {
    min-height:  500px;
}
.mycon  {
    position:  relative;
    top:  -1px;
    left:  -1px;
}
.accountabilitywrapper  {
    text-align:  center;
}
.taskability  {
    font-size:  40px;
    color: #343742;
    font-weight:  400;
}
.taskdescription  {
    font-size:  20px;
    color: #343742;
    font-weight:  300;
    line-height:  32px;
}
.accountabilityspan  {
    font-size:  15px;
    font-weight:  600;
    text-transform:  uppercase;
    color: #343742;
    margin-bottom:  30px;
}
.taskmore  {
    font-size:  20px;
    font-weight:  600;
    color: #343742;
    margin-bottom:  45px;
}
.tab-content.hometab  {
    position:  absolute;
    top:  -10px;
}
.testimonialcap  {
    position:  relative;
    top:  50px;
}
.fivestarmichi  {
}
.testimonialtext  {
    position:  relative;
    top:  70px;
}
.carous  {
    height:  380px;
    margin-bottom:  30px;
    border-bottom:  none;
}

.itgoes  {
    position:  absolute;
    right:  10px;
    top:  400px;
}
.carousel-control-prev  {
    position:  absolute;
    height:  30px;
    width:  30px;
    top:  50%;
    left:  30px;
    color:  #000;
    border: 1px solid #202020;
    border-radius: 50%;
    background-color:  #fff;
}
.carousel-control-next  {
    position:  absolute;
    height:  30px;
    width:  30px;
    top:  50%;
    right:  30px;
    color:  #000;
    border: 1px solid #202020;
    border-radius: 50%;
    background-color:  #fff;
}
.carousel-control-prev-icon  {
    background-image:  url("data:image/svg+xml;   charset=utf-8, %3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23202020'%2F%3E%3C%2Fsvg%3E");
    width:  15px;
    height:  15px;
}
.carousel-control-next-icon  {
    background-image:  url("data:image/svg+xml;    charset=utf-8, %3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23202020'%2F%3E%3C%2Fsvg%3E");
    width:  15px;
    height:  15px;
}
.carousel-indicators.dotts  {
    position:  relative;
    width:  100px;
    top:  400px;
    left:  -100px;
    z-index:  2;
    display:  flex;
    justify-content:  center;
    padding:  0;
    margin-right:  15%;
    margin-bottom:  1rem;
    margin-left:  15%;
    list-style:  none;
}
.carousel-indicators.dotts [data-bs-target]  {
    box-sizing:  content-box;
    flex:  0 1 auto;
    width:  15px;
    height:  15px;
    padding:  0;
    margin-right:  3px;
    margin-left:  3px;
    text-indent:  -999px;
    cursor:  pointer;
    background-color:  #343742;
    background-clip:  padding-box;
    border:  0;
    border-top:  10px solid transparent;
    border-bottom:  10px solid transparent;
    opacity:  0.5;
    transition:  opacity 0.6s ease;
    border-radius:  50%;
}
.carousel-indicators.dotts .active  {
    background-color:  #2589ee;
}
.carousel-indicators.dotts a  {
    text-decoration:  none;
}
.carousel-indicators  {
    position:  relative;
    z-index:  2;
    display:  flex;
    justify-content:  center;
    padding:  0;
    margin-bottom:  1rem;
    list-style:  none;
}
.carousel-indicators [data-bs-target]  {
    position:  relative;
    width:  100%;
    height:  130px;
    padding:  0;
    cursor:  pointer;
    background-color:  transparent;
    background-clip:  padding-box;
    border:  0;
    border-top:  none;
    border-bottom:  none;
    transition:  opacity 0.6s ease;
    border-radius:  none;
}
.carousel-indicators a.active  {
    background-image:  url('../img/transbg.png');
    background-repeat:  no-repeat;
    overflow:  visible;
    text-decoration:  none;
}
.carousel-indicators a  {
    text-decoration:  none;
}
.carousel-indicators.agendase  {
    position:  relative;
    z-index:  2;
    display:  none;
    justify-content:  center;
    padding:  0;
    margin-bottom:  1rem;
    list-style:  none;
}
.carousel-indicators.agendase [data-bs-target]  {
    position:  relative;
    width:  100%;
    height:  50px;
    padding:  15px;
    cursor:  pointer;
    background-color:  #fff;
    background-clip:  padding-box;
    transition:  opacity 0.6s ease;
    color:  #42454f;
    border:  1px solid #adbcc6;
    border-radius:  5px;
    margin-bottom:  15px;
    font-size:  10px;
}
.carousel-indicators.agendase a.active  {
    background-image:  none;
    background-repeat:  no-repeat;
    overflow:  visible;
    text-decoration:  none;
    color:  #42454f;
    border:  1px solid #FD6F37;
    border-radius:  5px;
    margin-bottom:  15px;
    font-size:  10px;
}
.carousel-indicators.agendase a  {
    text-decoration:  none;
}
.btn-thatvid  {
    position:  relative;
    width:  90%;
    background-color:  #6c9be6;
    border:  2px solid transparent;
    box-shadow:  1px 3px 5px #ddd;
    color:  #fff;
}
.stepthree  {
    overflow:  visible;
    height:  650px;
}
.testimg  {
    position:  relative;
    width:  100%;
    max-width:  260px;
}
.minutessoftwrapper  {
    position:  relative;
    width:  100%;
    margin-top: 50px;
    height:  500px;
    background-color:  #f5f4f0;
}
.deployboxdark  {
    background-color: #42454f;
    border-radius: 5px;
    padding: 15px 30px 0 30px;
    margin-bottom: 15px;
    color: #fff;
}
.deploybar  {
    position:  relative;
    left:  -200px;
}
.deploylist  {
}
.deploylist ul  {
    position:  relative;
}
.deploylist li  {
    position:  relative;
    list-style-type:  none;
    line-height:  36px;
    font-size:  16px;
    font-weight:  300;
}
.deploylist li:before  {
    content:  "";
    position:  absolute;
    top:  11px;
    left:  -30px;
    width:  20px;
    height:  20px;
    background-image:  url('../img/greenchecker.png');
    background-repeat:  no-repeat;
}
.deploymentone  {
    position:  relative;
    left:  10px;
    top:  15px;
    width:  100%;
    margin-bottom:  15px;
    max-width: 90px;
    display:  none;
}
.deploymenttwo  {
    position:  relative;
    left:  19px;
    top:  15px;
    width:  100%;
    margin-bottom:  15px;
    max-width: 90px;
    display:  none;
}
.mobdeploymentone  {
    position:  absolute;
    left: 70%;
    margin-top:  -120px;
    display:  block;
}
.mobdeploymenttwo  {
    position:  absolute;
    left: 70%;
    margin-top:  -120px;
    display:  block;
}
.mobdeploymentthree  {
    position:  absolute;
    left: 70%;
    margin-top:  -120px;
    display:  block;
}
.deploymentthree  {
    position:  relative;
    left:  10px;
    top:  15px;
    width:  100%;
    margin-bottom:  15px;
    max-width: 90px;
    display:  none;
}
.deployer  {
    position:  relative;
    width:  100%;
    height:  40px;
    padding:  15px 0 15px 0;
    margin:  30px 0 15px 0;
    background-image:  url('../img/deploy-hr-1.png');
    background-repeat:  no-repeat;
    display:  none;
}
.deployerone  {
    position:  absolute;
    top:  0;
    left:  6%;
    width:  16px;
    height:  29px;
    background-image:  url('../img/deploy-hr-2.png');
    background-repeat:  no-repeat;
    display:  none;
}
.deployertwo  {
    position:  absolute;
    top:  0;
    left:  42%;
    width:  16px;
    height:  29px;
    background-image:  url('../img/deploy-hr-2.png');
    background-repeat:  no-repeat;
    display:  none;
}
.deployerthree  {
    position:  absolute;
    top:  0;
    left:  75%;
    width:  16px;
    height:  29px;
    background-image:  url('../img/deploy-hr-2.png');
    background-repeat:  no-repeat;
    display:  none;
}
.meetingsofthero  {
    padding:  30px 30px 0 30px;
}
.minutestopper  {
    position:  relative;
    height:  300px;
}
.whywrapper  {
    position:  relative;
    width:  100%;
    background-color:  #f1efe9;
    height:  640px;
    margin-bottom:  70px;
}
.whyhero  {
    position:  relative;
    top:  140px;
}
.whyhero h1  {
    font-size:  36px;
    line-height:  16px;
    font-weight:  300;
    color:  #343742;
}
.whyhero h2  {
    font-size:  6vw;
    line-height:  66px;
    font-weight:  500;
    color:  #ec7847;
}
.whyheroimg  {
    position:  relative;
    max-width:  727px;
    left:  -10px;
    margin-top:  -205px;
    z-index:  1;
}
.whyquotewrapper  {
    position:  relative;
    width:  100%;
}
.whyquotewrapperright  {
    position:  relative;
    width:  100%;
    margin-left:  0px;
}
.whyquote  {
    position:  relative;
    z-index:  9;
    font-style:  italic;
    font-size: 15px;
    color:  #343742;
}
.whyquote::before  {
    content:  open-quote;
}
.whyquote::after  {
    content:  close-quote;
}
.signedby  {
    position:  relative;
    left:  -45px;
    z-index:  9;
}
.signedbyauth  {
    position:  relative;
    z-index:  9;
    font-size:  16px;
    line-height:  10px;
    font-weight:  500;
    text-align:  right;
}
.signedbytitle  {
    position:  relative;
    z-index:  9;
    font-size: 12px ;
    line-height: 10px;
    text-align:  right;
}
.fivestarswhy  {
    position:  relative;
    height:  15px;
}
.whytrial  {
    position:  relative;
    width:  100%;
    z-index:  9;
    text-align:  center;
    top:  -45px;
}
.whybluebg  {
    position:  relative;
    width:  100%;
    background-color:  #dbe9f6;
    border-radius:  5px;
    max-height:  1860px;
}
.pullitupcta  {
    margin-top:  -400px;
}
.whybodyimgone  {
    position:  relative;
    width:  100%;
    max-width: 550px ;
    left:  -15px;
    top:  15px;
    z-index:  2;
}
.whybodyimgtwo  {
    position:  relative;
    width:  100%;
    top:  -360px;
    left:  -90px;
}
.whybodyimgthree  {
    position:  relative;
    width:  100%;
    max-width:  250px;
    left:  68px;
    top:  -680px;
    z-index:  2;
}
.whyonebg  {
    position:  relative;
    top:  -130px;
    left:  28px;
    height:  510px;
    background-image:  url(../img/whybgone.png);
    background-repeat:  no-repeat;
    background-size:  contain;
    z-index:  3;
}
.whytwobg  {
    position:  relative;
    top:  -480px;
    left:  -60px;
    width:  500px;
    height:  500px;
    background-image:  url('../img/whybgone.png');
    background-repeat:  no-repeat;
    background-size:  contain;
    z-index:  3;
}
.whythreebg  {
    position:  relative;
    top:  -812px;
    left:  -118px;
    height:  510px;
    background-image:  url(../img/whybgthree.png);
    background-repeat:  no-repeat;
    background-size:  contain;
    z-index:  3;
}
.whybodyone  {
    position:  relative;
    left:  76px;
    top:  102px;
    font-size:  38px;
    line-height:  40px;
    text-align:  center;
    width:  293px;
    z-index:  3;
}
.whybodytwo  {
    position:  relative;
    left:  75px;
    top:  121px;
    font-size:  38px;
    line-height:  40px;
    text-align:  center;
    width:  356px;
    z-index:  2;
}
.whybodythree  {
    position:  relative;
    left:  33px;
    top:  137px;
    font-size:  38px;
    line-height:  46px;
    text-align:  center;
    width:  394px;
    color:  #fff;
}
.mobile-try  {
    position:  relative;
    left:  2px;
    top:  61px;
}
.orangeperc  {
    color: #ec7847 ;
    font-weight:  600;
    font-size:  48px;
}
.whybottombg  {
    position:  relative;
    width:  100%;
    background-image:  url('../img/whybottom-bg-696.png');
    background-repeat:  no-repeat;
    max-width:  696px;
    height:  460px;
    margin:  0 auto;
}
.whybottombg h2  {
    display:  none;
}
.whystepone  {
    position:  relative;
    width:  260px;
    top:  10px;
    left:  -30px;
    text-align:  right;
    color:  #fff;
    display:  none;
}
.whystepone h5  {
    font-size:  16px;
    color:  #a893e6;
    line-height:  18px;
}
.whystepone p  {
    color:  #fff;
    font-weight:  300;
    font-size:  12px;
    line-height:  14px;
}
.whysteptwo  {
    position:  relative;
    left:  78%;
    top:  -180px;
    width:  240px;
    text-align:  left;
    color:  #fff;
    display:  none;
}
.whysteptwo h5  {
    color:  #dc6069;
    font-size: 16px;
    line-height:  18px;
}
.whysteptwo p  {
    color:  #fff;
    font-weight:  300;
    font-size:  12px;
    line-height:  14px;
}
.whystepthree  {
    position:  relative;
    width:  240px;
    left:  75%;
    top:  15px;
    text-align:  left;
    color:  #fff;
    display:  none;
}
.whystepthree h5  {
    font-size: 16px;
    line-height:  18px;
    color:  #edbe5a;
}
.whystepthree p  {
    color:  #fff;
    font-weight:  300;
    font-size:  12px;
    line-height:  14px;
}
.whystepfour  {
    position:  relative;
    top:  -100px;
    width:  400px;
    margin:  0 auto;
    text-align:  center;
    color:  #fff;
    display:  none;
}
.whystepfour h5  {
    font-size: 16px;
    line-height:  18px;
    color:  #6fbfe5;
}
.whystepfour p  {
    color:  #fff;
    font-weight:  300;
    font-size:  12px;
    line-height:  14px;
}
.whystepfive  {
    position:  relative;
    width:  240px;
    top:  -515px;
    left:  -10px;
    text-align:  right;
    color:  #fff;
    display:  none;
}
.whystepfive h5  {
    font-size: 16px;
    line-height:  18px;
    color:  #abd376;
}
.whystepfive p  {
    color:  #fff;
    font-weight:  300;
    font-size:  12px;
    line-height:  14px;
}
.onearrow  {
    position:  relative;
    left:  180px;
    top:  -150px;
}
.twoarrow  {
    position:  relative;
    left:  -185px;
    top:  -125px;
}
.threearrow  {
    position:  relative;
    left:  -120px;
    top:  -175px;
}
.fourarrow  {
    position:  relative;
    top:  -240px;
}
.fivearrow  {
    position:  relative;
    left:  115px;
    top:  -255px;
}
.examplebox {
	position: relative;
	width: 100%;
	
	margin-top: 160px;
	margin-bottom: 30px;
	

}
.innerexamplebg {
	position: relative;
	width: 100%;
	background-image: url('/img/exampletemplatebg.png');
	background-repeat: no-repeat;
	background-size: 100%;
	min-height: 400px;
	z-index: 8;
	border: 2px solid #fff;
	box-shadow: 0px 2px 6px 4px rgb(0 0 0 / 6%)
}
.innterexamptext {
	position: relative;
	top: 160px;
	text-align: center;
}
.templateexampleimg {
	position: absolute;
	top: -100px;
	left: 205px;
	z-index: 9;
	max-width: 300px;
}
}
@media (min-width: 992px)  {
	.dollah {
		font-size: 33px;
		    position: relative;
		    top: -22px;
		    left: 0;
	}
	.onedollah {
		font-size: 33px;
		    position: relative;
		    top: -22px;
		    left: 0;
	}
	.navybg {
	    background-color: #0D314D;
	}
	.navybg h2 {
	    font-size: 43px;
	    line-height: 52px;
	    font-weight: 400;
	    color: #fff;
	}
	.btn-minen {
	    background-color: #2589EE;
	    border: 1px solid #025094;
	    font-size: 24px;
	    color: #fff;
	    font-weight: 600;
	   padding: 25px 65px;
	}
	.newwebinar-btn {
	    position: relative;
	    border-radius: 5px;
	    border: 2px solid rgba(2,80,148,1);
	    background-color: #fff;
	    text-decoration: none;
	    white-space: nowrap;
	    text-align: center;
	    font-style: normal;
	    font-weight: 600;
	    font-size: 18px;
	    color: rgba(2,80,148,1);
	    padding: 5px 20px 5px 20px;
	    text-align: center;
	    max-width: 165px;
	    margin-right: -5px;
	}
	.newfreet-btn {
	    position: relative;
	    border-radius: 5px;
	    border: 2px solid rgba(50,57,65,1);
	    background-color: rgba(84,106,136,1);
	    color: #fff;
	    text-decoration: none;
	    white-space: nowrap;
	    text-align: center;
	    font-style: normal;
	    font-weight: 600;
	    font-size:18px;
	    color: rgba(255,255,255,1);
	    padding: 5px 20px 5px 20px;
	    text-align: center;
	    max-width: 155px;
	        margin-top: 0;
	}
	.therighthero {
	    position: relative;
	}
	.therighthero img {
		position: relative;
		width: 100%;
		aspect-ratio: auto;

	}
    .rightheroz  {
    background-image:  url('/img/mind-mapping-girl.png');
    background-size:  cover;
    background-repeat:  no-repeat;
    position:  relative;
    top:  0;
    height: 100%;
}
.theform  {
    position:  relative;
    width:  100%;
    background-color:  #dae4ea;
    top:  -180px;
    border-radius:  5px;
}
.castop  {
    min-height:  200px;
}
.castinn  {
    padding-top:  30px;
    padding-bottom:  30px;
}
.actionhero  {
    position:  relative;
    padding-top:  60px;
    height: 500px;
}
.threes  {
    overflow:  visible;
    position:  relative;
    left: -200px;
}
.minutessoftwrapper  {
    position:  relative;
    width:  100%;
    margin-top: 50px;
    height:  500px;
    background-color:  #f5f4f0;
}
.newminutesheros  {
    position:  relative;
    top:  0px;
    bottom:  0;
    left:  0 auto;
    width:  100%;
    max-width:  1200px;
}
.agendasoftherowrapper  {
    position:  relative;
    width:  100%;
    top:  60px;
    background-color:  #f5f4f0;
}
.minagendasoftherowrapper  {
    position:  relative;
    width:  100%;
    top:  60px;
    min-height:  490px;
    background-color:  #f5f4f0;
}
.agendasofthero  {
    padding-top:  30px;
}
.agendasofthero h1  {
    font-size:  46px;
    font-weight:  400;
}
.agendasofthero p  {
    font-size:  20px;
    font-weight:  400;
    line-height:  32px;
}
.agendapp  {
    text-align:  center;
    position:  relative;
    margin:  0 auto;
    max-width:  70%;
}
.newagendaheros  {
    position:  relative;
    top:  0;
    bottom:  0;
    left:  0 auto;
    width:  100%;
}
.agendahh  {
    font-size:  36px;
    font-weight:  400;
}
.grabx  {
    position:  relative;
    width:  100%;
    height:  70px;
    background-color:  #ffffff;
    border-radius:  5px;
    box-shadow:  1px 3px 4px #BEBEBE;
}
.grabx p  {
    position:  relative;
    font-size:  20px;
    font-weight:  400;
    top: 5px;
    left:  30px;
    text-align:  left;
}
.grabxicon  {
    position:  relative;
    top:  0;
    padding-right:  60px;
    float:  left;
    display:  block;
}
.grabxicons  {
    position:  relative;
    top:  5px;
    padding-right:  52px;
    float:  left;
    display:  block;
    left:  -7px;
}
.agendalistz  {
    display:  block;
    position:  relative;
    top:  -43px;
}
.agendalistz li {
    display:  block;
}
.nav-item.agendatabz:first-child  {
    display:  block;
}
.nav-item.agendatabz  {
    display:  block;
}
.nav-item.agendatabz:last-child  {
    display:  block;
}
.agendatabz  {
}
.agendatabs  {
    overflow:  visible;
    position:  absolute;
    top:  0;
    left:  73%;
    width: 630px;
}
.titleslabel  {
    text-transform:  uppercase;
    font-weight:  500;
    font-size:  15px;
    margin-bottom:  0;
}
.agendicon  {
    position:  relative;
    max-height:  14px;
    padding-right:  7px;
    top:  -1px;
    display:  inline-block;
}
.agendarh  {
    font-size:  40px;
    line-height: 52px;
    font-weight:  500;
    margin-bottom:  40px;
}
.agendarhp  {
    font-weight:  500;
   font-size:  30px;
   line-height: 45px;
}
.boxlist  {
}
.boxlist ul  {
    position:  relative;
}
.boxlist li  {
    position:  relative;
    list-style-type:  none;
    line-height:  36px;
    font-size:  20px;
    font-weight:  300;
}
.boxlist li:before  {
    content:  "";
    position:  absolute;
    top:  9px;
    left:  -30px;
    width:  20px;
    height:  20px;
    background-image:  url('../img/tickmark.png');
    background-repeat:  no-repeat;
}
.nav-link.agendaa  {
    color:  #42454f;
    border:  1px solid #adbcc6;
    border-radius:  5px;
    margin-bottom:  15px;
    font-size:  18px;
}
.nav-link.agendaa.active  {
    color:  #42454f;
    border:  2px solid #ec7847;
    border-radius:  5px;
    margin-bottom:  15px;
    font-size:  18px;
    box-shadow:  3px 5px 3px #f3f5f7;
}
.jumplinks  {
    text-decoration:  none;
    color:  #42454f;
}
#agendatemplates  {
    scroll-margin-top:  150px;
}
#actionitems  {
    scroll-margin-top:  50px;
}
#collaborate  {
    scroll-margin-top:  50px;
}
#exportagenda {
    scroll-margin-top:  50px;
}
.casevideo  {
    box-shadow: 0px 2px 6px 4px rgba(0, 0, 0, 0.06);
    transition:  transform .2s;
}
.casevideo:hover  {
    transform:  scale(1.02);
}
.casestudy-cta  {
    position:  relative;
    top:  -5px;
    width:  100%;
    max-width:  580px;
    background-color:  #edf1f3;
    border-radius:  5px;
    border:  2px solid #cfdae1;
    height:  137px;
    left:  0;
}
.cticon  {
    position:  absolute;
    left:  -115px;
    max-height:  125px;
}
.casectatext  {
    position:  relative;
    left:  30px;
}
.surveyresults  {
    font-weight:  500;
    font-size:  20px;
    color:  #333743;
}
.orangey  {
    color:  #fd6f37;
}
.ctatext  {
    position:  relative;
    max-width:  400px;
    font-size:  16px;
    font-weight:  300;
    top:  -10px;
}
.ctalinks  {
    position:  relative;
    top:  -15px;
}
.orangelinks  {
    color:  #333743;
    font-weight:  500;
    text-decoration-color: #fd6f37 2px;
}
.casestudywrap  {
    position:  relative;
    background-color:  #fff;
    padding:  0;

    border-radius:  5px;
    box-shadow: 0px 2px 6px 4px rgba(0, 0, 0, 0.06);
    transition:  transform .2s;
}
.casestudywrap:hover  {
    transform:  scale(1.02);
}
.casestudylogo  {
    position:  relative;
    width:  100%;

}
.casestudylogo img  {

}
.caseindustry  {
    position:  relative;
    text-align:  center;
    color:  #ec7847;
    font-weight:  500;
    text-transform:  uppercase;
    font-size:  16px;

}
.casename  {
    position:  relative;
    text-align:  center;
    font-size:  18px;
    color:  #343742;

}
.casedescr  {
    position:  relative;
    text-align:  center;
    font-size:  16px;
    color:  #343742;
    font-weight:  300;

}
.bottomrule {
    position: relative;
    width: 100%;
    border-top: 1px solid #e0e8ee;
    bottom: 0;
    left:  0;
}
.bottomrule p  {
    padding:  15px 0 15px 0;
    text-align:  center;
}
.bottomrule a  {
    position:  relative;
    text-align:  center;
    color:  #ec7847;
    font-weight:  500;
    text-transform:  uppercase;
    font-size:  16px;
    text-decoration:  underline;
}
.bottomrule a:hover  {
    text-decoration:  underline 2px;
}
.homeselector  {
}
.homeactive  {
    border:  1px solid #8b98a8;
    border-radius:  5px;
    background-color:  #fff;
}
.nav-item a  {
}
.nav-item.hometabs a.active  {
    background-image:  url('../img/transbg.png');
    background-repeat:  no-repeat;
    overflow:  visible;
    text-decoration:  none;
}
.homeselector h2  {
    font-size:  22px;
    color: #292c35;
    font-family:  'Poppins',  sans-serif;
    font-weight:  400;
}
.homeselector p  {
    font-size:  18px;
    color: #292c35;
    font-family:  'Poppins',  sans-serif;
    font-weight:  300;
}
.homeselectorinner  {
    padding:  7px;
}
.slider-one  {
    position:  absolute;
    left:  53%;
    max-width:  1000px;
}
.homeslide  {
    min-height:  500px;
}
.mycon  {
    position:  relative;
    top:  -1px;
    left:  50%;
}
.accountabilitywrapper  {
    text-align:  center;
}
.taskability  {
    font-size:  40px;
    color: #343742;
    font-weight:  400;
}
.taskdescription  {
    font-size:  20px;
    color: #343742;
    font-weight:  300;
    line-height:  32px;
}
.accountabilityspan  {
    font-size:  15px;
    font-weight:  600;
    text-transform:  uppercase;
    color: #343742;
    margin-bottom:  30px;
}
.taskmore  {
    font-size:  20px;
    font-weight:  600;
    color: #343742;
    margin-bottom:  45px;
}
.tab-content.hometab  {
    position:  absolute;
    top:  -10px;
}
.testimonialcap  {
    position:  relative;
    top:  50px;
}
.fivestarmichi  {
}
.testimonialtext  {
    position:  relative;
    top:  70px;
}
.carous  {
    height:  390px;
    margin-bottom:  30px;
    border-bottom:  1px solid #bdc9d0;
}

.itgoes  {
    position:  absolute;
    right:  10px;
    top:  395px;
}
.carousel-control-prev  {
    position:  absolute;
    height:  30px;
    width:  30px;
    top:  50%;
    left:  30px;
    color:  #000;
    border: 1px solid #202020;
    border-radius: 50%;
    background-color:  #fff;
}
.carousel-control-next  {
    position:  absolute;
    height:  30px;
    width:  30px;
    top:  50%;
    right:  30px;
    color:  #000;
    border: 1px solid #202020;
    border-radius: 50%;
    background-color:  #fff;
}
.carousel-control-prev-icon  {
    background-image:  url("data:image/svg+xml;    charset=utf-8, %3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23202020'%2F%3E%3C%2Fsvg%3E");
    width:  15px;
    height:  15px;
}
.carousel-control-next-icon  {
    background-image:  url("data:image/svg+xml;    charset=utf-8, %3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23202020'%2F%3E%3C%2Fsvg%3E");
    width:  15px;
    height:  15px;
}
.carousel-indicators.dotts  {
    position:  relative;
    width:  100px;
    top:  390px;
    left:  -130px;
    z-index:  2;
    display:  flex;
    justify-content:  center;
    padding:  0;
    margin-right:  15%;
    margin-bottom:  1rem;
    margin-left:  15%;
    list-style:  none;
}
.carousel-indicators.dotts [data-bs-target]  {
    box-sizing:  content-box;
    flex:  0 1 auto;
    width:  15px;
    height:  15px;
    padding:  0;
    margin-right:  3px;
    margin-left:  3px;
    text-indent:  -999px;
    cursor:  pointer;
    background-color:  #343742;
    background-clip:  padding-box;
    border:  0;
    border-top:  10px solid transparent;
    border-bottom:  10px solid transparent;
    opacity:  0.5;
    transition:  opacity 0.6s ease;
    border-radius:  50%;
}
.carousel-indicators.dotts .active  {
    background-color:  #2589ee;
}
.carousel-indicators.dotts a  {
    text-decoration:  none;
}
.carousel-indicators  {
    position:  relative;
    z-index:  2;
    display:  flex;
    justify-content:  center;
    padding:  0;
    margin-bottom:  1rem;
    list-style:  none;
}
.carousel-indicators [data-bs-target]  {
    position:  relative;
    width:  100%;
    height:  150px;
    padding:  0;
    cursor:  pointer;
    background-color:  transparent;
    background-clip:  padding-box;
    border:  0;
    border-top:  none;
    border-bottom:  none;
    transition:  opacity 0.6s ease;
    border-radius:  none;
}
.carousel-indicators a.active  {
    background-image:  url('../img/transbg.png');
    background-repeat:  no-repeat;
    overflow:  visible;
    text-decoration:  none;
}
.carousel-indicators a  {
    text-decoration:  none;
}
.carousel-indicators.agendase  {
    position:  relative;
    z-index:  2;
    display:  none;
    justify-content:  center;
    padding:  0;
    margin-bottom:  1rem;
    list-style:  none;
}
.carousel-indicators.agendase [data-bs-target]  {
    position:  relative;
    width:  100%;
    height:  50px;
    padding:  15px;
    cursor:  pointer;
    background-color:  #fff;
    background-clip:  padding-box;
    transition:  opacity 0.6s ease;
    color:  #42454f;
    border:  1px solid #adbcc6;
    border-radius:  5px;
    margin-bottom:  15px;
    font-size:  10px;
}
.carousel-indicators.agendase a.active  {
    background-image:  none;
    background-repeat:  no-repeat;
    overflow:  visible;
    text-decoration:  none;
    color:  #42454f;
    border:  1px solid #FD6F37;
    border-radius:  5px;
    margin-bottom:  15px;
    font-size:  10px;
}
.carousel-indicators.agendase a  {
    text-decoration:  none;
}
.btn-thatvid  {
    position:  relative;
    width:  90%;
    top:  25px;
    background-color:  #6c9be6;
    border:  2px solid transparent;
    box-shadow:  1px 3px 5px #ddd;
    color:  #fff;
}
.stepthree  {
    overflow:  visible;
    height:  650px;
}
.testimg  {
    position:  relative;
    width:  100%;
    max-width:  200px;
}
.deployboxdark  {
    background-color: #42454f;
    border-radius: 5px;
    padding: 15px 30px 0 30px;
    margin-bottom: 15px;
    color: #fff;
}
.deploybar  {
    position:  relative;
    left:  -200px;
}
.deploylist  {
}
.deploylist ul  {
    position:  relative;
}
.deploylist li  {
    position:  relative;
    list-style-type:  none;
    line-height:  36px;
    font-size:  16px;
    font-weight:  300;
}
.deploylist li:before  {
    content:  "";
    position:  absolute;
    top:  11px;
    left:  -30px;
    width:  20px;
    height:  20px;
    background-image:  url('../img/greenchecker.png');
    background-repeat:  no-repeat;
}
.deploymentone  {
    position:  relative;
    left:  10px;
    top:  15px;
    width:  100%;
    margin-bottom:  15px;
    max-width: 90px;
    display:  block;
}
.deploymenttwo  {
    position:  relative;
    left:  19px;
    top:  15px;
    width:  100%;
    margin-bottom:  15px;
    max-width: 90px;
    display:  block;
}
.deploymentthree  {
    position:  relative;
    left:  10px;
    top:  15px;
    width:  100%;
    margin-bottom:  15px;
    max-width: 90px;
    display:  block;
}
.deployer  {
    position:  relative;
    width:  100%;
    height:  40px;
    padding:  15px 0 15px 0;
    margin:  30px 0 15px 0;
    background-image:  url('../img/deploy-hr-1.png');
    background-repeat:  no-repeat;
    display:  block;
}
.deployerone  {
    position:  absolute;
    top:  0;
    left:  6%;
    width:  16px;
    height:  29px;
    background-image:  url('../img/deploy-hr-2.png');
    background-repeat:  no-repeat;
    display:  block;
}
.deployertwo  {
    position:  absolute;
    top:  0;
    left:  42%;
    width:  16px;
    height:  29px;
    background-image:  url('../img/deploy-hr-2.png');
    background-repeat:  no-repeat;
    display:  block;
}
.deployerthree  {
    position:  absolute;
    top:  0;
    left:  75%;
    width:  16px;
    height:  29px;
    background-image:  url('../img/deploy-hr-2.png');
    background-repeat:  no-repeat;
    display:  block;
}
.mobdeploymentone  {
    display:  none;
}
.mobdeploymenttwo  {
    display:  none;
}
.mobdeploymentthree  {
    display:  none;
}
.meetingsofthero  {
    padding:  30px 30px 0 30px;
}
.minutestopper  {
    position:  relative;
    height:  260px;
}
.actionimg  {
    position:  absolute;
    max-width:  1300px;
    top:  0;
    left:  50%;
    display:  block;
}
.whywrapper  {
    position:  relative;
    width:  100%;
    background-color:  #f1efe9;
    height:  539px;
    margin-bottom:  70px;
}
.whyhero  {
    position:  relative;
    top:  100px;
}
.whyhero h1  {
    font-size:  36px;
    line-height:  40px;
    font-weight:  300;
    color:  #343742;
}
.whyhero h2  {
    font-size:  55px;
    line-height:  65px;
    font-weight:  500;
    color:  #ec7847;
}
.whyheroimg  {
    position:  relative;
    max-width:  867px;
    left:  57px;
    margin-top:  -191px;
    z-index:  1;
}
.whyquotewrapper  {
    position:  relative;
    width:  100%;
}
.whyquotewrapperright  {
    position:  relative;
    width:  100%;
    margin-left:  0px;
}
.whyquote  {
    position:  relative;
    z-index:  9;
    font-style:  italic;
    font-size: 15px;
    color:  #343742;
}
.whyquote::before  {
    content:  open-quote;
}
.whyquote::after  {
    content:  close-quote;
}
.signedby  {
    position:  relative;
    left:  -45px;
    z-index:  9;
}
.signedbyauth  {
    position:  relative;
    z-index:  9;
    font-size:  18px;
    line-height:  10px;
    font-weight:  500;
    text-align:  right;
}
.signedbytitle  {
    position:  relative;
    z-index:  9;
    font-size: 15px ;
    line-height: 10px;
    text-align:  right;
}
.fivestarswhy  {
    position:  relative;
    height:  15px;
}
.whytrial  {
    position:  relative;
    width:  100%;
    z-index:  9;
    text-align:  center;
    top:  -15px;
}
.whybluebg  {
    position:  relative;
    width:  100%;
    background-color:  #dbe9f6;
    border-radius:  5px;
    max-height:  1800px;
}
.pullitupcta  {
    margin-top:  -200px;
}
.whybodyimgone  {
    position:  relative;
    width:  100%;
    max-width: 550px ;
    left:  -30px;
    z-index:  2;
}
.whybodyimgtwo  {
    position:  relative;
    width:  100%;
    top:  -30px;
    left:  10px;
}
.whybodyimgthree  {
    position:  relative;
    max-width:  250px;
    left:  17px;
    top:  -123px;
    z-index:  2;
}
.whyonebg  {
    position:  relative;
    top:  100px;
    height: 510px ;
    background-image:  url('../img/whybgone.png');
    background-repeat:  no-repeat;
    background-size:  contain;
    z-index:  3;
}
.whytwobg  {
    position:  relative;
    top:  -60px;
    left:  -60px;
    width:  500px;
    height:  500px;
    background-image:  url('../img/whybgtwo.png');
    background-repeat:  no-repeat;
    background-size:  contain;
    z-index:  3;
}
.whythreebg  {
    position:  relative;
    top:  -200px;
    left:  80px;
    height: 510px ;
    background-image:  url('../img/whybgthree.png');
    background-repeat:  no-repeat;
    background-size:  contain;
    z-index:  3;
}
.whybodyone  {
    position:  relative;
    left:  40px;
    top:  95px;
    font-size:  36px;
    line-height:  40px;
    text-align:  center;
    width:  330px;
    z-index:  3;
}
.whybodytwo  {
    position:  relative;
    left:  55px;
    top:  135px;
    font-size:  36px;
    line-height:  40px;
    text-align:  center;
    width:  400px;
    z-index:  2;
}
.whybodythree  {
    position:  relative;
    left:  -15px;
    top:  100px;
    font-size:  30px;
    line-height:  50px;
    text-align:  center;
    width:  450px;
}
.orangeperc  {
    color: #ec7847 ;
    font-weight:  600;
    font-size:  48px;
}
.whybottombg  {
    position:  relative;
    width:  100%;
    background-image:  url('../img/whybottom-bg-936.png');
    background-repeat:  no-repeat;
    max-width:  936px;
    height:  619px;
    margin:  0 auto;
}
.whybottombg h2  {
    display:  none;
}
.whystepone  {
    position:  relative;
    width:  260px;
    top:  40px;
    text-align:  right;
    color:  #fff;
    display:  none;
}
.whystepone h5  {
    font-size:  18px;
    color:  #a893e6;
    line-height:  20px;
}
.whystepone p  {
    font-size:  18px;
    color:  #fff;
    font-weight:  300;
    line-height:  26px;
}
.whysteptwo  {
    position:  relative;
    left:  78%;
    top:  -180px;
    width:  240px;
    text-align:  left;
    color:  #fff;
    display:  none;
}
.whysteptwo h5  {
    font-size: 18px;
    color:  #dc6069;
    line-height:  20px;
}
.whysteptwo p  {
    font-size:  18px;
    color:  #fff;
    font-weight:  300;
    line-height:  26px;
}
.whystepthree  {
    position:  relative;
    width:  240px;
    left:  75%;
    top:  15px;
    text-align:  left;
    color:  #fff;
    display:  none;
}
.whystepthree h5  {
    line-height:  18px;
    font-size:  20px;
    color:  #edbe5a;
}
.whystepthree p  {
    font-size:  18px;
    color:  #fff;
    font-weight:  300;
    line-height:  26px;
}
.whystepfour  {
    position:  relative;
    top:  -100px;
    width:  400px;
    margin:  0 auto;
    text-align:  center;
    color:  #fff;
    display:  none;
}
.whystepfour h5  {
    line-height:  20px;
    font-size:  18px;
    color:  #6fbfe5;
}
.whystepfour p  {
    font-size:  18px;
    color:  #fff;
    font-weight:  300;
    line-height:  26px;
}
.whystepfive  {
    position:  relative;
    width:  240px;
    top:  -515px;
    left:  -10px;
    text-align:  right;
    color:  #fff;
    display:  none;
}
.whystepfive h5  {
    font-size:  18px;
    color:  #abd376;
}
.whystepfive p  {
    font-size:  18px;
    color:  #fff;
    font-weight:  300;
}
.onearrow  {
    position:  relative;
    left:  180px;
    top:  -150px;
}
.twoarrow  {
    position:  relative;
    left:  -185px;
    top:  -125px;
}
.threearrow  {
    position:  relative;
    left:  -120px;
    top:  -175px;
}
.fourarrow  {
    position:  relative;
    top:  -240px;
}
.fivearrow  {
    position:  relative;
    left:  115px;
    top:  -255px;
}
.anaroo  {
    position:  absolute;
    left:  45%;
    top: 90px;
}
.notecardfull  {
    position:  absolute;
    left:  45%;
    top: 90px;
}
.innertrial  {
    position:  relative;
    width:  300px;
    margin: 0 auto;
    top: 60px;
}
.examplebox {
	position: relative;
	width: 100%;
	
	margin-top: 160px;
	margin-bottom: 30px;
	

}
.innerexamplebg {
	position: relative;
	width: 100%;
	background-image: url('/img/exampletemplatebg.png');
	background-repeat: no-repeat;
	background-size: 100%;
	min-height: 510px;
	z-index: 8;
	border: 2px solid #fff;
	box-shadow: 0px 2px 6px 4px rgb(0 0 0 / 6%)
}
.innterexamptext {
	position: relative;
	top: 160px;
	text-align: center;
}
.templateexampleimg {
	position: absolute;
	top: -39px;
	left: 13px;
	z-index: 9;
	max-width: 170px;
}

}
@media (min-width: 1200px)  {
	.ab-btnorange {
	    background-color: #FF6600;
	    border: 2px solid #C64116;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    user-select: none;
	    border-radius: 0.3rem;
	    color: #fff;
	}
	.ab-btnorange:hover {
		background-color: #c6411687;
		border: 2px solid #C64116;
		color: #fff;
	}
	.ab-btnorange {
		display: inline-block;
		text-decoration: none;
		vertical-align: middle;
		cursor: pointer;
		padding: 5px;
		font-size: 12px;
		transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		text-align: center;
		font-weight: 600;
	}


	.ab-btnblue {
	    background-color: #025094;
	    border: 2px solid #1F469D;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    user-select: none;
	    border-radius: 0.3rem;
	    color: #fff;
	}
	.ab-btnblue:hover {
		background-color: #1f469d69;
		border: 2px solid #1F469D;
		color: #fff;
	}
	.ab-btnblue {
		display: inline-block;
		text-decoration: none;
		vertical-align: middle;
		cursor: pointer;
		padding: 5px;
		font-size: 12px;
		transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		text-align: center;
		font-weight: 600;
	}

	.ab-btngreen {
	    background-color: #009900;
	    border: 2px solid #006F00;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    user-select: none;
	    border-radius: 0.3rem;
	    color: #fff;
	}
	.ab-btngreen:hover {
		background-color: #0099005e;
		border: 2px solid #006F00;
		color: #fff;
	}
	.ab-btngreen {
		display: inline-block;
		text-decoration: none;
		vertical-align: middle;
		cursor: pointer;
		padding: 5px;
		font-size: 12px;
		transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		text-align: center;
		font-weight: 600;
	}
	.innerbluebox h5 {
	    position: relative;
	    font-size:26px;
	    line-height: 30px;
	    color: #212529;
	    margin-bottom: 30px;
	    text-decoration: none;
	    top: 0;
	    height: 10px;
	    font-weight: 600;
	}
	.innerblueicon {
		position: relative;
		height: 65px;
		margin-bottom: 15px;
	}
	.innerbluebox p {
		position: relative;
	    font-size: 20px !important;
	    line-height: 30px !important;
	    color: #025094 !important;
	    margin-bottom: 30px;
	    text-decoration: none;
	    top: 0;
	    min-height: 75px;
	}
	.therighthero img {
		position: relative;
		width: 100%;
		aspect-ratio: auto;

	}
	.heroheader {
	    font-family: 'Poppins', sans-serif;
	    font-weight: 500;
	    font-style: normal;
	    color: #292c35;
	    font-size:48px;
	    line-height: 60px;
	    text-align: left;
	}
	.athead {
	    position: relative;
	    color: #0D314D;
	    font-weight: 600;
	    font-size:20px;
	    line-height: 30px;
	    top: -4px;
	    height:55px;
	}
	.patbox {
	    position: relative;
	    font-size: 16px;
	    line-height: 26px;
	    font-weight: 500;
	    min-height: 180px;
	}

	.newwebinar-btn {
	    position: relative;
	    border-radius: 5px;
	    border: 2px solid rgba(2,80,148,1);
	    background-color: #fff;
	    text-decoration: none;
	    white-space: nowrap;
	    text-align: center;
	    font-style: normal;
	    font-weight: 600;
	    font-size: 18px;
	    color: rgba(2,80,148,1);
	    padding: 5px 15px 5px 15px;
	    text-align: center;
	    max-width: 215px;
	    margin-right: 0px;
	}
	.newfreet-btn {
	    position: relative;
	    border-radius: 5px;
	    border: 2px solid rgba(50,57,65,1);
	    background-color: rgba(84,106,136,1);
	    color: #fff;
	    text-decoration: none;
	    white-space: nowrap;
	    text-align: center;
	    font-style: normal;
	    font-weight: 600;
	    font-size: 18px;
	    color: rgba(255,255,255,1);
	    padding: 5px 15px 5px 15px;
	    text-align: center;
	    max-width: 175px;
	}
	.innerexamplebg {
	    position: relative;
	    width: 100%;
	    background-image: url(/img/exampletemplatebg.png);
	    background-repeat: no-repeat;
	    background-size: 100%;
	    min-height: 460px;
	    z-index: 8;
	    border: 2px solid #fff;
	    box-shadow: 0px 2px 6px 4px rgb(0 0 0 / 6%);
	}
	.templateexampleimg {
		position: absolute;
		top: -39px;
		left: 39px;
		z-index: 9;
		max-width: 170px;
	}
    .rightheroz  {
    background-image:  url('/img/hero-right-alt-122.png');
    background-size:  contain;
    background-repeat:  no-repeat;
    position:  relative;
    top: 0px;
    height: 100%;
}
.innertrial  {
    position:  relative;
    width:  300px;
    margin: 0 auto;
    top: 60px;
}
.bubblecheckslogo  {
    display:  flex;
    position:  relative;
    width:  100%;
    max-width:  250px;
    margin:  0 auto;
    margin-top: -45px;
}
.bubblecheckslogoprem  {
    display:  flex;
    position:  relative;
    width:  100%;
    max-width:  250px;
    margin:  0 auto;
    margin-top: 5px;
}
.modal-content  {
    width:  100%;
    left:  0;
}
.actionimg  {
    position:  absolute;
    max-width:  1300px;
    top:  0;
    left:  50%;
    display:  block;
}
.actionherowrapper  {
    position:  relative;
    width:  100%;
    top:  40px;
    min-height:  790px;
    background-color:  #f5f4f0;
}
.actionhero  {
    position:  relative;
    padding-top:  60px;
    height:  700px;
}
.thestudy  {
}
.thestudy h2  {
    position:  relative;
    font-size:  40px;
    line-height:  44px;
    color: #292c35;
    font-family:  'Poppins',  sans-serif;
    font-weight:  400;
    margin-top:  30px;
    margin-bottom:  30px;
}
.thestudy h3  {
    position:  relative;
    font-size:  20px;
    line-height:  30px;
    color: #292c35;
    font-family:  'Poppins',  sans-serif;
    font-weight:  500;
    margin-top:  30px;
    margin-bottom:  30px;
}
.thestudy p  {
    position:  relative;
    font-size:  20px;
    line-height:  30px;
    color: #292c35;
    font-family:  'Poppins',  sans-serif;
    font-weight:  300;
    margin-top:  30px;
    margin-bottom:  30px;
}
.beigeboxx  {
    position:  relative;
    margin-top:  75px;
    background-color:  #f1efe9;
    padding:  30px;
    border-radius:  10px;
}
.beigeboxx h4  {
    position:  relative;
    font-size:  20px;
    line-height:  25px;
    color: #292c35;
    font-family:  'Poppins',  sans-serif;
    font-weight:  500;
    margin-top:  30px;
    margin-bottom:  2px;
}
.beigeboxx span  {
    position:  relative;
    font-size:  20px;
    line-height:  30px;
    color: #292c35;
    font-family:  'Poppins',  sans-serif;
    font-weight:  300;
    margin-top:  30px;
    margin-bottom:  15px;
}
.beigeboxxhs  {
    position:  absolute;
    width:  92px;
    top:  -40px;
    left:  40%;
}
.grayboxx  {
    position:  relative;
    margin-top:  75px;
    padding:  30px;
    border-radius:  10px;
    background-color:  #F6F8F9;
}
.grayboxx p  {
    font-style:  italic;
    font-family:  'Poppins',  sans-serif;
    font-weight:  300;
    font-size:  20px;
    margin-bottom:  30px;
}
.grayboxx p:before  {
    content:  open-quote;
    width:  20px;
    height:  20px;
}
.grayboxx p:after  {
    content:  close-quote;
    width:  20px;
    height:  20px;
}
.threes  {
    overflow:  visible;
    position:  relative;
    left: -200px;
}
.newminutesheros  {
    position:  relative;
    top:  0px;
    bottom:  0;
    left:  0 auto;
    width:  100%;
    max-width:  1200px;
}
.newminutesherosa  {
    position:  relative;
    width:  100%;
    max-width:  1700px;
    bottom:  0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.agendasoftherowrapper  {
    position:  relative;
    width:  100%;
    top:  20px;
    background-color:  #f5f4f0;
}
.minagendasoftherowrapper  {
    position:  relative;
    width:  100%;
    top:  20px;
    min-height:  630px;
    background-color:  #f5f4f0;
}
.agendasofthero  {
    padding-top:  30px;
}
.agendasofthero h1  {
    font-size:  46px;
    font-weight:  400;
}
.agendasofthero p  {
    font-size:  20px;
    font-weight:  400;
    line-height:  32px;
}
.agendapp  {
    text-align:  center;
    position:  relative;
    margin:  0 auto;
    max-width:  70%;
}
.newagendaheros  {
    position:  relative;
    top:  0;
    bottom:  0;
    left:  0 auto;
    width:  100%;
}
.agendahh  {
    font-size:  36px;
    font-weight:  400;
}
.grabx  {
    position:  relative;
    width:  100%;
    height:  70px;
    background-color:  #ffffff;
    border-radius:  5px;
    box-shadow:  1px 3px 4px #BEBEBE;
}
.grabx p  {
    position:  relative;
    font-size:  24px;
    font-weight:  400;
    top:  5px;
    left:  30px;
}
.grabxicon  {
    position:  relative;
    top: 9px;
    padding-right: 26px;
    float:  left;
    display:  block;
    height:  20px;
}
.grabxicons  {
    position:  relative;
    top:  8px;
    padding-right:  15px;
    float:  left;
    height:  20px;
    left:  -4px;
}
.agendalistz  {
    display:  block;
    position:  relative;
    top:  -43px;
}
.agendalistz li {
    display:  block;
}
.nav-item.agendatabz:first-child  {
    display:  block;
}
.nav-item.agendatabz  {
    display:  block;
}
.nav-item.agendatabz:last-child  {
    display:  block;
}
.agendatabz  {
}
.agendatabs  {
    overflow:  visible;
    position:  absolute;
    top:  0;
    left:  73%;
    width: 630px;
}
.titleslabel  {
    text-transform:  uppercase;
    font-weight:  500;
    font-size:  15px;
    margin-bottom:  0;
}
.agendicon  {
    position:  relative;
    max-height:  14px;
    padding-right:  7px;
    top:  -1px;
    display:  inline-block;
}
.agendarh  {
    font-size:  40px;
    font-weight:  500;
    margin-bottom:  40px;
}
.agendarhp  {
    font-weight:  500;
   font-size:  30px;
   line-height: 45px;
}
.boxlist  {
}
.boxlist ul  {
    position:  relative;
}
.boxlist li  {
    position:  relative;
    list-style-type:  none;
    line-height:  36px;
    font-size:  20px;
    font-weight:  300;
}
.boxlist li:before  {
    content:  "";
    position:  absolute;
    top:  9px;
    left:  -30px;
    width:  20px;
    height:  20px;
    background-image:  url('../img/tickmark.png');
    background-repeat:  no-repeat;
}
.nav-link.agendaa  {
    color:  #42454f;
    border:  1px solid #adbcc6;
    border-radius:  5px;
    margin-bottom:  15px;
    font-size:  18px;
}
.nav-link.agendaa.active  {
    color:  #42454f;
    border:  2px solid #ec7847;
    border-radius:  5px;
    margin-bottom:  15px;
    font-size:  18px;
    box-shadow:  3px 5px 3px #f3f5f7;
}
.jumplinks  {
    text-decoration:  none;
    color:  #42454f;
}
#agendatemplates  {
    scroll-margin-top:  150px;
}
#actionitems  {
    scroll-margin-top:  50px;
}
#collaborate  {
    scroll-margin-top:  50px;
}
#exportagenda {
    scroll-margin-top:  50px;
}
.casevideo  {
    box-shadow: 0px 2px 6px 4px rgba(0, 0, 0, 0.06);
    transition:  transform .2s;
}
.casevideo:hover  {
    transform:  scale(1.02);
}
.casestudy-cta  {
    position:  relative;
    top:  -30px;
    width:  100%;
    max-width:  495px;
    background-color:  #edf1f3;
    border-radius:  5px;
    border:  2px solid #cfdae1;
    height:  137px;
}
.cticon  {
    position:  absolute;
    left:  -80px;
    max-height:  125px;
}
.casectatext  {
    position:  relative;
    left:  90px;
}
.surveyresults  {
    font-weight:  500;
    font-size:  20px;
    color:  #333743;
}
.orangey  {
    color:  #fd6f37;
}
.ctatext  {
    position:  relative;
    max-width:  400px;
    font-size:  16px;
    font-weight:  300;
    top:  -10px;
}
.ctalinks  {
    position:  relative;
    top:  -15px;
}
.orangelinks  {
    color:  #333743;
    font-weight:  500;
    text-decoration-color: #fd6f37 2px;
}
.casestudywrap  {
    position:  relative;
    background-color:  #fff;
    padding:  15px;
    border-radius:  5px;
    box-shadow: 0px 2px 6px 4px rgba(0, 0, 0, 0.06);
    transition:  transform .2s;
}
.casestudywrap:hover  {
    transform:  scale(1.02);
}
.casestudylogo  {
    position:  relative;
    width:  100%;

}
.casestudylogo img  {

}
.caseindustry  {
    position:  relative;
    text-align:  center;
    color:  #ec7847;
    font-weight:  500;
    text-transform:  uppercase;
    font-size:  16px;
    top: 0px;

}
.casename  {
    position:  relative;
    text-align:  center;
    font-size:  20px;
    color:  #343742;

}
.casedescr  {
    position:  relative;
    text-align:  center;
    font-size:  16px;
    color:  #343742;
    font-weight:  400;
        height: 215px;
        top: 30px;
}
.bottomrule {
    position: absolute;
    width: 100%;
    border-top: 1px solid #e0e8ee;
    bottom: 0;
    left:  0;
    height: 60px;
}
.bottomrule p  {
    padding:  15px 0 15px 0;
    text-align:  center;

}
.bottomrule a  {
    position:  relative;
    text-align:  center;
    color:  #ec7847;
    font-weight:  500;
    text-transform:  uppercase;
    font-size:  16px;
    text-decoration:  underline;
    top: 50%;
    transform: translateY(-50%);
}
.bottomrule a:hover  {
    text-decoration:  underline 2px;
}
.homeselector  {
}
.homeactive  {
    border:  1px solid #8b98a8;
    border-radius:  5px;
    background-color:  #fff;
}
.dropdown-item {
	padding: 0 !important;
	margin-right: 30px;
}
.dropdown-item:hover  {
	background-color: transparent !important;
}



.dropdown-item:after {
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #0087ca;
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}
.dropdown-item:hover:after {
	transform: scaleX(1);
	transform-origin: bottom left;
}
.nav-item.hometabs a.active  {
    background-image:  url('../img/transbg.png');
    background-repeat:  no-repeat;
    overflow:  visible;
    text-decoration:  none;
}
.homeselector h2  {
    font-size:  26px;
    color: #292c35;
    font-family:  'Poppins',  sans-serif;
    font-weight:  400;
}
.homeselector p  {
    font-size:  20px;
    color: #292c35;
    font-family:  'Poppins',  sans-serif;
    font-weight:  300;
}
.homeselectorinner  {
    padding:  7px;
}
.slider-one  {
    position:  absolute;
    left:  53%;
    max-width:  1000px;
}
.homeslide  {
    min-height:  500px;
}
.mycon  {
    position:  relative;
    top:  6px;
    left:  50%;
}
.accountabilitywrapper  {
    text-align:  center;
}
.taskability  {
    font-size:  40px;
    color: #343742;
    font-weight:  400;
}
.taskdescription  {
    font-size:  20px;
    color: #343742;
    font-weight:  300;
    line-height:  32px;
}
.accountabilityspan  {
    font-size:  15px;
    font-weight:  600;
    text-transform:  uppercase;
    color: #343742;
    margin-bottom:  30px;
}
.taskmore  {
    font-size:  20px;
    font-weight:  600;
    color: #343742;
    margin-bottom:  45px;
}
.tab-content.hometab  {
    position:  absolute;
    top:  -10px;
}
.testimonialcap  {
    position:  relative;
    top:  50px;
}
.fivestarmichi  {
}
.testimonialtext  {
    position:  relative;
    bottom:  10px;
}
.carous  {
    height:  420px;
    margin-bottom:  30px;
    margin-top:  30px;
    border-bottom:  1px solid #bdc9d0;
    border-top:  1px solid #bdc9d0;
}

.itgoes  {
    position:  absolute;
    right:  10px;
    top: 420px;
    display:  block;
}
.carousel-control-prev  {
    position:  absolute;
    height:  30px;
    width:  30px;
    top:  50%;
    left:  30px;
    color:  #000;
    border: 1px solid #202020;
    border-radius: 50%;
    background-color:  #fff;
}
.carousel-control-next  {
    position:  absolute;
    height:  30px;
    width:  30px;
    top:  50%;
    right:  30px;
    color:  #000;
    border: 1px solid #202020;
    border-radius: 50%;
    background-color:  #fff;
}
.carousel-control-prev-icon  {
    background-image:  url("data:image/svg+xml;    charset=utf-8, %3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23202020'%2F%3E%3C%2Fsvg%3E");
    width:  15px;
    height:  15px;
}
.carousel-control-next-icon  {
    background-image:  url("data:image/svg+xml;    charset=utf-8, %3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23202020'%2F%3E%3C%2Fsvg%3E");
    width:  15px;
    height:  15px;
}
.carousel-indicators.dotts  {
    position:  relative;
    width:  100px;
    top:  420px;
    left:  -160px;
    z-index:  2;
    display:  flex;
    justify-content:  center;
    padding:  0;
    margin-right:  15%;
    margin-bottom:  1rem;
    margin-left:  15%;
    list-style:  none;
}
.carousel-indicators.dotts [data-bs-target]  {
    box-sizing:  content-box;
    flex:  0 1 auto;
    width:  15px;
    height:  15px;
    padding:  0;
    margin-right:  3px;
    margin-left:  3px;
    text-indent:  -999px;
    cursor:  pointer;
    background-color:  #343742;
    background-clip:  padding-box;
    border:  0;
    border-top:  10px solid transparent;
    border-bottom:  10px solid transparent;
    opacity:  0.5;
    transition:  opacity 0.6s ease;
    border-radius:  50%;
}
.carousel-indicators.dotts .active  {
    background-color:  #2589ee;
}
.carousel-indicators.dotts a  {
    text-decoration:  none;
}
.carousel-indicators  {
    position:  relative;
    z-index:  2;
    display:  flex;
    justify-content:  center;
    padding:  0;
    margin-bottom:  1rem;
    list-style:  none;
}
.carousel-indicators [data-bs-target]  {
    position:  relative;
    width:  300;
    height:  200;
    padding:  0;
    cursor:  pointer;
    background-color:  transparent;
    background-clip:  padding-box;
    border:  0;
    border-top:  none;
    border-bottom:  none;
    transition:  opacity 0.6s ease;
    border-radius:  none;
}
.carousel-indicators a.active  {
    background-image:  url('../img/transbg.png');
    background-repeat:  no-repeat;
    overflow:  visible;
    text-decoration:  none;
}
.carousel-indicators a  {
    text-decoration:  none;
}
.carousel-indicators.agendase  {
    position:  relative;
    z-index:  2;
    display:  none;
    justify-content:  center;
    padding:  0;
    margin-bottom:  1rem;
    list-style:  none;
}
.carousel-indicators.agendase [data-bs-target]  {
    position:  relative;
    width:  100%;
    height:  50px;
    padding:  15px;
    cursor:  pointer;
    background-color:  #fff;
    background-clip:  padding-box;
    transition:  opacity 0.6s ease;
    color:  #42454f;
    border:  1px solid #adbcc6;
    border-radius:  5px;
    margin-bottom:  15px;
    font-size:  14px;
}
.carousel-indicators.agendase a.active  {
    background-image:  none;
    background-repeat:  no-repeat;
    overflow:  visible;
    text-decoration:  none;
    color:  #42454f;
    border:  1px solid #FD6F37;
    border-radius:  5px;
    margin-bottom:  15px;
    font-size:  14px;
}
.carousel-indicators.agendase a  {
    text-decoration:  none;
}
.btn-thatvid  {
    position:  relative;
    width:  90%;
    top:  25px;
    background-color:  #6c9be6;
    border:  2px solid transparent;
    box-shadow:  1px 3px 5px #ddd;
    color:  #fff;
}
.stepthree  {
    overflow:  visible;
    height:  650px;
}
.testimg  {
    position:  relative;
    width:  100%;
    max-width:  270px;
}
.caplogo  {
    position:  relative;
    width:  100%;
    max-width:  200px;
}
.minuteslefter  {
    position:  absolute;
    max-width:  800px;
    right:  51%;
}
.minutessoftwrapper  {
    position:  relative;
    width:  100%;
    margin-top: 30px;
    height:  570px;
    background-color:  #f5f4f0;
}
.deployboxdark  {
    background-color: #42454f;
    border-radius: 5px;
    padding: 15px 30px 0 30px;
    margin-bottom: 15px;
    color: #fff;
}
.deploybar  {
    position:  relative;
    left:  -200px;
}
.deploylist  {
}
.deploylist ul  {
    position:  relative;
}
.deploylist li  {
    position:  relative;
    list-style-type:  none;
    line-height:  36px;
    font-size:  20px;
    font-weight:  300;
}
.deploylist li:before  {
    content:  "";
    position:  absolute;
    top:  11px;
    left:  -30px;
    width:  20px;
    height:  20px;
    background-image:  url('../img/greenchecker.png');
    background-repeat:  no-repeat;
}
.deploymentone  {
    position:  relative;
    left:  10px;
    top:  15px;
    width:  100%;
    margin-bottom:  15px;
    max-width: 90px;
    display:  block;
}
.deploymenttwo  {
    position:  relative;
    left:  19px;
    top:  15px;
    width:  100%;
    margin-bottom:  15px;
    max-width: 90px;
    display:  block;
}
.deploymentthree  {
    position:  relative;
    left:  10px;
    top:  15px;
    width:  100%;
    margin-bottom:  15px;
    max-width: 90px;
    display:  block;
}
.deployer  {
    position:  relative;
    width:  100%;
    height:  40px;
    padding:  15px 0 15px 0;
    margin:  30px 0 15px 0;
    background-image:  url('../img/deploy-hr-1.png');
    background-repeat:  no-repeat;
    display:  block;
}
.deployerone  {
    position:  absolute;
    top:  0;
    left:  4%;
    width:  16px;
    height:  29px;
    background-image:  url('../img/deploy-hr-2.png');
    background-repeat:  no-repeat;
    display:  block;
}
.deployertwo  {
    position:  absolute;
    top:  0;
    left:  39%;
    width:  16px;
    height:  29px;
    background-image:  url('../img/deploy-hr-2.png');
    background-repeat:  no-repeat;
    display:  block;
}
.deployerthree  {
    position:  absolute;
    top:  0;
    left:  72%;
    width:  16px;
    height:  29px;
    background-image:  url('../img/deploy-hr-2.png');
    background-repeat:  no-repeat;
    display:  block;
}
.meetingsofthero  {
    padding:  30px 30px 0 30px;
}
.minutestopper  {
    position:  relative;
    height:  260px;
}
.whywrapper  {
    position:  relative;
    width:  100%;
    background-color:  #f1efe9;
    height:  605px;
    margin-bottom:  70px;
}
.whyhero  {
    position:  relative;
    top:  50px;
}
.whyhero h1  {
    font-size:  41px;
    line-height:  50px;
    font-weight:  300;
    color:  #343742;
}
.whyhero h2  {
    font-size:  70px;
    line-height:  85px;
    font-weight:  500;
    color:  #ec7847;
}
.whyheroimg  {
    position:  relative;
    max-width:  1067px;
    left:  57px;
    margin-top:  -248px;
    z-index:  1;
}
.whyquotewrapper  {
    position:  relative;
    width:  100%;
}
.whyquotewrapperright  {
    position:  relative;
    width:  100%;
    margin-left:  0px;
}
.whyquote  {
    position:  relative;
    z-index:  9;
    font-style:  italic;
    font-size:  20px;
    color:  #343742;
}
.whyquote::before  {
    content:  open-quote;
}
.whyquote::after  {
    content:  close-quote;
}
.signedby  {
    position:  relative;
    left:  -45px;
    z-index:  9;
}
.signedbyauth  {
    position:  relative;
    z-index:  9;
    font-size:  20px;
    line-height:  10px;
    font-weight:  500;
    text-align:  right;
}
.signedbytitle  {
    position:  relative;
    z-index:  9;
    font-size: 16px ;
    line-height: 10px;
    text-align:  right;
}
.fivestarswhy  {
    position:  relative;
    height:  15px;
}
.whytrial  {
    position:  relative;
    width:  100%;
    z-index:  9;
    text-align:  center;
    top:  0;
}
.whybluebg  {
    position:  relative;
    width:  100%;
    background-color:  #dbe9f6;
    border-radius:  5px;
    max-height:  1800px;
}
.pullitupcta  {
    margin-top:  -110px;
}
.whybodyimgone  {
    position:  relative;
    max-width: 550px ;
    left:  -30px;
    z-index:  2;
}
.whybodyimgtwo  {
    position:  relative;
    width:  100%;
    top:  30px;
    left:  10px;
}
.whybodyimgthree  {
    position:  relative;
    max-width: 250px ;
    left:  20px;
    top:  -130px;
    z-index:  2;
}
.whyonebg  {
    position:  relative;
    top:  100px;
    height: 510px ;
    background-image:  url('../img/whybgone.png');
    background-repeat:  no-repeat;
    background-size:  contain;
    z-index:  3;
}
.whytwobg  {
    position:  relative;
    top:  -60px;
    left:  -60px;
    width:  600px;
    height:  600px;
    background-image:  url('../img/whybgtwo.png');
    background-repeat:  no-repeat;
    background-size:  contain;
    z-index:  3;
}
.whythreebg  {
    position:  relative;
    top:  -230px;
    left:  75px;
    height: 510px ;
    background-image:  url('../img/whybgthree.png');
    background-repeat:  no-repeat;
    background-size:  contain;
    z-index:  3;
}
.whybodyone  {
    position:  relative;
    left:  50px;
    top:  150px;
    font-size:  40px;
    line-height:  50px;
    text-align:  center;
    width:  400px;
    z-index:  3;
}
.whybodytwo  {
    position:  relative;
    left:  75px;
    top:  135px;
    font-size:  44px;
    line-height:  50px;
    text-align:  center;
    width:  450px;
    z-index:  2;
}
.whybodythree  {
    position:  relative;
    left:  10px;
    top:  160px;
    font-size:  40px;
    line-height:  50px;
    text-align:  center;
    width:  500px;
}
.orangeperc  {
    color: #ec7847 ;
    font-weight:  600;
    font-size:  48px;
}
.whybottombg  {
    position:  relative;
    width:  100%;
    background-image:  url('../img/whybottom-bg-1116.png');
    background-repeat:  no-repeat;
    max-width:  1116px;
    height:  738px;
    margin:  0 auto;
}
.whybottombg h2  {
    display:  block;
}
.whystepone  {
    position:  relative;
    width:  260px;
    top:  40px;
    text-align:  right;
    color:  #fff;
    display:  block;
}
.whystepone h5  {
    font-size:  18px;
    color:  #a893e6;
    line-height:  20px;
}
.whystepone p  {
    font-size:  18px;
    color:  #fff;
    font-weight:  300;
    line-height:  26px;
}
.whysteptwo  {
    position:  relative;
    left:  78%;
    top:  -180px;
    width:  240px;
    text-align:  left;
    color:  #fff;
    display:  block;
}
.whysteptwo h5  {
    font-size: 18px;
    color:  #dc6069;
    line-height:  20px;
}
.whysteptwo p  {
    font-size:  18px;
    color:  #fff;
    font-weight:  300;
    line-height:  26px;
}
.whystepthree  {
    position:  relative;
    width:  240px;
    left:  75%;
    top:  15px;
    text-align:  left;
    color:  #fff;
    display:  block;
}
.whystepthree h5  {
    line-height:  18px;
    font-size:  20px;
    color:  #edbe5a;
}
.whystepthree p  {
    font-size:  18px;
    color:  #fff;
    font-weight:  300;
    line-height:  26px;
}
.whystepfour  {
    position:  relative;
    top:  -100px;
    width:  400px;
    margin:  0 auto;
    text-align:  center;
    color:  #fff;
    display:  block;
}
.whystepfour h5  {
    line-height:  20px;
    font-size:  18px;
    color:  #6fbfe5;
}
.whystepfour p  {
    font-size:  18px;
    color:  #fff;
    font-weight:  300;
    line-height:  26px;
}
.whystepfive  {
    position:  relative;
    width:  240px;
    top:  -515px;
    left:  -10px;
    text-align:  right;
    color:  #fff;
    display:  block;
}
.whystepfive h5  {
    font-size:  18px;
    color:  #abd376;
}
.whystepfive p  {
    font-size:  18px;
    color:  #fff;
    font-weight:  300;
}
.onearrow  {
    position:  relative;
    left:  180px;
    top:  -150px;
}
.twoarrow  {
    position:  relative;
    left:  -185px;
    top:  -125px;
}
.threearrow  {
    position:  relative;
    left:  -120px;
    top:  -175px;
}
.fourarrow  {
    position:  relative;
    top:  -240px;
}
.fivearrow  {
    position:  relative;
    left:  115px;
    top:  -255px;
}
.anaroo  {
    position:  absolute;
    left:  45%;
    top: 90px;
}
.notecardfull  {
    position:  absolute;
    left:  45%;
    top: 90px;
}
}
@media (min-width: 1400px)  {
	.ab-btnorange {
	    background-color: #FF6600;
	    border: 2px solid #C64116;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    user-select: none;
	    border-radius: 0.3rem;
	    color: #fff;
	}
	.ab-btnorange:hover {
		background-color: #c6411687;
		border: 2px solid #C64116;
		color: #fff;
	}
	.ab-btnorange {
		display: inline-block;
		text-decoration: none;
		vertical-align: middle;
		cursor: pointer;
		padding: 5px;
		font-size: 16px;
		transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		text-align: center;
		font-weight: 600;
	}


	.ab-btnblue {
	    background-color: #025094;
	    border: 2px solid #1F469D;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    user-select: none;
	    border-radius: 0.3rem;
	    color: #fff;
	}
	.ab-btnblue:hover {
		background-color: #1f469d69;
		border: 2px solid #1F469D;
		color: #fff;
	}
	.ab-btnblue {
		display: inline-block;
		text-decoration: none;
		vertical-align: middle;
		cursor: pointer;
		padding: 5px;
		font-size: 16px;
		transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		text-align: center;
		font-weight: 600;
	}

	.ab-btngreen {
	    background-color: #009900;
	    border: 2px solid #006F00;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    user-select: none;
	    border-radius: 0.3rem;
	    color: #fff;
	}
	.ab-btngreen:hover {
		background-color: #0099005e;
		border: 2px solid #006F00;
		color: #fff;
	}
	.ab-btngreen {
		display: inline-block;
		text-decoration: none;
		vertical-align: middle;
		cursor: pointer;
		padding: 5px;
		font-size: 16px;
		transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		text-align: center;
		font-weight: 600;
	}
	.innerbluebox h5 {
	    position: relative;
	    font-size: 20px;
	    line-height: 30px;
	    color: #212529;
	    margin-bottom: 30px;
	    text-decoration: none;
	    top: 0;
	    height: 10px;
	    font-weight: 600;
	}
	.innerbluebox p {
	    position: relative;
	    font-size: 18px !important;
	    line-height: 30px !important;
	    color: #025094 !important;
	    margin-bottom: 30px;
	    text-decoration: none;
	    top: 0;
	    min-height: 100px;
	}
	.therighthero img {
	    position: relative;
	    width: 100%;
	    aspect-ratio: auto;

	}
	.athead {
	    position: relative;
	    color: #0D314D;
	    font-weight: 600;
	    font-size: 20px;
	    line-height: 30px;
	    top: -4px;
	    height: 50px;
	}
	.patbox {
	    position: relative;
	    font-size: 16px;
	    line-height: 26px;
	    font-weight: 500;
	    min-height: 185px;
	}
	.heroheader {
	    font-family: 'Poppins', sans-serif;
	    font-weight: 600;
	    font-style: normal;
	    color: #292c35;
	    font-size:48px;
	    line-height: 60px;
	    text-align: left;
	}

	.newwebinar-btn {
	    position: relative;
	    border-radius: 5px;
	    border: 2px solid rgba(2,80,148,1);
	    background-color: #fff;
	    text-decoration: none;
	    white-space: nowrap;
	    text-align: center;
	    font-style: normal;
	    font-weight:600;
	    font-size: 20px;
	    color: rgba(2,80,148,1);
	    padding: 5px 18px;
	    text-align: center;
	    max-width: 207px;
	    margin-right: 0px;
	}
	.newfreet-btn {
	    position: relative;
	    border-radius: 5px;
	    border: 2px solid rgba(50,57,65,1);
	    background-color: rgba(84,106,136,1);
	    color: #fff;
	    text-decoration: none;
	    white-space: nowrap;
	    text-align: center;
	    font-style: normal;
	    font-weight:600;
	    font-size: 20px;
	    color: rgba(255,255,255,1);
	    padding: 5px 37px 5px 41px;
	    text-align: center;
	    max-width: 207px;
	}
    .modal-content  {
    width:  100%;
    left:  0;
}
.threes  {
    overflow:  visible;
    position:  relative;
    left: -250px;
}
.meetingsofthero  {
    padding:  30px 30px 0 30px;
}
.minutestopper  {
    position:  relative;
    height:  180px;
}
.minutessec  {
    min-height:  520px;
}
.agendasoftherowrapper  {
    position:  relative;
    width:  100%;
    top:  60px;
    background-color:  #f5f4f0;
}
.agendaexampleherowrapper  {
    position:  relative;
    width:  100%;
    top:  60px;
    background-color:  #f5f4f0;
}
.minagendasoftherowrapper  {
    position:  relative;
    width:  100%;
    top:  60px;
    min-height:  690px;
    background-color:  #f5f4f0;
}
.agendasofthero  {
    padding-top:  30px;
}
.agendasofthero h1  {
    font-size:  46px;
    font-weight:  400;
}
.agendasofthero p  {
    font-size:  20px;
    font-weight:  400;
    line-height:  32px;
}
.agendaexamplehero h1  {
    font-size:  46px;
    font-weight:  400;
}
.agendaexamplehero p  {
    font-size:  20px;
    font-weight:  400;
    line-height:  32px;
}
.agendapp  {
    text-align:  center;
    position:  relative;
    margin:  0 auto;
    max-width:  70%;
}
.newagendaheros  {
    position:  relative;
    top:  0;
    bottom:  0;
    left:  0 auto;
    width:  100%;
}
.agendahh  {
    font-size:  36px;
    font-weight:  400;
}
.grabx  {
    position:  relative;
    width:  100%;
    height:  50px;
    background-color:  #f3f5f7;
    border-radius:  5px;
    box-shadow:  1px 3px 4px #BEBEBE;
}
.grabx p  {
    position:  relative;
    font-size:  26px;
    font-weight:  400;
    top:  -6px;
    left:  30px;
    color:  #2589ee;
}
.agendalistz  {
    display:  block;
    position:  relative;
    top:  -43px;
}
.agendalistz li {
    display:  block;
}
.nav-item.agendatabz:first-child  {
    display:  block;
}
.nav-item.agendatabz  {
    display:  block;
}
.nav-item.agendatabz:last-child  {
    display:  block;
}
.agendatabz  {
    background-color:  #fff;
    z-index:  9;
}
.agendatabs  {
    overflow:  visible;
    position:  absolute;
    top:  0;
    left:  73%;
    width: 630px;
}
.titleslabel  {
    text-transform:  uppercase;
    font-weight:  500;
    font-size:  15px;
    margin-bottom:  0;
}
.agendicon  {
    position:  relative;
    max-height:  14px;
    padding-right:  7px;
    top:  -1px;
    display:  inline-block;
}
.agendarh  {
    font-size:  40px;
    font-weight:  500;
    margin-bottom:  40px;
}
.agendarhp  {
    font-weight:  500;
    font-size:  30px;
    line-height: 45px;
}
.boxlist  {
}
.boxlist ul  {
    position:  relative;
}
.boxlist li  {
    position:  relative;
    list-style-type:  none;
    line-height:  36px;
    font-size:  20px;
    font-weight:  300;
}
.boxlist li:before  {
    content:  "";
    position:  absolute;
    top:  9px;
    left:  -30px;
    width:  20px;
    height:  20px;
    background-image:  url('../img/tickmark.png');
    background-repeat:  no-repeat;
}
.nav-link.agendaa  {
    color:  #42454f;
    border:  1px solid #adbcc6;
    border-radius:  5px;
    margin-bottom:  15px;
    font-size:  18px;
}
.nav-link.agendaa.active  {
    color:  #42454f;
    border:  2px solid #ec7847;
    border-radius:  5px;
    margin-bottom:  15px;
    font-size:  18px;
    box-shadow:  3px 5px 3px #f3f5f7;
}
.jumplinks  {
    text-decoration:  none;
    color:  #42454f;
}
#agendatemplates  {
    scroll-margin-top:  150px;
}
#actionitems  {
    scroll-margin-top:  50px;
}
#collaborate  {
    scroll-margin-top:  50px;
}
#exportagenda {
    scroll-margin-top:  50px;
}
.casevideo  {
    box-shadow: 0px 2px 6px 4px rgba(0, 0, 0, 0.06);
    transition:  transform .2s;
}
.casevideo:hover  {
    transform:  scale(1.02);
}
.casestudy-cta  {
    position:  relative;
    top:  -30px;
    width:  100%;
    max-width:  580px;
    background-color:  #edf1f3;
    border-radius:  5px;
    border:  2px solid #cfdae1;
    height:  137px;
}
.cticon  {
    position:  absolute;
    left:  -80px;
    max-height:  125px;
}
.casectatext  {
    position:  relative;
    left:  90px;
}
.surveyresults  {
    font-weight:  500;
    font-size:  20px;
    color:  #333743;
}
.orangey  {
    color:  #fd6f37;
}
.ctatext  {
    position:  relative;
    max-width:  400px;
    font-size:  16px;
    font-weight:  300;
    top:  -10px;
}
.ctalinks  {
    position:  relative;
    top:  -15px;
}
.orangelinks  {
    color:  #333743;
    font-weight:  500;
    text-decoration-color: #fd6f37 2px;
}
.casestudywrap  {
    position:  relative;
    background-color:  #fff;
    padding:  0;
    border-radius:  5px;
    box-shadow: 0px 2px 6px 4px rgba(0, 0, 0, 0.06);
    transition:  transform .2s;
}
.casestudywrap:hover  {
    transform:  scale(1.02);
}
.casestudylogo  {
    position:  relative;
    width:  100%;

}
.casestudylogo img  {

}
.caseindustry  {
    position:  relative;
    text-align:  center;
    color:  #ec7847;
    font-weight:  500;
    text-transform:  uppercase;
    font-size:  16px;

}
.casename  {
    position:  relative;
    text-align:  center;
    font-size:  25px;
    color:  #343742;

}
.casedescr  {
    position:  relative;
    text-align:  center;
    font-size:  16px;
    color:  #343742;
    font-weight:  300;
    top: 0;
}
.bottomrule {
    position: absolute;
    width: 100%;
    border-top: 1px solid #e0e8ee;
    bottom: 0;
    left:  0;
}
.bottomrule p  {
    padding:  15px 0 15px 0;
    text-align:  center;
}
.bottomrule a  {
    position:  relative;
    text-align:  center;
    color:  #ec7847;
    font-weight:  500;
    text-transform:  uppercase;
    font-size:  16px;
    text-decoration:  underline;
}
.bottomrule a:hover  {
    text-decoration:  underline 2px;
}
.stepthree  {
    overflow:  visible;
    height:  650px;
}
.navbutton  {
    position:  relative;
    width:  100px;
    opacity:  100;
}
.homeselector  {
}
.homeactive  {
    border:  1px solid #8b98a8;
    border-radius:  5px;
    background-color:  #fff;
}
.nav-item a  {

}
.nav-item.hometabs a.active  {
    background-image:  url('../img/transbg.png');
    background-repeat:  no-repeat;
    overflow:  visible;
    text-decoration:  none;
}
.homeselector h2  {
    font-size:  30px;
    color: #292c35;
    font-family:  'Poppins',  sans-serif;
    font-weight:  400;
}
.homeselector p  {
    font-size:  20px;
    color: #292c35;
    font-family:  'Poppins',  sans-serif;
    font-weight:  300;
}
.homeselectorinner  {
    padding:  7px;
}
.slider-one  {
    position:  absolute;
    left:  53%;
    max-width:  1000px;
}
.homeslide  {
    min-height:  500px;
}
.mycon  {
    position:  relative;
    top:  6px;
    left:  50%;
}
.accountabilitywrapper  {
    text-align:  center;
}
.taskability  {
    font-size:  40px;
    color: #343742;
    font-weight:  400;
}
.taskdescription  {
    font-size:  20px;
    color: #343742;
    font-weight:  300;
    line-height:  32px;
}
.accountabilityspan  {
    font-size:  15px;
    font-weight:  600;
    text-transform:  uppercase;
    color: #343742;
    margin-bottom:  30px;
}
.taskmore {
    position:  relative;
    font-size:  20px;
    font-weight:  600;
    color: #343742;
    margin-bottom:  45px;
}
.tab-content.hometab  {
    position:  absolute;
    top:  -10px;
}
.testimonialcap  {
    position:  relative;
    top:  60px;
}
.fivestarmichi  {
}
.testimonialtext  {
    position:  relative;
} 
.carous  {
    height:  410px;
    margin-bottom:  30px;
    border-bottom:  1px solid #bdc9d0;
}

.itgoes  {
    position:  absolute;
    right:  10px;
    top:  410px;
    display:  block;
}
.carousel-control-prev  {
    position:  absolute;
    height:  30px;
    width:  30px;
    top:  50%;
    left:  30px;
    color:  #000;
    border: 1px solid #202020;
    border-radius: 50%;
    background-color:  #fff;
}
.carousel-control-next  {
    position:  absolute;
    height:  30px;
    width:  30px;
    top:  50%;
    right:  30px;
    color:  #000;
    border: 1px solid #202020;
    border-radius: 50%;
    background-color:  #fff;
}
.carousel-control-prev-icon  {
    background-image:  url("data:image/svg+xml;charset=utf-8, %3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23202020'%2F%3E%3C%2Fsvg%3E");
    width:  15px;
    height:  15px;
}
.carousel-control-next-icon  {
    background-image:  url("data:image/svg+xml;charset=utf-8, %3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23202020'%2F%3E%3C%2Fsvg%3E");
    width:  15px;
    height:  15px;
}
.carousel-indicators.dotts  {
    position:  relative;
    width:  100px;
    top: 400px;
    left:  -190px;
    z-index:  2;
    display:  flex;
    justify-content:  center;
    padding:  0;
    margin-right:  15%;
    margin-bottom:  1rem;
    margin-left:  15%;
    list-style:  none;
}
.carousel-indicators.dotts [data-bs-target]  {
    box-sizing:  content-box;
    flex:  0 1 auto;
    width:  15px;
    height:  15px;
    padding:  0;
    margin-right:  3px;
    margin-left:  3px;
    text-indent:  -999px;
    cursor:  pointer;
    background-color:  #343742;
    background-clip:  padding-box;
    border:  0;
    border-top:  10px solid transparent;
    border-bottom:  10px solid transparent;
    opacity:  0.5;
    transition:  opacity 0.6s ease;
    border-radius:  50%;
}
.carousel-indicators.dotts .active  {
    background-color:  #2589ee;
}
.carousel-indicators.dotts a  {
    text-decoration:  none;
}
.carousel-indicators.agendase  {
    position:  relative;
    z-index:  2;
    display:  flex;
    justify-content:  center;
    padding:  0;
    margin-bottom:  1rem;
    list-style:  none;
}
.carousel-indicators.agendase [data-bs-target]  {
    position:  relative;
    width:  100%;
    height:  50px;
    padding:  10px;
    cursor:  pointer;
    background-color:  #fff;
    background-clip:  padding-box;
    transition:  opacity 0.6s ease;
    color:  #42454f;
    border:  1px solid #adbcc6;
    border-radius:  5px;
    margin-bottom:  15px;
    font-size:  18px;
}
.carousel-indicators.agendase a.active  {
    background-image:  none;
    background-repeat:  no-repeat;
    overflow:  visible;
    text-decoration:  none;
    color:  #42454f;
    border:  1px solid #FD6F37;
    border-radius:  5px;
    margin-bottom:  15px;
    font-size:  18px;
}
.carousel-indicators.agendase a  {
    text-decoration:  none;
}
.carousel-indicators  {
    position:  relative;
    z-index:  2;
    display:  flex;
    justify-content:  center;
    padding:  0;
    margin-bottom:  1rem;
    list-style:  none;
}
.carousel-indicators [data-bs-target]  {
    position:  relative;
    width:  300;
    height:  200;
    padding:  0;
    cursor:  pointer;
    background-color:  transparent;
    background-clip:  padding-box;
    border:  0;
    border-top:  none;
    border-bottom:  none;
    transition:  opacity 0.6s ease;
    border-radius:  none;
}
.carousel-indicators a.active  {
    background-image:  url('../img/transbg.png');
    background-repeat:  no-repeat;
    overflow:  visible;
    text-decoration:  none;
}
.carousel-indicators a  {
    text-decoration:  none;
}
.btn-thatvid  {
    position:  relative;
    width:  60%;
    top:  25px;
    background-color:  #6c9be6;
    border:  2px solid transparent;
    box-shadow:  1px 3px 5px #ddd;
    color:  #fff;
}
.agendasoftherowrapper  {
    position:  relative;
    width:  100%;
    top:  50px;
    background-color:  #f5f4f0;
}
.agendaexampleherowrapper  {
    position:  relative;
    width:  100%;
    top:  50px;
    background-image:url('/img/exampleherobg.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.actionherowrapper  {
    position:  relative;
    width:  100%;
    top:  50px;
    min-height:  690px;
    background-color:  #f5f4f0;
}
.minagendasoftherowrapper  {
    position:  relative;
    width:  100%;
    top:  50px;
    min-height:  590px;
    background-color:  #f5f4f0;
}
.minutessoftwrapper  {
    position:  relative;
    width:  100%;
    margin-top:  30px;
    height:  600px;
    background-color:  #f5f4f0;
}
.agendasofthero  {
    padding-top:  30px;
}
.agendasofthero h1  {
    font-size:  46px;
    font-weight:  400;
}
.agendasofthero p  {
    font-size:  20px;
    font-weight:  400;
    line-height:  32px;
}
.agendapp  {
    text-align:  center;
    position:  relative;
    margin:  0 auto;
    max-width:  70%;
}
.newagendaheros  {
    position:  relative;
    top:  0;
    bottom:  0;
    width: 100%;
    max-width:  1420px;
}
.newminutesherosa  {
    position:  relative;
    width:  100%;
    max-width:  1700px;
    bottom:  0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.minuteslefter  {
    position:  absolute;
    display:  block;
    max-width:  1107px;
    right:  51%;
}
.agendahh  {
    font-size:  36px;
    font-weight:  400;
}
.grabx  {
    position:  relative;
    top:  0;
    left:  0;
    width:  100%;
    height:  50px;
    background-color:  #ffffff;
    border-radius:  5px;
    box-shadow:  1px 3px 4px #BEBEBE;
}
.grabx p:hover  {
    text-decoration:  underline;
    position:  relative;
}
.grabxicon  {
    position:  relative;
    top: 9px;
    padding-right: 26px;
    float:  left;
    display:  block;
    height:  20px;
}
.grabxicons  {
    position:  relative;
    top:  8px;
    padding-right:  15px;
    float:  left;
    height:  20px;
    left:  -4px;
}
.agendalistz  {
    display:  block;
    position:  relative;
    top:  -43px;
}
.agendalistz li {
    display:  block;
}
.nav-item.agendatabz:first-child  {
    display:  block;
}
.nav-item.agendatabz  {
    display:  block;
}
.nav-item.agendatabz:last-child  {
    display:  block;
}
.agendatabz  {
    font-size:  16px;
}
.agendatabs  {
    overflow:  visible;
    position:  absolute;
    top:  0;
    left:  73%;
    width: 630px;
}
.titleslabel  {
    text-transform:  uppercase;
    font-weight:  500;
    font-size:  15px;
    margin-bottom:  0;
}
.agendicon  {
    position:  relative;
    max-height:  14px;
    padding-right:  7px;
    top:  -1px;
    display:  inline-block;
}
.agendarh  {
    font-size:  40px;
    line-height: 52px;
    font-weight:  500;
    margin-bottom:  30px;
    margin-top:  30px;
}
.agendarhp  {
    font-weight:  500;
        font-size: 30px;
    	line-height: 45px;
}
.boxlist  {
}
.boxlist ul  {
    position:  relative;
}
.boxlist li  {
    position:  relative;
    list-style-type:  none;
    line-height:  36px;
    font-size:  20px;
    font-weight:  300;
}
.boxlist li:before  {
    content:  "";
    position:  absolute;
    top:  9px;
    left:  -30px;
    width:  20px;
    height:  20px;
    background-image:  url('../img/tickmark.png');
    background-repeat:  no-repeat;
}
.nav-link.agendaa  {
    color:  #42454f;
    border:  1px solid #adbcc6;
    border-radius:  5px;
    margin-bottom:  15px;
    font-size:  18px;
}
.nav-link.agendaa.active  {
    color:  #42454f;
    border:  2px solid #ec7847;
    border-radius:  5px;
    margin-bottom:  15px;
    font-size:  18px;
    box-shadow:  3px 5px 3px #f3f5f7;
}
.jumplinks  {
    text-decoration:  none;
    color:  #42454f;
}
#agendatemplates  {
    scroll-margin-top:  150px;
}
#actionitems  {
    scroll-margin-top:  50px;
}
#collaborate  {
    scroll-margin-top:  50px;
}
#exportagenda {
    scroll-margin-top:  50px;
}
.casevideo  {
    box-shadow: 0px 2px 6px 4px rgba(0, 0, 0, 0.06);
    transition:  transform .2s;
}
.casevideo:hover  {
    transform:  scale(1.02);
}
.casestudy-cta  {
    position:  relative;
    top:  -13px;
    width:  100%;
    max-width:  525px;
    background-color:  #edf1f3;
    border-radius:  5px;
    border:  2px solid #cfdae1;
    height:  137px;
}
.cticon  {
    position:  absolute;
    left:  -80px;
    top:  5px;
    max-height:  125px;
}
.casectatext  {
    position:  relative;
    left:  90px;
    top:  7px;
}
.surveyresults  {
    font-weight:  500;
    font-size:  20px;
    color:  #333743;
}
.orangey  {
    color:  #fd6f37;
}
.ctatext  {
    position:  relative;
    max-width:  400px;
    font-size:  16px;
    font-weight:  300;
    top:  -10px;
}
.ctalinks  {
    position:  relative;
    top:  -15px;
}
.orangelinks  {
    color:  #333743;
    font-weight:  500;
    text-decoration-color: #fd6f37 2px;
}

.casestudywrap:hover  {
    transform:  scale(1.02);
}
.casestudylogo  {
    position:  relative;
    width:  100%;


}
.casestudylogo img  {
	display: block;
	margin: 0 auto;
	position: relative;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding:30px;
}
.casewidthonesix  {
    max-width:  160px;
}
.casewidthonefour  {
    max-width:  140px;
}
.casewidthonetwo  {
    max-width:  120px;
}
.caseindustry  {
    position:  relative;
    text-align:  center;
    color:  #ec7847;
    font-weight:  500;
    text-transform:  uppercase;
    font-size:  18px;

}
.casename  {
    position:  relative;
    text-align:  center;
    font-size:  15px;
    color:  #343742;

}
.casedescr  {
    position:  relative;
    text-align:  center;
    font-size:  14px;
    color:  #343742;
    font-weight:  300;
    height: 165px;

}
.bottomrule {
    position: absolute;
    width: 100%;
    border-top: 1px solid #e0e8ee;
    bottom: 0;
    left:  0;
}
.bottomrule p  {
    padding:  15px 0 15px 0;
    text-align:  center;
}
.bottomrule a  {
    position:  relative;
    text-align:  center;
    color:  #ec7847;
    font-weight:  500;
    text-transform:  uppercase;
    font-size:  16px;
    text-decoration:  underline;
}
.bottomrule a:hover  {
    text-decoration:  underline 2px;
}
.deployboxdark  {
    background-color: #42454f;
    border-radius: 5px;
    padding: 15px 30px 0 30px;
    margin-bottom: 15px;
    color: #fff;
}
.deploybar  {
    position:  relative;
    left:  -200px;
}
.deploylist  {
}
.deploylist ul  {
    position:  relative;
}
.deploylist li  {
    position:  relative;
    list-style-type:  none;
    line-height:  36px;
    font-size:  16px;
    font-weight:  300;
}
.deploylist li:before  {
    content:  "";
    position:  absolute;
    top:  11px;
    left:  -30px;
    width:  20px;
    height:  20px;
    background-image:  url('../img/greenchecker.png');
    background-repeat:  no-repeat;
}
.deploymentone  {
    position:  relative;
    left:  10px;
    top:  15px;
    width:  100%;
    margin-bottom:  15px;
    max-width: 90px;
    display:  block;
}
.deploymenttwo  {
    position:  relative;
    left:  19px;
    top:  15px;
    width:  100%;
    margin-bottom:  15px;
    max-width: 90px;
    display:  block;
}
.deploymentthree  {
    position:  relative;
    left:  10px;
    top:  15px;
    width:  100%;
    margin-bottom:  15px;
    max-width: 90px;
    display:  block;
}
.deployer  {
    position:  relative;
    width:  100%;
    height:  40px;
    padding:  15px 0 15px 0;
    margin:  30px 0 15px 0;
    background-image:  url('../img/deploy-hr-1.png');
    background-repeat:  no-repeat;
    display:  block;
}
.deployerone  {
    position:  absolute;
    top:  0;
    left:  4%;
    width:  16px;
    height:  29px;
    background-image:  url('../img/deploy-hr-2.png');
    background-repeat:  no-repeat;
    display:  block;
}
.deployertwo  {
    position:  absolute;
    top:  0;
    left:  39%;
    width:  16px;
    height:  29px;
    background-image:  url('../img/deploy-hr-2.png');
    background-repeat:  no-repeat;
    display:  block;
}
.deployerthree  {
    position:  absolute;
    top:  0;
    left:  72%;
    width:  16px;
    height:  29px;
    background-image:  url('../img/deploy-hr-2.png');
    background-repeat:  no-repeat;
    display:  block;
}
.thepane  {
    display:  none;
}
.thepane.active  {
    display:  block;
}
.navtrial  {
    position:  relative;
    left:  8px;
}
.threestepper  {
    background-color:  none;
    height:  200px;
    width:  400px;
    border-radius:  none;
    border:  none;
}
.testimg  {
    position:  relative;
    width:  100%;
    max-width:  300px;
}
.caplogo  {
    position:  relative;
    width:  100%;
    max-width:  200px;
}
.testitone  {
    position:  relative;
    top:  120px;
}
.testittwo  {
    position:  relative;
    top:  80px;
}
.testitthree  {
    position:  relative;
    top:  100px;
}
.testitfour  {
    position:  relative;
    top:  130px;
}
.testitfive  {
    position:  relative;
    top:  100px;
}
.testiis  {
    position:  relative;
    height:  100px;
}
.solutionsdropdown  {
    min-width:  200px;
}
.meetingsofthero  {
    padding:  30px 30px 0 30px;
}
.minutestopper  {
    position:  relative;
    height:  220px;
}
.thestudy  {
}
.thestudy h2  {
    position:  relative;
    font-size:  40px;
    line-height:  44px;
    color: #292c35;
    font-family:  'Poppins',  sans-serif;
    font-weight:  400;
    margin-top:  30px;
    margin-bottom:  30px;
}
.thestudy h3  {
    position:  relative;
    font-size:  20px;
    line-height:  30px;
    color: #292c35;
    font-family:  'Poppins',  sans-serif;
    font-weight:  500;
    margin-top:  30px;
    margin-bottom:  30px;
}
.thestudy p  {
    position:  relative;
    font-size:  20px;
    line-height:  30px;
    color: #292c35;
    font-family:  'Poppins',  sans-serif;
    font-weight:  300;
    margin-top:  30px;
    margin-bottom:  30px;
}
.beigeboxx  {
    position:  relative;
    margin-top:  75px;
    background-color:  #f1efe9;
    padding:  30px;
    border-radius:  10px;
}
.beigeboxx h4  {
    position:  relative;
    font-size:  20px;
    line-height:  25px;
    color: #292c35;
    font-family:  'Poppins',  sans-serif;
    font-weight:  500;
    margin-top:  30px;
    margin-bottom:  2px;
}
.beigeboxx span  {
    position:  relative;
    font-size:  20px;
    line-height:  30px;
    color: #292c35;
    font-family:  'Poppins',  sans-serif;
    font-weight:  300;
    margin-top:  30px;
    margin-bottom:  15px;
}
.beigeboxxhs  {
    position:  absolute;
    width:  92px;
    top:  -40px;
    left:  40%;
}
.grayboxx  {
    position:  relative;
    margin-top:  75px;
    padding:  30px;
    border-radius:  10px;
    background-color:  #F6F8F9;
}
.grayboxx p  {
    font-style:  italic;
    font-family:  'Poppins',  sans-serif;
    font-weight:  300;
    font-size:  20px;
    margin-bottom:  30px;
}
.grayboxx p:before  {
    content:  open-quote;
    width:  20px;
    height:  20px;
}
.grayboxx p:after  {
    content:  close-quote;
    width:  20px;
    height:  20px;
}
.whywrapper  {
    position:  relative;
    width:  100%;
    background-color:  #f1efe9;
    height:  700px;
    margin-bottom:  70px;
}
.whyhero  {
    position:  relative;
    top:  100px;
}
.whyhero h1  {
    font-size:  41px;
    line-height:  50px;
    font-weight:  300;
    color:  #343742;
}
.whyhero h2  {
    font-size:  70px;
    line-height:  85px;
    font-weight:  500;
    color:  #ec7847;
}
.whyheroimg  {
    position:  relative;
    max-width:  1230px;
    left:  57px;
    margin-top:  -275px;
    z-index:  1;
}
.whyquotewrapper  {
    position:  relative;
    width:  100%;
}
.whyquotewrapperright  {
    position:  relative;
    width:  100%;
    margin-left:  10px;
}
.whyquote  {
    position:  relative;
    z-index:  9;
    font-style:  italic;
    font-size:  20px;
    color:  #343742;
}
.whyquote::before  {
    content:  open-quote;
}
.whyquote::after  {
    content:  close-quote;
}
.signedby  {
    position:  relative;
    left:  -45px;
    z-index:  9;
}
.signedbyauth  {
    position:  relative;
    z-index:  9;
    font-size:  20px;
    line-height:  10px;
    font-weight:  500;
    text-align:  right;
}
.signedbytitle  {
    position:  relative;
    z-index:  9;
    font-size: 16px ;
    line-height: 10px;
    text-align:  right;
}
.fivestarswhy  {
    position:  relative;
    height:  15px;
}
.whytrial  {
    position:  relative;
    width:  100%;
    z-index:  9;
    text-align:  center;
    margin-top:  49px;
}
.whybluebg  {
    position:  relative;
    width:  100%;
    background-color:  #dbe9f6;
    border-radius:  5px;
    max-height:  1800px;
}
.pullitupcta  {
    margin-top:  -200px;
}
.whybodyimgone  {
    position:  relative;
    max-width: 550px ;
    left:  -30px;
    z-index:  2;
}
.whybodyimgtwo  {
}
.whybodyimgthree  {
    position:  relative;
    max-width: 250px ;
    left:  120px;
    top:  -100px;
    z-index:  2;
}
.whyonebg  {
    position:  relative;
    top:  100px;
    height: 510px ;
    background-image:  url('../img/whybgone.png');
    background-repeat:  no-repeat;
    z-index:  3;
}
.whytwobg  {
    position:  relative;
    top:  -60px;
    left:  -60px;
    width:  660px;
    height:  660px;
    background-image:  url('../img/whybgtwo.png');
    background-repeat:  no-repeat;
    z-index:  3;
}
.whythreebg  {
    position:  relative;
    top:  -200px;
    left:  250px;
    height: 510px ;
    background-image:  url('../img/whybgthree.png');
    background-repeat:  no-repeat;
    z-index:  3;
}
.whybodyone  {
    position:  relative;
    left:  50px;
    top:  130px;
    font-size:  40px;
    line-height:  50px;
    text-align:  center;
    width:  400px;
    z-index:  3;
}
.whybodytwo  {
    position:  relative;
    left:  95px;
    top:  165px;
    font-size:  44px;
    line-height:  50px;
    text-align:  center;
    width:  450px;
    z-index:  2;
}
.whybodythree  {
    position:  relative;
    left:  10px;
    top:  160px;
    font-size:  40px;
    line-height:  50px;
    text-align:  center;
    width:  500px;
}
.orangeperc  {
    color: #ec7847 ;
    font-weight:  600;
    font-size:  100px;
}
.whybottombg  {
    position:  relative;
    width:  100%;
    background-image:  url('../img/whybottom-bg-1244.png');
    background-repeat:  no-repeat;
    max-width:  1244px;
    height:  823px;
    margin:  0 auto;
}
.whybottombg h2  {
    display:  block;
}
.whystepone  {
    position:  relative;
    width:  260px;
    top:  40px;
    text-align:  right;
    color:  #fff;
}
.whystepone h5  {
    font-size:  18px;
    color:  #a893e6;
    line-height:  20px;
}
.whystepone p  {
    font-size:  18px;
    color:  #fff;
    font-weight:  300;
    line-height:  26px;
}
.whysteptwo  {
    position:  relative;
    left:  78%;
    top:  -180px;
    width:  240px;
    text-align:  left;
    color:  #fff;
}
.whysteptwo h5  {
    font-size: 18px;
    color:  #dc6069;
    line-height:  20px;
}
.whysteptwo p  {
    font-size:  18px;
    color:  #fff;
    font-weight:  300;
    line-height:  26px;
}
.whystepthree  {
    position:  relative;
    width:  240px;
    left:  75%;
    top:  15px;
    text-align:  left;
    color:  #fff;
}
.whystepthree h5  {
    line-height:  18px;
    font-size:  20px;
    color:  #edbe5a;
}
.whystepthree p  {
    font-size:  18px;
    color:  #fff;
    font-weight:  300;
    line-height:  26px;
}
.whystepfour  {
    position:  relative;
    top:  -100px;
    width:  400px;
    margin:  0 auto;
    text-align:  center;
    color:  #fff;
}
.whystepfour h5  {
    line-height:  20px;
    font-size:  18px;
    color:  #6fbfe5;
}
.whystepfour p  {
    font-size:  18px;
    color:  #fff;
    font-weight:  300;
    line-height:  26px;
}
.whystepfive  {
    position:  relative;
    width:  240px;
    top:  -515px;
    left:  -10px;
    text-align:  right;
    color:  #fff;
}
.whystepfive h5  {
    font-size:  18px;
    color:  #abd376;
}
.whystepfive p  {
    font-size:  18px;
    color:  #fff;
    font-weight:  300;
    line-height:  26px;
}
.onearrow  {
    position:  relative;
    left:  180px;
    top:  -150px;
}
.twoarrow  {
    position:  relative;
    left:  -185px;
    top:  -125px;
}
.threearrow  {
    position:  relative;
    left:  -120px;
    top:  -175px;
}
.fourarrow  {
    position:  relative;
    top:  -240px;
}
.fivearrow  {
    position:  relative;
    left:  115px;
    top:  -255px;
}
.anaroo  {
    position:  absolute;
    left:  45%;
    top: 90px;
}
.notecardfull  {
    position:  absolute;
    left:  45%;
    top: 90px;
}
.innertrial  {
    position:  relative;
    width:  300px;
    margin: 0 auto;
    top: 90px;
}
.rightheroz  {
    background-image:  url('/img/mind-mapping-girl.png');
    background-size:  cover;
    background-repeat:  no-repeat;
    position:  relative;
    top:  0;
    height: 100%;
}
.examplebox {
	position: relative;
	width: 100%;
	
	margin-top: 160px;
	margin-bottom: 30px;
	

}
.innerexamplebg {
	position: relative;
	width: 100%;
	background-image: url('/img/exampletemplatebg.png');
	background-repeat: no-repeat;
	background-size: 100%;
	min-height: 400px;
	z-index: 8;
	border: 2px solid #fff;
	box-shadow: 0px 2px 6px 4px rgb(0 0 0 / 6%)
}
.innterexamptext {
	position: relative;
	top: 160px;
	text-align: center;
}
.templateexampleimg {
	position: absolute;
	top: -110px;
	left: 60px;
	z-index: 9;
}

}
@media (min-width: 1440px)  {
	.therighthero img {
	    position: relative;
	    width: 100%;
	    aspect-ratio: auto;

	}
	.therightheroprd img {
	    position: relative;/* product page */
	    width: 100%;
	    aspect-ratio: 1707 / 1172;
	    max-width: 1172px;
	    top:20px;
	}
	.therightheromvat img {
	    position: relative;
	    width: 100%;
	    aspect-ratio: auto;
	    max-width: 1166px;
	    top:40px;
	}
	.therightherogantt img {
	    position: relative;
	    width: 100%;
	    aspect-ratio:auto;
	    max-width: 1166px;
	    top:40px;
	}
	.therightherowbs img {
	    position: relative;
	    width: 100%;
	    aspect-ratio:auto;
	    max-width: 1166px;
	    top:40px;
	}
	.therightherowbs img {
	    position: relative;
	    width: 100%;
	    aspect-ratio:auto;
	    top:40px;
	}

	.heroheaderswot {
	    font-family: 'Poppins', sans-serif;
	    font-weight: 600;
	    font-style: normal;
	    color: #292c35;
	    font-size:48px;
	    line-height: 60px;
	    text-align: left;
	}
	.newfreet-btn {
	    position: relative;
	    border-radius: 5px;
	    border: 2px solid rgba(50,57,65,1);
	    background-color: rgba(84,106,136,1);
	    color: #fff;
	    text-decoration: none;
	    white-space: nowrap;
	    text-align: center;
	    font-style: normal;
	    font-weight: 600;
	    font-size: 22px;
	    color: rgba(255,255,255,1);
	    padding: 5px 37px;
	    text-align: center;
	    max-width: 175px;
	}

	.newwebinar-btn {
	    position: relative;
	    border-radius: 5px;
	    border: 2px solid rgba(2,80,148,1);
	    background-color: #fff;
	    text-decoration: none;
	    white-space: nowrap;
	    text-align: center;
	    font-style: normal;
	    font-weight: 600;
	    font-size: 22px;
	    color: rgba(2,80,148,1);
	    padding: 5px 11px;
	    text-align: center;
	    max-width: 175px;
	    margin-right:0px;
	}

	.templateexampleimg {
		position: absolute;
		top: -110px;
		left: 30px;
		z-index: 9;
	}
	.examplebox {
		position: relative;
		width: 100%;
		
		margin-top: 160px;
		margin-bottom: 30px;
		
	
	}
	.innerexamplebg {
		position: relative;
		width: 100%;
		background-image: url('/img/exampletemplatebg.png');
		background-repeat: no-repeat;
		background-size: 100%;
		min-height: 400px;
		z-index: 8;
		border: 2px solid #fff;
		box-shadow: 0px 2px 6px 4px rgb(0 0 0 / 6%)
	}
	.innterexamptext {
		position: relative;
		top: 160px;
		text-align: center;
	}
	.templateexampleimg {
		position: absolute;
		top: -110px;
		left: 40px;
		z-index: 9;
		max-width: 300px;
	}
    .rightheroz  {
    background-image:  url('/img/mind-mapping-girl.png');
    background-size:  cover;
    background-repeat:  no-repeat;
    position:  relative;
    height: 420px;
}
.meetingsofthero  {
    padding:  30px 30px 0 30px;
}
.minutestopper  {
    position:  relative;
    height:  220px;
}
.newminutesherosa  {
    position:  relative;
    width:  100%;
    max-width:  1700px;
    bottom:  0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.carousel-indicators.dotts  {
    position:  relative;
    width:  100px;
    top:  410px;
    left:  -200px;
    z-index:  2;
    display:  flex;
    justify-content:  center;
    padding:  0;
    margin-right:  15%;
    margin-bottom:  1rem;
    margin-left:  15%;
    list-style:  none;
}
.whywrapper  {
    position:  relative;
    width:  100%;
    background-color:  #f1efe9;
    height:  775px;
    margin-bottom:  70px;
}
.whyhero  {
    position:  relative;
    top:  100px;
}
.whyhero h1  {
    font-size:  41px;
    line-height:  50px;
    font-weight:  300;
    color:  #343742;
}
.whyhero h2  {
    font-size:  70px;
    line-height:  85px;
    font-weight:  500;
    color:  #ec7847;
}
.whyheroimg  {
    position:  relative;
    width:  100%;
    max-width:  1660px;
    left:  0px;
    margin-top:  -310px;
    z-index:  1;
}
.whyquotewrapper  {
    position:  relative;
    width:  595px;
}
.whyquotewrapperright  {
    position:  relative;
    width:  595px;
    margin-left:  69px;
}
.whyquote  {
    position:  relative;
    z-index:  9;
    font-style:  italic;
    font-size:  20px;
    color:  #343742;
}
.whyquote::before  {
    content:  open-quote;
}
.whyquote::after  {
    content:  close-quote;
}
.signedby  {
    position:  relative;
    left:  -45px;
    z-index:  9;
}
.signedbyauth  {
    position:  relative;
    z-index:  9;
    font-size:  20px;
    line-height:  10px;
    font-weight:  500;
    text-align:  right;
}
.signedbytitle  {
    position:  relative;
    z-index:  9;
    font-size: 16px ;
    line-height: 10px;
    text-align:  right;
}
.fivestarswhy  {
    position:  relative;
    height:  15px;
}
.whytrial  {
    position:  relative;
    width:  100%;
    z-index:  9;
    text-align:  center;
    margin-top:  90px;
}
.whybluebg  {
    position:  relative;
    width:  100%;
    background-color:  #dbe9f6;
    border-radius:  5px;
    max-height:  1800px;
}
.pullitupcta  {
    margin-top:  -200px;
}
.whybodyimgone  {
    position:  relative;
    max-width: 550px ;
    left:  -70px;
    z-index:  2;
}
.whybodyimgtwo  {
    position:  relative;
    width:  100%;
    top:  -100px;
    left:  130px;
    z-index:  1;
}
.whybodyimgthree  {
    position:  relative;
    max-width: 250px ;
    left:  110px;
    top:  -130px;
    z-index:  2;
}
.whyonebg  {
    position:  relative;
    top:  100px;
    height: 510px ;
    background-image:  url('../img/whybgone.png');
    background-repeat:  no-repeat;
    z-index:  3;
}
.whytwobg  {
    position:  relative;
    top:  -60px;
    left:  -60px;
    width:  660px;
    height:  660px;
    background-image:  url('../img/whybgtwo.png');
    background-repeat:  no-repeat;
    z-index:  3;
}
.whythreebg  {
    position:  relative;
    top:  -200px;
    left:  250px;
    height: 510px ;
    background-image:  url('../img/whybgthree.png');
    background-repeat:  no-repeat;
    z-index:  3;
}
.whybodyone  {
    position:  relative;
    left:  50px;
    top:  150px;
    font-size:  40px;
    line-height:  50px;
    text-align:  center;
    width:  400px;
    z-index:  3;
}
.whybodytwo  {
    position:  relative;
    left:  50px;
    top:  200px;
    font-size:  40px;
    line-height:  50px;
    text-align:  center;
    width:  550px;
    z-index:  2;
}
.whybodythree  {
    position:  relative;
    left:  10px;
    top:  160px;
    font-size:  40px;
    line-height:  50px;
    text-align:  center;
    width:  500px;
}
.orangeperc  {
    color: #ec7847 ;
    font-weight:  600;
    font-size:  48px;
}
.whybottombg  {
    position:  relative;
    background-image:  url('../img/whybottom-bg.png');
    background-repeat:  no-repeat;
    max-width:  1344px;
    height:  890px;
    margin:  0 auto;
}
.whybottombg h2  {
    display:  block;
}
.whystepone  {
    position:  relative;
    width:  300px;
    top:  80px;
    text-align:  right;
    color:  #fff;
}
.whysteponeshadow  {
    position:  absolute;
    background-image:  url(../img/whybgone_shadow.png);
    background-repeat:  no-repeat;
    background-size:  contain;
    width:  474px;
    height:  474px;
    top:  13%;
    left:  127px;
    z-index:  0;
}
.whysteptwoshadow  {
    position:  absolute;
    background-image:  url('../img/whybgtwo_shadow.png');
    background-repeat:  no-repeat;
    background-size:  contain;
    width:  630px;
    height:  630px;
    top:  612px;
    left:  677px;
    z-index:  0;
}
.whystepthreeshadow  {
    position:  absolute;
    background-image:  url('../img/whybgtwo_shadow.png');
    background-repeat:  no-repeat;
    background-size:  contain;
    width:  500px;
    height:  500px;
    top:  1087px;
    left:  340px;
    z-index:  0;
}
.whysteponealtshadow  {
    position:  absolute;
    background-image:  url(../img/whybody-1_shadow.png);
    background-repeat:  no-repeat;
    background-size:  contain;
    width:  536px;
    height:  534px;
    top:  7%;
    left:  643px;
    z-index:  0;
}
.whysteptwoaltshadow  {
    position:  absolute;
    background-image:  url('../img/whybody-2_shadow.png');
    background-repeat:  no-repeat;
    background-size:  contain;
    width:  614px;
    height:  613px;
    top:  560px;
    left:  225px;
    z-index:  0;
}
.whystepthreealtshadow  {
    position:  absolute;
    background-image:  url('../img/whybody-2_shadow.png');
    background-repeat:  no-repeat;
    background-size:  contain;
    width:  250px;
    height:  250px;
    top:  1142px;
    left:  807px;
    z-index:  0;
}
.whystepone h5  {
    font-size:  20px;
    color:  #a893e6;
    line-height:  20px;
}
.whystepone p  {
    font-size:  20px;
    color:  #fff;
    font-weight:  300;
    line-height:  26px;
}
.whysteptwo  {
    position:  relative;
    left:  78%;
    top:  -160px;
    width:  300px;
    text-align:  left;
    color:  #fff;
}
.whysteptwo h5  {
    font-size:  20px;
    color:  #dc6069;
    line-height:  20px;
}
.whysteptwo p  {
    font-size:  20px;
    color:  #fff;
    font-weight:  300;
    line-height:  26px;
}
.whystepthree  {
    position:  relative;
    width:  300px;
    left:  81%;
    top:  -50px;
    text-align:  left;
    color:  #fff;
}
.whystepthree h5  {
    line-height:  20px;
    font-size:  20px;
    color:  #edbe5a;
}
.whystepthree p  {
    font-size:  20px;
    color:  #fff;
    font-weight:  300;
    line-height:  26px;
}
.whystepfour  {
    position:  relative;
    top:  -60px;
    width:  400px;
    margin:  0 auto;
    text-align:  center;
    color:  #fff;
}
.whystepfour h5  {
    line-height:  20px;
    font-size:  20px;
    color:  #6fbfe5;
}
.whystepfour p  {
    font-size:  20px;
    color:  #fff;
    font-weight:  300;
    line-height:  26px;
}
.whystepfive  {
    position:  relative;
    width:  300px;
    top:  -480px;
    left:  -40px;
    text-align:  right;
    color:  #fff;
}
.whystepfive h5  {
    font-size:  20px;
    color:  #abd376;
}
.whystepfive p  {
    font-size:  20px;
    color:  #fff;
    font-weight:  300;
}
.onearrow  {
    position:  relative;
    left:  180px;
    top:  -150px;
}
.twoarrow  {
    position:  relative;
    left:  -190px;
    top:  -120px;
}
.threearrow  {
    position:  relative;
    left:  -120px;
    top:  -175px;
}
.fourarrow  {
    position:  relative;
    top:  -240px;
}
.fivearrow  {
    position:  relative;
    left:  115px;
    top:  -215px;
}
}
@media (min-width: 1649px) { 
	.ab-btnorange {
	    background-color: #FF6600;
	    border: 2px solid #C64116;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    user-select: none;
	    border-radius: 0.3rem;
	    color: #fff;
	}
	.ab-btnorange:hover {
		background-color: #c6411687;
		border: 2px solid #C64116;
		color: #fff;
	}
	.ab-btnorange {
		display: inline-block;
		text-decoration: none;
		vertical-align: middle;
		cursor: pointer;
		padding: 0.5rem 1rem;
		font-size: 18px;
		transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		text-align: center;
		font-weight: 600;
	}


	.ab-btnblue {
	    background-color: #025094;
	    border: 2px solid #1F469D;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    user-select: none;
	    border-radius: 0.3rem;
	    color: #fff;
	}
	.ab-btnblue:hover {
		background-color: #1f469d69;
		border: 2px solid #1F469D;
		color: #fff;
	}
	.ab-btnblue {
		display: inline-block;
		text-decoration: none;
		vertical-align: middle;
		cursor: pointer;
		padding: 0.5rem 1rem;
		font-size: 18px;
		transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		text-align: center;
		font-weight: 600;
	}

	.ab-btngreen {
	    background-color: #009900;
	    border: 2px solid #006F00;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    user-select: none;
	    border-radius: 0.3rem;
	    color: #fff;
	}
	.ab-btngreen:hover {
		background-color: #0099005e;
		border: 2px solid #006F00;
		color: #fff;
	}
	.ab-btngreen {
		display: inline-block;
		text-decoration: none;
		vertical-align: middle;
		cursor: pointer;
		padding: 0.5rem 1rem;
		font-size: 18px;
		transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		text-align: center;
		font-weight: 600;
	}
	.therightherowbs img {
	    position: relative;
	    width: 100%;
	    aspect-ratio: auto;
	   top: 60px;
	   padding-bottom: 60px;
	}
	.innerblueicon {
	    position: relative;
	    height: 90px;
	    margin-bottom: 15px;
	}

	.playvdaltwbs {
	    position: relative;
	    width: 100%;
	    display: block;
	    
	    aspect-ratio: auto;
	    max-width: 385px;
	}
	.tpp {
	    font-size: 34px;
	    text-align: center;
	}
	.heroheader {
	    font-family: 'Poppins', sans-serif;
	    font-weight: 600;
	    font-style: normal;
	    color: #292c35;
	    font-size: 48px;
	    line-height: 60px;
	    text-align: left;
	}
	.innerbluebox p {
	    position: relative;
	    	    font-size: 23px !important;
	         	line-height: 30px !important;
	    color: #025094 !important;
	    margin-bottom: 30px;
	    text-decoration: none; 
	    top: 0;
	    min-height:115px;
	}
	.innerbluebox h5 {
		position: relative;
		    font-size: 32px;
		    line-height: 32px;
		    color: #212529;
		    margin-bottom: 0px;
		    text-decoration: none;
		    top: 0;
		    height: 79px;
		    font-weight: 400;
	}
	.patbox {
	    position: relative;
	    font-size: 16px;
	    line-height: 26px;
	    font-weight: 500;
	    min-height: 143px;
	}
	.homecasepa {
	    position: relative;
	    text-align: left;
	    font-family: Poppins;
	    font-style: normal;
	    font-weight: 500;
	    font-size: 20px;
	    line-height: 30px;
	    margin-top: 30px;
	    margin-bottom: 70px;
	    height: 43px;
	}
}
@media (min-width: 1799px) {
	.herologo {
		position:relative;
		width: 100%;
		aspect-ratio:auto;
		max-width:400px;
	}
	.topsections  {
	    position:  relative;
	    top:  0;
	}
	.therightherowbs img {
	    position: relative;
	    width: 100%;
	    aspect-ratio: auto;
	    top: 46px;
	    padding-bottom: 60px;
	}

	.therightherogantt img {
	    position: relative;
	    width: 100%;
	    aspect-ratio: auto;
	    max-width: 1166px;
	    top: 35px;
	}

	.heroheader {
	    font-family: 'Poppins', sans-serif;
	    font-weight: 600;
	    font-style: normal;
	    color: #292c35;
	    font-size: 48px;
	    line-height: 60px;
	    text-align: left;
	}
	.homecasep {
	    position: relative;
	    text-align: left;
	    font-family: Poppins;
	    font-style: normal;
	    font-weight: 500;
	    font-size: 20px;
	    line-height: 30px;
	    margin-top: 30px;
	    margin-bottom: 30px;
	}

	.innerbluebox h5 {
	    position: relative;
	    font-size: 32px;
	    line-height: 32px;
	    color: #212529;
	    margin-bottom: 5px;
	    text-decoration: none;
	    top: 0;
	    height: 80px;
	    font-weight: 600;
	}
	.innerbluebox p {
	    position: relative;
	    	    font-size: 23px !important;
	         	line-height: 30px !important;
	    color: #025094 !important;
	    margin-bottom: 0px;
	    text-decoration: none;
	    top: 0;
	    min-height: 140px;
	}
	.athead {
	    position: relative;
	    color: #0D314D;
	    font-weight: 600;
	    font-size: 20px;
	    line-height: 30px;
	    top: -4px;
	    height: 50px;
	}
	.patbox {
	    position: relative;
	    font-size: 16px;
	    line-height: 26px;
	    font-weight: 500;
	    min-height: 130px;
	}
	.homecasepa {
	    position: relative;
	    text-align: left;
	    font-family: Poppins;
	    font-style: normal;
	    font-weight: 500;
	    font-size: 20px;
	    line-height: 30px;
	    margin-top: 30px;
	    margin-bottom: 70px;
	    height: 45px;
	}
}
/*
@media (min-width: 2099px) {
	.therightherogantt img {
	    position: relative;
	    width: 100%;
	    aspect-ratio: auto;
	    max-width: 1120px;
	    top: 38px;
	}
	.whydiff {
	    font-size: 50px;
	    text-align: center;
	    color: #000;
	    font-weight: 600;
	}

	.therighthero img {
	    position: relative;
	    width: 100%;
	    aspect-ratio: 2332 / 1643;
	    max-width: 1360px;
	    top: 30px;
	}
	.mwlogos {
	    position: relative;
	    aspect-ratio: 500 / 79;
	    width: 100%;
	    max-width: 260px;
	}
	.navbar {
		height: 80px;
	}
	.navbar-expand-xl .navbar-nav .nav-link {
	    padding-right: 49px;
	    font-weight: 500;
	    font-size: 24px;
	    width: 100%;
	    text-align: left;
	}
	.navbar-expand-xl .navbar-nav {
	    flex-direction: row;
	    top: 15px;
	}
	.navbar-expand-xl .navbar-nav .dropdown-menu {
	    position: fixed;
	    width: 100%;
	    top: 79px;
	    height: 80px;
	}
	.dropdown-item {
	    display: inline !important;
	    font-family: 'Poppins', sans-serif;
	    font-weight: 500;
	    font-size: 24px;
	    top: 21px;
	    position: relative;
	}
	.myaccount-btn {
	    position: relative;
	    border-radius: 5px;
	    border: 2px solid rgba(2,80,148,1);
	    background-color: #fff;
	    text-decoration: none;
	    white-space: nowrap;
	    text-align: center;
	    font-family: Poppins;
	    font-style: normal;
	    font-weight: bold;
	    font-size: 24px;
	    color: rgba(2,80,148,1);
	    padding: 5px 15px 5px 15px;
	    text-align: center;
	    max-width: 300px;
	    margin-right: 30px;
	}
	.homecaseimgmc {
	    position: relative;

	    aspect-ratio: 141 / 40;

	    margin: 0 auto;
	    margin-top: 30px;
	}
	.homecaseimgamd {
	    position: relative;

	    aspect-ratio: 141 / 40;

	    margin: 0 auto;
	    margin-top: 30px;
	}
	.homecaseimgsuez {
	    position: relative;

	    aspect-ratio: 141 / 40;
	
	    margin: 0 auto;
	    margin-top: 30px;
	}
	.homecasep {
	    position: relative;
	    text-align: left;
	    font-family: Poppins;
	    font-style: normal;
	    font-weight: 500;
	    font-size: 20px;
	    line-height: 40px;
	    margin-top: 30px;
	    margin-bottom: 30px;
	}
	.homecasepa {
	    position: relative;
	    text-align: left;
	    font-family: Poppins;
	    font-style: normal;
	    font-weight: 500;
	    font-size: 20px;
	    line-height: 40px;
	    margin-top: 30px;
	    margin-bottom: 30px;
	    min-height: 140px;
	}
	.navybg h2 {
	    font-size: 40px;
	    line-height: 52px;
	    font-weight: 600;
	    color: #fff;
	}
	.sectiontags {
	    position: relative;
	    font-size: 32px;
	    font-weight: 500;
	    text-transform: uppercase;
	    color: #fff;
	    background-color: #0D314D;
	    padding: 5px;
	}
	.newwebinar-btn {
	    position: relative;
	    border-radius: 5px;
	    border: 2px solid rgba(2,80,148,1);
	    background-color: #fff;
	    text-decoration: none;
	    white-space: nowrap;
	    text-align: center;
	    font-family: Poppins;
	    font-style: normal;
	    font-weight: 500;
	    font-size: 22px;
	    color: rgba(2,80,148,1);
	    padding: 5px 15px;
	    text-align: center;
	    max-width: 250px;
	    margin-right: 0px;
	}
	.newfreet-btn {
	    position: relative;
	    border-radius: 5px;
	    border: 2px solid rgba(50,57,65,1);
	    background-color: rgba(84,106,136,1);
	    color: #fff;
	    text-decoration: none;
	    white-space: nowrap;
	    text-align: center;
	    font-family: Poppins;
	    font-style: normal;
	    font-weight: 500;
	    font-size: 22px;
	    color: rgba(255,255,255,1);
	    padding: 5px 50px;
	    text-align: center;
	    max-width: 275px;
	    margin-top: 0;
	}

	.agendarh {
	    font-size: 40px;
	    line-height: 52px;
	    font-weight: 600;
	    margin-bottom: 30px;
	    margin-top: 30px;
	}
	.agendarhp {
	    font-weight: 500;
	    font-size: 30px;
		line-height: 45px;
	}
	.innerbluebox {
	    position: relative;
	    width: 100%;
	    background-color: #fff;
	  
	    margin-bottom: 44px;
	    padding: 40px;
	    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.16);
border-radius:5px;
	    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.16);
	}
	.innerbluebox h5 {
		position: relative;
		    font-size: 36px;
		    line-height: 36px;
		    color: #212529;
		    margin-bottom: 10px;
		    text-decoration: none;
		    top: 0;
		    height: 39px;
		    font-weight: 600;
		    font-weight: 600;
	}
	.innerbluebox p {
		position: relative;
		font-size: 23px !important;
		line-height: 30px !important;
		color: #025094 !important;
		margin-bottom: 0;
		text-decoration: none;
		top: 35px;
		min-height: 145px;
	}
	.millionspan {
	    font-size:60px;
	}
	.impredu {
	    position: relative;
	    width: 100%;
	    aspect-ratio: 199 / 176;
	    max-width: 1080px;
	}
	.testibox {
	    background-color: #fff;
	    position: relative;
	    box-shadow: 4px 4px 0px #F6F8F9;
	    max-width: 575px;
	    left: 0;
	}
	.testibox p {
		font-size: 32px;
	}
	.getincl {
	    position: relative;
	    width: 100%;
	    max-width: 1390px;
	}
	.athead {
	    position: relative;
	    color: #0D314D;
	    font-weight: 600;
	    font-size: 28px;
	    line-height: 36px;
	    top: -4px;
	    height: 75px;
	}
	.patbox {
	    position: relative;
	    font-size: 20px;
	    font-weight: 500;
	    min-height: 158px;
	}
	.readcase {
	    position: relative;
	    font-size: 20px;
	    font-weight: 400;
	}
	.vidthmbhm {
	    position: relative;
	    width: 100%;
	    aspect-ratio: 1096 / 627;
	    max-width: 1400px;
	    margin: 0 auto;
	}
	.topsections {
	    position: relative;
	    top: 51px;
	}
	.btnas {
	    aspect-ratio: 1064 / 444; 
	    max-width: 660px;
	    top: 90px;
	}

}
*/