@font-face {
	font-family: "Samsung Sharp Sans";
	font-style: normal;
	font-weight: normal;
	src: local("Samsung Sharp Sans Regular"),
	  url("/webassets/2021/fonts/samsung-sharp-sans/samsungsharpsans.woff")
	    format("woff");
}
@font-face {
	font-family: "Samsung Sharp Sans";
	font-style: normal;
	font-weight: bold;
	src: local("Samsung Sharp Sans Bold"),
	  url("/webassets/2021/fonts/samsung-sharp-sans/samsungsharpsans-bold.woff")
	    format("woff");
}

* {
	margin: 0px;
	padding: 0px;
	font-family: "Raleway", sans-serif;
}
/*root element*/
a:hover {
	text-decoration: none;
}

/*==========nav-bar***start==========*/

.navbar-default.scrolled {
	background: #ffffff;
	/* margin-top: 20px; */
	/* height:90px; */
	border-bottom: 1px solid #ebebeb;
}
.navbar-default .navbar-toggle {
  	border-color: #8b22e2;
  	padding: 15px;
  	margin: 0px 20px 0px 0px;
}
.navbar-toggle:hover {
  	background-color: #fff !important;
}

.navbar {
  	color: #262626;
  	background: #f0f2f8 0% 0% no-repeat padding-box;
  	border: none;
}

.navbar-nav li a {
  	color: #262626 !important;
  	margin: 30px 30px 0px 0px;
  	font-weight: bold;
  	border: 2px solid rgb(240 242 248 / 0%);
}
#goto-dashboard{
  	color: #8a2be2 !important;
  	height: 70px;
}
#goto-dashboard:hover{
  	text-decoration: underline;
}
.navbar-nav .signup-btn-banner {
	color: #fff !important;
	border: 2px solid #8b22e2;
}

.navbar-nav .signup-btn-banner:hover {
	background: #9c48e2 !important;
	border-radius: 27px;
}

.signup-btn-banner {
	color: #fff !important;
	border: 2px solid #8b22e2;
}

.signup-btn-banner:hover {
	background: #9c48e2 !important;
	border-radius: 27px;
}
.navbar-nav li a:hover {
	/* background: F0F2F8 !important;  */
	/* border: 2px solid #8B22E2; */
	border-radius: 27px;
}

.navbar-brand img {
	margin: 10px 0px 0px 0px; 
	width: 180px;
	padding: 0px;
}

.navbar-brand img1 {
	display: none;
}

.navbar .btn {
	padding: 15px 35px;
	font-weight: bold;
	background: var(--unnamed-color-8b22e2) 0% 0% no-repeat padding-box;
	background: #8b22e2 0% 0% no-repeat padding-box;
	border-radius: 25px;
	color: #ffffff;
	outline: none;
	border: none;
}

/*==========nav-bar***end============*/




/*==========banner***start==========*/

.banners {
	background-color: #f0f2f8;
	margin-top: 100px;
	padding-bottom: 50px; 
}

.banners .col-md-12 .b-t-y h1 {
	font: normal normal bold 50px/60px Samsung Sharp Sans;
	letter-spacing: 0px;
	color: #312b2b;
	padding-top: 15px;
	margin-top: 70px;
}

.banners .col-md-12 .b-t-y span {
	color: #8b22e2;
}

.banners .col-md-12 .b-p-y {
	font-size: 20px;
	font-weight: 400;
	padding: 3px 0px;
	line-height: 35px;
}
.banners .col-md-12 .btn-lg {
	width: 250px;
	padding: 16px 0px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.12px;
	background: #8b22e2 0% 0% no-repeat padding-box;
	border-radius: 25px;
	outline: none;
	border: none;
	text-align: center;
	box-shadow: 0 2px 4px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 20%);
	transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.banners .col-md-12 .img-banner {
	position: relative;
	width: 100%;
}

.capterra{
	margin: 10px 0px;
	padding: 0px;
	padding-right: 73px;
}
.capterra img{
 	width: 55px;
 	margin-top: 0px;
 	float: right;
}
.capterra .capterra-title{
   	margin: 0px 0px 0px 0px;
   	background: #ff9d28;
   	border-radius: 25px;
   	width: 130px;
   	text-align: center;
   	color: #ffffff;
   	font-weight: 500;
   	font-size: 12px;
   	padding: 3px 0px;
}
.capterra .capterra-subtitle{
	margin-top: 10px;
    color: #000000;
    font-weight: 600;
    font-size: 11px;
}
/* wave */

#wave {
	/* margin-top: -48px; */
	margin-top:20px;
  
}

.custom-shape-divider-bottom-1614347454 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
}

.custom-shape-divider-bottom-1614347454 svg {
	position: relative;
	display: block;
	width: calc(100% + 1.3px);
	height: 251px;
	transform: rotateY(180deg);
}

.custom-shape-divider-bottom-1614347454 .shape-fill {
  	fill: #ffffff;
}


.banners{
	padding-bottom:120px;
}
.hero2023{
	margin-top: -100px;
}
.hero2023 img{
	width: 100%;
}
.banners .col-md-12 .b-p-y{
	margin: 0px 170px;
}
.what-is-picktime .col-md-12 .w-p-y {
	margin: 0px 225px;
}
.what-is-picktime .col-md-12 .boxs {
	background: #FBF7FF;
   	box-shadow: 0 2px 2px #8585851f;
   	-moz-box-shadow: 0 2px 2px #8585851f;
   	-webkit-box-shadow: 0 2px 2px #8585851f;
   	border-radius: 10px;
   	padding: 10px;
   	margin-bottom: 20px;
}
.what-is-picktime .col-md-12 .boxs  .what-is-picktime-img{
   	margin-top: 20px;
   	width: 100px;
}
.what-is-picktime .col-md-12 .boxs  .arrow-right{
  	margin: 10px 0px;
}
.what-is-picktime .col-md-12 .subtitle{
  	font-size: 14px;
	font-weight: 600;
	margin-bottom: 20px;
}
.what-is-picktime .col-md-12 p{
  	padding-top: 10px;
  	font-size: 15px;
  	font-weight: 500;
  	margin: 0px 20px;
  	padding-bottom:20px;
}
.btn-pt{
  	padding: 15px 70px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.12px;
	background: #8b22e2 0% 0% no-repeat padding-box;
	border-radius: 25px;
	outline: none;
	border: none;
	text-align: center;
	box-shadow: 0 2px 4px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 20%);
	transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	margin: 15px 0px;
}
.btn-pt:hover{
	color: #fff;
}
.btn-pt.active.focus,
.btn-pt.active:focus,
.btn-pt.focus,
.btn-pt:active.focus,
.btn-pt:active:focus,
.btn-pt:focus {
    outline:none;
    outline-offset: 0px
}
/* .capterra {
	display: -webkit-box; OLD - iOS 6-, Safari 3.1-6
	display: -moz-box; OLD - Firefox 19- (buggy but mostly works)
	display: -ms-flexbox; TWEENER - IE 10
	display: -webkit-flex; NEW - Chrome
 	display: flex;
 	justify-content: center;
} */
.container-fluid{
	padding-left: 0px;
}
@media only screen and (max-width:1024px) {
	.banners .col-md-12 .b-p-y{
		margin: 0px 20px;
	}
	 .what-is-picktime .col-md-12 .w-p-y {
		margin: 0px 25px;
	}
}
/*==========banner***end==========*/

/*==========what is picktime***start==========*/

.what-is-picktime {
	margin: -12px 0px 0px 0px;
	background: #ffffff;
}

.what-is-picktime .col-md-12 .w-s-y h2 {
	font: normal normal bold 20px/24px Samsung Sharp Sans;
	letter-spacing: 0px;
	color: #8a2be2;
	margin-top: 120px;
}

.what-is-picktime .col-md-12 .w-b-y h3 {
	font: normal normal bold 35px/44px Samsung Sharp Sans;
}

.what-is-picktime .col-md-12 .w-p-y {
	line-height: 35px;
	font-size: 20px;
	font-weight: 400;
}

.what-is-picktime .signup-btn-banner{
	width: 60%;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.12px;
	background: #8b22e2 0% 0% no-repeat padding-box;
	border-radius: 25px;
	outline: none;
	border: none;
	text-align: center;
	box-shadow: 0 2px 4px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 20%);
	transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.what-is-picktime .col-md-12 p {
	padding-top: 10px;
}

img.what-is-picktime-img{
	height: 140px;
}
/*==========what is picktime***end==========*/

/*==========Calender***start==========*/

.calenders {
	background-image: url(/webassets/2021/img/mountains.svg);
	background-repeat: repeat-x;
	background-position: center;
	padding-top: 200px;
	padding-bottom: 60px;
}

.calenders .col-md-6 .c-s-x h2 {
	font: normal normal bold 20px/24px Samsung Sharp Sans;
	color: #8a2be2;
	padding-top: 100px;
}

.calenders .col-md-6 .c-b-x h3 {
	font: normal normal bold 35px/44px Samsung Sharp Sans;
	/* margin-left: 70px; */
	margin-bottom: 10px;
}

.calenders .col-md-6 .c-p-x {
	letter-spacing: 0.22px;
	margin-bottom: 35px;
	line-height: 30px;
	font-size: 20px;
	font-weight: 400;
}

.calenders .col-md-6 .img-cal {
	position: relative;
	top: 67px;
	width: 100%;
}

/*==========Calender***end==========*/

/*==========online booking***start==========*/

.onlinebooking {
	margin-top: 10px;
	margin-bottom: 20px;
}

.onlinebooking .col-md-6 .o-s-y h2 {
	font: normal normal bold 20px/24px Samsung Sharp Sans;
	letter-spacing: 0px;
	color: #8a2be2;
	padding-top: 100px;
}

.onlinebooking .col-md-6 .o-b-y h3 {
	font: normal normal bold 35px/44px Samsung Sharp Sans;
	letter-spacing: 0px;
	margin-bottom: 20px;
}

.onlinebooking .col-md-6 .o-p-y {
	letter-spacing: 0.22px;
	line-height: 30px;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 20px;
}
.calenders .col-md-6 .btn-lg,
.onlinebooking .col-md-6 .btn-lg {
	width: 40%;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size:15px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.12px;
	background: #8b22e2 0% 0% no-repeat padding-box;
	border-radius: 25px;
	outline: none;
	border: none;
	text-align: center;
	box-shadow: 0 2px 4px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 20%);
}

.onlinebooking .col-md-6 .btn3:hover {
	color: #8b22e2;
	background: #ffaa00;
	outline: none;
}


.onlinebooking .col-md-6 .img-o {
	position: relative;
	margin-top: 100px;
	width: 100%;
}

/*==========online booking***end==========*/

/*==========paymenet and invoicing***start==========*/

.payment {
	margin: 80px 0px;
}

.payment .col-md-6 .p-s-x h2 {
	font: normal normal bold 20px/24px Samsung Sharp Sans;
	letter-spacing: 0px;
	color: #8a2be2;
	margin-left: 50px;
	padding-top: 70px;
}

.payment .col-md-6 .p-b-x h3 {
	font: normal normal bold 35px/44px Samsung Sharp Sans;
	margin-left: 50px;
	margin-bottom: 20px;
}

.payment .col-md-6 .p-p-x {
	margin-left: 50px;
	letter-spacing: 0.22px;
	line-height: 30px;
	font-size: 20px;
	font-weight: 400;
}

.payment .col-md-6 .bg-p {
	position: relative;
	margin-left: -200px;
}

.payment .col-md-6 .img-p {
	margin-left: -45px;
	width: 100%;
}

/*==========paymenet and invoicing***end==========*/

/*==========VIDEO MEETING INTEGRATION***start==========*/

.video {
	background-image: url("/webassets/2021/img/mountains.svg");
	background-position: top;
	background-size: cover;
	padding-top: 150px;
}

.video .col-md-6 .v-s-y h2 {
	font: normal normal bold 20px/24px Samsung Sharp Sans;
	letter-spacing: 0px;
	color: #8a2be2;
	padding-top: 130px;
}

.video .col-md-6 .v-b-y h3 {
	font: normal normal bold 35px/44px Samsung Sharp Sans;
	letter-spacing: 0px;
	margin-bottom: 20px;
}

.video .col-md-6 .v-p-y {
	letter-spacing: 0.22px;
	line-height: 30px;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 20px;
}

.video .col-md-6 .btn-lg {
	width: 40%;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.12px;
	background: #8b22e2 0% 0% no-repeat padding-box;
	border-radius: 25px;
	outline: none;
	border: none;
	text-align: center;
	box-shadow: 0 2px 4px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 20%);
}

.video .col-md-6 .img-v {
	margin-top: 80px;
	width: 100%;
}

/*==========VIDEO MEETING INTEGRATION***end==========*/

/*==========MULTIPLE LOCATION MANAGMENT***start==========*/

.multiple {
	height: 600px;
	background: #f0f2f8 0% 0% no-repeat;
	padding-top: 110px;
	/* margin-top: -10px; */
}

.multiple .col-md-6 .m-s-x h2 {
	font: normal normal bold 20px/24px Samsung Sharp Sans;
	letter-spacing: 0px;
	color: #8a2be2;
	padding-top: 120px;
}

.multiple .col-md-6 .m-b-x h3 {
	font: normal normal bold 35px/44px Samsung Sharp Sans;
	letter-spacing: 0px;
	margin-bottom: 20px;
}

.multiple .col-md-6 .m-p-x {
	letter-spacing: 0.22px;
	line-height: 30px;
	font-size: 20px;
	font-weight: 400;
}

.multiple .col-md-6 .btn-lg {
	width: 40%;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.12px;
	background: #8b22e2 0% 0% no-repeat padding-box;
	border-radius: 25px;
	outline: none;
	border: none;
	text-align: center;
	box-shadow: 0 2px 4px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 20%);
}

