.logo{
	width: 150px;
}
.checked {
  color: orange;
}
.rating{
	width: 50px;
	height: 50px;
}
.midtext_head{
	font-size: 20px;
}
.midtext{
	font-family:DejaVu Sans Mono, monospace;
	font-size: 40px;
	margin-bottom: 30px;
}
#myProgress {
  width: 100%;
  background-color: #ddd;
}
.myBar {
  height: 5px;
}
.progressbar_text{
	float: right;
}
#progressBar1{
	width: 90%;
	background-color: #ff337f;
}
#progressBar2{
	width: 90%;
	background-color: #001774;
}
#progressBar3{
	width: 80%;
	background-color: #ff337f;
}
#progressBar4{
	width: 70%;
	background-color: #3a46d1;
}

.video-play-button {
  position: absolute;
  z-index: 10;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 28px;
  height: 44px;
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
  margin-top: 80px;
  margin-left: 40px;
}
#blog-posts {
    display: flex;
    flex-wrap: wrap;
    /* / overflow-x: auto; / */
    /* / -webkit-overflow-scrolling: touch; / Enables smooth scrolling on iOS devices / / */
  }

  .single-blog-post {
    /* / display: flex; / */
    flex: 0 0 auto;
    /* / margin-right: 20px; / Adjust margin as needed / / */
    width: 100%;
    height: 60%;

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }

  .blog-image{

    width: 100%;
    height: 52%;
  }

  .blog-image img{
    position: relative;
    height: 100%;
    width: 100%;
    object-fit: contain;

     top: 20px;
  }
  .details{
    display: flex;
    flex-direction: column;
    width: 90%;
    position: relative;
    left: 17px;
    top: 25px;
    font-size: large;

  }

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ba1f24;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #fa183d;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: darken(#fa183d, 10%);
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-button .playbtn {
  display: block;
  position: relative;
  z-index: 2;
  width: 0;
  height: 0;
  border-left: 32px solid #fff;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
  border-radius: 15%;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.seehow{
	margin-left: 30%;
	margin-top: 17%;
}
.text_icon_container{
	border-radius: 20px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.text_icon_container{
	text-align: justify;
}
.improve_your_experience1{
	border-radius: 15px;
	height: 320px;
	margin: 10px;
	background-color: #335cff;
	color: white;
}
.improve_your_experience_text{
	margin:10px;
	padding: 20px;
}
.text1{
	border-top: 2px solid white;
	border-bottom: 2px solid white;
}
.improve_your_experience1 li,.improve_your_experience2 li,.improve_your_experience3 li,.improve_your_experience3 li{
	list-style-type: none;
	margin-left: -10px;
}
.improve_your_experience2{
	color: white;
	border-radius: 15px;
	height: 450px;
	margin: 15px;
	width: 20%;
	margin: 10px;
	background-color: #ff337f;
}
.improve_your_experience3{
	border-radius: 15px;
	margin: 10px;
	background-color: #3f78e0;
	color: white;
}
.get_in_touch_main{
	height: 600px;
	background-color: #e8f4f8;
}
.get_in_touch_sub{
	height: 270px;
	width: 800px;
    padding: 30px;
	background-color:#3f78e0;
	margin-top: 6%;
	border-top-right-radius: 100px;
	border-bottom-left-radius: 100px;
}
.get_in_touch_sub input{
	margin-left: 100px;
	margin-top: 50px;
	border: none;
	width: 250px;
	background-color: #3f78e0;
	color: white;
	border-bottom: 3px solid #ff337f;
}
::placeholder {
  color: white;
  opacity: 1; /* Firefox */
}
.get_in_touch_sub input:focus{
	outline: none;
}
.get_in_touch_sub button{
	border: none;
	width: 200px;
	height: 50px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	color: #335cff;
        font-weight: bold;
        float: right;

}
.get_in_touch
{
    margin-top: 20px;
        display: flex;
    justify-content: center;
}
.get_in_touch_sub button:hover{
	background-color: #335cff;
	color: rgb(12, 61, 254);
	border: 2px solid white;
}
.latest_news{
	border-top-right-radius: 30px;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.news1{
	height: 150px;
}
.featureslider{
	height: 800px;
}
.featureslider img{
	height: 800px;
}
.deals img,.workflows img{
	height: 400px;
	width: 400px;
}
.deals_text{
	font-weight: bold;
	color: black;
}
#dealstext{
	margin-top: 40px;
}
.deals_text p{
	padding-left: 50px;
	padding-top: 10px;
}
.deals_text2,.event_text{
	color: black;
	font-weight: bold;
}
.email_track img{
	width: 75%;
}
.email_track{
    display:flex;
justify-content: center;
}
.email_track2{
	font-weight: bold;
}
.email_track_content{
   padding: 45px;
}
.mobileCRM{
	width: 50%;
	height: 600px;
}
.mobileCRM img{
	width: 100%;
	height: 600px;
}
.mobileCRM p{
	font-size: 15px;
}
.businesscase li{
	padding-top: 10px;
	list-style-type:square;
}
.event_track img{
	margin-left: 70px;
}
.event_track2 img{
	width: 100%;
	height: 400px;
}
.dashboard img{
	height: 500px;
}
.workflows2{
	padding-top: 120px;
	font-weight: bold;
	color: black;
}
.crmintegration li{
	list-style-type: square;
	margin-left: 18px;
}
.blog2{
	height: 500px;
}
.blog2 img{
	max-width: 100%;
    max-height: 500px;
    display: block;
}
.blogpost li{
	padding-top: 15px;
}
.blogs{
	text-align: justify;
}
.free_edition{
	margin-left: 8%;
}
.pricingbrand{
	width: 100%;
}
.cust .col-lg-3 img{
	width:100%;
	height:50px;
}
	/*add full-width input fields*/
	input[type=text],
	input[type=password] {
		width: 100%;
		padding: 12px 20px;
		margin: 8px 0;
		display: inline-block;
		border: 2px solid #ccc;
		box-sizing: border-box;
	}
	/* set a style for all buttons*/
	button {
		background-color: green;
		color: white;
		padding: 14px 20px;
		margin: 8px 0;
		cursor: pointer;
		width: 100%;
	}
	/*set styles for the cancel button*/
	.cancelbtn {
		padding: 14px 20px;
		background-color: #FF2E00;
	}
	/*float cancel and signup buttons and add an equal width*/
	.cancelbtn,
	.signupbtn {
		float: left;
		width: 50%
	}
	/*add padding to container elements*/
	.container {
		padding: 16px;
	}
	/*define the modal’s background*/

	.modal {
		display: none;
		position: fixed;
		z-index: 1;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		background-color: rgb(0, 0, 0);
		background-color: rgba(0, 0, 0, 0.4);
		padding-top: 60px;
	}
	/*define the modal-content background*/

	.modal-content {
		background-color: #fefefe;
		margin: 5% auto 15% auto;
		border: 1px solid #888;
		width: 80%;
	}
	/*define the close button*/

	.close {
		position: absolute;
		right: 35px;
		top: 15px;
		color: #000;
		font-size: 40px;
		font-weight: bold;
	}
	/*define the close hover and focus effects*/

	.close:hover,
	.close:focus {
		color: red;
		cursor: pointer;
	}

	.clearfix::after {
		content: "";
		clear: both;
		display: table;
	}

	@media screen and (max-width: 300px) {
		.cancelbtn,
		.signupbtn {
			width: 100%;
		}
	}
    .g-recaptcha{
                    transform: scale(0.77);
                    -webkit-tranform:scale(0.77);
                    transform-origin: 0 0;
                    -webkit-transform-origin: 0 0
            }
.testi-img
{
    height:75px;
    width:215px;
}