.multiple .col-md-6 .btn-lg-m-x:hover {
	background: #ffaa00;
	outline: none;
}


.multiple .col-md-6 .img-m {
	width: 100%;
	margin-top: 0px;
	}

/*==========MULTIPLE LOCATION MANAGMENT***end==========*/

/*==========REMINDERS***start==========*/

.reminders {
	margin: 10px 0px;
}

.reminders .col-md-6 .r-s-y h2 {
	font: normal normal bold 20px/24px Samsung Sharp Sans;
	letter-spacing: 0px;
	color: #8a2be2;
	padding-top: 150px;
}

.reminders .col-md-6 .r-b-y h3 {
	font: normal normal bold 35px/44px Samsung Sharp Sans;
	letter-spacing: 0px;
	margin-bottom: 20px;
}

.reminders .col-md-6 .r-p-y {
	letter-spacing: 0.22px;
	line-height: 30px;
	font-size: 20px;
	font-weight: 400;
}

.reminders .col-md-6 .btn-lg {
	width: 40%;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.12px;
	background: #8b22e2 0% 0% no-repeat padding-box;
	border-radius: 25px;
	outline: none;
	border: none;
	text-align: center;
	box-shadow: 0 2px 4px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 20%);
}

.reminders .col-md-6 .btn7:hover {
	color: #8b22e2;
	background: #ffaa00;
	outline: none;
}


.reminders .col-md-6 .img-r {
	width: 100%;
	margin-top: 140px;
}

/*==========REMINDERS***end==========*/

/*==========CLASS BOOKINGS***start==========*/

.class-booking {
 	margin: 10px 0px;
 	padding-bottom: 70px;
}

.class-booking .col-md-6 .c-s-x h2 {
	font: normal normal bold 20px/24px Samsung Sharp Sans;
	letter-spacing: 0px;
	color: #8a2be2;
	margin-left: 50px;
	padding-top: 90px;
}

.class-booking .col-md-6 .c-b-x h3 {
	font: normal normal bold 35px/44px Samsung Sharp Sans;
	margin-left: 50px;
	margin-bottom: 20px;
}

.class-booking .col-md-6 .c-p-x {
	margin-left: 50px;
	letter-spacing: 0.22px;
	line-height: 30px;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 20px;
}

.class-booking .col-md-6 .btn-lg-c-x {
	width: 40%;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.12px;
	background: #8b22e2 0% 0% no-repeat padding-box;
	border-radius: 25px;
	outline: none;
	border: none;
	text-align: center;
	margin-left: 50px;
	box-shadow: 0 2px 4px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 20%);
}

.class-booking .col-md-6 .img-c {
	width: 100%;
    margin-top: 55px;
}

/*=========CLASS BOOKINGS***end==========*/

/*==========Features***start==========*/

.feature {
	height: 518px;
	background: #f7f8fc 0% 0% no-repeat padding-box;
	margin-bottom: 45px;
	margin-top: 180px;
}

.feature .col-lg-6 .f-b-y h2 {
	font: normal normal bold 35px/44px Samsung Sharp Sans;
	position: relative;
	z-index: 1;
}

.feature .col-lg-6 .f-p-y {
	position: relative;
	z-index: 1;
	padding: 0;
	line-height: 30px;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 20px;
	text-align: left;
}

.feature .col-lg-6 p {
	text-align: center;
	font: 15px/23px;
	font-weight: bold;
	position: relative;
	z-index: 1;
	padding: 0px 10px;
}

.feature .col-lg-6 .btn8 {
	width: 40%;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.12px;
	background: #8b22e2 0% 0% no-repeat padding-box;
	border-radius: 25px;
	outline: none;
	border: none;
	text-align: center;
	box-shadow: 0 2px 4px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 20%);
	position: relative;
	z-index: 1;
}

.feature .col-lg-6 .box1 {
	background: white;
	height: 250px;
	width: 180px;
	transform: scale();
	position: relative;
	margin: -108px 0px 0px 0px;
	box-shadow: 0px 2px 20px #8585851f;
	-moz-box-shadow: 0px 2px 20px #8585851f;
	-webkit-box-shadow: 0px 2px 20px #8585851f;
	border-radius: 9px;
}

.feature .col-lg-6 .box1-img{
	width: 60px;
	height: 85px;
	margin: 35px;
	margin: 5px 60px 5px 60px;
}

.feature .col-lg-6 .boxtitle h3 {
	text-align: center;
	color: #8a2be2;
	font-weight: bold;
	font-size: 13px;
}

.feature .col-lg-6 .box-content {
	text-align: center;
	font-weight: 500;
}

.feature .col-lg-6 .box2 {
	background: white;
	height: 250px;
	width: 180px;
	transform: scale();
	position: relative;
	margin: -171px 287px 28px;
	box-shadow: 0px 2px 20px #8585851f;
	border-radius: 9px;
}

.feature .col-lg-6 .box3 {
	background: white;
	height: 250px;
	width: 180px;
	transform: scale();
	margin: -37px 0px 28px;
	position: relative;
	box-shadow: 0px 2px 20px #8585851f;
	border-radius: 9px;
}

.feature .col-lg-6 .box4 {
	background: white;
	height: 250px;
	width: 180px;
	transform: scale();
	margin: -78px 329px;
	box-shadow: 0px 2px 20px #8585851f;
	border-radius: 9px;
	margin: -183px 284px 28px;
}

/* dots */

#dots {
	/* background: linear-gradient(90deg, #f7f8fc 19px, transparent 1%) center, linear-gradient(#f7f8fc 19px, transparent 1%) center, #8B22E2; */
	background-image: radial-gradient(#8b22e2 2px, transparent 1px);
	background-size: 22px 22px;
	border: none;
	height: 153px;
	width: 215px;
	margin-top: 45px;
	margin-left: 280px;
	-webkit-animation: dots 5s ease-in-out infinite alternate;
	-moz-animation: dots 5s ease-in-out infinite alternate;
	-o-animation: dots 5s ease-in-out infinite alternate;
	-ms-animation: dots 5s ease-in-out infinite alternate;
	animation: dots 5s ease-in-out infinite alternate;
}
@keyframes dots {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.5);
  }
}
@-webkit-keyframes dots {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.5);
  }
}
@-moz-keyframes dots {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.5);
  }
}
@-o-keyframes dots {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.5);
  }
}
@-ms-keyframes dots {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.5);
  }
}
@keyframes dots {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.5);
  }
}
/*==========Features***end==========*/

/*==========Features ON***start==========*/

.Rated{
	margin: 150px 0px;
}

.Rated .imageColumn {
	float: left;
	width: 20%;
	padding: 40px;
}

.Rated .g2-c {
  	margin-top: 30px;
}
.Rated .f-b-m h2 {
	margin: 10px 0px;
	text-align: center;
	font: normal normal bold 35px/44px Samsung Sharp Sans;
}

/*==========Features***end==========*/

/*=========Book from anywhere at any time***start==========*/

.book-from-any-where {
	margin: 150px 0px;
	background-color: #f7f8fc;
	
	position: relative;
	z-index: 0;
}
.book-from-any-where .col-md-6 .r-s-y {
	font: normal normal bold 20px/24px Samsung Sharp Sans;
	letter-spacing: 0px;
	color: #8a2be2;
	padding-top: 150px;
}

.book-from-any-where .col-md-6 .b-b-y h2 {
	font: normal normal bold 35px/44px Samsung Sharp Sans;
	letter-spacing: 0px;
	padding: 150px 150px 0px 0px;
	margin-bottom: 20px;
}

.book-from-any-where .col-md-6 .b-p-y {
	padding: 10px 145px 10px 0px;
	letter-spacing: 0.22px;
	line-height: 30px;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 20px;
}

.book-from-any-where .btn-lg {
	width: 40%;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.12px;
	background: #8b22e2 0% 0% no-repeat padding-box;
	border-radius: 25px;
	outline: none;
	border: none;
	text-align: center;
	box-shadow: 0 2px 4px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 20%);
	margin-bottom: 40px;
}

.book-from-any-where .col-md-6 .img-b {
	/* padding: 70px; */
	width: 100%;
	margin-top: 150px;
}
.book-from-any-where .col-md-6 .img-manage-res{
	margin-top: 10px !important;
}

.book-from-any-where:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(/webassets/2021/img/shaps/bg-overlay.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	z-index: -1;
}

.book-from-any-where .shape1 {
	position: absolute;
	top: 20%;
	z-index: -1;
	left: 30px;
	-webkit-animation: rotate3d 4s linear infinite;
	animation: rotate3d 4s linear infinite;
	opacity: 0.4;
}
@keyframes rotate3d {
	0% {
	  transform: rotateY(0deg);
	}
	100% {
	  transform: rotateY(360deg);
	}
}
.book-from-any-where .shape2 {
	position: absolute;
	z-index: -1;
	top: 80%;
	left: 5%;
}
.rotateme {
	-webkit-animation-name: rotateme;
	animation-name: rotateme;
	-webkit-animation-duration: 20s;
	animation-duration: 20s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

@keyframes rotateme {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
}

.book-from-any-where .shape3 {
	position: absolute;
	left: 25%;
	bottom: 15%;
	z-index: -1;
	-webkit-animation: animationFramesOne 15s infinite linear;
	animation: animationFramesOne 15s infinite linear;
}

@keyframes animationFramesOne {
	0% {
	  transform: translate(0px, 0px) rotate(0deg);
	}
	20% {
	  transform: translate(73px, -1px) rotate(36deg);
	}
	40% {
	  transform: translate(141px, 72px) rotate(72deg);
	}
	60% {
	  transform: translate(83px, 122px) rotate(108deg);
	}
	80% {
	  transform: translate(-40px, 72px) rotate(144deg);
	}
	100% {
	  transform: translate(0px, 0px) rotate(0deg);
	}
}

.book-from-any-where .shape4 {
  position: absolute;
  right: 25%;
  bottom: 15%;
  z-index: -1;
  -webkit-animation: animationFramesOne 20s infinite linear;
  animation: animationFramesOne 20s infinite linear;
}

@keyframes animationFramesOne {
	0% {
	  transform: translate(0px, 0px) rotate(0deg);
	}
	20% {
	  transform: translate(73px, -1px) rotate(36deg);
	}
	40% {
	  transform: translate(141px, 72px) rotate(72deg);
	}
	60% {
	  transform: translate(83px, 122px) rotate(108deg);
	}
	80% {
	  transform: translate(-40px, 72px) rotate(144deg);
	}
	100% {
	  transform: translate(0px, 0px) rotate(0deg);
	}
}

.book-from-any-where .shape5 {
	position: absolute;
	right: 5%;
	top: 10%;
	z-index: -1;
	-webkit-animation: movebounce 5s linear infinite;
	animation: movebounce 5s linear infinite;
	opacity: 0.2;
}

@keyframes movebounce {
	0% {
	  transform: translateY(0px);
	}
	50% {
	  transform: translateY(20px);
	}
	100% {
	  transform: translateY(0px);
	}
}

.rotateme {
	-webkit-animation-name: rotateme;
	animation-name: rotateme;
	-webkit-animation-duration: 20s;
	animation-duration: 20s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

.book-from-any-where .shape6 {
	position: absolute;
	z-index: -1;
	top: 40%;
	right: 10%;
}
@keyframes rotateme {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
}

.book-from-any-where .shape7 {
	position: absolute;
	left: 25%;
	top: 15%;
	z-index: -1;
	-webkit-animation: animationFramesOne 20s infinite linear;
	animation: animationFramesOne 20s infinite linear;
}

.rotateme {
	-webkit-animation-name: rotateme;
	animation-name: rotateme;
	-webkit-animation-duration: 20s;
	animation-duration: 20s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

.book-from-any-where .shape8 {
	position: absolute;
	z-index: -1;
	top: 15%;
	right: 10%;
}

/*==========boook from anywhere at anytime***end==========*/
/*==========connecting app***start==========*/

.connect-app {
	background-color: #f7f8fc;
	position: relative;
	padding-top: 64px;
	padding-bottom: 64px;
}

.connect-app .c-b-m h2 {
	margin: 0px 0px 40px 0px;
	text-align: center;
	font: normal normal bold 35px/44px Samsung Sharp Sans;
}

.connect-app .c-m-x-f {
	position: relative;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	padding-left: 16px;
	padding-right: 16px;
	max-width: 1920px;
	width: 100%;
}

.connect-app .c-m-x-s {
	max-width: 100%;
	margin: 20px auto;
}

.connect-app .c-f-l {
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
	
	flex-direction: row;
}
.connect-app .c-s-l {
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
	
	flex-direction: row;
	padding-left: 80px;
}

.connect-app .c-f-l-pic-19 {
	min-width: 128px;
	margin-bottom: 8px;
	margin-left: 8px;
	margin-right: 8px;
}

.connect-app .c-s-l-pic-19 {
	min-width: 128px;
	margin-left: 8px;
	margin-right: 8px;
}

/* smallzoom */
.connect-app img {
	width: 70%;
	-webkit-animation: scale 15s infinite forwards;
	-moz-animation: scale 15s infinite forwards;
	-o-animation: scale 15s infinite forwards;
	-ms-transition: scale 15s infinite forwards;
	animation: scale 15s infinite forwards;
}

@-webkit-keyframes scale {
	0% {
	  -webkit-transform: scale(1);
	}
	25% {
	  -webkit-transform: scale(1.1);
	}
	50% {
	  -webkit-transform: scale(1);
	}
	75% {
	  -webkit-transform: scale(1.1);
	}
	100% {
	  -webkit-transform: scale(1);
	}
}
@-moz-keyframes scale {
	0% {
	  -moz-transform: scale(1);
	}
	25% {
	  -moz-transform: scale(1.1);
	}
	50% {
	  -moz-transform: scale(1);
	}
	75% {
	  -moz-transform: scale(1.1);
	}
	100% {
	  -moz-transform: scale(1);
	}
}
@-o-keyframes scale {
	0% {
	  -o-transform: scale(1);
	}
	25% {
	  -o-transform: scale(1.1);
	}
	50% {
	  -o-transform: scale(1);
	}
	75% {
	  -o-transform: scale(1.1);
	}
	100% {
	  -o-transform: scale(1);
	}
}
@-ms-keyframes scale {
	0% {
	  -ms-transform: scale(1);
	}
	25% {
	  -ms-transform: scale(1.1);
	}
	50% {
	  -ms-transform: scale(1);
	}
	75% {
	  -ms-transform: scale(1.1);
	}
	100% {
	  -ms-transform: scale(1);
	}
}
@keyframes scale {
	0% {
	  transform: scale(1);
	}
	25% {
	  transform: scale(1.1);
	}
	50% {
	  transform: scale(1);
	}
	75% {
	  transform: scale(1.1);
	}
	100% {
	  transform: scale(1);
	}
}

.connect-app .c-f-3 {
	display: flex;
	min-width: 100%;
	flex-shrink: 0;
	-webkit-box-align: center;
	align-items: center;
	justify-content: space-around;
	
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	
	-webkit-animation: 150s linear 0s infinite normal none running firstline;
	-moz-animation: 150s linear 0s infinite normal none running firstline;
	-o-animation: 150s linear 0s infinite normal none running firstline;
	-ms-transition: 150s linear 0s infinite normal none running firstline;
	animation: 150s linear 0s infinite normal none running firstline;
}
@-webkit-keyframes firstline {
	0% {
	  -webkit-transform: translate3d(-100%, 0px, 0px);
	}
	100% {
	  -webkit-transform: translate3d(0px, 0px, 0px);
	}
}
@-moz-keyframes firstline {
	0% {
	  -moz-transform: translate3d(-100%, 0px, 0px);
	}
	100% {
	  -moz-transform: translate3d(0px, 0px, 0px);
	}
}
@-o-keyframes firstline {
	0% {
	  -o-transform: translate3d(-100%, 0px, 0px);
	}
	100% {
	  -o-transform: translate3d(0px, 0px, 0px);
	}
}
@-ms-keyframes firstline {
	0% {
	  -ms-transform: translate3d(-100%, 0px, 0px);
	}
	100% {
	  -ms-transform: translate3d(0px, 0px, 0px);
	}
}

@keyframes firstline {
	0% {
	  transform: translate3d(-100%, 0px, 0px);
	}
	100% {
	  transform: translate3d(0px, 0px, 0px);
	}
}

.connect-app .c-s-3 {
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex;
	min-width: 100%;
	flex-shrink: 0;
	-webkit-box-align: center;
	align-items: center;
	justify-content: space-around;
	
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	
	-webkit-animation: 150s linear 0s infinite normal none running secondline;
	-moz-animation: 150s linear 0s infinite normal none running secondline;
	-o-animation: 150s linear 0s infinite normal none running secondline;
	-ms-transition: 150s linear 0s infinite normal none running secondline;
	animation: 150s linear 0s infinite normal none running secondline;
	animation: 150s linear 0s infinite normal none running secondline;
}

@-webkit-keyframes secondline {
	0% {
	  -webkit-transform: translate3d(-100%, 0px, 0px);
	}
	100% {
	  -webkit-transform: translate3d(0px, 0px, 0px);
	}
}
@-moz-keyframes secondline {
	0% {
	  -moz-transform: translate3d(-100%, 0px, 0px);
	}
	100% {
	  -moz-transform: translate3d(0px, 0px, 0px);
	}
}
@-o-keyframes secondline {
	0% {
	  -o-transform: translate3d(-100%, 0px, 0px);
	}
	100% {
	  -o-transform: translate3d(0px, 0px, 0px);
	}
}
@-ms-keyframes secondline {
	 0% {
	-ms-transform: translate3d(-100%, 0px, 0px);
	 }
	 100% {
	   -ms-transform: translate3d(0px, 0px, 0px);
	 }
}
@keyframes secondline {
	0% {
	  transform: translate3d(-100%, 0px, 0px);
	}
	100% {
	  transform: translate3d(0px, 0px, 0px);
	}
}

/* up and down */
.connect-app .a-picktime-ani {
	position: relative;
	-webkit-animation: topbottam 7s infinite forwards;
	-moz-animation: topbottam 7s infinite forwards;
	-o-animation: topbottam 7s infinite forwards;
	-ms-transition: topbottam 7s infinite forwards;
	animation: topbottam 7s infinite forwards;
}
.connect-app .b-picktime-ani {
	position: relative;
	-webkit-animation: topbottam 12s infinite forwards;
	-moz-animation: topbottam 12s infinite forwards;
	-o-animation: topbottam 12s infinite forwards;
	-ms-transition: topbottam 12s infinite forwards;
	animation: topbottam 12s infinite forwards;
}
.connect-app .c-picktime-ani {
	position: relative;
	-webkit-animation: topbottam 6s infinite forwards;
	-moz-animation: topbottam 6s infinite forwards;
	-o-animation: topbottam 6s infinite forwards;
	-ms-transition: topbottam 6s infinite forwards;
	animation: topbottam 6s infinite forwards;
}

.connect-app .d-picktime-ani {
	position: relative;
	-webkit-animation: topbottam 10s infinite forwards;
	-moz-animation: topbottam 10s infinite forwards;
	-o-animation: topbottam 10s infinite forwards;
	-ms-transition: topbottam 10s infinite forwards;
	animation: topbottam 10s infinite forwards;
}
.connect-app .a-picktime-ani {
	position: relative;
	-webkit-animation: topbottam 8s infinite forwards;
	-moz-animation: topbottam 8s infinite forwards;
	-o-animation: topbottam 8s infinite forwards;
	-ms-transition: topbottam 8s infinite forwards;
	animation: topbottam 8s infinite forwards;
}

@-webkit-keyframes topbottam {
	0% {
	  -webkit-transform: translate(0px, 0px);
	}
	25% {
	  -webkit-transform: translate(0px, 10px);
	}
	50% {
	  -webkit-transform: translate(0px, 0px);
	}
	75% {
	  -webkit-transform: translate(0px, 10px);
	}
	100% {
	  -webkit-transform: translate(0px, 0px);
	}
}

@-moz-keyframes topbottam {
	0% {
	  -moz-transform: translate(0px, 0px);
	}
	25% {
	  -moz-transform: translate(0px, 10px);
	}
	50% {
	  -moz-transform: translate(0px, 0px);
	}
	75% {
	  -moz-transform: translate(0px, 10px);
	}
	100% {
	  -moz-transform: translate(0px, 0px);
	}
}
@-o-keyframes topbottam {
	0% {
	  -o-transform: translate(0px, 0px);
	}
	25% {
	  -o-transform: translate(0px, 10px);
	}
	50% {
	  -o-transform: translate(0px, 0px);
	}
	75% {
	  -o-transform: translate(0px, 10px);
	}
	100% {
	  -o-transform: translate(0px, 0px);
	}
}
@-ms-keyframes topbottam {
	0% {
	  -ms-transform: translate(0px, 0px);
	}
	25% {
	  -ms-transform: translate(0px, 10px);
	}
	50% {
	  -ms-transform: translate(0px, 0px);
	}
	75% {
	  -ms-transform: translate(0px, 10px);
	}
	100% {
	  -ms-transform: translate(0px, 0px);
	}
}

@keyframes topbottam {
	0% {
	  transform: translate(0px, 0px);
	}
	25% {
	  transform: translate(0px, 10px);
	}
	50% {
	  transform: translate(0px, 0px);
	}
	75% {
	  transform: translate(0px, 10px);
	}
	100% {
	  transform: translate(0px, 0px);
	}
}

/*==========connecting app***end==========*/

/*==========PICKTIME IS FOR EVERYONE***start==========*/
.pick-time-is-for-everyone {
  	margin: 50px 0px 50px 0px;
}

.pick-time-is-for-everyone .p-t-i-f-e-s-m h2 {
	margin: 10px 0px 10px 0px;
	text-align: center;
	color: #8a2be2;
	font: normal normal bold 20px/24px Samsung Sharp Sans;
}

.pick-time-is-for-everyone .p-t-i-f-e-b-m h3 {
	margin: 10px 0px 50px 0px;
	text-align: center;
	font: normal normal bold 35px/44px Samsung Sharp Sans;
}




/*=====carousel====start============  */

#carousel2 {
	margin-bottom: 100px;
}

#carousel1 {
	display: none;
}

#carousel2 {
	display: block;
}

@media only screen and (max-width:768px) {
	#carousel1 {
		display: block;
	}
	#carousel2 {
		display: none;
	}
}

.col-centered {
	float: none;
	margin: 0 auto;
}

.carousel-control {
	width: 8%;
	width: 0px;
}

.carousel-control.left,
.carousel-control.right {
	margin-right: 40px;
	margin-left: 32px;
	background-image: none;
}

.carousel-control>a>span {
	color: white;
	font-size: 29px !important;
}

.carousel-col {
	position: relative;
	min-height: 1px;
	padding: 5px;
	float: left;
}


/*  .carousel-inner .next{
 	left: 25% !important;
 } */

.active>div {
	display: none;
}

.active>div:first-child {
	display: block;
}


/*  @media (max-width: 425px){
   .carousel-inner .active.left { left: -50%; }
   .carousel-inner .active.right { left: 50%; }
   .carousel-inner .next        { left:  50%; }
   .carousel-inner .prev		     { left: -50%; }
   .carousel-col                { width: 50%; }
   .active > div:first-child + div { display:block; }
   .carousel-control > a > span{display: none;}
	
	
} */


/*xs*/

@media (min-width: 426px) and (max-width: 767px) {
	.carousel-inner .active.left {
		left: -50%;
	}
	.carousel-inner .active.right {
		left: 50%;
	}
	.carousel-inner .next {
		left: 50%;
	}
	.carousel-inner .prev {
		left: -50%;
	}
	.carousel-col {
		width: 50%;
	}
	.active>div:first-child+div {
		display: block;
	}
	.carousel-control>a>span {
		display: none;
	}
}


/*sm*/

@media (min-width: 768px) and (max-width: 991px) {
	.carousel-inner .active.left {
		left: -50%;
	}
	.carousel-inner .active.right {
		left: 50%;
	}
	.carousel-inner .next {
		left: 50%;
	}
	.carousel-inner .prev {
		left: -50%;
	}
	.carousel-col {
		width: 50%;
	}
	.active>div:first-child+div {
		display: block;
	}
}


/*md*/

@media (min-width: 992px) and (max-width: 1199px) {
	.carousel-inner .active.left {
		left: -33%;
	}
	.carousel-inner .active.right {
		left: 33%;
	}
	.carousel-inner .next {
		left: 33%;
	}
	.carousel-inner .prev {
		left: -33%;
	}
	.carousel-col {
		width: 33%;
	}
	.active>div:first-child+div {
		display: block;
	}
	.active>div:first-child+div+div {
		display: block;
	}
}


/*lg*/

@media (min-width: 1200px) {
	.carousel-inner .active.left {
		left: -25%;
	}
	.carousel-inner .active.right {
		left: 25%;
	}
	.carousel-inner .next {
		left: 25%;
	}
	.carousel-inner .prev {
		left: -25%;
	}
	.carousel-col {
		width: 33%;
	}
	.active>div:first-child+div {
		display: block;
	}
	.active>div:first-child+div+div {
		display: block;
	}
}

.pick-time-is-for-everyone .items {
	border: 2px solid #bbbbbb;
	border-radius: 27px;
	margin-left: auto;
	margin-right: auto;
	margin: 20px;
	height: 300px;
	width: auto;
}

.pick-time-is-for-everyone .silder-box .s-b-img img {
	width: 30%;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
}

.pick-time-is-for-everyone .items .silder-box .s-b-title h3 {
	color: #9a32e6;
	font-size: 16px;
	font-weight: bold;
	margin: 5px;
	text-align: center;
}

.pick-time-is-for-everyone .items .silder-box .s-b-title h3 a {
	color: #9a32e6;
}

.pick-time-is-for-everyone .items .silder-box .s-b-par {
	padding: 10px;
	text-align: center;
	line-height: 24px;
	letter-spacing: 0.22px;
	font-size: 14px;
	font-weight: 400;
}

.pick-time-is-for-everyone .carousel-control>a>span {
	color: #8b22e2;
	font-size: 29px !important;
	margin-top: 170px;
}

.pick-time-is-for-everyone #leftarrow {
	margin-left: -55px;
}

.pick-time-is-for-everyone #rightarrow {
	margin-left: 26px;
}

@media only screen and (max-width:1200px) {
	.pick-time-is-for-everyone .items {
		height: 320px;
	}
}

@media only screen and (max-width:575px) {
	.pick-time-is-for-everyone .items {
		margin: 0px;
		height: 345px;
	}
}

@media only screen and (max-width:425px) {
	.pick-time-is-for-everyone .items {
		height: 305px;
	}
}

@media only screen and (max-width:320px) {
	.pick-time-is-for-everyone .items {
		height: 333px;
	}
	.navbar-brand img {
		margin: -20px 0px 0px 0px;
		width: 180px;
	}
}

#myCarousel .thumbnail {
	margin-bottom: 0;
}

.carousel-control.left,
.carousel-control.right {
	background: #fff;
	font-size: 35px;
}

.carousel-control {
	top: 40%;
	color: #8B22E2;
	bottom: auto;
	padding-top: 4px;
	width: 30px;
	height: 30px;
	text-shadow: none;
	opacity: 1;
}

.carousel-control:hover {
	color: #8B22E2;
}
.carousel-control:focus{
  color:#8b22e2;
}
.carousel-control.left,
.carousel-control.right {
	background: #fff;
	font-size: 35px;
}
.carousel-control.right {
	left: auto;
	right: -60px;
	/* background: blue; */
}
.carousel-control.left {
	right: auto;
	left: -70px;
	/* background: blue; */
}
.carousel-indicators {
	bottom: -30px;
}
/* .carousel-indicators li {
	border-radius:0;
	width:10px;
	height:10px;
	background:#ccc;
	border:1px solid #ccc;
}
.carousel-indicators .active {
	width:12px;
	height:12px;
	background: red;
	border-color:#3276b1;
} */

.itemL {
	border: 2px solid #bbbbbb;
	border-radius: 27px;
	margin-left: auto;
	margin-right: auto;
	margin: 20px;
	height: 310px;
	width: auto;
}

.silder-boxs .s-b-img img {
	width: 30%;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
}

.silder-boxs .s-b-title h3 {
	color: #9a32e6;
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
	text-align: center;
}

.silder-boxs .s-b-title h3 a {
	color: #9a32e6;
	font: normal normal bold 18px/24px Samsung Sharp Sans;
}

.silder-boxs .s-b-par {
	padding: 10px;
	padding-top: 0px;
	text-align: center;
	line-height: 22px;
	letter-spacing: 0.22px;
	font-size: 16px;
	font-weight: 400;
}

.carousel-control>a>span {
	color: #8b22e2;
	font-size: 29px !important;
	margin-top: 170px;
}

.col-sm-4 {
	float: left;
	width: 33.33333333%;
}

@media only screen and (max-width:1024px) {
	.itemL {
		margin: 0px;
	}
}
@media only screen and (max-width:1265px) {
	.carousel-control.right{
	display: none;
	}
	.carousel-control.left{
	display: none;
	}
	
}

@media (min-width: 768px) and (max-width: 991px) {
	.carousel-inner .active.left {
		left: -50%;
	}
	.carousel-inner .active.right {
		left: 50%;
	}
	.carousel-inner .next {
		left: 50%;
	}
	.carousel-inner .prev {
		left: -50%;
	}
	.carousel-col {
		width: 50%;
	}
	.active>div:first-child+div {
		display: block;
	}
}


/*==============================PICKTIME IS FOR EVERYONE==========end=========  */

/* Careers page */
#careers .title{
	font: normal normal bold 24px/24px Samsung Sharp Sans;
	letter-spacing: 0px;
	margin: 10px 0px;
	text-align: center;
 
}
#careers .mail{
	font: 15px/23px;
	text-align:center;
	line-height: 22px;
	letter-spacing: 0.22px;

}

/* Careers page */

/*==========love every one***start==========*/

#love-by-evryine {
	font-weight: bold;
	margin: 100px 0px 200px 0px;
}

#love-by-evryine h2 {
	color: #8c16e2;
	font: normal normal bold 35px/44px Samsung Sharp Sans;
	text-align: center;
}

#love-by-evryine #left-icon {
	display: block;
	margin-bottom: 10px;
	color: #8c16e2;
	margin-left: 3px;
	margin-bottom: 15px;
}

#love-by-evryine #right-icon {
	display: block;
	margin-bottom: -20px;
	color: #8c16e2;
	margin-left: 310px;
	margin-top: 5px;
}

/* carousel */

#love-by-evryine #quote-carousel {
	padding: 0 10px 30px 10px;
	margin-top: 30px;
	margin-bottom: 20px;
}

#love-by-evryine .carousel-inner p {
	font-weight: 500;
	font-size: 16px;
	line-height: 25px;
}

/* Control buttons  */

#love-by-evryine #quote-carousel .carousel-control {
	background: none;
	color: #222;
	font-size: 2.3em;
	text-shadow: none;
	margin-top: 40px;
}

/* Previous button  */

#love-by-evryine #quote-carousel .carousel-control.left {
	left: -170px;
	display: none;
}

/* Next button  */

#love-by-evryine #quote-carousel .carousel-control.right {
	right: -150px !important;
	display: none;
}

/* Changes the position of the indicators */

#love-by-evryine #quote-carousel .carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}

/* Changes the color of the indicators */

#love-by-evryine #quote-carousel .carousel-indicators li {
	background: #c0c0c0;
	margin: 0px 10px;
}

#love-by-evryine #quote-carousel .carousel-indicators .active {
  	background: #333333;
}

#love-by-evryine #quote-carousel img {
  	height: 100px;
}

/* End carousel */

#love-by-evryine .item blockquote {
	border-left: none;
	margin: 0;
}

#love-by-evryine .item blockquote img {
  	margin-bottom: 10px;
}

#love-by-evryine blockquote .small,
#love-by-evryine blockquote footer,
#love-by-evryine blockquote small {
	display: block;
	line-height: 1.42857143;
	color: #8c16e2;
	margin-left: 300px;
	margin-bottom: 8px;
	margin-top: 37px;
	font-weight: bold;
	font-size: 15px;
}

#love-by-evryine blockquote {
	padding: 0px 0px !important;
	margin: 0 0 0px !important;
	font-size: 12.5px !important;
}

/**
  
*/

/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) {
	#love-by-evryine #quote-carousel {
  		margin-bottom: 0;
	  	padding: 0 40px 30px 40px;
	}
}

/* Small devices (tablets, up to 768px) */

@media (max-width: 768px) {
	/* Make the indicators larger for easier clicking with fingers/thumb on mobile */
	#love-by-evryine #quote-carousel .carousel-indicators {
		bottom: -20px !important;
	}
	#love-by-evryine #quote-carousel .carousel-indicators li {
		display: inline-block;
		margin: 0px 5px;
		/* width: 15px; */
		/* height: 15px; */
	}
	#love-by-evryine #quote-carousel .carousel-indicators li.active {
		margin: 0px 5px;
		/* width: 20px; */
		/* height: 20px; */
	}
}

/*==========love every one***end==========*/

/*==========Footer***start==========*/

#picktime {
	color: #ffffff;
	font: 15px/23px;
	font-weight: bold;
	background-image: url("/webassets/2021/img/mountains-color.svg");
	padding-top: 181px;
	background-position: top;
}

#picktime .col-md-6 img {
  	width: 170px;
  	margin-bottom: -170px;
}

#picktime .social-media-icons {
  	padding: 0px;
  	font-size: 30px;
}

#picktime .col-md-6 .icons {
  	margin-top: 120px;
}

#picktime #f-6 {
	margin-top: 120px;
}

#footer {
	font: 15px/23px;
	font-weight: bold;
	color: #e4e2e8;
	background-color: #8b22e2;
	margin-top: 0px;
}

#footer-title {
	margin: 50px 0px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

#footer-title a {
	color: #ffffff;
	text-decoration: none;
}

#footer ul li {
	list-style: none;
	padding: 8px;
	color: #f6f6f6;
	opacity: 1;
	font-weight: 400;
}
#footer ul li a {
	color: white;
}
.icons li {
	list-style: none;
	padding: 8px;
	float: left;
}
.terms-holder li {
	list-style: none;
	padding: 8px;
}
.internal-links-holder li {
	list-style: none;
	padding: 8px;
}
#picktime ul li a {
	color: white;
}

.picktime-bottom {
	color: white;
}

.picktime-bottom:hover {
	color: white;
}
.cookie-consent-section{
	position: relative;
}
.cookie-consent-section > div{
	position: fixed;
	width: 350px;
	bottom: -10px;
	left: 10px;
	z-index: 10;
	background: rgb(255 255 255 / 90%);
	color: #333;
}

@media only screen and (max-width: 320px){
	.cookie-consent-section > div{
		width: 310px;
	}
}
/*==========Footer***end==========*/

/* Home page-Responsive web site */

@media only screen and (max-width: 1199px) {
	
	.feature {
		margin-top: 50px;
	  	height: 425px;
	}
	
	.feature .col-lg-6 #dots {
	  	display: none;
	}
	.feature .col-lg-6 .f-b-y h2 {
		text-align: center;
		margin: 40px 0px 10px 0px;
	}
	.feature .col-lg-6 .f-p-y {
	  	padding: 10px 0px 0px 0px;
	  	text-align: center;
	}
	.feature .col-lg-6 .btn8 {
	  	display: none;
	}
	
	.feature .box-section {
	  	margin-left: 100px;
	}
	.feature .col-lg-6 .box1 {
		margin: 33px 0px 40px 0px;
		height: 200px;
		width: 150px;
	}
	.feature .col-lg-6 .box3 {
		margin: -236px 0px 37px 180px;
		height: 200px;
		width: 150px;
	}
	.feature .col-lg-6 .box2 {
		margin: -240px 0px 42px 570px;
		height: 200px;
		width: 150px;
	}
	.feature .col-lg-6 .box4 {
		margin: -240px 0px 40px 375px;
		height: 200px;
		width: 150px;
	}
	.feature .col-lg-6 p {
  		padding: 0px;
	}
	.feature .col-lg-6 .box1-img {
		width: 45px;
		height: 71px;
		margin: 35px;
		margin: 0px 0px 0px 50px;
	}
}

@media only screen and (max-width: 1024px) {
	.book-from-any-where .col-md-6 .img-b {
  		margin-top: 118px;
 }
	
	.multiple .col-md-6 .img-m {
  		margin-top: 60px;
	}  
}

@media only screen and (max-width: 991px) {
	.container>.navbar-header{    
  		padding: 25px 0px;
	}
	/*===== big titles========= */
	.what-is-picktime .col-md-12 .w-b-y h3,
	.calenders .col-md-6 .c-b-x h3,
	.onlinebooking .col-md-6 .o-b-y h3,
	.payment .col-md-6 .p-b-x h3,
	.video .col-md-6 .v-b-y h3,
	.multiple .col-md-6 .m-b-x h3,
	.reminders .col-md-6 .r-b-y h3,
	.class-booking .col-md-6 .c-b-x h3,
	.feature .col-lg-6 .f-b-y h2,
	.Rated .f-b-m h2,
	.book-from-any-where .col-md-6 .b-b-y h2,
	.connect-app .c-b-m h2,
	.pick-time-is-for-everyone .p-t-i-f-e-b-m h3,
	#love-by-evryine h2,
	#footer .footer-title {
	  	font: normal normal bold 24px/30px Samsung Sharp Sans;
	  	text-align: center;
	}
	/*========= small titles========= */
	.what-is-picktime .col-md-12 .w-s-y h2,
	.calenders .col-md-6 .c-s-x h2,
	.onlinebooking .col-md-6 .o-s-y h2,
	.payment .col-md-6 .p-s-x h2,
	.video .col-md-6 .v-s-y h2,
	.multiple .col-md-6 .m-s-x h2,
	.reminders .col-md-6 .r-s-y h2,
	.class-booking .col-md-6 .c-s-x h2,
	.pick-time-is-for-everyone .p-t-i-f-e-s-m h2,
	.class-booking .col-md-6 .c-s-x h2 {
	  	font: normal normal bold 18px/18px Samsung Sharp Sans;
	  	text-align: center;
	}
	/*========Button============ */
	.what-is-picktime .col-md-12 .btn-lg,
	.onlinebooking .col-md-6 .btn-lg,
	.payment .col-md-6 .btn-lg-p-x,
	.video .col-md-6 .btn-lg,
	.multiple .col-md-6 .btn-lg,
	.reminders .col-md-6 .btn-lg,
	.reminders .col-md-6 .btn-lg,
	.class-booking .col-md-6 .btn-lg-c-x,
	.calenders .col-md-6 .btn-lg,
	.book-from-any-where .btn-lg {
		font-size: 15px;
		margin-left: auto;
		margin-right: auto;
		padding: 10px 0px;
		width: 40%;
		display: block;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	/*navbar  */
	.navbar-brand img {
		margin: -18px 0px 0px 0px;
	}
	.navbar .btn {
		padding: 10px 0px;
		width: 100px;
		height: 40px;
		margin-top: 35px;
		/* margin-left: 0px; */
	}
	.navbar .btn.dashbaordbtn{
		width: 120px;
	}
	.navbar-nav li a {
		margin: 30px 15px 0px 0px;
	}
	/* banners */
	
	
	.banners {
		margin-top: 50px;
	}
	
	.banners .col-md-12 .img-banner {
		width: 100%;
	  	padding-top: 15px;
	}
	.banners .col-md-12 .b-t-y h1 {
	  	font: normal normal bold 30px/40px Samsung Sharp Sans;
	  	text-align: center;
	  	margin-top: 85px;
	}
	.banners .col-md-12 .btn-lg {
	  	width: 100%;
	  	/* padding: 18px 0px; */
	}
	.banners .col-md-12 .b-p-y {
	  	line-height: 25px;
	  	letter-spacing: 0.22px;
	  	text-align: center;
	}
	#wave {
	  	margin-top: 30px;
	}
	.what-is-picktime .col-md-12 .w-p-y {
	  	line-height: 25px;
	  	letter-spacing: 0.22px;
	  	text-align: center;
	  	font-size: 18px;
	}
	.what-is-picktime {
	  	margin: -2px 0px;
	}
	
	/*calenders */
	.calenders {
	  	background-image: none;
	  	padding-top: 0px;
	  	margin: 30px 0px;
	}
	.calenders .col-md-6 .img-cal {
	  	position: relative;
	  	left: 0px;
	  	top: 0px;
	  	width: 100%;
	}
	.calenders .col-md-6 .c-s-x h2 {
	  	margin-left: 0px;
	  	padding-top: 10px;
	}
	.calenders .col-md-6 .c-b-x h3 {
	  	margin-left: 0px;
	  	padding: 10px 0px;
	}
	.calenders .col-md-6 .c-p-x {
	  	margin-left: 0px;
	  	padding: 10px 0px 0px 0px;
	  	line-height: 25px;
	  	letter-spacing: 0.22px;
	  	text-align: center;
	  	margin-bottom: 10px;
	  	font-size: 18px;
	}
	.onlinebooking {
	  	margin: 30px 0px;
	}
	.onlinebooking .col-md-6 .o-s-y h2 {
	  	padding-top: 20px;
	}
	
	.onlinebooking .col-md-6 .o-p-y {
	  	padding: 10px 0px 10px 0px;
	  	line-height: 25px;
	  	letter-spacing: 0.22px;
	  	text-align: center;
	  	font-size: 18px;
	}
	.onlinebooking .col-md-6 .img-o {
	  	margin-top: 15px;
		margin-left: 10px;
	}
	/* payment */
	.payment {
	  	margin: 30px 0px;
	}
	.payment .col-md-6 .p-s-x h2 {
		margin-left: 0px;
		padding-top: 0px;
	}
	.payment .col-md-6 .p-b-x h3 {
		/* padding: 10px 0px 10px 0px; */
		margin-left: 0px;
	}
	.payment .col-md-6 .p-p-x {
		margin-left: 0px;
		padding: 10px 0px 10px 0px;
		line-height: 25px;
		letter-spacing: 0.22px;
		text-align: center;
		font-size: 18px;
	}
	.payment .col-md-6 .img-p
	{
	  	display: none;
	}
	/* video */
	.video {
		background-image: url(/webassets/2021/img/mountains.svg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top;
		padding-top: 160px;
	}
	.video .col-md-6 .v-s-y h2 {
	  	padding-top: 100px;
	}
	.video .col-md-6 .v-p-y {
		padding: 10px 0px 10px 0px;
		line-height: 25px;
		letter-spacing: 0.22px;
		text-align: center;
		font-size: 18px;
	}
	.video .col-md-6 .img-v {
		margin-top: 50px;
		margin-bottom: 40px;
		padding: 5px;
		width: 100%;
	}
	/* multiple */
	.multiple {
		padding-top: 0px;
		margin-top: -10px;
		height: 400px;
	}
	.video .col-md-6 .img-v,
	.multiple .col-md-6 .img-m {
	  	display: none;
	}
	.multiple .col-md-6 .m-s-x h2 {
	  	padding: 10px 0px 10px 0px;
	}
	.multiple .col-md-6 .m-p-x {
		padding: 10px 0px 10px 0px;
		line-height: 25px;
		letter-spacing: 0.22px;
		text-align: center;
		font-size: 18px;
	}
	/* reminders */
	.reminders {
	  	margin: 30px 0px;
	}
	.reminders .col-md-6 .img-r {
	  	display: none;
	}
	.reminders .col-md-6 .r-s-y h2 {
	  	padding: 10px 0px 10px 0px;
	}
	.reminders .col-md-6 .r-p-y {
		padding: 10px 0px 10px 0px;
		line-height: 25px;
		letter-spacing: 0.22px;
		text-align: center;
		font-size: 18px;
	}
	/* payment */
	.class-booking {
		margin: 30px 0px;
		padding-bottom: 10px;
	}
	.class-booking .col-md-6 .c-s-x h2 {
		margin-left: 0px;
		padding-top: 0px;
	}
	.class-booking .col-md-6 .c-b-x h3 {
		margin-left: 0px;
	}
	.class-booking .col-md-6 .c-p-x {
		margin-left: 0px;
		padding: 10px 0px 10px 0px;
		line-height: 25px;
		letter-spacing: 0.22px;
		text-align: center;
		font-size: 18px;
	}
	.class-booking .col-md-6 .img-c
	{
	  	display: none;
	}
	
	/* feature */
	.feature {
		margin-top: 40px;
		height: 630px;
	}
	.feature .col-lg-6 #dots {
	  	display: none;
	}
	.feature .col-lg-6 .f-b-y h2 {
		text-align: center;
		margin: 40px 0px 10px 0px;
	}
	.feature .col-lg-6 .f-p-y {
		padding: 10px 0px 0px 0px;
		font-size: 18px;
		text-align: center;
	}
	.feature .col-lg-6 .btn8 {
	  	display: none;
	}
	
	.feature .box-section {
	  margin-left: 50px;
	}
	.feature .col-lg-6 .box1,
	.feature .col-lg-6 .box3 {
		margin: 33px 0px 40px 180px;
		height: 200px;
		width: 150px;
	}
	.feature .col-lg-6 .box2,
	.feature .col-lg-6 .box4 {
		margin:-240px 0px 40px 340px;
		height: 200px;
		width: 150px;
	}
	.feature .col-lg-6 p {
		padding: 0px;
	}
	.feature .col-lg-6 .box1-img {
		width: 45px;
		height: 71px;
		margin: 35px;
		margin: 0px 0px 0px 50px;
	}
	/* featured-on */
	.Rated {
		margin: 30px 0px;
	}
	
	.Rated .imageColumn {
		float: left;
		width: 20%;
		padding: 30px;
	}
	.Rated .g2-c {
		margin-top: 15px;
	}
	
	.book-from-any-where {
  		margin: 30px 0px;
	}
	
	.book-from-any-where .col-md-6 .img-b {
		margin-top: 10px;
	}
	
	.book-from-any-where .col-md-6 .b-b-y h2 {
		padding: 10px 0px 10px 0px;
	}
	.book-from-any-where .col-md-6 .b-p-y {
		padding: 10px 0px 10px 0px;
		line-height: 25px;
		letter-spacing: 0.22px;
		text-align: center;
		font-size: 18px;
	}
	
	.shape-ani {
	  	display: none;
	}
	
	.connect-app img {
	  	width: 40%;
	}
	.connect-app .c-f-l-pic-19 {
		min-width: 128px;
		margin-bottom: 20px;
		margin-left: -50px;
		margin-right: 0px;
	}
	
	.connect-app .c-s-l-pic-19 {
		min-width: 128px;
		margin-left: -50px;
		margin-right: 10px;
	}
	
	.connect-app {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	/* love-by-evryine */
	#love-by-evryine {
		margin: 50px 0px;
		padding: 0px;
	}
	/* #love-by-evryine #quote-carousel .carousel-indicators li {
		display: none;
	} */
	#love-by-evryine #quote-carousel img {
  		display: inline;
	}
	#love-by-evryine blockquote .small,
	blockquote footer,
	blockquote small {
	  	margin-left: 154px;
	  	margin-bottom: 8px;
	  	margin-top: 12px;
	}
	#love-by-evryine #quote-carousel .carousel-control.right {
	  	display: none;
	}
	#love-by-evryine #quote-carousel .carousel-control.left {
	  	display: none;
	}
	#love-by-evryine #right-icon {
	  	display: inline;
	}
	#love-by-evryine #right-icon {
	  	margin-left: 20px;
	}
	
	#love-by-evryine .carousel-inner p {
	  	margin: 0px 0px 0px 0px;
	}
	
	#love-by-evryine blockquote small {
	  	margin-left: 150px;
	}
	
	/* picktime */
	#picktime .col-md-6 .icons {
	  	margin-top: 20px;
	}
	/* #picktime {
		padding-top: 100px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	} */
	#picktime .col-md-6 img {
		width: 150px;
		margin: 100px 0px 0px 0px;
	}
	#picktime .social-media-icons {
 		font-size: 25px;
	}
	#picktime #f-6 {
		margin-top: 190px;
	}
	/* footer */
	#footer {
		margin-top: -10px;
	}
	#footer #ex-sp {
		margin-top: -330px;
	}
}

@media only screen and (max-width: 767px) {
	.navbar-brand img {
	    margin: -11px 0px 0px 0px;
	  	width: 160px;
	}
	 .navbar-nav li a{
		margin: 20px 0px 0px 0px;
	 }
	.navbar .btn {
	 	margin-top: 20px;
	  	margin-left: 10px;
	}
	#picktime #f-6 {
  		margin-top: 10px;
	}
	#footer #ex-sp {
		margin-top: 0px;
	}
	
	.Rated .imageColumn {
		padding: 10px;
	}
	img.what-is-picktime-img{
    
		height: 80px;
	}
}

/*=============Mobile Responsive=================*/


@media only screen and (max-width: 540px){

	.feature .col-lg-6 .box1,
	.feature .col-lg-6 .box3 {
	  	margin: 40px 0px 40px 40px;
	}
	.feature .col-lg-6 .box4,
	.feature .col-lg-6 .box2 {
	  	margin: -260px 0px 40px 280px;
	}
}	
@media only screen and (max-width: 540px) {
	/*====Button====universal-selectors========*/
	.what-is-picktime .col-md-12 .btn-lg,
	.onlinebooking .col-md-6 .btn-lg,
	.payment .col-md-6 .btn-lg-p-x,
	.video .col-md-6 .btn-lg,
	.multiple .col-md-6 .btn-lg,
	.reminders .col-md-6 .btn-lg,
	.class-booking .col-md-6 .btn-lg-c-x,
	.calenders .col-md-6 .btn-lg,
	.book-from-any-where .btn-lg {
		margin-left: 90px;
		width: 60%;
	}
	
	.feature .box-section {
	  	margin-left: 0px;
	}
	.feature .col-lg-6 .box1,
	.feature .col-lg-6 .box3 {
	  	margin: 33px 0px 40px 40px;
	}
	.feature .col-lg-6 .box4,
	.feature .col-lg-6 .box2 {
	  	margin: -240px 0px 40px 280px;
	}
	#love-by-evryine #right-icon {
	  	display: none;
	}
	#footer #ex-sp {
		margin-top: 0px;
	}
}

@media only screen and (max-width: 480px) {
	/*====Button==universal-selectors====*/
	.what-is-picktime .col-md-12 .btn-lg,
	.onlinebooking .col-md-6 .btn-lg,
	.payment .col-md-6 .btn-lg-p-x,
	.video .col-md-6 .btn-lg,
	.multiple .col-md-6 .btn-lg,
	.reminders .col-md-6 .btn-lg,
	.class-booking .col-md-6 .btn-lg-c-x,
	.calenders .col-md-6 .btn-lg,
	.book-from-any-where .btn-lg {
		margin-left: 70px;
		width: 60%;
	}
	.navbar .btn {
		margin-top: 20px;
		margin-left: 0px;
		width: 100px;
		height: 40px;
	}
    .video .col-md-6 .v-s-y h2 {
	  	padding-top: 35px;
	}
	
	.feature .box-section {
	  	margin-left: 0px;
	}
	.feature .col-lg-6 .box1,
	.feature .col-lg-6 .box3 {
	  	margin: 0px 0px 0px 15px;
	}
	.feature .col-lg-6 .box2,
	.feature .col-lg-6 .box4 {
	  	margin: -200px 200px 57px;
	}
	#love-by-evryine #quote-carousel img {
	  	display: none;
	}
	#love-by-evryine #right-icon {
	  	display: none;
	}
	#picktime .col-md-6 img {
		width: 150px;
		margin: 100px 0px 0px 0px;
	}
	.book-from-any-where .col-md-6 .img-b {
		width: 100%;
		margin-top: 20px;
	}
	.book-from-any-where .btn-lg {
		/* display: none; */
		margin-bottom: 10px;
	}
	
	#footer #ex-sp {
  		margin-top: 0px;
	}
}
@media only screen and (max-width: 376px) {
	.feature .col-lg-6 .box1,
	.feature .col-lg-6 .box3 {
	  	margin: 0px 0px 0px 0px;
	}
	.feature .col-lg-6 .box2,
	.feature .col-lg-6 .box4 {
	  	margin: -200px 170px 57px;
	}
}
@media only screen and (max-width: 348px) {
	/*====Button==universal-selectors====*/
	.onlinebooking .col-md-6 .btn-lg,
	.payment .col-md-6 .btn-lg-p-x,
	.video .col-md-6 .btn-lg,
	.multiple .col-md-6 .btn-lg,
	.reminders .col-md-6 .btn-lg,
	.class-booking .col-md-6 .btn-lg-c-x,
	.calenders .col-md-6 .btn-lg,
	.book-from-any-where .btn-lg {
  		margin-left: 40px;
	  	width: 70%;
	}
	.feature .box-section {
	  	margin-left: 0px;
	}
	.feature .col-lg-6 .box1,
	.feature .col-lg-6 .box3 {
		margin: 0px -20px 0px;
		height: 200px;
		width: 145px;
	}
	.feature .col-lg-6 .box2,
	.feature .col-lg-6 .box4 {
		margin: -190px 140px 20px;
		height: 190px;
		width: 145px;
	}
}

/* Features-page-start */

/*===what-we-offer====start=====*/

#what-we-offer img {
	position: inherit;
	width: 100%;
	margin-top: -450px;
}

#banner-bg-color {
	height: 10px;
	background: #f0f2f8 0% 0% no-repeat padding-box;
}

#what-we-offer .w-w-o-b-m {
	text-align: center;
	font: normal normal bold 40px/50px Samsung Sharp Sans;
	margin: 100px 0px 20px 0px;
	position: relative;
	z-index: 1;
}

#what-we-offer .w-w-o-p-m {
	font-weight: 600;
	line-height: 22px;
	letter-spacing: 0.22px;
	text-align: center;
	padding: 0px 270px 15px 270px;
	position: relative;
	z-index: 1;
}

/*===what-we-offer====end=====*/

/*===Feature====start=====*/

.features {
	margin: 0px 0px 100px 0px;
}

.features .f-s-m h2 {
	font: normal normal bold 20px/25px Samsung Sharp Sans;
	color: #8b22e2;
	text-align: center;
	margin: 0px;
}

.features .f-b-m h2 {
	font: normal normal bold 35px/44px Samsung Sharp Sans;
	letter-spacing: 0px;
	text-align: center;
	margin-top: 20px;
}

.features .f-p-m {
	text-align: center;
	padding: 20px 90px;
	line-height: 35px;
	font-size: 20px;
	font-weight: 400;
}

.features .btn-lg {
	width: 30%;
	padding-top: 14px;
	padding-bottom: 14px;
	color: #fff !important;
	font-weight: 600;
	letter-spacing: 0.12px;
	background: #8b22e2 0% 0% no-repeat padding-box;
	border-radius: 25px;
	outline: none;
	border: none;
	text-align: center;
	box-shadow: 0 2px 4px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 20%);
	transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.features a {
	color: #fff !important;
	font-weight: 600;
}

/*===Feature====End=====*/

/*===For Buinesss owners====start=====*/

.for-buiness-owners {
  	margin: 20px 0px 20px 0px;
}

.for-buiness-owners .f-b-o-s-m h2 {
	font: normal normal bold 20px/24px Samsung Sharp Sans;
	color: #8b22e2;
	text-align: center;
	margin: 20px 0px 20px 0px;
}

.for-buiness-owners .f-b-o-b-m h2 {
	font: normal normal bold 35px/44px Samsung Sharp Sans;
	letter-spacing: 0px;
	text-align: center;
	margin: 30px 0px 50px 0px;
}

.for-buiness-owners .f-b-o-i .all-professional {
	width: 100%;
	padding: 10px 170px 100px 170px;
}

.for-buiness-owners .f-b-o-h h3 {
	font: normal normal 600 20px/24px Raleway;
	/* width: 80%;
	float: right; */
	margin-top: 5px;
	padding-left: 15px;
	position: relative;
}
.for-buiness-owners .f-b-o-h h3:before {
	content: " ";
	height: 100%;
	background: #8b22e2;
	width: 5px;
	position: absolute;
	left: 0px;
	border-radius: 10px;
}
.for-buiness-owners .f-b-o-h h3 a {
  	color: #000000 !important;
}

.for-buiness-owners p {
	font-size: 16px;
	font-weight: 400;
	padding: 10px 10px;
	line-height: 22px;
	letter-spacing: 0.22px;
}

.for-buiness-owners .icons {
	width: 50px;
	height: 50px;
	margin-bottom: 5px;
}

.spacing {
	margin-bottom: 40px;
	margin-left: 100px;
}

/*===For Buinesss owners====End=====*/

/*===For Class====start=====*/

.for-class {
	margin: 20px 0px 20px 0px;
}

.for-class .col-md-6 .bg-p {
	position: relative;
	margin-left: -200px;
	width: 100%;
}

.for-class .col-md-6 .img-p {
	margin-top: 120px;
	margin-left: -73px;
	width: 100%;
	padding: 40px;
}

.for-class .col-md-6 .f-c-s-x h2 {
	font: normal normal bold 20px/24px Samsung Sharp Sans;
	letter-spacing: 0px;
	color: #8a2be2;
	padding: 120px 0px 0px 0px;
}

.for-class .col-md-6 .f-c-b-x h2 {
	font: normal normal bold 40px/44px Samsung Sharp Sans;
	padding: 0px 0px 10px 0px;
}

.for-class h3 {
	font: normal normal 400 14px/24px Raleway;
	width: 80%;
	float: right;
	margin-top: 16px;
	padding-left: 5px;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
}
.for-class h3 a{
	color: #000000 !important;
}

.class-booking-features {
	width: 20%;
	/* height: 50px; */
	padding: 5px;
}

/*===For Class====End=====*/

/*===For Team====start=====*/
.for-team {
  	margin: 10px 0px 100px 0px;
}

.for-team .f-t-s-m h2 {
	font: normal normal bold 20px/24px Samsung Sharp Sans;
	color: #8b22e2;
	text-align: center;
	margin: 20px 0px 20px 0px;
}

.for-team .f-t-b-m h2 {
	font: normal normal bold 35px/44px Samsung Sharp Sans;
	letter-spacing: 0px;
	text-align: center;
	margin: 20px 0px 10px 0px;
}

.for-team .manage-team img {
	width: 70px;
	height: 70px;
	margin-right: 10px;
}
.manage-team .media-left {
    vertical-align: middle;
}

.for-team .manage-team {
  	margin: 100px 0px;
}

.for-team .manage-team img {
	width: 70px;
	height: 70px;
	/* padding: 10px; */
}

.for-team .manage-team .title h3 {
  	font: normal normal 600 20px/24px Raleway;
}
.for-team .manage-team .title h3 a{
	color: #000000 !important;
}

.for-team .manage-team p {
	font-size: 16px;
	font-weight: 400;
	padding: 0px 130px 0px 0px;
	line-height: 22px;
	letter-spacing: 0.22px;
}

/*===For Team====End=====*/

/*===Pricing box====start=====*/
.pricing-box *, .pricing-box-type *{
	font-family: 'Poppins', sans-serif !important;
}
.pricing-box {
	position: relative;
	z-index: 10;
}
.pricing-box .box {
	background-color: rgb(255 255 255 / 80%);
	position: relative;
	margin: -100px auto -220px;
	box-shadow: 0px 2px 20px #0000002b;
	border-radius: 10px;
	padding: 46px;
	width: 1000px;
	text-align: center;
}
.pricing-box .box .btn-lg {
	width: 40%;
	color: #fff;
	font-weight: 500;
	letter-spacing: 0.12px;
	background: #8b22e2 0% 0% no-repeat padding-box;
	border-radius: 25px;
	outline: none;
	border: none;
	text-align: center;
	box-shadow: 0 2px 4px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 20%);
	transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	margin: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	display: block;
}
.pricing-box .box .btn-lg a {
	color: white;
	font-weight: bold;
}
.pricing-box h2{
	font: normal normal bold 35px/44px Samsung Sharp Sans;
	letter-spacing: 0px;
	color: #8b22e2;
	text-align: center;
}
.pricing-box .box-text {
	padding: 15px 80px;
	/* line-height: 22px; */
	letter-spacing: 0.22px;
	text-align: center;
	line-height: 30px;
	font-size: 20px;
	font-weight: 400;
}
@media only screen and (max-width: 1024px) {
	.pricing-box .box{    
		width: 800px;
	}  
}



/*===Pricing====End=====*/

/* Responsive web site */
@media only screen and (max-width: 991px) {
	/*=====big title======  */
	#what-we-offer .w-w-o-b-m,
	.features .f-b-m h2,
	.for-buiness-owners .f-b-o-b-m h2,
	.for-class .col-md-6 .f-c-b-x h2,
	.for-team .f-t-b-m h2 {
	  	font: normal normal bold 24px/30px Samsung Sharp Sans;
	  	text-align: center;
	  	margin: 20px 0px 20px 0px;
	}
	/*=====small title======  */
	.features .f-s-m h2,
	.for-buiness-owners .f-b-o-s-m h2,
	.for-class .col-md-6 .f-c-s-x h2,
	.for-team .f-t-s-m h2 {
	  	font: normal normal bold 18px/18px Samsung Sharp Sans;
	  	text-align: center;
	}
	/*=====paragraph======  */
	#what-we-offer .w-w-o-p-m,
	.features .f-p-m {
		margin-left: 0px;
		padding: 10px 0px 0px 0px;
		line-height: 30px;
		font-size: 18px;
		text-align: center;
	}
	/*=====button======  */
	 .features .btn-lg {
		font-size: 15px;
		padding: 14px 0px;
		width: 60%;
	 }
	 #what-we-offer img {
   		margin-top: -330px;
	 }
	 #what-we-offer .w-w-o-b-m {
   		margin: 50px 0px 20px 0px;
	 }
	 #what-we-offer {
	   	height: 290px;
	 }
	 .spacing {
		margin-bottom: 50px;
		margin-left: 30px;
	 }
	
	 .for-buiness-owners p {
	   	padding: 10px 0px 20px 0px;
	 }
	
	 .for-buiness-owners .f-b-o-i .all-professional {
		width: 100%;
		padding: 10px 100px 50px 100px;
	 }
	
	 .for-team {
	   	margin: 10px 0px 50px 0px;
	 }
	
	 .for-team .manage-team p {
	   	padding: 0px 50px 0px 0px;
	 }
	 .for-class .col-md-6 .f-c-s-x h2 {
	   	padding: 10px 0px 10px 0px;
	 }
	 .for-class .col-md-6 .bg-p {
	   	display: none;
	 }
	 .for-class .col-md-6 .img-p {
		/* display: none; */
		width: 100%;
		margin-top: 0px;
		margin-left: 0px;
	}
	.for-team .f-t-b-i img {
		width: 100%;
		padding: 0px 120px;
	}
	.for-class .manage-team {
		margin: 50px 0px;
	}
	
	.pricing-box .box {
		margin: -38px 20px -170px;
		width: 550px;
	}
	.pricing-box h2{
		font: normal normal bold 24px/30px Samsung Sharp Sans;
	}
	.pricing-box .box .btn-lg {
		width: 60%;
	}
	.pricing-box .box-text {
		padding: 10px 10px 10px 10px;
	}
}

@media only screen and (max-width: 591px) {
	#what-we-offer img {
  		margin-top: -195px;
	}
	#banner-bg-color {
	  	height: 21px;
	  	margin-top: -30px;
	}
	
	.for-buiness-owners .f-b-o-i .all-professional {
	  	width: 100%;
	  	padding: 10px 0px 40px;
	}
	
	.for-team .f-t-b-i img {
	  	width: 100%;
	  	padding: 0px 40px;
	}
	.pricing-box .box .btn-lg {
	  	font-size: 10px;
	}
	.pricing-box .box {
	  	width: 380px;
	}
	.for-buiness-owners .f-b-o-h h3{
    	font: normal normal 600 16px/20px Raleway;
	}
	.for-buiness-owners p{
	  	font-size: 14px;
  		line-height: 18px;
	}
	.spacing{    
	  	margin-left: 0px;
	}
	.for-class h3{
	  	margin: 0px;
	  	margin-bottom: 20px;
	}
}

@media only screen and (max-width: 425px) {
	/*=====big title======  */
	#what-we-offer .w-w-o-b-m,
	.features .f-b-m h2,
	.for-buiness-owners .f-b-o-b-m h2,
	.for-class .col-md-6 .f-c-b-x h2,
	.for-team .f-t-b-m h2 {
  		font: normal normal bold 20px/24px Samsung Sharp Sans;
	}
	/*=====small title======  */
	.features .f-s-m h2,
	.for-buiness-owners .f-b-o-s-m h2,
	.for-class .col-md-6 .f-c-s-x h2,
	.for-team .f-t-s-m h2 {
  		font: normal normal bold 16px/16px Samsung Sharp Sans;
	}
	.btn-pt {
    	padding: 12px 50px;
	}
	/*=====button======  */
	
	#what-we-offer img {
	  	margin-top: -140px;
	}
	#banner-bg-color {
	  	height: 80px;
	  	margin-top: -28px;
	}
	#what-we-offer .w-w-o-b-m {
	  	margin: -37px 0px 20px 0px;
	}
	.pricing-box .box {
	  	width: 280px;
	}
}

/* Features-page-END */

/* Integrations-page-start */

/*===integration====start=====*/

#integration {
	/* margin-top: -27px; */
	height: 450px;
	background: #f0f2f8 0% 0% no-repeat padding-box;
	position: relative;
	overflow: hidden;
}

#integration .i-b-m h1 {
	text-align: center;
	font: normal normal bold 40px/50px Samsung Sharp Sans;
	margin: 180px 0px 20px 0px;
}

#integration .i-s-m {
	letter-spacing: 0.22px;
	text-align: center;
	margin: 0px 240px;
	line-height: 35px;
	font-size: 20px;
	font-weight: 400;
}
#wave1 {
	margin-top: -144px;
}

/*===integration====end=====*/

/*===INTEGRATION BODY====START=====*/

#integration-body {
	margin: 20px 0px 200px 0px;
}

#integration-body .integration-title {
	font: normal normal bold 20px/24px Samsung Sharp Sans;
	color: #8b22e2;
	text-align: center;
	margin: 20px 0px 20px 0px;
}

#integration-body h2 {
	font: normal normal 600 24px/24px Raleway;
	color: #8b22e2;
	margin: 30px 0px;
}

#integration-body .integration-sections {
	max-width: 380px;
	float: left;
}

#integration-body .headings h3 {
	font: normal normal 600 20px/24px Raleway;
	margin: 10px 0px;
}

#integration-body img {
	width: 80px;
	height: 80px;
	padding: 5px;
	border-radius: 10px;
	background: #f2f2f2;
}

#integration-body p {
	line-height: 28px;
	letter-spacing: 0.22px;
	text-align: left;
	max-width: 220px;
	font-size: 16px;
	font-weight: 400;
}

/*===INTEGRATION body====END=====*/
@media only screen and (max-width: 2560px) {
	#wave1 {
  		margin-top: -210px;
	}
	#integration {
  		height: 600px;
	}
}
@media only screen and (max-width: 1880px) {
	#wave1 {
	  	margin-top: -175px;
	}
}
@media only screen and (max-width: 1440px) {
	#wave1 {
	  	margin-top: -144px;
	}
}

@media only screen and (max-width: 1199px) {
 
	#wave1 {
  		margin-top: -114px;
	}
}

@media only screen and (max-width: 991px) {
	/*=====big title======  */
	#integration .i-b-m h1 {
  		font: normal normal bold 24px/30px Samsung Sharp Sans;
	  	text-align: center;
	  	margin: 160px 0px 20px 0px;
	}
	/*=====small title======  */
	#integration-body .integration-title {
	  	font: normal normal bold 18px/18px Samsung Sharp Sans;
	  	text-align: center;
	}
	
	#integration .i-s-m {
	  	margin: 0px 0px 0px 0px;
	  	font-size: 18px;
	  	line-height: 30px;
	}
	
	#integration {
	  	height: 530px;
	}
	
	#wave1 {
	  	margin-top: -82px;
	}
	
	.pricing-box .box {
	  	margin: -38px auto -170px;
	  	width: 550px;
	}
	.pricing-box h2{
	  	font: normal normal bold 24px/30px Samsung Sharp Sans;
	}
	.pricing-box .box .btn-lg {
	  	width: 60%;
	}
	.pricing-box .box-text {
	  	padding: 10px 0px;
	  	font-size: 14px;
	  	line-height: 20px;
	}
}

@media only screen and (max-width: 591px) {
	.pricing-box .box .btn-lg {
	  	font-size: 14px;
	  	font-weight: bold;
	  	width: 100%;
	}
	.pricing-box .box {
	  	width: 380px;
	}
	
	#wave1 {
	  	margin-top: -60px;
	}
}
@media only screen and (max-width: 425px) {
	.pricing-box .box {
	  	width: 280px;
	  	padding: 20px;
	}
	#wave1 {
	  	margin-top: -52px;
	}
}

/* Integrations-page-End */

/*-Industries-individual-page-Start-*/

.sec-first {
	background-color: #f0f2f8;
	margin-top: 100px;
	padding-bottom: 100px;
}
.sec-first .col-md-6 h1 {
	font: normal normal bold 40px/50px Samsung Sharp Sans;
	letter-spacing: 0px;
	color: #312b2b;
	padding-top: 15px;
	margin-top: 100px;
}
.sec-first .col-md-6 span{
  	color: #8b22e2;	
}
.sec-first .col-md-6 p {
	font-size: 20px;
	font-weight: 400;
	padding: 15px 0px;
	line-height: 35px;
}
.sec-first .col-md-6 .btn-lg {
    width: 250px;
    padding: 16px 0px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.12px;
    background: #8b22e2 0% 0% no-repeat padding-box;
    border-radius: 25px;
    outline: none;
    border: none;
    text-align: center;
    box-shadow: 0 2px 4px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 20%);
    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.sec-first .col-md-6 .btn-lg:hover{
	background: #9c48e2 !important;
}
.sec-first .col-md-6 img {
	position: relative;
	width: 100%;
	padding-top: 50px;
}

.sec-first .col-md-6 .P-top{
	padding-top: 110px;
}
.sec-first .nail-extra-small{
	padding: 50px;
}
.sec-first .magicians-pt{
	padding: 0px 60px;
	padding-top: 0px !important;
}
/*  wave  */
.sec-first .wave {
  	margin-top: -48px;
}

/*=========banner==========end========*/
.sec-two {
  	margin: 60px 0px;
}
.sec-two img{
	width: 80px;
}

.sec-two h3 {
	font: normal normal 600 20px/24px Raleway;
	margin: 10px 0px;
}

.colums{
	padding: 15px 0px;
	margin: 15px 0px;
}
.colums:hover {
    box-shadow: 0 3px 20px 0px rgb(0 0 0 / 12%);
    border-radius: 25px;
    padding: 15px 0px;
    margin: 15px 0px;
}
.sec-two p {
	line-height: 30px;
	font-size: 20px;
	font-weight: 400;
	margin: 10px 30px;
}
.view-all{
	padding:15px 80px;
    color: #fff !important;
    font-weight: 600;
    letter-spacing: 0.12px;
    background: #8b22e2 0% 0% no-repeat padding-box;
    border-radius: 25px;
    outline: none;
    border: none;
    text-align: center;
    box-shadow: 0 2px 4px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 20%);
    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    margin: 20px 0px;
}
.view-all:hover{
	background: #9c48e2 !important;
}
/*=====section three==start==*/

.sec-three {
  	margin: 100px 0px 40px 0px;
}

.sec-three h3 {
	font: normal normal bold 20px/24px Samsung Sharp Sans;
	letter-spacing: 0px;
	color: #8a2be2;
	margin: 100px 0px 10px 0px;
}

.sec-three h4 {
	font: normal normal bold 35px/44px Samsung Sharp Sans;
	letter-spacing: 0px;
}
.sec-three p {
	line-height: 30px;
	font-size: 20px;
	font-weight: 400;
}
.sec-three img {
	width: 100%;
	padding: 0px 30px;
}
.sec-three .mr-t {
	margin-top: 50px;
}

/*=====section three==end==*/

/*=====section four==start==*/

.sec-four {
  	margin: 100px 0px 40px 0px;
}

.sec-four img {
	width: 100%;
	padding: 0px 30px;
}

.sec-four h3 {
	font: normal normal bold 20px/24px Samsung Sharp Sans;
	letter-spacing: 0px;
	color: #8a2be2;
	margin: 100px 0px 10px 0px;
}

.sec-four h4 {
	font: normal normal bold 35px/44px Samsung Sharp Sans;
	letter-spacing: 0px;
	margin: 10px 0px 10px 0px;
}

.sec-four p {
	line-height: 30px;
	font-size: 20px;
	font-weight: 400;
}

/*=====section four==end==*/

/*=====section five==start==*/
.sec-five {
  	margin: 100px 0px 40px 0px;
}
.sec-five h3 {
  	font: normal normal bold 20px/24px Samsung Sharp Sans;
  	letter-spacing: 0px;
  	color: #8a2be2;
  	margin: 100px 0px 10px 0px;
}
.sec-five h4 {
  	font: normal normal bold 35px/44px Samsung Sharp Sans;
  	letter-spacing: 0px;
}
.sec-five p {
   	line-height: 30px;
   	font-size: 20px;
   	font-weight: 400;
}
.sec-five img {
  	width: 100%;
  	padding: 0px 50px;
}
.sec-five .mr-t {
  	margin-top: 60px;
}
.sec-five .p-top {
  	padding-top: 110px;
}
.sec-five  .extra-small{
  	width: 100%;
	padding: 0px 80px;
}
/*=====section five==End==*/


/*=====section four==start==*/
.sec-sixth{
    padding: 100px 0px;
	background: #EFF1F7;
}
@media only screen and (max-width: 991px) {
  	/*===== big titles===768====== */
  	.sec-three h4,
  	.sec-four h4,
  	.sec-five h4
    {
	    font: normal normal bold 24px/30px Samsung Sharp Sans;
	    text-align: center;
  	}
  	/*========= small titles========= */
  	.sec-three h3,
  	.sec-four h3,
  	.sec-five h3 {
	    font: normal normal bold 18px/18px Samsung Sharp Sans;
	    text-align: center;
	    margin: 15px 0px 10px 0px;
  	}
  	/*=====paragraph======  */
  	.sec-three p,
  	.sec-four p,
  	.sec-five p
   	{
		margin-left: 0px;
		line-height: 25px;
		letter-spacing: 0.22px;
		text-align: center;
  	}
	.sec-first .wave {
   		margin-top: 30px;
  	}
  	/* banners */
	.sec-first .col-md-6 img {
   		width: 100%;
    	padding-top: 15px;
  	}
  	.sec-first .col-md-6 .P-top{
		padding-top: 15px;
	}
 	.sec-first .col-md-6 h1 {
    	font: normal normal bold 30px/40px Samsung Sharp Sans;
    	text-align: center;
    	margin-top: 30px;
  	}
 	.sec-first .col-md-6 .btn-lg {
    	width: 100%;
  	}
	.sec-first .col-md-6 p {
    	line-height: 25px;
    	letter-spacing: 0.22px;
    	text-align: center;
  	}
 	.sec-firstr{
 	 	margin-top: 30px;
  	}
  	.sec-three {
    	margin: 20px 0px 20px 0px;
	}
	.sec-four {
    	margin: 20px 0px 20px 0px;
	}
	.sec-five {
    	margin: 20px 0px 20px 0px;
	}
	
	.sec-three img,
	.sec-four img,
	.sec-five img {
    	padding: 10px 75px;
    }
    .sec-five .mr-t {
  		margin-top: 10px;
	}
    .sec-three .mr-t {
		margin-top: 10px;
	}
    .sec-sixth {
    	padding: 20px 0px;
		background: #EFF1F7;
	}
	.sec-five .p-top {
     	padding-top: 10px;
	}
}
/*-Industries-individual---page-End-*/

/* Industries-page-start */
#industries_services .main-subtitle {
	padding: 20px 220px;
	text-align: center;
	line-height: 35px;
	font-size: 20px;
	font-weight: 400;
}

#industries .align-items-stretch {
	-webkit-box-align: stretch !important;
	-ms-flex-align: stretch !important;
	align-items: stretch !important;
}

#industries .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
#industries .unit-4 {
	padding: 30px;
	border-radius: 5px;
	-webkit-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
	position: relative;
	top: 0;
	margin-bottom: 4em;
	text-align: center;
	padding-top: 50px;
	/* background: #ffffff 0% 0% no-repeat padding-box; */
	box-shadow: 0px 2px 20px #c6becc;
}
#industries .unit-4:hover {
	background: #8b22e2 0% 0% no-repeat padding-box;
	-webkit-box-shadow: 0 4px 20px -5px rgb(66 133 244 / 40%);
	box-shadow: 0 4px 20px -5px rgb(66 133 244 / 40%);
	top: -7px;
}
#industries .unit-4 .unit-4-icon {
	position: absolute;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
	top: -50px;
}
#industries .unit-4 .unit-4-icon .icon-wrap {
	width: 80px;
	height: 80px;
	position: relative;
	border-radius: 50%;
	display: inline-block;
	border: solid 2px #8b22e2;
	background: #ffffff 0% 0% no-repeat padding-box;
}
#industries .unit-4:hover .icon-wrap {
  	background-color: #fff;
}
#industries .unit-4 .unit-4-icon .icon-wrap span {
	position: absolute;
	top: 50%;
	color: #fff !important;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#industries .unit-4:hover .icon-wrap span {
	color: #4285f4 !important;
}
#industries .unit-4 h1 {
	font-size: 18px;
	color: #000;
	-webkit-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
}
#industries .unit-4:hover h1 {
	color: #fff;
}
#industries .unit-4 p {
	font-weight: 300;
	color: black;
	-webkit-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
}
#industries .unit-4:hover p {
  	color: #fff;
}

@media only screen and (max-width: 991px) {
	#industries_services .main-subtitle {
    	font-size: 12px;
    	padding: 0px 50px;
	}
}
/* Industries-page-End */

/*mobile app-page-start */
.apps-banner{
	padding-bottom: 30px !important;
}
.apps-banner .col-md-6 .b-t-y h1 {
    font: normal normal bold 50px/60px Samsung Sharp Sans;
    letter-spacing: 0px;
    color: #312b2b;
    padding-top: 15px;
    margin-top: 70px;
}
.apps-banner .col-md-6 .b-p-y {
    font-size: 20px;
    font-weight: 400;
    padding: 15px 0px;
    line-height: 35px;
}
#mobile-main{
	margin-left: auto;
	margin-right: auto;
}
#apps-body h2 {
  	font: normal normal bold 20px/24px Samsung Sharp Sans;
  	letter-spacing: 0px;
  	color: #8a2be2;
  	padding-top: 80px;
}
#apps-body p {
  	font-size: 18px;
  	font-weight: 400;
  	padding: 15px 0px;
  	line-height: 30px;
}
#apps-body .col-md-6.mobile-app-image img {
	margin: 0 auto;
  	width: auto;
  	padding: 0px 70px;
}
#apps-body{
	margin: 0px 0px 250px;
}
#apps-body #mobile-main {
  	margin: 0 auto;
  	/* padding: 20px;   */
}
.appsPage-body > div{
	margin-top: 100px;
}

@media only screen and (max-width: 991px) {
	.apps-banner .col-md-6 .b-t-y h1 {
	    font: normal normal bold 30px/40px Samsung Sharp Sans;
	    text-align: center;
	}
	.apps-banner .col-md-6 .b-p-y {
	    line-height: 25px;
	    letter-spacing: 0.22px;
	    text-align: center;
	}
  	#apps-body h2 {
	    padding-top: 20px;
	    text-align: center;
  	}
  	#apps-body p {
	    padding: 10px 0px 0px 0px;
	    text-align: center;
  	}
  	#apps-body .col-md-6.mobile-app-image img {
    	padding: 25px;
	}
}
/* mobile app-page-end */

/* All industrie-page-css-start  */
.industries-body-section h2 {
	font: normal normal bold 24px/24px Samsung Sharp Sans;
	letter-spacing: 0px;
	color: #8A2BE2;
	margin: 20px 0px;
}
.industries-body-section p {
	font-size: 20px;
	font-weight: 400;
	padding: 15px 0px;
	line-height: 35px;
}
.industries-body-section p a{
  	color:#333;
}
.industries-body-section p a:hover{
  	text-decoration: none;
}
.industries-body-section p a:focus{
  	text-decoration: none;
}
.industries-body-section .services_sec {
	margin: 10px 0px 20px 0px;
}
.industries-body-section .img-responsive{
	margin: auto;
	border-radius: 20px !important;
}
.industries-body-section ul {
	margin-bottom: 70px;
	padding-left: 25px;
}
.industries-body-section ul li {
	list-style: none;
	font-size: 20px;
	font-weight: 400;
	line-height: 35px;
}
.industries-body-section ul li:before{
	content: ' ';
	margin-left: -25px;
	margin-top: 8px;
	position: absolute;
	width: 20px;
	height: 20px;
	background: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg width='18' height='18' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'><path d='M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z'/></svg>") no-repeat;
}
.industries-body-section h3 {
	font: normal normal bold 20px/24px Samsung Sharp Sans;
	letter-spacing: 0px;
	margin: 10px 0px 0px 0px;
}
#industries_services {
	margin-top: -27px;
	height: 450px;
	background: #F0F2F8 0% 0% no-repeat padding-box;
}
#industries_services .main_title h1 {
	text-align: center;
	font: normal normal bold 40px/50px Samsung Sharp Sans;
	margin: 250px 0px 20px 0px;
}

@media only screen and (max-width:2560px) {
	#industries_services {
		height: 600px;
	}
}


@media only screen and (max-width:991px) {
	#industries_services .main_title h1 {
		font: normal normal bold 24px/30px Samsung Sharp Sans;
		text-align: center;
		margin: 150px 0px 20px 0px;
	}
	#industries_services .i-s-m {
		margin: 0px 0px 0px 0px;
	}
	#industries_services {
		height: 300px;
	}
}

@media only screen and (max-width:591px) {
	#industries_servicesyy-body .i-t-s {
		margin: 30px 0px 20px 50px;
	}
}

/* All industrie-page-css-end  */

/* All feature-page-css-start  */
#features-body-section h2 {
	font: normal normal bold 20px/24px Samsung Sharp Sans;
	letter-spacing: 0px;
	color: #8A2BE2;
	margin: 10px 0px;
}

#features-body-section p {
	font-size: 20px;
	font-weight: 400;
	padding: 15px 0px;
	line-height: 35px;
}

#features-body-section .feature_sec {
	margin: 10px 0px 20px 0px;
}

div#industries > div > div {
    margin-bottom: 40px;
    /* padding: 0px 15px; */
}
div#industries > div > div a:hover{
	text-decoration: none;
}
div#industries > div > div a:focus{
	text-decoration: none;
}
/* wave start */
#industries_services {
	margin-top: -27px;
	height: 450px;
	background: #F0F2F8 0% 0% no-repeat padding-box;
	position: relative;
	overflow: hidden;
}

#industries_services .main_title  h1 {
	text-align: center;
	font: normal normal bold 40px/50px Samsung Sharp Sans;
	margin: 220px 0px 20px 0px;
}

@media only screen and (max-width:2560px) {
	#industries_services {
		height: 600px;
	}
}


@media only screen and (max-width:991px) {
	#industries_services .main_title h1 {
		font: normal normal bold 24px/30px Samsung Sharp Sans;
		text-align: center;
		margin: 200px 0px 20px 0px;
	}
	#industries_services .i-s-m {
		margin: 0px 0px 0px 0px;
	}
	#industries_services {
		height: 500px;
	}
	.main-subtitle {
		font-size: 15px;
		padding: 10px 50px;
	}
}

@media only screen and (max-width:591px) {
	#industries_servicesyy-body .i-t-s {
		margin: 30px 0px 20px 50px;
	}
}
/* All feature-page-css-end */

/* Pricing Page-css-start */
.pricing-header{
 	height: 450px;
 	background: #f0f2f8 0% 0% no-repeat padding-box;
 }
.pricing-h1{
	text-align: center;
	font: normal normal bold 40px/50px Samsung Sharp Sans;
	margin: 180px 0px 20px 0px;
	color:#8B22E2;
}
.pricing-text{
	letter-spacing: 0.22px;
	text-align: center;
	line-height: 35px;
	font-size: 20px;
	font-weight: 400;
}
.pricing-sec{
	margin-bottom: 100px;
	margin-top: 50px;
}
.pricing-sec .card{
	margin-bottom: 40px;
	padding-bottom: 20px;
}
.gotobilling-btn{
	padding: 10px 50px;
	background: #8b22e2;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	border-radius: 5px;
	font-weight: 500;
	margin: 10px 0;
	width: 100%;
	margin-top: 20px;
}
.gotobilling-btn:hover{
	background: #9c48e2 !important;
	color: #fff;
}
.current-tn{
	background: none;
    border: 1px solid #c7c7c7;
    color: #626664;
    border-radius: 5px;
    font-weight: 500;
    border: 1.8px solid #908f90;
}
.current-tn:hover{
	background: none !important;
	color: #626664;
}
.pricing-sec .card-body{
	padding: 20px;
	border: 1px solid #ececec;
	border-radius: 10px;
	box-shadow: 0px 0px 11px 0px rgb(203 203 203 / 40%);
	-webkit-box-shadow: 0px 0px 11px 0px rgb(203 203 203 / 40%);
	-moz-box-shadow: 0px 0px 11px 0px rgba(203,203,203,.40);
}
.pricing-sec .card-body-mt{
	margin-top: 40px;
}
.pricing-subtext{
	color: #5a5757;
	margin-top: 20px;
	margin-bottom: 30px;
	font-weight: 300;
}
.pricing-sec .pro-card-body{
	border: 2px solid #8b22e2;
    border-radius: 0px 0px 10px 10px;
}

.see-all-featureLink{
	color: #8b22e2;
	text-decoration: underline;
	font-weight: 600;
	padding: 10px 0px;
}
.see-all-featureLink:hover,
.see-all-featureLink:active,
.see-all-featureLink:focus {
	color: #8b22e2;
}
.most-popular>h6 {
	background: #8b22e2;
	font-size: 20px;
	padding: 5px 0;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0;
}
.card-header{
    background-color: #8b22e2;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    border-radius: 10px 10px 0px 0px;
    padding: 10px 0px;

}
.card-pricing {
    /* display: flex; */
    /* justify-content: center; */
    padding: 10px 0px;
    margin-top: 30px;
    text-align: center;
}
.billed-annually {
    text-align: center;
    margin-right: 80px;
    margin-top: -10px;
}
.pricing-text2 {
    font-size: 35px;
    color: #8b22e2;
    font-weight: 900;
    margin: 0px 10px;
    display: inline-block;
}
.plan-price-user-cont{
	color: gray;
	font-size: 14px;
	font-weight: 300;
	margin-top: 5px;
	display: inline-block;
	text-align: start;
}
.pricing-sec .card-title{
	margin: 10px 0px;
	font-size: 30px;
	font-weight: 500;
	font-size: 25px;
}
.pricing-sec .card-price{
   	margin: 0px 60px;
   	font-size: 25px;
   	font-weight: 500;
   	background: #f0e8fd;
   	padding: 10px 20px;
   	border-radius: 15px;
}
.pricing-sec .period{
	font-size: 15px;
}
.pricing-sec .card-bold-text{
	font-weight: 500;
	margin-bottom: 10px;
	font-size: 17px;
	margin-top: 40px;
}
.pricing-sec ul{
    padding-left: 25px;
    margin-bottom: 75px;
    height: 500px;
}
.free-mt{
	margin-top: 67px !important;
}
ul.free {
  	margin-bottom: 165px;
}
.pricing-sec ul li{
	margin-bottom: 18px;
	font-size: 14px;
	font-weight: 400;
	list-style: none;
	margin-left: 10px;
}
.pricing-sec ul li:before{
	content: ' ';
	margin-left: -35px;
	margin-top: 6px;
	position: absolute;
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' viewBox='0 0 24 18' fill='none'%3E%3Cpath d='M22 2L8.25 16L2 9.63636' stroke='%2300AD80' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.pro-users:after{
	content: ' ';
	margin-left: 5px;
    margin-top: 13px;
	position: absolute;
	width: 17px;
	height: 17px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='18' viewBox='0 0 17 18' fill='none'%3E%3Cpath d='M8.5 16.5C12.9183 16.5 16.5 12.9183 16.5 8.5C16.5 4.08172 12.9183 0.5 8.5 0.5C4.08172 0.5 0.5 4.08172 0.5 8.5C0.5 12.9183 4.08172 16.5 8.5 16.5Z' stroke='%233C3C43' stroke-opacity='0.7'/%3E%3Cpath d='M8.46316 6.13603C8.23583 6.13603 8.04516 6.05903 7.89116 5.90503C7.73716 5.75103 7.66016 5.56036 7.66016 5.33303C7.66016 5.1057 7.73716 4.91503 7.89116 4.76103C8.04516 4.60703 8.23583 4.53003 8.46316 4.53003C8.68316 4.53003 8.87016 4.60703 9.02416 4.76103C9.17816 4.91503 9.25516 5.1057 9.25516 5.33303C9.25516 5.56036 9.17816 5.75103 9.02416 5.90503C8.87016 6.05903 8.68316 6.13603 8.46316 6.13603ZM9.07916 6.93903V13H7.82516V6.93903H9.07916Z' fill='%233C3C43' fill-opacity='0.7'/%3E%3C/svg%3E");
}
.other-plan-users:after{
   	margin-top: 4px;
    margin-left: 5px;
}
.pro-resources:after{
	margin-top: 2px!important;
}
.pro-users {
	position: relative;
	cursor: pointer;
}
.pro-users .user-tooltip {
	visibility: hidden;
	width: 200px;
	background-color: #353635;
	color: #fff;
	font-size:12px;
	font-weight:300;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -85px;
	opacity: 0;
	transition: opacity 0.3s;
}
.pro-users .user-tooltip::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #353635 transparent transparent transparent;
}
.pro-users:hover .user-tooltip {
	visibility: visible;
	opacity: 1;
}
.pricing-sec .for-more{
	background: #8b22e2;
   	border-radius: 5px;
   	padding: 20px;
   	text-align: center;
   	border: 1px solid #c9c8cc;
}
.pricing-sec .for-more .for-more-title{
  	font-weight: bold;
   	color: #ffffff;
}
.pricing-sec .for-support{
	text-decoration: underline;
   	color: #ffffff;
}
.pricing-sec .for-more a:focus, a:hover {
    color: #ffffff;
  	text-decoration: underline;
}
.pricing-sec  .comparison{
   	font-weight: bold;
	font-size: 35px;
   	margin: 50px 0px 30px 0px;
}
.pricing-sec  th, td {
 	padding: 15px 0px;
	font-weight: bold;
	font-size: 17px;
}
.pricing-sec  th {
    color:#8b22e2;
}
.pricing-sec .right-mark{
	font-size: 18px;
}
.pricing-sec .icon-check-mark::before {
	margin: 0px;
	font-size: 18px;
}
.pricing-sec .note-sec{
	margin: 10px 0px 10px 0px;
	font-size: 17px;
	color: gray;
}
.pricing-sec .note{
	margin: 10px 0px 10px  0px ;
	font-size: 13px;
}
@media (max-width: 1199px) and (min-width: 992px){
	.pricing-sec .card-body{
	    height: 1120px;
    	/* max-height: 1120px; */
	}
	.starter li:last-of-type {
    	margin-bottom: 44px;
	}
	.free li:last-of-type {
    	margin-bottom: 240px;
	}
	.pricing-sec ul {
    	margin-bottom: 105px;
	}
} 
@media (max-width: 1199px) and (min-width: 992px){
	.starter li:last-of-type{
		margin-bottom: -10px;
	}
	ul.free {
	  	margin-bottom: 175px;
	  	margin-top: 30px;
	 }
} 
@media (max-width: 346px){
	.pricing-sec .card-body{
		height: 100%;
	}
}  
@media only screen and (max-width: 991px){
	.pricing-header{
		height: 400px;
	}
	.pricing-h1{
		font: normal normal bold 30px/40px Samsung Sharp Sans;
		margin: 160px 0px 20px 0px;
	}
	.text{
		font-size: 20px;
	}
	.pricing-sec{
		margin-bottom: 100px;
		margin-top: 100px;
	}
}
/* Pricing Page-css-end*/


.ocean { 
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

.wavenew {
	background: url('/webassets/2021/img/wavenew.svg') repeat-x;
	position: absolute;
	top: -190px;
	width: 6400px;
	height: 198px;
	animation: wavenew 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
	transform: translate3d(0, 0, 0);
}

.wavenew:nth-of-type(2) {
	top: -170px;
	animation: wavenew 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite;
	opacity: 1;
}
  
/* Wave Animation */
@keyframes wavenew {
	0% {
		margin-left: 0;
	}
	100% {
		margin-left: -1600px;
	}
}

@keyframes swell {
	0%, 100% {
		transform: translate3d(0,-25px,0);
	}
	50% {
		transform: translate3d(0,5px,0);
	}
}
/* end of wave animation */

#note {
    position: fixed;
    z-index: +1111;
    top: 0;
    left: 0;
    right: 0;
    background: #ff9d28;
    text-align: center;
    line-height: 1.5;
    overflow: hidden;
    -webkit-box-shadow: 0 0 2px black;
    -moz-box-shadow: 0 0 2px black;
    box-shadow: 0 0 2px black;
    padding: 5px 0px;
    color: #2c0948;
}
#note a{
	 color: #2c0948;
	 text-decoration: underline;
}
.mt-20{
	margin-top: 20px;
}

@media (max-width: 430px){
	.mt-20 {
    	margin-top: 40px;
	}
}
.playstore {
	display: flex;
	justify-content: start;
    margin-bottom: 130px;
    margin-top: 20px;
}
.playstore .G-playstore{
	width: 100%;
	max-width: 150px;
}
.playstore .A-playstore{
    margin-left: 40px!important;
    width: 100%;
	max-width: 150px;
}

.playstore .mtx-10 {
	width: 150px;
	margin: 10px 0px 0px 0px!important;
}
.playstore-heading{
	font-size: 18px;
    font-weight: 500;
    padding-top: 90px;
}
.playstores {
    display: flex;
    justify-content: start;
    margin-top: -42px;
}
@media (max-width: 991px) {
	.playstore {
		display: flex;
		justify-content: center;
	 	margin-bottom: 20px;
	}
	.playstore .G-playstore{
		max-width: 135px;
	}
	.playstore .A-playstore{
	    margin-left: 20px!important;
		max-width: 135px;
	}
	.playstore-heading{
		padding-top: 20px;
	}
}

