@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kalam&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins&family=Quicksand:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap');

body{
	 font-family:"Formular" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.1px;
    -moz-osx-font-smoothing: grayscale;
    /*font-family: 'Lato', sans-serif;*/
}


@font-face {
    font-family: 'Spoof';
    src: url('../fonts/Spoof-Medium.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Spoof-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/Spoof-Medium.woff') format('woff'), /* Pretty Modern Browsers */
        url('../fonts/Spoof-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('../fonts/Spoof-Medium.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: 'SourceSansProRegular';
    src: url('../fonts/SourceSansPro-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/SourceSansPro-Regular.woff') format('woff'), /* Pretty Modern Browsers */
        url('../fonts/SourceSansPro-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('../fonts/SourceSansPro-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProBold';
    src: url('../fonts/SourceSansPro-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/SourceSansPro-Bold.woff') format('woff'), /* Pretty Modern Browsers */
        url('../fonts/SourceSansPro-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('../fonts/SourceSansPro-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProSemiBold';
    src: url('../fonts/SourceSansPro-Semibold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/SourceSansPro-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/SourceSansPro-Semibold.woff') format('woff'), /* Pretty Modern Browsers */
        url('../fonts/SourceSansPro-Semibold.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('../fonts/SourceSansPro-Semibold.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: 600;
    font-style: normal;
}



@font-face {
    font-family: 'Formular';
    src: url('../fonts/0f106940a384f214837a8df504786e1a.eot'); /* IE9 Compat Modes */
    src: url('../fonts/0f106940a384f214837a8df504786e1a.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/0f106940a384f214837a8df504786e1a.woff') format('woff'), /* Pretty Modern Browsers */
        url('../fonts/0f106940a384f214837a8df504786e1a.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('../fonts/0f106940a384f214837a8df504786e1a.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: 400;
}

a{
	text-decoration: none;
	transition: all ease-in-out 0.25s;
	color: #337ab7;

}
a:hover{
		text-decoration: none;
}

.heading1{
    color: #fff;
    font-size: 38px;
    font-family: 'Gothambold';
    font-weight: normal;
    line-height: 47px;
    margin-bottom: 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.heading2{
    color: #fff;
    font-size: 24px;
    line-height: 36px;
    text-transform: capitalize;
    margin: 0;
    font-family: 'Gothammedium';
    font-weight: 600;
    letter-spacing:0.5px;
}
.gps_track, .work_assign, .attendence, .expense_manage{
    color: #fff;
    font-size: 24px;
    line-height: 36px;
    text-transform: capitalize;
    margin: 0 !important;
    font-family: 'Gothammedium';
    font-weight: 600;
    letter-spacing:0.5px;
    display: inline-block;
}

.appheading{
    color: #fff;
    font-size: 35px;
    line-height: 40px;
    text-transform: inherit;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    letter-spacing: 0.3px;
}

.heading3{
    color: #444444;
    font-size: 38px;
    line-height: 53px;
    text-transform: uppercase;
    margin: 0;
    font-weight: 300;
}
.heading4{
    color: #444444;
    font-size: 28px;
    line-height: 53px;
    text-transform: capitalize;
    margin: 0;
    font-weight: 300;
}

.heading5{
    color: #00aeff;
    font-size: 30px;
    line-height: 53px;
    text-transform: uppercase;
    margin: 0;
    font-weight: 300;
}

.heading6{
    color: #fff;
    font-size: 26px;
    line-height: 28px;
    text-transform: inherit;
    margin: 0;
    font-weight: 300;
}

.heading7{
    color: #506175;
    font-size: 30px;
    line-height: 36px;
    text-transform: capitalize;
    margin: 0 auto;
    font-weight: 400;

}

h2, .sub_heading2{
    color: #506175;
    font-size: 36px;
    line-height: 36px;
    text-transform: inherit;
    font-weight: 400;
}

h3, .sub_heading3{
    color: #747474;
    font-size: 24px;
    line-height: 36px;
    text-transform: inherit;
    font-weight: 300;
}





#drop-nav {
    display: none;
    height: 55px;
    position: fixed;
    top: 0;
    z-index: 5;
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
}
#drop-nav  .navbar{
	margin-bottom: 0;
	-ms-flex-wrap: inherit;
    flex-wrap: inherit;
}
#drop-nav .navbar-default .navbar-nav > li > a{
    color: #606060 !important;
    font-size: 12px!important;
}
#drop-nav .navbar-default .navbar-nav > li > a:hover{
    color: #3daafd !important;
}
#drop-nav .navbar-brand img{
    width: 90px;
    margin-top: 9px;
}

.inner-container {
    background: none repeat scroll 0 0 white;
    bottom: 0;
    display: block;
    position: absolute;
    width: 100%;
    z-index: 1000;
}


.navbar-brand {
    float: left;
    height: auto;
    padding: 7px 15px 7px;
    font-size: 18px;
    line-height: 20px;
}
.navbar-brand img{
    width: 110px;
}
#drop-nav .navbar-brand{
   padding: 0px 15px 0;
   margin-bottom: 0;
}
.navbar-default{
    background-color: transparent;
    border-color: transparent;
}
.menu{
    margin-top: 53px;
    float: right;
    text-align: right;
    /*width: 780px;*/
    /*width: 840px;*/
/*    width: 865px;*/
    width: auto;
}
#drop-nav .menu {
    margin-top: 25px;
    float: right;
    text-align: right;
/*    width: 790px;*/
}
#drop-nav .navbar-nav {
    float: none;
    margin: 0;
    display: inline-block;
    height: 32px;
}
#drop-nav .btn_grps {
    width: auto;
    float: none;
    display: inline-block;
}
#drop-nav .btn_grps{
    width: auto;
    float: right;
}
 #drop-nav .navbar-nav {
    float: none;
    margin: 0;
    display: inline-block;
}
 #drop-nav .navbar-default .navbar-nav > li > a {
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
}

#drop-nav .navbar-default .navbar-nav > li > a:hover{
    color: #3CA7EE;
}

a.button1, .button1{
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    border: 2px solid #27a1e1;
    padding: 12px 35px;
    display: inline-block;
    text-decoration: none;
    background: #27a1e1;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    letter-spacing: 3px;
    height: 51px;
    line-height: 25px;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
a.button1:hover, .button1:hover{
    background-color: transparent;
    color: #fff;
    border: 2px solid #27a1e1;
}

a.button2, .button2{
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    border: 1px solid #fff;
    padding: 5px 22px !important;
    display: inline-block;
    text-decoration: none;
    background: #3CA7EE;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    letter-spacing: 3px;
    height: 40px;
    line-height: 30px!important;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;

    border-radius: 50px;
    margin: 5px 7px;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
a.button2:hover, .button2:hover{
    border: 1px solid #3CA7EE!important;
	color: #3CA7EE!important;
	background: transparent;
}

a.button2:focus, .button2:focus{
    outline: none!important;
}


/*======================================
heading style and Button style
======================================*/
.hadingStyle1{
	font-family: 'SourceSansProBold';
	/* font-size: 58px; */
    font-size: 50px;
	color: #343434;
	font-weight: 700;
    font-style: normal;
	-webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0px;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 20px;
}
.hadingStyle2{
	 font-family: 'Spoof';
	font-size: 36px;
	line-height: 48px;
	color: #2b2b2b;
	font-weight: 500;
    font-style: normal;
	-webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0px;
    -moz-osx-font-smoothing: grayscale;
}
.hading3, h3{
	font-family: 'SourceSansProBold';
	font-size: 38px;
	color: #343434;
	font-weight: 700;
    font-style: normal;
	-webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0px;
    -moz-osx-font-smoothing: grayscale;
}
.hading4, h4{
	font-size: 27px;
	line-height: 48px;
	color: #3a3a3a;
    font-style: normal;
	-webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0px;
    -moz-osx-font-smoothing: grayscale;
}
.hading5, h5{
	font-size: 40px;
	font-family: 'SourceSansProBold';
	font-weight: 700;
	line-height:24px;
	color: #545454;
    font-style: normal;
	-webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0px;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 1px;
}
.heading6, h6 {
	font-weight: 400;
    color: #fff;
    font-size:30px;
    line-height:36px;
    text-transform: inherit;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0px;
    -moz-osx-font-smoothing: grayscale;
}
.tag-lineStyle1{
	font-size: 24px;
	color: #262525;
    /* max-width: 650px; */
    max-width: 100%;
	margin-top: 0px;
    margin-bottom: 50px;
	display: inline-block;
	line-height: 30px;
    font-family: 'Formular';
    font-weight: 400;
}
.tag-text-content-2{
	font-size: 24px;
	color: #515151;

	margin-top: 28px;
	margin-bottom: 43px;
	display: inline-block;
	line-height: 48px;
}
a{
	-ms-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
}

.button-type-blue, a.button-type-blue{
	display: inline-block;
	background: #27a1e1;
	color: #fff;
	text-transform: capitalize;
	font-size: 17px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	border: 0;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	border-radius: 100px;
	padding: 0px 25px;
	line-height: 53px;
	 font-style: normal;
	-webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0px;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
}
.button-type-blue:hover, a.button-type-blue:hover{
	 background: #79d1ff;
}

.button-type-blue02, a.button-type-blue02{
	background: #27a1e1;
	color: #fff;
	text-transform: capitalize;
	font-size: 18px;
	border: 0;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	border-radius: 100px;
	padding: 0px 38px;
	line-height: 53px;
	 font-style: normal;
	-webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0px;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
}
.button-type-blue02:hover, a.button-type-blue02:hover{
    background: #79d1ff;
	color: #fff;
}
.button-type-grey, a.button-type-grey{
	background: #545454;
	color: #fff;
	text-transform: capitalize;
	font-size: 18px;
	border: 0;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	border-radius: 100px;
	padding: 0px 30px;
	line-height: 53px;
	 font-style: normal;
	-webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0px;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
}
.button-type-grey:hover, a.button-type-grey:hover{
   background: #8a8a8a;
}

.container{
	max-width: 1200px;
}
.header-content .container{
	position: relative;
}

.hero-header02{
	width: 100%;
	float: left;
}
.main-nav-container{
	width: 100%;
	float: left;
	background: #fff;
    transition: 0.3s ease-in-out;
    position: relative;
}
.main-nav-container .container{
    position: relative;
}
#header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    transition: all 0.5s;
    z-index: 997;
    float: left;
    background: #ffffff;
}

.header-scrolled{
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  transition: all 0.5s;
  z-index: 99;
  border-bottom: 1px solid #e0e0e0;
   /* animation: smoothScroll 1s forwards; */
}

/* @keyframes smoothScroll {
    0% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0px);
    }
} */
.shape__squres{
    position: absolute;
    left: 58px;
    top: -119px;
    transform: rotate(23deg);
}

.navbar-brand{
	float: left;
	width: 150px;
	margin-top: 16px;
    margin-bottom: 16px;
    padding: 0;
}
.content-part{
	width: 100%;
	float: left;
	background: #F6F6F6;
    position: relative;
    padding-top: 80px;
}
blockquote {
    display: none;
}
.single-post blockquote{
    width: 100%;
    float: left;
    margin: 23px 0;
    border: 1px solid #3da7ef;
    padding: 32px 40px;
    border-radius: 20px;
    position: relative;
    display: block;
}
.single-post blockquote::after {
    position: absolute;
    content: '';
    width: 35px;
    height: 37px;
    background-color: #fff;
    background-image: url(../images/quote.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: -15px;
    left: 28px;
}
.single-post blockquote::before {
    position: absolute;
    content: '';
    width: 35px;
    height: 37px;
    background-color: #fff;
    background-image: url(../images/quote.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    bottom: -15px;
    right: 28px;
    transform: rotate(180deg);
}
.single-post blockquote p {
	width: 100% !important;
	float: left !important;
    margin: 0 0 !important;
    line-height: 173%;
    font-weight: 400 !important;
    display: inherit !important;
    font-family: 'Raleway';
    font-size: 19px;
    color: #474747;
}
.single-post blockquote p strong {
    font-weight: 600 !important;
}
.header02-middle-contentr{
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
	z-index: 2;
	padding-top: 100px;
	padding-bottom: 144px;
}
.header02-middle-content{
	max-width: 100%;
	float: none;
	margin: auto;
}
.headerbtncontainer{
	width: auto;
    float: right;
    text-align: right;
    /* margin-top: -10px; */
}
.navbar{
	padding: 0;
}
.navbar-collapse{
	margin-top: 0px;
}
.navbar-light .navbar-nav a {
    color: #262626;
    font-size: 18px;
    display: block;
    padding: .5rem 1rem;
    text-decoration: none;
}

.navbar-light .navbar-nav a:hover {
	color: #79d1ff;
}

.btnStle01, a.btnStle01{
	background: #27a1e1;
	color: #fff;
	text-transform: capitalize;
	font-size: 17px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	border: 0;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	border-radius: 100px;
	padding: 12px 25px;
	line-height: 53px;
	 font-style: normal;
	-webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0px;
    -moz-osx-font-smoothing: grayscale;
    -ms-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
	margin: 0 0px 0 16px;
	text-decoration: none;

}
/*.btnStle01:hover, a.btnStle01:hover{*/
/*    background: #79d1ff;*/
/*	color: #fff;*/
/*}*/

.btnStle02, a.btnStle02{
	background: #27a1e1;
	color: #fff;
	text-transform: capitalize;
	font-size: 17px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	border: 0;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	border-radius: 100px;
	padding: 16px 31px;
	line-height: 53px;
	 font-style: normal;
	-webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0px;
    -moz-osx-font-smoothing: grayscale;
    -ms-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
	margin: 0  15px;
	text-decoration: none;

}
.btnStle02:hover, a.btnStle02:hover{
    background: #79d1ff;
	color: #fff;
}

.btnStle03, a.btnStle03{
	background: transparent;
	color: #505050;
	text-transform: capitalize;
	font-size: 17px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	border: 2px solid #939393;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	border-radius: 100px;
	padding: 14px 31px;
	line-height: 53px;
	 font-style: normal;
	-webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0px;
    -moz-osx-font-smoothing: grayscale;
    -ms-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
	margin: 0  15px;
	text-decoration: none;

}
.btnStle03:hover, a.btnStle03:hover{
    background: #545454;
	color: #fff;
	border: 2px solid #545454;
}
.list-group-steps{
	text-align: center;
	padding: 0;
	width: 100%;
    float: left;
    margin-top: 50px;
}
.list-group-steps li{
	list-style: none;
	display: inline-block;
	padding: 0 10px;
	margin: 0 18px ;
	position: relative;
	color: #666666;

}
.list-group-steps li:after{
	content: "";
	width: 16px;
	height: 16px;
	position: absolute;
	left: -10px;
	top: 5px;
	background:  url("../images/check-icon.png");
}


.content-block{
	width: 100%;
	float: left;
	margin-bottom: 185px;
	position: relative;
	/*display: flex;*/
	min-height: 640px;
    padding: 95px 0 0 0;
}
.contnt-div{
	width: 50%;
	float: left;
}
.contnt-div-inner-div{
	width: 520px;
	float: right;
	margin-right: 78px;
	font-size: 16px;
	padding-top: 50px;
	color: #494949;
}
.contnt-div-inner-div span{
	font-size: 18px;
	line-height: 30px;
	display: block;
	margin-bottom: 30px;
	margin-top: 10px;
}
.contnt-div-inner-div ul{
	padding: 0 0 0 17px;
    margin: 0px 0 30px 0;
}

.contnt-div-inner-div ul li {
    position: relative;
    list-style: none;
    color: #494949;
    line-height: 36px;
    font-size: 16px;
    padding: 0px 0px 1px 26px;
}
.contnt-div-inner-div ul li:before {
    content: "";
    position: absolute;
    top: 14px;
    left: 0;
    width: 10px;
    height: 10px;
    background-image: url(../images/bullet-img.png);
    background-repeat: no-repeat;
}
.contnt-div-inner-div p{
	line-height: 30px;
	/*font-size: 18px;*/
}
.image-div{
	float: right;
	/*width: 797px;*/
	width: 50%;
	/*height: 719px;*/
	/*height: auto;*/
	background: #fff;
	box-shadow: 0px 0 70px rgba(0,0,70,0.18);
	position: absolute;
	right: 0;

}
.image-div img{
	/*max-width: 797px;*/
	max-width: 100%;
}
.content-reverse{
	/*display: flex;*/
}

.content-reverse .contnt-div{
   float: right;
}
.content-reverse .image-div{
	float: left;
	right: inherit;
	left: 0;
 }

.content-reverse .contnt-div-inner-div {
    float: left;
    padding-top: 45px;
    margin-left: 100px;
    margin-right: 0;
}


.Videos-itemVideo{
	width: 100%;
    height: auto;
    max-width: 797px;
    -webkit-box-shadow: 0 20px 30px rgba(0,0,0,.05);
    box-shadow: 0 20px 30px rgba(0,0,0,.05);
    pointer-events: none;
    display: inline-block;
    vertical-align: baseline;
}

.textcontent-block{
    width: 100%;
    float: left;
    padding-bottom: 30px;
    padding-top: 82px;
    margin: 0px 0 0 0;
}

.textcontent-block .contnt-div-inner-div{
    padding-top: 0;
    margin-right: 30px;
    padding-right: 15px;
    float: left;
    /*width:550px;*/
}

.topMargins{
	margin-top: 50px;
}

.lastblock{
	width: 100%;
}

.lastblock .contnt-div-inner-div{
width: 100%;
margin-bottom: 100px;
}



.container-book-section{
	width: 100%;
	float: left;
	background: #f0f0f0;
	padding: 73px 0 50px;
}
.container-book-section p{
	font-size: 24px;
	color: #545454;
	margin-top: 20px;
}
.button-container{
	float: right;
	margin-right: 75px;
	margin-top: 10px;
}
.button-container a{
	 display: inline-block;
	 margin: 0 10px;
}
.footer{
	width: 100%;
	float: left;
	padding:50px 0 60px;
	background: #4f4f4f;
}
.footer-flex {
    display: flex;
    padding: 0;
}
.footer_left {
    width: 210px;
    float: left;
}
.footer_nav {
    padding: 0;
    float: left;
    width: 75%;
    margin-top: 12px;
}
.footer_nav li {
    float: left;
    list-style: none;
    width:33%;
    line-height: 33px;
}
.footer_nav li a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
     font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0px;
    -moz-osx-font-smoothing: grayscale;

}
.footer_nav li a:hover {
	color: #79d1ff;
}

.footer__right {
    padding: 0;
    margin-top: 12px;
}

.footer__button__container {
    margin: 18px 0;
}


.google_play{
	margin: 0 11px 0 0;

}
.footer-bottom{
	width: 100%;
	float: left;
	text-align: center;
}
.social_media {
    float: left;
    margin-left: 0;
    margin-top: 15px;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}
a.media_link {
    width: 20px;
    height: 22px;
    font-size: 22px;
    line-height: 40px;
    margin: auto 12px;
    color: #969696;
    display: inline-block;
     font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0px;
    -moz-osx-font-smoothing: grayscale;
}
a.media_link:hover{
	color: #79d1ff;

}
.text__copyright {
    color: #fff;
    font-size: 16px;
    letter-spacing: .2px;
    margin-top: 50px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0px;
    -moz-osx-font-smoothing: grayscale;
}
.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_mega_menu > ul.wp-megamenu-sub-menu > li.wpmm-row .wp-megamenu-sub-menu li.menu-item-has-children ul.wp-megamenu-sub-menu, .wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu li.wpmm-type-widget .wp-megamenu-sub-menu li .wp-megamenu-sub-menu{
    right: 108% !important;
    left: inherit!important;
    top: 0 !important;
    bottom: inherit !important;
    background: #fff!important;
    box-shadow: none !important;
}





.wp-megamenu-wrap {
    float: left;
}

.wp-megamenu-wrap .wpmm-nav-wrap > ul > li > a{
    color: #3b3b3b !important;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-size: 10pt;
    letter-spacing: 1px;
	text-decoration: none;
	padding: 15px 12px!important;
}
.wp-megamenu-wrap .wpmm-nav-wrap > ul > li > a:hover{
    color: #3CA7EE !important;
}
#drop-nav .wp-megamenu-wrap .wpmm-nav-wrap > ul > li > a{
    color: #606060 !important;
    font-size: 10pt;
}
.homeMenu .wp-megamenu-wrap .wpmm-nav-wrap > ul > li > a{
  color: #fff !important;
}

.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_mega_menu > ul.wp-megamenu-sub-menu{
    width: calc(40% + 0px) !important;
    margin-left: 0;
    left: inherit!important;
    right: inherit!important;
    background: #fff !important;
    -webkit-box-shadow: 0px 3px 2px rgba(122, 68, 68, 0.1);
    -moz-box-shadow: 0px 3px 2px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px 3px 2px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
    margin-left: px !important;

}
.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.features-mega-block > ul.wp-megamenu-sub-menu{
     width: calc(100% + 0px) !important;
}

.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.features-mega-block > ul.wp-megamenu-sub-menu > li.wpmm-row > ul.wp-megamenu-sub-menu > li:nth-child(1){
    position: relative;

}

.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.features-mega-block > ul.wp-megamenu-sub-menu li.wpmm-type-widget{
    margin-bottom: 10px;
}

.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.features-mega-block > ul.wp-megamenu-sub-menu > li.wpmm-row > ul.wp-megamenu-sub-menu > li:nth-child(1)::after{
    content: "";
    position: absolute;
    display: block;
    right: 28px;
    width: 1px;
    height: 80%;
    top: 15px;
    z-index: 2;
    background: #ccc;
}
/* .wp-megamenu li.current-menu-item ul.wp-megamenu-sub-menu{
    width: 400px !important;
} */
.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_mega_menu > ul.wp-megamenu-sub-menu > li.wpmm-row > ul.wp-megamenu-sub-menu > li{
    padding: 10px 15px!important;
}

.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_mega_menu ul.wp-megamenu-sub-menu li.wpmm-type-widget > a {
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-decoration: none;

}

.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_mega_menu ul.wp-megamenu-sub-menu li a{
    text-decoration: none;
}


#drop-nav .wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_mega_menu > ul.wp-megamenu-sub-menu{
    -webkit-box-shadow: 0px 3px 3px rgba(122, 68, 68, 0.1);
    -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 3px rgba(0,0,0,0.1);

}

.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_mega_menu > ul.wp-megamenu-sub-menu > li.wpmm-row .wp-megamenu-sub-menu li.menu-item-has-children ul.wp-megamenu-sub-menu li {
    padding: 0px 20px !important;
}


/* =============================================================================
new style - 01-12-2020
================================================================================
*/

.content-block02{
	margin-bottom: 80px !important;
	min-height: inherit !important;
}
.content-block02 .contnt-div-inner-div img{
	max-width: 100%;
}
.contnt-div-inner-div-full{
	width: 100%;
	float: left;
	font-size: 16px;
	padding: 20px 0 50px;
	color: #494949;
	text-align: center;
	line-height: 30px;
}
.text-quoate-block{
	width: 90%;
	float: none;
	background: #3ca7ee;
	color: #fff;
	font-size: 16px;
	padding: 41px 55px 40px;
	text-align: center;
	line-height: 30px;
	margin: auto auto 50px;
	-webkit-border-radius: 55px;
	-moz-border-radius: 55px;
	-ms-border-radius: 55px;
	border-radius: 55px;
	position: relative;
}
.shape01{
	position: absolute;
	width: 190px;
	bottom: -80px;
	right: -20px;
}
.shape02{
	position: absolute;
	width: 170px;
	top: 20px;
	left: -80px;
}


/* //////////////////////pricing style//////////////////////////////  */

.section_pricing_v2{
    background: #fff;
}
.Section1{
    width: 100%;
    float: left;
    padding: 100px 0 55px;
    text-align: center;
}
.Section1 p, .features_sub_head{
    color: #747474;
    font-size: 24px;
    line-height: 53px;
    font-weight: 300;
    text-transform: capitalize;
}
.pricing_chart{
    width: 100%;
    float: left;
    padding: 30px 0;
}


.pricing_chart .nav-tabs > li{
    width: 50%;
}
.pricing_chart .nav-tabs{
    border-bottom: 0;
}

.pricing_chart .nav-tabs > li a{
    padding: 20px 12px;
    border-bottom: 4px solid #f2f2f2;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    text-transform: uppercase;
    color: #747474;
   font-family: 'Spoof';
   font-weight: 500;
    display: block;
}

.nav-tabs > li > a.active, .nav-tabs > li a.active > a:focus, .nav-tabs > li.active > a:hover{
    border-bottom: 4px solid #4CAEEE;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.nav-tabs > li a:hover{
    background: transparent;
}
/* .active{
      opacity: 1 ;
} */


.content__pricing{
    width: 100%;
    float: left;
    margin-top: 35px;
}


.priceCards h3{
    font-weight: 600;
    font-size: 30px;
    color: #506175;
    text-transform: capitalize;
    font-family: 'Spoof';
    font-weight: 500;
}
.priceCards{
    position: relative;
    width: 290px;
    margin: 10px 15px;
    display: inline-block;
    padding: 5px;
    padding-top: 36px;
    padding-bottom: 36px;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    background-color: #fff;
    font-size: 16px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.25);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.25);
    float: none;
    /*height: 600px;*/
    height: 355px;
    overflow-y: hidden;


    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);

}
.priceCards_active{
    background: #fff;
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    box-shadow: none;
    border: 1px solid #2ea4f9;
    position: relative;
    overflow: hidden;
}
.priceCards_active::after{
	position: absolute;
	display: block;
	content: "Most popular";
	width: 101%;
	height: 34px;
	/* background: #16B499; */
	background: #3CA7EE;
	color: #fff;
	font-weight: bold;
	top: 22px;
	right: -33%;
	-webkit-transform: rotate(36deg);
	-moz-transform: rotate(36deg);
	-ms-transform: rotate(36deg);
	transform: rotate(36deg);
	font-size: 14px;
	text-transform: uppercase;
	padding: 7px 0;
	text-align: center;
	/* font-family: 'Spoof'; */
	font-weight: 400;
}
.priceCards:hover{
    background: #fff;
    /* -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05); */
    box-shadow: none;
    border: 1px solid #2ea4f9;

}
.lp-price-card__price {
    display: inline-block;
    position: relative;
    padding-left: 28px;
}
.lp-price-card__price .lp-price-card__price-currency {
    display: block;
    position: absolute;
    top: 13px;
    left: 0;
    width: 21px;
    background: -webkit-linear-gradient(top, #ff554f, #d32d27);
    background-clip: border-box;
    font-size: 36px;
    -webkit-background-clip: text;
    -webkit-font-smoothing: antialiased;
    -webkit-text-fill-color: transparent;

}
.lp-price-card__price .lp-price-card__price-ammount {
    display: inline-block;
    background: -webkit-linear-gradient(top, #ff554f, #d32d27);
    background-clip: border-box;
    font-size: 60px;
    -webkit-background-clip: text;
    -webkit-font-smoothing: antialiased;
    -webkit-text-fill-color: transparent;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
.lp-price-card__price-normal-copy {
    color: #506175;
    font-size: 22.014px;
}
.lp-price-card__bot--cta-business{
    margin: 15px 0;
}
.lp-price-card__bonustext {
    color: #333f48 !important;
    font-size: 15px!important;
    line-height: 1.56!important;
    text-align: center!important;
    font-weight: 400!important;
    margin-top: 10px;
}
.lp-price-card_user-accom{
    margin: 10px 0;
}
.lp-price-card_user-accom span {
    opacity: .75;
    color: #506175;
    font-weight: 400;
}
a.lp-button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    padding: 12px 28px;
    border-radius: 25px;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background: #3CA7EE;
    border: 2px solid #3CA7EE;
    color: #1b1b1b;
    color: #fff;
    text-decoration: none;
}
a.lp-button:hover{
    background: transparent;
    border: 2px solid #3CA7EE;
    color: #1b1b1b;
}
a.lp-boder{
    background: transparent;
    border: 2px solid #3CA7EE;
    color: #1b1b1b;
    padding: 8px 18px;
    font-size: 16px;
}
a.lp-boder:hover{
    background: #3CA7EE;
    border: 2px solid #3CA7EE;
    color: #fff;
}


.custom_plan{
    width: 100%;
    float: left;
    padding: 20px 0 20px;
}
.custom_plan p{
  font-size: 20px;
line-height: 35px;
margin-top: 7px;
text-transform: inherit !important;

}
.save_fifty{
  font-size: 24px;
line-height: 0;
color: #d32d27;
font-family: 'kalam', cursive;
font-weight: 400;
}

.save_content{
    font-family: 'kalam', cursive;
    font-size: 27px;
    color: #d32d27;
    height: 30px;
}
.custom_strike {
    position: relative;
    display: inline-block;
}
.custom_strike hr
{
   width: 100%;
   height: 1px;
   position: absolute;
   background-color: #d32d27;
   color: #d32d27;
   border-color: #d32d27;
   transform:rotate(-22deg);
   -ms-transform:rotate(-22deg);
   -moz-transform:rotate(-22deg);
   -webkit-transform:rotate(-22deg);
   -o-transform:rotate(-22deg);
   top: 0;
   left: 0px;
}

.custom_strike_number {
    position: relative;
    display: inline-block;
}
.custom_strike_number hr{

   width: 150%;
   height: 1px;
   position: absolute;
   background-color: #d32d27;
   color: #d32d27;
   border-color: #d32d27;
   transform:rotate(-22deg);
   -ms-transform:rotate(-22deg);
   -moz-transform:rotate(-22deg);
   -webkit-transform:rotate(-22deg);
   -o-transform:rotate(-22deg);
   top: -2px;
   left: -2px;
}



a.btn-compare{
    margin: 10px auto;
    color: #fff;
    /* background-color: #16B499; */
    background-color: #3CA7EE;
    border-color: #6c757d;
        display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.575rem 1.1rem;
    font-size: 14px;
    line-height: 1.5;
    border-radius: .25rem;
    font-size: 16px;
    border-radius: 5px;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.Feature_comparison_container{
    width: 100%;
    float: left;
    background: #F5F7FA;
    text-align: center;
    padding: 25px 0;
}

.comparison_content {
    width: 100%;
    max-width: 1000px;
    margin: 40px auto;
    height: auto;
    position: relative;
    background: #fff;
}
.comparison_content ul {
  display:flex;
  top:0px;
  z-index:10;
  padding-bottom:0px;
  margin: 0;
  padding: 0;
}
.comparison_content li {
  list-style:none;
  flex:1;
}
.comparison_content li:last-child {
  border-right:1px solid #DDD;
}
.comparison_content button {
  width:100%;
  border: 1px solid #DDD;
  border-right:0;
  border-top:0;
  padding: 10px;
  background:#FFF;
  font-size:14px;
  font-weight:bold;
  height:60px;
  color:#999
}
.comparison_content li.active button {
  background:#F5F5F5;
  color:#000;
}
.comparison_content table { border-collapse:collapse; table-layout:fixed; width:100%; }
.comparison_content th { background:#F5F5F5; display:none; font-weight: 400;}
.comparison_content td, .comparison_content th {
  height:53px
}
.comparison_content td, .comparison_content th {
     /* border:1px solid #DDD; */
     border:0;
      padding:10px;
       empty-cells:show;
     }
.comparison_content td, .comparison_content th {
  text-align:left;
}
.comparison_content td+td, .comparison_content th+th {
  text-align:center;
  display:none;
  font-weight: 400;
  font-size: 20px;
}
.comparison_content td.first-child-name{
    display:table-cell;
    background: #f1f1f1;
    font-size: 11pt;
    padding: 10px 5px 10px 25px;
}
.comparison_content td.default {
  display:table-cell;
  background: #f1f1f1;
}
.comparison_content .bg-purple {
  /* border-top:3px solid #A32362; */
  font-weight: 400;
  font-size: 20px;
  text-align: left;
  background: #3CA7EE;
  color: #000;
  padding-left: 25px;
}
.comparison_content .bg-blue {
  /* border-top:3px solid #3CA7EE; */
  padding: 31px 0px;
}
.comparison_content .sep {
  background:#F5F5F5;
  font-weight:bold;
}
.comparison_content .txt-l { font-size:28px; font-weight:bold; }
.comparison_content .txt-top { position:relative; top:-9px; left:-2px; }
.comparison_content .tick { font-size:18px; color:#3CA7EE; }
.comparison_content .hide {
  border:0;
  background:none;
}

.heading_bg1{
    background: #0ED1B3 !important;
    color: #fff;
}
.heading_bg2{
    background: #6C84EE !important;
    color: #fff;
}
.heading_bg3{
    background: #EE6CDA !important;
    color: #fff;
}


@media (min-width: 640px) {
  .comparison_content ul {
    display:none;
  }
  .comparison_content td, .comparison_content th {
    display:table-cell !important;
  }
  .comparison_content td, .comparison_content th {
    width: 290px;

  }
  .comparison_content td+td, .comparison_content th+th {
    width: auto;
  }
}

@media (min-width: 768px){
.form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
}
}

.currency-container{
    border: 2px solid #3CA7EE;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0;
    font-weight: 300 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    width: 100px;
    height: 40px;
    border-radius: 25px;
    display: inline-table;
    vertical-align: middle;
}

.wrapper {
    float: left;
    width: 100%;
    position: relative;
}
.wrapper .form-inline{
    display: inline-flex;
}
.wrapper label{
    padding: 8px;
    font-size: 16px;
}
.currency-selector {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-left: 27px;
    border: 0;
    background: transparent;
    outline: none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1024' height='640'><path d='M1017 68L541 626q-11 12-26 12t-26-12L13 68Q-3 49 6 24.5T39 0h952q24 0 33 24.5t-7 43.5z'></path></svg>") 90%/12px 6px no-repeat;

    font-family: inherit;
    font-size: 16px;
    color: #555;
}

.currency-amount {
    text-align: right;
}

.currency-addon {
    width: 6em;
    text-align: left;
    position: relative;
    background-color: transparent;
    border-radius: 0;
    border: 0;

}
.currency-symbol{
    padding: 6px 12px;
    width: 35px !important;
    font-size: 23px;
    border-radius: 0;
    background-color: transparent;
    border: 0;
    text-align: left;
    font-weight: 400;
    line-height: 1;
    color: #555;
}
.input-group-addon, .input-group-btn {

    white-space: nowrap;
    vertical-align: middle;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}


.tab-content>.active {
    opacity: 1;
}



.content_inner_02{
    padding: 50px 0;
    width: 100%;
    float: left;
    color: #747474;
    font-size: 16px;
    line-height: 30px;
    background: #fff;
}

.content_inner_02 .hading2, .content_inner_02 h2{
    font-size: 28px;
    color: #343434;
}
.content_inner_02 .hading3, .content_inner_02 h3{
    font-size: 26px;
    font-family: "Formular" ;
    color: #343434;
    font-weight: 400;
}

.hero_v2_sub_header .header02-middle-contentr{
    padding-top: 55px;
    padding-bottom: 60px;
}
.hero_v2_sub_header .tag-lineStyle1{
    margin-bottom: 0;
}

.regis_demo_section{
    margin-top: 45px;
}


.contact_wrapper{
    width: 100%;
    float: left;
    position: relative;
}
.contact-flex-div{
    display: block;
}
.bottom_curved_shape{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
}

.contact_wrapper .container{
    max-width: 1300px;
}
.contact_details_inner{
    padding: 50px 33px 50px 50px;
    width: 664px;
    background: #fff;
    border-radius: 50px;
    box-shadow: 7px 0px 60px rgba(0,0,0,0.2);
}

.wrpr_contact_container{
    position: relative;
    margin: 100px 0 130px;
    z-index: 1;
}
.contact_form{
    background: #fff;
    /* padding: 80px; */
    padding: 70px 80px 80px 80px;
    float: left;
    position: relative;
    box-shadow: 7px 0px 60px rgba(0,0,0,0.1);
}
.contact_shape{
    position: absolute;
    width: 200px;
    height: 200px;
    top: -90px;
    left: 39%;
}
.contact_form h2{
    font-family: 'Spoof';
    font-size: 40px;
    color: #232323;
    font-weight: 400;
    margin-bottom: 40px;
}

.contact_details{
    float: right;
    background: #30a1ed;
    padding: 80px;
}

.wpcf7-form-control{
    border: 2px solid #c4c4c4;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 18px;
    color: #4a4a4a;
    /* padding: 30px 22px; */
    padding: 24px 22px;

}
textarea.wpcf7-textarea{
    height: 110px;
    padding: 13px 22px;
}
input.wpcf7-submit{
    background: #363636;
    color: #fff;
    font-weight: 400;
    border: 1px solid transparent;
    padding: 8px 28px !important;
    margin: 0;
    font-size: 20px;
    height: auto;
}
input.wpcf7-submit:hover{
    color: #363636;
    border: 1px solid #363636;
}
.btn_grp_sec{
    margin-top: 20px;
    text-align: left;
}


.caution_container {
    margin-top: 25px;
    margin-bottom: 10px;
    color: #90a4ae;
    font-weight: 700;
    display: inline-block;
    font-size: 14px;
    padding: 0 20px;
    width: 90%;
}

.contact-bottom-heading-Container{
    max-width: 100%;
    margin: 0 auto 60px;
    padding: 0 15px;
}
.contact-bottom-heading-Container .heading3{
    color: #444444;
    font-size: 36px;
    line-height: 53px;
    text-transform: uppercase;
    margin: 0;
    font-weight: 400;
}
.contact-bottom-heading-Container p{
    color: #747474;
    font-size: 16px;
    line-height: 33px;
    font-weight: 400 !important;
    text-transform: capitalize;
}
.th-service-block{
    display: flex;
    /* margin-bottom: 35px; */
    padding: 50px 0 36px;
}
.service-icon-box{
    margin-right: 20px;
}
.service-icon-box i{
    font-size: 34px;
}
.service-icon-box img{
    width: 36px;
}
.elementor-box-title{
    margin: 0;
    font-size: 28px;
    line-height: 28px;
    /* font-family: 'SourceSansProBold'; */
    font-family: 'SourceSansProSemiBold';
    color: #373737;
    font-weight: 600;
    margin-bottom: 10px;
}
.elementor-box-title a{
    color: #373737;
    text-decoration: none;
}
.elementor-box-title a:hover{
    color: #7b7b7b;
}
.elementor-box-description{
    font-weight: 400 !important;
    font-size: 20px;
}
.elementor-box-description a{
    font-weight: 400;
    color: #373737;
}
.elementor-box-description a:hover{
    color: #3ca7ee;
    text-decoration: none;
}

.chat-btn{
    background: url("../images/chat-bubble.png") no-repeat center right;
    /* background-image: url("images/chat-bubble.svg") no-repeat center center; */
    width: 31px;
    height: 31px;
    border: 0;
    display: inline-block;
    -webkit-background-size: 90%;
    -moz-background-size: 90%;
    -ms-background-size: 90%;
    background-size: 90%;
    margin-left: 10px;

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


#wpcf7-f9-o1 .ajax-loader{
    display: none;
}

#wpcf7-f9-o1 .wpcf7-mail-sent-ok{
    display: none !important;
    position: absolute;
    font-size: 11px;
    left: 0;
    top: -42px;
    padding: 0px 0 0 4px;
    margin: 10px 0 0 0;
}

.wpcf7-recaptcha{
    border: 0;
    padding: 22px 0 0;
    /* position: absolute; */
}
.wpcf7{
    position: relative;
}
.page-template-page-contact .wpcf7 form.spam .wpcf7-response-output {
    border-color: #d32d27 !important;
    position: absolute;
    font-size: 11px;
    left: 0;
    top: -42px;
    padding: 0px 0 0 4px;
    margin: 10px 0 0 0;
}


/* ///////////////////new blog page style///////////////////// */


.container_latest_news{
    width: 100%;
    float: left;
    padding: 20px 0;
    background: #fff;
}
article.post-container{
    width: 100%;
    float: left;
    padding: 38px 0;
}
.post-image{
    width: 370px;
    height: 232px;
    margin-right: 65px;
    position: relative;
}
.author_date{
    position: absolute;
    width: auto;
    padding: 8px 11px;
    background: #188edd;
    font-family: 'SourceSansProRegular';
    font-weight: 400;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0px;
    right: 0;
    top: 0;
}
.post-image img{
    max-width: 370px;
}
article.post-container h1, article.post-container h1 a{
    font-family: 'SourceSansProBold';
    font-size: 42px;
    line-height: 42px;
    color: #232323;
    font-weight: 700;
}

article.post-container h2, article.post-container h2 a{
    font-family: 'SourceSansProBold';
    font-size: 42px;
    line-height: 42px;
    color: #232323;
    font-weight: 700;
}

article.post-container p{
    font-size: 18px;
    line-height: 30px;
    color: #343434;
}

a.readmore_news{
    border: 1px solid #7a7a7a;
    color: #4d4d4d!important;
    text-transform: uppercase;
    font-size: 17px;
    padding: 5px 15px!important;
    margin-top: 5px;
    display: inline-block;
    text-decoration: none;
    background: transparent;
    font-family: 'SourceSansProSemiBold';
     font-weight: 600;
    letter-spacing: 2px;
    height: 40px;
    line-height: 30px!important;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;

      -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0px;
    -moz-osx-font-smoothing: grayscale;
}
a.readmore_news:hover{
   border: 1px solid #262626;
   color: #fff!important;
   background-color: #262626;
}

.paginate_main{
    width: 100%;
    text-align: center;
}
.page-numbers {
    margin: 0;
    padding: 24px 0;
}
.page-numbers li{
    list-style: none;
    display: inline-block;
    margin: 0 1px;
}
.page-numbers li a, .page-numbers li a:hover, .page-numbers li.active a, .page-numbers li.disabled {

    background-color: #6ec3fb;
    cursor: pointer;
    padding: 10px 14px;
    color: #fff;
    border-radius: 100px;
    font-size: 14px;
}
.page-numbers li span.current{
    background-color: #188edd;
    cursor: pointer;
    padding: 9px 14px;
    border-radius: 100px;
    color: #fff;
}

.addtoany_content {
    margin: 20px auto !important;
}
.page-numbers li a.prev, .page-numbers li a.next{
    display: none;
}







.detail__blog{
    width: 100%;
    float: left;
    padding: 80px 0;
    background: #fff;
}
.content_top{
    text-align: left;
    padding: 0 135px;
}
.list__text__content{
    padding-bottom: 30px;
    color: #636262;
    font-size: 18px;
    line-height: 30px;
    display: block;
    font-weight: 300;
}
.list__text__content .post{
    padding: 0 135px;
}
.detail__blog .latest_news_list:hover {
    background: transparent;
}
.detail__blog h1{
    font-family: 'SourceSansProBold';
    font-weight: 700;
    color: #141414;
    font-size: 62px;
    text-transform: inherit;
    margin: 0;
    letter-spacing: -0.5px;
    line-height: 72px;
    width:100%;
    float:left;
}
.detail__blog h2{
    font-size: 32px;
    color: #343434;
    font-family: 'Formular';
    font-weight: 400;
    margin: 20px 0;
    width:100%;
    float:left;
}
.detail__blog h3{
    font-family: 'Formular';
    font-weight: 400;
    font-size: 24px;
    color: #343434;
    margin: 20px 0;
}
.featured_img{
    /*margin: 50px 0 50px;
    float: left;
    width: 100%;
     height: 600px; */
    margin: 50px auto 50px;
    float: none;
    max-width: 900px;
    position: relative;
    text-align:center;
}
.detail__blog .featured_img img{
    width: 100%;
    /* height: 600px; */
    /*width: 100%;*/
}
.thums__author {
    display: inline-block;
    margin: 15px 0;
    background: #35a2ec;
    color: #fff;
    position: absolute;
    right: 30px;
    bottom: -40px;
    padding: 18px 18px;
    border-radius: 10px;
}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.extra_padd{padding:0;}
.extra_overflow{overflow: hidden;}



/* ///////////////New home page style////////////////// */
.home .hero-header02{
    display: none;
}
.home .content-part{
    background: #fff;
}

h1, .heading_main1{
    font: normal normal bold 50px/55px SourceSansProBold;
    letter-spacing: 0px;
    opacity: 1;
    color: #343434;
    position: relative;
}

h2, .heading_main2{
    font: normal normal 600 42px/30px SourceSansProSemiBold;
    letter-spacing: 0px;
    color: #343434;
    position: relative;
}
h3, .heading_main3{
    font: normal normal 600 32px/30px SourceSansProSemiBold;
    letter-spacing: 0px;
    color: #FFFFFF;
}

h4, .heading_main4{
    font: normal normal 500 22px/30px Spoof;
    letter-spacing: 0px;
    color: #262525;
}

h5, .heading_main5{
    font: normal normal 600 30px/30px SourceSansProSemiBold;
    letter-spacing: 0px;
    color: #3F3F3F;
}





.header__hero{
    width: 100%;
    float: left;
    background: #fff;

}
.header_hero_content{
    padding-top: 60px;
    display: flex;
    /* background: url("../images/hero_img@2x.jpg") no-repeat center right;
    background-size: 70%;
    height: 800px;
    width: 100%;
    float: left; */
}
.header_hero__left{
    /* width: 60%; */
    width: 53%;
    float: left;
    position: relative;
    z-index: 1;
}
.header_hero__left .heading_main1{
    font: normal normal bold 50px/55px SourceSansProBold;
    letter-spacing: 0px;
    opacity: 1;
    color: #343434;
    position: relative;
    width: auto;
    margin: 0;
    display: inline-block;
    text-transform: capitalize;
}
.header_hero__left .type_cont span{
    font: normal normal bold 50px/55px SourceSansProBold;
    letter-spacing: 0px;
    opacity: 1;
    color: #3CA7EE;
    position: relative;
     margin: 0;
    width: 100%;
    text-transform: capitalize;
}
.header_hero__left span{
    text-align: left;
    font: normal normal normal 20px/36px Formular;
    letter-spacing: 0px;
    color: #262525;
    opacity: 1;
    display: block;
    margin: 35px 0 50px;
    width: 70%;
    word-break: break-word;
}

.header_hero__left h1.text-tagline{
    text-align: left;
    font: normal normal normal 20px/36px Formular;
    letter-spacing: 0px;
    color: #262525;
    opacity: 1;
    display: block;
    margin: 35px 0 50px;
    width: 70%;
    word-break: break-word;
}

.header_hero__left .wrap{
    color: #3CA7EE;
}
.header_hero__right{
    /* width: 47%; */
    width: 46%;
    float: left;
    /* padding-top: 50px; */
}
.header_hero__right img{
    max-width: 700px;
    margin-left: -100px;
    margin-top: -10px;
}
.header_hero_web_img{
    display: block;
}
.header_hero_mobile_img{
    display: none;
}

.type_cont {
    display: inline-block;
}
.Sales {
    display: inline-block;
    position: relative;
}
.Sales:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    border-bottom: 4px solid #3CA7EE;
    height: 4px;
    width: 100%;
    display: none;
}




.input_container {
    /* max-width: 360px; */
    max-width: 400px;
    height: 52px;
    display: flex;
    border: 0;
    position: relative;
}
.email_input{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 14px #00000029;
    border-radius: 26px;
    opacity: 1;
    padding: 16px 20px;
    height: 52px;
    border: 0;
}
.email_input_fail{
  border:1px solid red!important;
}
.email_btn_submit, a.email_btn_submit{
    background: #414141 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 25px #00000029;
    border-radius: 26px;
    font: normal normal normal 16px/55px Formular;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 0px 35px;
    height: 52px;
    width: auto;
    position: absolute;
    right: 0;
}
.email_btn_submit:hover, a.email_btn_submit:hover{
    background: #3CA7EE;
}


.er_msg_box{
    font: normal normal normal 14px/35px Formular;
    padding: 4px 15px;
    max-width: 400px;
    background: #f5cece;
    color: #a91010;
    border: 1px solid #eb7171;
    margin-top: 20px;
    border-radius: 4px;
    transition: all ease-in 1s;
    text-align: center;
}


.app_button_container{
    max-width:360px;
    margin-top: 50px;
}
a.app_button_gplay, .app_button_gplay{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #4F4F4F;
    border-radius: 50px;
    font: normal normal 600 16px/22px Open Sans !important;
    letter-spacing: 0px;
    color: #4F4F4F;
    padding: 12px 24px;
    display: inline-block;
    margin-right: 20px;
}
a.app_button_gplay:hover, .app_button_gplay:hover{
    background: #d0f0ff;
}


a.app_button_store, .app_button_store{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #4F4F4F;
    border-radius: 50px;
    font: normal normal 600 16px/22px Open Sans !important;
    letter-spacing: 0px;
    color: #4F4F4F;
    padding: 12px 30px;
    display: inline-block;
}
a.app_button_store:hover, .app_button_store:hover{
    background: #d0f0ff;
}



.product-slider-container{
	width: 100%;
	float: left;
    margin: 130px 0 65px;
    background: #fff;
}
.product-slider{
	max-width: 980px;
	margin: auto;
	position: relative;
}
.shapges_slider{
	position: absolute;
	left: -146px;
    top: -22px;
}

 .product-image{

    height: auto;

}
.product-image img{
	width: 100%;

}
.product-caption{
	left: 50px;
	top: 140px;
	width: 440px;
	text-align: left;
	padding: 0;
}
.product-caption p{
	color: #3a3a3a;
	font-size: 18px;
	line-height: 30px;
	margin-top: 35px;
}
.carousel-item{
/*height: 551px;*/
}

.carousel-indicators{
    bottom: -62px;
    justify-content: left;
    margin-right: 0%;
    margin-left:0%;
    z-index: 1;
}
.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 12px;
    height: 12px;
    margin-right: 7px;
    margin-left: 7px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #3a3a3a;
    background-clip: padding-box;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    border-radius: 100%;
    opacity: 1;
    transition: opacity .6s ease;
    }
    .carousel-indicators .active {
    opacity: 1;
    background-color: #27a1e1;
}

.carousel-control-next, .carousel-control-prev{
	 opacity: 1;
     width: 50px;
     height: 50px;
     top: 45%;
}
.carousel-control-prev {
    left: -85px;
}
.carousel-control-next {
    right: -85px;
}
.carousel-control-prev-icon{
    background-image: url("../images/left-arrow.png");
    height: 50px;
    width: 50px;
}
.carousel-control-next-icon{
    background-image: url("../images/right-arrow.png");
    height: 50px;
    width: 50px;
}

.btn-works, a.btn-works{
  background: #27A1E1 0% 0% no-repeat padding-box;
  border-radius: 50px;
  font: normal normal 600 16px/30px SourceSansProSemiBold;
  letter-spacing: 0px;
  color: #FFFFFF;
  position: absolute;
  right: 0;
  padding: 0px 0 0 25px;
  text-transform: capitalize;
  margin-top: 20px;
  line-height: 45px;
  z-index: 3;
}
.btn-works img{
    margin-left: 10px;
}
.btn-works:hover, a.btn-works:hover{
   background:#87CAEE;
}
.clients_featured {
    width: 100%;
    float: left;
    text-align: center;
    padding: 60px 0;
    position: relative;
    background: url("../../assets_v2/images/path_featured.svg"),
    url("../../assets_v2/images/pathbg-right.svg");
    background-position: top left, bottom right;
    background-repeat: no-repeat;

}

.features_container{
    width: 100%;
    float: left;
    padding-top: 100px;
}
.features_content{
    width: 100%;
    float: left;
    text-align: center;
    padding-left: 4%;
}


.clients_featured .heading2 {
    font: normal normal 600 42px/30px SourceSansProSemiBold;
    letter-spacing: 0px;
    color: #343434;
}
.clients_featured_content {
    width: 100%;
    float: left;
    padding: 50px 0;

}
.brand_featured {
    display: inline-block;
    width: auto;
    padding: 10px 24px;
    position: relative;
}
.features__left__img img{
    margin-left: -20px;
    /* width: 100%; */
    max-width: 350px;
}
.featured-padding-top{
    margin-top: 100px;
}
.features_block{
    float: left;
    width: 50%;
    text-align: left;
    height: 120px;
    margin-bottom: 35px;
}
.features_icon{
    width: 10%;
    float: left;
    margin-right: 20px;
}
.features_details{
    width: 80%;
    float: left;
}
.features_block h2{
    font: normal normal 500 22px/30px Spoof !important;
    letter-spacing: 0px;
    color: #262525;
}
.features_block p{
    font: normal normal normal 14px/24px Formular;
    letter-spacing: 0px;
    color: #262525;
}
.tag-features{
    display: block;
    margin: 25px 0;
}


.Section_achvments {
    width: 100%;
    float: left;
    padding: 50px 0 40px;
    text-align: center;
    /* background: url("../../assets_v2/images/shape-awards.svg") no-repeat top left; */
    background: none;
    background-size: 80%;
    margin-top: -75px;
}
.award_heading{
    width: 100%;
    float: left;
    margin-bottom: 45px;
    margin-top: 20px;
}
.award_heading h3, .award_heading .heading_main3{
    color: #343434;
}
.award_content{
    /* max-width: 1030px;
    margin: 140px auto 0; */
    max-width: 1000px;
    margin: 50px auto 0;
}
.blocks{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    /* box-shadow: 0px 3px 25px #19561733; */
    border-radius: 12px;
    /* padding: 44px 18px 58px; */
    padding: 0px 0px 0px;
    width: 274px;
    /* height: 264px; */
    height: 204px;
    margin: 0 auto;
    position: relative;
}

.blocks img{
   max-width: 275px;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
}
/*.blocks:first-child img{*/
/*    height: 170px;*/
/*}*/
.blocks:nth-child(2) img{
    height: 180px;
}
.blocks:nth-child(3) img{
    height: 180px;
}
.blocks:last-child img{
    /* height: 270px; */
}
.award_blocks_content{
    display: flex;
    float: left;
    width: 100%;
	justify-content:center;
}

.review-image{
	margin:15px 20px;
    width: 50%;
}



.section_benefits{
    float: left;
    width: 100%;
    /* padding: 122px 0 100px; */
    padding: 70px 0 100px;
}

.ul__02 {
    padding: 0;
    text-align: right;
}
.ul__02 li {
    color: #777;
    font-size: 16px;
    line-height: 26px;
    list-style: none;
    margin-bottom: 40px;
    text-transform: capitalize!important;
    float: left;
    width: 100%;
}
.ul__02_icon__div {
    float: right;
    width: 7%;
    margin-top: 0px;
    margin-right: 25px;
}
.ul__02__describe__div {
    float: left;
    width: 83%;
    font: normal normal normal 16px/30px Formular;
    letter-spacing: 0px;
    color: #262525;
}
.parallax__container{
    text-align: right;
}
.heading_benefits{
    float: left;
    width: 100%;
    padding-bottom: 40px;
}
.heading_benefits .heading_main2{
    /* text-decoration: underline; */
}
.twib_screen{
    width: 530px;
}


.customars_featured {
    width: 100%;
    float: left;
    text-align: center;
    /* padding: 70px 0; */
    padding: 0;
}

.customars_featured h2 {
    font: normal normal 600 42px/55px SourceSansProSemiBold;
    letter-spacing: 0px;
    color: #343434;
    margin: 0;
}
.customars_featured p {
    font: normal normal normal 20px/55px Formular;
    letter-spacing: 0px;
    color: #343434;
}
.brand_featured_container {
    padding-top: 15px;
    width: 100%;
    float: left;
}
.customars_heading_container{
    width: 100%;
    float: left;
    text-align: center;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    font-size: 50px!important;
    margin: 15px!important;
    outline: none!important;
    box-shadow: none!important;
}
.customars_featured .brand_featured {
    display: inline-block;
    width: 200px;
    height: 90px;
    position: relative;
    /* margin: 15px 0; */
     margin:0;
}
.customars_featured .brand_featured img{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    width: auto !important;
    /* filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .7; */
}



.owl-nav{
    display: none;
}



.testimonial__container {
    width: 100%;
    float: left;
    padding: 100px 0 60px;
    position: relative;
}
.testimonial__container .container {
    position: relative;

}

.left-review {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
}

.testimonial__container h2 {
    font-family: 'Open Sans',sans-serif;
    font-weight: 700;
    color: #3d3d3d;
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 75px;
    width: 50%;
    text-transform: capitalize;
}
.review-row {
    height: 132px;
    width: 345px;
    background: #fff;
    box-shadow: 2px 2px 10px rgba(0,0,0,.25);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 15px 13px;
    float: left;
    margin: 10px 15px 35px 10px;
}
.review-content .review-row:nth-child(2) {
    margin-top: -25px;
}
.review-content .review-row:nth-child(3) {
    clear: left;
    margin-left: 35px;
}
.review-content .review-row:nth-child(4) {
    margin-top: -25px;
    margin-left: 10px;
}
.review-content .review-row:nth-child(5) {
    clear: left;
}

.quate-icon {
    display: inline-block;
    top: -20px;
    position: relative;
    left: -20px;
}
.star-rating {
    display: inline-block;
}
.checked-star {
    color: gold;
}
.review-row p {
    color: #4d4d4d;
    font-size: 12px;
}


.testimonial-video-container{
    position: relative;
    bottom: 0;
    left: 133px;
    float: left;
    width: 147px;
}

.linktext{
    font-family: 'SourceSansProBold';
    font-weight: 700;
    font-size: 16px;
    color: #444444;
    line-height: 23px;
    display: block;
    text-align: center;
    padding: 4px 0;
}




.right-bg-review {
    background: url("../../images/testimonial-background.png") no-repeat top right;
    height: 538px;
    width: 668px;
    float: right;
    -webkit-border-radius: 15px 0 0 15px;
    -moz-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px;
    margin-right: 20px;
    margin-top: 130px;
}
.right-post-content{
    padding: 0;
}

.Blogpost__container {
    width: 100%;
    float: left;
    padding: 0px 0 70px;
    text-align: center;
}
.Blogpost__container .heading2 {
    text-align: center;
    font: normal normal 600 42px/36px SourceSansProSemiBold;
    letter-spacing: 0px;
    color: #232323;
    position: relative;
}
.blog-shape-squre{
    position: relative;
    width: 188px;
    height: 188px;
    display: block;
    margin: 0 auto -20px;
}

.Blogpost__container .tag-blog {
    text-align: center;
    font: normal normal normal 20px/30px Formular;
    letter-spacing: 0px;
    color: #2D2D2D;
    margin: 20px 0 55px;
    display: block;
}


.large-post-bottom-content{
    padding: 30px 40px;
    text-align: left;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 15px #0000001A;
}
.large-post-bottom-content h3{
    font: normal normal bold 32px/36px SourceSansProBold;
    letter-spacing: 0px;
    color: #2D2D2D;
    height: 72px;
    overflow: hidden;
}
.large-post-bottom-content h3 a{
    color: #2D2D2D;
}
.large-post-bottom-content .author-date{
    padding: 0 7px;
    margin: 11px 0;
}
.author-date{
    text-align: left;
    font: normal normal normal 16px/31px Formular;
    letter-spacing: 0px;
    color: #2D2D2D;
    display: block;
    margin: 20px 0;
    padding: 0 17px;
}
.author-date img{
    width: 18px!important;
    margin-right: 7px;
    margin-top: -2px;
}
a.blog-continue, .blog-continue{
    background: #3CA7EE 0% 0% no-repeat padding-box;
    border-radius: 23px;
    /* font: normal normal 600 16px/24px Open Sans; */
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 12px 27px;
    margin: 17px 0;
    display: inline-block;
    transition: all ease-in-out 0.2s;
}

a.blog-continue:hover, .blog-continue:hover{
    background: #2D2D2D;
}

.large-post-bottom-content p{
    height: 75px;
    overflow: hidden;
}

.post__box__container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    float: left;
    justify-content: flex-start;
}

.post__box {
    width: 267px;
    display: inline-block;
    margin: 0 15px 26px;
    float: none;
    text-align: left;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 10px #0000001A;
     -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.post__box a {
    color: #505050;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
    display: block;
    font: normal normal bold 24px/30px SourceSansProBold;
    letter-spacing: 0px;
    color: #2D2D2D;
}

.post__box a img{width:100%;}
.post__box .author-date{
        margin: 10px 0 28px;
}


.post-heading-span{
    padding: 14px;
    display: block;
    height: 109px;
    overflow: hidden;
    -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

/* addstyle on 14-06-2021 */
.post__box:hover{
    box-shadow: 0px 9px 30px #bce8ff;
}
.post__box:hover a{
     color: #188edd;
}

.large-post-container{
     -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.large-post-container:hover{
    box-shadow: 0px 9px 30px #bce8ff;
}

.large-post-container:hover .large-post-bottom-content h3 a{
color: #188edd;
}

.languagebar_container{
width:100%;
float:left;
position:relative;
}
.languagebar{
width: 98%;
margin: 10px auto;
}
.switcher{
 position:absolute;
}

/*///////////////////New Changes on 13-08-2021///////////////////////////*/
.page-id-1823 .hero_v2_sub_header .header02-middle-contentr{
    padding-bottom: 14px;
}
.page-id-1823 .content-part {
    background: #9dd8f7;
}

.page-id-1823 .content_inner_02{
    padding-top:0px!important;
}

/*////////////////////////25-10-2021////////////////////////////////////////////////////*/
a.btn_login{
  border: 1px solid #27a1e1 !important;
  background: #fff !important;
  color: #333f48 !important;
  padding: 10px 25px !important;
}
a.btn_signup{
   background: #3DA7EF;
   overflow: hidden;
   position: relative;
   border: 1px solid transparent;
   animation: blurBlue 2.5s infinite;
}
a.btn_signup:hover{
    color: #fff !important;
}
a.btn_login:hover{
  color: #27a1e1 !important;
}

/* button animation-01 */
@keyframes borderBlue {
  0% {
    background: #3DA7EF;
  }
 
  50% {
    background: #3DA7EF;
    box-shadow: 0 0 1px 5px rgba(61,167,239,0.45) ;
    
  }
 
  100% {
    background: #3DA7EF;
  }
}


/* button animation-02 */
@keyframes blurBlue {
  0% {
    background: #3DA7EF;
  }
 
  50% {
    background: #3DA7EF;
    box-shadow: 0 0 3px 2px #3DA7EF ;    
  }
 
  100% {
    background: #3DA7EF;
  }
}

/*////////////////////////12-4-2022////////////////////////////////////////////////////*/
.triangle{
	top: 70px;
    left: 55px;
	position:absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 20px 32px;
	border-color: transparent transparent transparent #6695FF;
}
.video-button-review{
	animation: scale-blur 1.5s infinite;
	position:relative;
}
.scale-triangle-btn{
	animation: scale-triangle 1.5s infinite;
	
}


/* video-button-animation */
@keyframes scale-blur {
  0% {
   
	transform:scale(1);
  }
 
  50% {
   transform:scale(1.08);   
  }
 
  100% {
   transform:scale(1);   
  }
}



@keyframes scale-triangle {
  0% {
   
	transform:scale(1);
  }
 
  50% {
   transform:scale(0.8);   
  }
 
  100% {
   transform:scale(1);   
  }
}



/* new style 16-6-2022 */
.hero_v2_subheader_background{
    width: 100%;
    float: left;
    padding: 50px 0;
    background-color: #fff;
}
.module-image-left{
    display: flex;
    align-items: center;
}
.inner-content h1{
    margin-bottom: 0;
}
.inner-content span{
    display: block;
    text-align: left;
    font: normal normal normal 20px/36px Formular;
    letter-spacing: 0px;
    color: #262525;
    margin: 35px 0 50px;
}
.inner-content .btnStle02{
    margin: 0;
}
.module-image-right img{
    max-width: 600px;
}
.block-order-modules{
    width: 100%;
    float: left;
    padding: 100px 0;
}
.block-modules{
    margin-bottom: 30px;
}

.block-modules h2{
    color: #333;
    font-family: 'SourceSansProBold';
    font-size: 18px;
    color: #343434;
    font-weight: 600;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0px;
    -moz-osx-font-smoothing: grayscale;
    text-transform: capitalize;
}
.block-modules p{
    font-size: 16px;
    color: #494949;
    text-align: left;
    line-height: 24px;
}

.block-modules-img{
    width: 80px;
    height: 80px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    margin-bottom: 15px;
}
.block-modules-img img{
    width: 55px;
}

.clients-Block-container{
    width: 100%;
    float: left;
    padding: 50px 15px;
    background: #fff;
}

.clients-Block-container h2{
        margin-bottom: 20px;
    font-size: 32px;
   color: #27a1e1;
   -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0px;
    -moz-osx-font-smoothing: grayscale;
}


.clients_blocks{
    background: #fff;
    padding: 50px 0;
}
.clients_blocks .brand_featured{
    margin: 10px 15px;
}

.module-large-image img{
    max-width: 100%;
}

.clients-Block-container .contnt-div{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    height: 100%;
}
.clients-Block-container .contnt-div-inner-div{
    padding-top: 0;
}
.clients-Block-container .contnt-div-inner-div{
    padding-top: 0;
}
.clients-Block-container .content-reverse .contnt-div-inner-div{
     padding-top: 0;
}
.clients-Block-container .content-block02{
    margin-bottom: 0px !important;
}

.custom #wprmenu_menu_ul {
    padding: 70px 0 10px !important;
}



/* Messanger container css */
/*.messengers-container{*/
/*    position: fixed;*/
/*    width: 60px;*/
/*    height: 60px;*/
/*	right: 24px; */
/*	bottom: 24px;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    border: 0;*/
/*    border-radius: 50%;*/
/*    box-sizing: border-box;*/
/*    opacity: 1;*/
    /* box-shadow: 2px 2px 6px rgb(0 0 0 / 8%);
    background-color: #3DAAFF; */
    /*display: none;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    z-index:9999;*/
/*}*/

.messengers-container{
    position: fixed;
    width: 60px;
    /* height: 60px; */
    height: auto;
	right: 24px; 
	bottom: 24px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    box-sizing: border-box;
    /* opacity: 1; */
    /* box-shadow: 2px 2px 6px rgb(0 0 0 / 8%);
    background-color: #3DAAFF; */
    /*display: none;*/
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column-reverse;
    z-index:9999;
}
/*.messengers{*/
/*    display: flex;*/
/*    flex-direction: column-reverse;*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: auto;*/
    /* bottom: 100%; */
/*    bottom: 0;*/
/*    flex-wrap: nowrap;*/
/*    align-items: center;*/
/*    margin-left: -1px;*/
/*    padding-bottom: 62px;*/
/*    cursor: pointer;*/
/*}*/

.messengers{
    display: flex;
    flex-direction: column-reverse;
    position: absolute;
    width: 100%;
    height: auto;
    /* bottom: 100%; */
    bottom: 0;
    flex-wrap: nowrap;
    align-items: center;
    margin-left: -1px;
    /* padding-bottom: 62px; */
    padding-bottom: 72px;
    gap: 10px;
    cursor: pointer;
}
/*a.messenger-link {*/
/*    display: none;*/
/*    width: 50px;*/
/*    height: 50px;*/
/*    box-sizing: initial;*/
/*    transform-origin: center;*/
/*    padding-bottom: 10px;*/
/*    font-size: 24px;*/
/*    text-align: center;*/
/*    transform: translateY(15px) scale(0.7) rotate(90deg);*/
/*    opacity: 0;*/
/*    background: none;*/
/*    margin: 0 !important;*/
/*}*/

a.messenger-link {
    display: none;
    width: 50px;
    height: 50px;
    box-sizing: initial;
    transform-origin: center;
    /* padding-bottom: 20px; */
    font-size: 24px;
    text-align: center;
    transform: translateY(15px) scale(0.7) rotate(90deg);
    opacity: 1 !important;
    background: none;
    margin: 0 !important;
}
a.messenger-link.email{
     height: 38px;
}
a.messenger-link img{
    width: 45px;
}
/*.messengers-container:hover a.messenger-link{*/
/*.messengers-container a.clicked{    */
/*    transform: translateY(0px) scale(1) rotate(0deg);   */
/*    display:block;*/
/*}*/
.messengers-container a.clicked{    
    transform: translateY(0px) scale(1) rotate(0deg);   
}
.chat-icon{
    display: block;
}
.chat-icon img{
    width: 60px;
}
#drop-nav .menu {
    width: 100%;
    display: flex;
    height: 80px;
    margin-top: 0;
    align-items: center;
    justify-content: space-between;
}
#drop-nav .btn_grps {
   display: flex;
   align-items: center;
}
#drop-nav .container {
  padding: 0;
}
#drop-nav .navbar-brand img {
    margin-top: 0px;
}
#drop-nav .navbar-brand {
  margin: 0;
  padding: 0;
   width: auto;
}

#drop-nav .navbar-collapse.collapse {
    padding: 0!important;  
}
#drop-nav .navbar-brand img {
   width: 110px;
}
a.button2, .button2 {
    margin: 0px 0px 0 7px;
    text-transform: capitalize;
    font-size: 17px;
    font-family: 'Lato', sans-serif;
    letter-spacing: 0;
}
#drop-nav {
    top: 0px;
    height: 80px;
    background: #fff;
}

/*****************e-bookSec****************/
.e-bookSec{
  width: 100%;
  height: auto;
  float: left;
  position: relative;
  padding-top: 67px;
  background: #F0F0F0;
}
.e-bookSec::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(177.91deg, #2B9996 -21.53%, #2D84BD 98.24%);
    width: 100%;
    height: 564px;
}
.e-bookSec .e-bookImg{
  width: 100%;
  height: auto;
  float: left;
  position: relative;
}
.e-bookSec .e-bookImg figure{
    width: unset;
    height: 600px;
    margin: 0;
    float: left;
}
.e-bookSec .e-bookImg figure img{
    box-shadow: 1px 3px 40px 13px rgba(53, 53, 53, 0.14);
    border-radius: 4px;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left;
}
.e-bookSec .e-bookContent{
  width: 100%;
  height: auto;
  float: left;
  position: relative;
  padding-top: 80px;
}
.e-bookSec .e-bookContent h3{
font-style: normal;
font-weight: 600;
font-size: 36px;
line-height: 45px;
color: #FFFFFF;
}
.e-bookSec .e-bookContent p{
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #FFFFFF;
 margin-bottom: 40px;
}
.e-bookSec .e-bookContent .btn-sec{
    position: relative;
}
.e-bookSec .e-bookContent .btn-link{
    background: #fff;
    color: #2D84BD;
    text-transform: capitalize;
    font-size: 17px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    border: 2px solid transparent;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    padding: 6px 12px;
    font-style: normal;
    -ms-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    text-decoration: none;   
    box-shadow: 0px 4px 26px 5px rgba(32, 100, 146, 0.38);
    display: inline-block;
    overflow: hidden;
    text-align: center;
}

.e-bookSec .e-bookContent .btn-link img{
    width: 34px;
    margin-left: 4px;
}
.e-bookSec .e-bookContent .btn-link:hover img{  
filter: invert(99%) sepia(4%) saturate(80%) hue-rotate(227deg) brightness(255%) contrast(100%);
}
.e-bookSec .e-bookContent .btn-link:hover{  
    box-shadow: 0px 4px 26px 5px rgba(32, 100, 146, 0.88);
    background:#4f4f4f;
     border: 2px solid #494949;
    color: #fff;
}
.ebook_modal .modal-header {  
    padding: 0.5rem 2rem;
}
.ebook_modal .modal-body .close {
    color: #fff;
    font-size: 25px;
    outline: none;
    opacity: 1;
}
.ebook_modal .modal-title img{
    width: 100px;
}
.ebook_modal .modal-body{
    padding: 1.5rem;
    /* padding-bottom: 60px;
    padding-top: 90px; */
}
.ebook_modal .modal-body::before{
    content: '';
    position: absolute;
    background: linear-gradient(177.91deg, #2B9996 -21.53%, #2D84BD 98.24%);
    left: 0;
    top: 0;
    height: 204px;
    width: 100%;

}
.whitepage-form-container{
background: #F4FBFF;
box-shadow: 0px 4px 31px 2px rgba(85, 85, 85, 0.21);
border-radius: 20px;
position: relative;
padding: 20px;
}
/* .ebook_modal .modal-body form{
background: #F4FBFF;
box-shadow: 0px 4px 31px 2px rgba(85, 85, 85, 0.21);
border-radius: 30px;
position: relative;
padding: 30px;
} */
.ebook_modal .modal-content {
    width: 80%;
    margin: 0 auto;
    border: none!important;
}
.ebook_modal .modal-body .whitepage-form-container .text{
width: 100%;
margin-bottom: 20px;
}
.ebook_modal .modal-body .whitepage-form-container .text h3{
color: #000;
line-height: 45.25px;
}
.ebook_modal .modal-body .whitepage-form-container .text p{
color: #666666;
padding-top: 5px;
}
.ebook_modal .col-form-label {
    text-transform: capitalize;
}
.ebook_modal .form-control {
    color: #495057;
    background-color: transparent;
    border: 1px solid #D2D2D2;
    border-radius: 0.25rem;
    text-transform: initial;
    padding: 21px 20px;
    font-size: 16px;
}
.btn-link-submit{
    background: #259AE8!important;
    color: #FFFFFF!important;
    margin-top: 40px;
    text-transform: capitalize;
    transition: all 0.3s;
    margin-top: 30px!important;
    border: transparent!important;
}
.btn-link-submit:hover{
    background: #186fa9!important;
    color: #FFFFFF!important;
    border: transparent!important;
}
.ebook_modal .wpcf7 form .wpcf7-response-output {
    margin: 1em 0.5em 1em!important;
    text-align: center;
    font-size: 14px!important;
    position: absolute;
    bottom: -36px;
    left: 0;
    right: 0;
}
.ebook_modal .wpcf7-not-valid-tip {   
    position: absolute!important;
    font-size: 14px!important;
}
.ebook_modal .form-group {
    margin-bottom: 1.3rem!important;
}
.wpcf7 form.sent .wpcf7-response-output{
    font-size:12px!important;
}
/* ///////////////////31-08-2022/////////////////////// */
.grecaptcha-badge{display:none!important;}
.page-template-page-medical_pharma .grecaptcha-badge, .page-template-page-contact .grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 2px !important;
  z-index:99999!important;
  display:block!important;
}

.page-template-page-medical_pharma .grecaptcha-badge:hover, 
.page-template-page-contact .grecaptcha-badge:hover{
  width: 256px !important;
}

.VideoPopSectionWrap {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  margin: 34px 0 60px 0;
}

.videoPopContainer {
  width: 1270px;
  float: left;
}

.videoPopInner {
    width: 100%;
    float: left;
    background: linear-gradient(112.83deg, #259DEF 41.45%, #0674BE 89.54%);
    border-radius: 309px 25px 25px 25px;
    height: 480px;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.videoPopInner article {
    width: 400px;
    float: left;
    min-height: 60px;
    margin: 0 100px 0 0px;
    position: relative;
    z-index: 10;
}

.videoPopInner article h2 {
    width: 100%;
    float: left;
    margin: 0 0 0 0;
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    color: #FFFFFF;
}

.videoPopInner article p {
    width: 100%;
    float: left;
    margin: 23px 0 0 0;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #AFDFFF;
}

.videoPopInner article a {
    float: left;
    margin: 40px 0 0 0;
    display: flex;
    align-items: center;
    font-family: 'Quicksand';
    color: #fff;
    font-size: 18px;
}

.videoPopInner article a i {
    float: left;
    width: 55px;
    height: 55px;
    background: #FFC700;
    box-shadow: 0px 4px 11px rgba(123, 101, 21, 0.43);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px !important;
    color: #ffc700;
    -webkit-text-stroke: 2px #fff;
    margin: 0 10px 0 0;
}

.videoPopInner::after {
    content: '';
    position: absolute;
    width: 583px;
    height: 547px;
    background-image: url(../images/appleDesktop.svg);
    background-size: contain;
    background-repeat: no-repeat;
    top: -37px;
    left: 70px;
}

.videoPopInner::before {
    content: '';
    position: absolute;
    width: 207px;
    height: 100%;
    top: 0;
    right: -4px;
    background-image: url(../images/squreBoxBac.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.page-id-2175 .hero_v2_sub_header .header02-middle-contentr{
    padding-bottom: 14px;
}
.page-id-2175 .content-part {
    background: #9dd8f7;
}

.page-id-2175 .content_inner_02{
    padding-top:0px!important;
}

.page-id-2197 .hero_v2_sub_header .header02-middle-contentr{
    padding-bottom: 14px;
}
.page-id-2197 .content-part {
    background: #9dd8f7;
}

.page-id-2197 .content_inner_02{
    padding-top:0px!important;
}


/*******************************  POPUP - 25-11-2022  ***************************/

.t__onloadBttn {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.52);
    top: 0;
    left: 0;
    display: none;
}

.t__OnloadContain {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.4s ease-in-out;
    transform: scale(1.3);
    opacity: 0;
    padding: 15px 10px;
}

.t__onloadActive .t__OnloadContain {
    transform: scale(1);
    opacity: 1;
}

.t__onloadInner {
    width: 711px;
    height: auto;
    border-radius: 20px;
    padding: 5px;
    float: left;
    position: relative;
    background-color: #fff;
}

.t__onloadInner picture {
    width: 100%;
    height: 435px;
    background-color: #f00;
    background-image: url(../images/popBackImg.png);
    background-size: cover;
    float: left;
    border-radius: 17px;
    overflow: hidden;
    position: relative;
}

.t__onloadInner picture::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(110.28deg, rgba(206, 11, 255, 0.67) 8.88%, rgba(10, 64, 255, 0.71) 86.2%);
    top: 0;
    left: 0;
}


.t__onloadInner article {
    position: absolute;
    width: 348px;
    top: 138px;
    left: 47px;
    z-index: 99;
    font-family: 'Poppins', sans-serif;
}

.t__onloadInner article h4 {
    width: 100%;
    float: left;
    margin: 0 0;
    font-size: 20px;
    line-height: unset;
    color: #fff;
    font-family: 'Poppins', sans-serif;
}

.t__onloadInner article h4 strong {
    display: block;
    margin: 20px 0 8px 0;
    font-size: 26px;
    font-weight: 600;
}

.t__onloadInner article span {
    width: 100%;
    float: left;
    margin: 18px 0 0 0;
    display: flex;
    flex-flow: row wrap;
    gap: 17px;
}

.t__onloadInner article span a.bttns {
    float: left;
    color: #000;
    background-color: #EFDD3D;
    padding: 14px 29px;
    text-decoration: none;
    font-size: 17px;
    font-weight: 500;
    border-radius: 8px;
    transition: 0.3s ease-in-out;
}

.t__onloadInner article span a.bttns:hover {
    background-color: #fff;
}

.closeIcon {
    position: absolute; 
    right: 23px;
    top: 17px;
    font-size: 26px;
    -webkit-text-stroke: 2px #fff;
    color: #f00;
    cursor: pointer;
    user-select: none;
    z-index: 999;
}

/*******************************  POPUP END - 25-11-2022  ***************************/

/********************** Popup Responsive 08-12-2022 **********************/


@media (min-width: 240px) and (max-width: 500px) {
    .t__onloadInner article {
        position: absolute;
        width: 100%;
        top: 131px;
        right: 0;
        z-index: 99;
        font-family: 'Poppins', sans-serif;
        padding: 1px 24px;
    }
    .wprmenu_parent_item_li {
        position: relative;
    }
}

@media (min-width: 501px) and (max-width: 810px) {
    .t__onloadInner article {
        position: absolute;
        width: 100%;
        top: 131px;
        right: 0;
        z-index: 99;
        font-family: 'Poppins', sans-serif;
        padding: 1px 24px;
    }
}

#mg-wprm-wrap ul li span.wprmenu_icon {
    width: 97% !important;
}

ul#wprmenu_menu_ul li span::before {
    color: #000;
}


ul#wprmenu_menu_ul li:hover span::before {
    color: #007bff;
}


.search-box-container{
    width: 100%;
    height: auto;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    display: flex;
    padding: 40px 0 40px;  
}
.search-box-container .innerHeaderText{
    font-family: 'SourceSansProBold';
    font-size: 58px;
    color: #343434;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 20px;
    text-align: center;
}
.innerHeaderText{
 text-align: center;
}
.blogDescriptionText{
    width: 100%;
    height: auto;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    display: flex;
}
.blogDescriptionText p{
    width: 80%;
    text-align: center;
}
.searchPanelWrap {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    margin: 20px 0 50px;
}
.searchPanelWrap form {
    width: 600px;
    float: left;
    background-color: #fff;
    box-shadow: 0px 6px 20px rgba(0,0,0,.06);
    border-radius: 50px;
    overflow: hidden;
    position: relative;
}
 .searchPanelWrap form .searchBox {
    width: 100%;
    height: 60px;
    border: 1px solid #cfcfcf;
    font-family: "Poppins";
    font-size: 20px;
    padding: 0 25px;
    outline: none;
    border-radius: 50px;
}
.searchPanelWrap form .submitBox {
    position: absolute;
    width: 50px;
    height: 50px;
    background: #3DA7EF;
    background-image: url("../images/searchIcon.png");    
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
    border-radius: 100%;
    right: 6px;
    top: 5px;
    outline: none;
    border: 0;
}

.slideDownExtraText {
    width: 100%;
    float: left;
    display: none;
}

.sMLBttn {
    float: left;
    margin: 0 0 0;
    color: #0370bb;
}

.showAllText {
    width: 100%;
    float: left;
    display: none;
}

.videosblock {
    width: 90%;
    float: left;
    display: flex;
    flex-flow: row wrap;
    gap: 18px;
    margin: 20px 0 0 0;
}

.vBox {
    width: 270px;
    height: 310px;
    border-radius: 18px;
    float: left;
    background-color: #f7f7f7;
    overflow: hidden;
    position: relative;
}

.vBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vBox .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(84, 173, 255, 0.00) 0%, #388CD9 100%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.vBox:nth-child(2) .overlay {
    background: linear-gradient(180deg, rgba(255, 0, 0, 0.00) 0%, #A61F1F 100%);
}

.vBox:nth-child(3) .overlay {
    background: linear-gradient(180deg, rgba(255, 193, 33, 0.00) 0%, #FFC121 100%);
}

.vBox .overlay i {
    font-size: 79px !important;
    color: rgba(255, 255, 255, 0.3);
    -webkit-text-stroke: 2px #fff;
}

.addtoany_share_save_container {
    display: flex;
    flex-flow: column-reverse;
    gap: 16px;
    margin: 9px 0 12px 0 !important;
    float: left;
    width: 100%;
}

.updatedText {
    color: #999;
    width: 100%;
    float: left;
    margin: -10px 0 15px 0;
}

.featured_img .updatedText {
    color: #999;
    width: 78%;
    float: left;
    margin: 4px 0 15px 0;
    text-align: left;
    padding: 0 0 0 0;
}

/*********************************************  blogNew 22-04-2024  ****************************************/

.newBlogWrap {
    width: 100%;
    float: left;
    background-color: #fff;
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 0 12px;
}

.blogContainer {
    width: 1200px;
    float: left;
}

.blogNewInner {
    width: 100%;
    float: left;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: stretch;
    margin: 100px 0;
    gap: 35px;
}

.blogNewInner h2 {
    width: 100%;
    float: left;
    text-align: center;
    margin: 0 0 30px 0;
    font-size: 25px;
    font-family: 'Poppins' !important;
    color: #000;
}

.blogBox {
    width: 370px;
    height: auto;
    float: left;
    position: relative;
    overflow: hidden;
    border: 1px solid #EEEEEE;
}

.blogBox picture {
    width: 100%;
    float: left;
    height: 250px;
    background-color: #ddd;
}

.blogBox picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blogBox article {
    width: 100%;
    float: left;
    border-top: 0;
    padding: 25px 22px;
    /* position: relative; */
    min-height: 170px;
    transition: 0.3s ease-in-out;
    overflow: hidden;
}

.blogBox article::after {
    position: absolute;
    content: '';
    background-color: #F7F7F7;
    width: 145px;
    height: 145px;
    bottom: -121px;
    right: 0;
    transform: rotate(45deg);
    transform-origin: right bottom;
    transition: 0.3s ease-in-out;
}

.blogBox article .arrow {
    position: absolute;
    z-index: 12;
    bottom: 12px;
    right: 8px;
    font-size: 30px !important;
    color: #C8C8C8;
    -webkit-text-stroke: 3px #f7f7f7;
    transition: 0.3s ease-in-out;
}

.blogBox article h3 {
    width: 100%;
    float: left;
    margin: 0 0 0 0;
    color: #000;
    font-size: 16px;
    font-family: 'Poppins' !important;
    line-height: 22px;
    height: 75px;
    overflow: hidden;
}

.blogBox article h3 small {
    width: 100%;
    float: left;
    color: #5E5E5E;
    font-weight: 600;
    margin: 0 0 7px 0;
    transition: 0.3s ease-in-out;
}

.blogBox article .tagsWrap {
    width: 100%;
    float: left;
    display: flex;
    gap: 6px;
    margin: 12px 0 0 0;
    flex-flow: row wrap;
    position: relative;
    z-index: 1;
    min-height: 60px;
}

.blogBox article .tagsWrap span {
    background-color: #e7e7e7;
    font-size: 11px;
    padding: 5px 6px;
    text-transform: capitalize;
    border-radius: 4px;
    color: #000;
    font-weight: 400;
    font-family: 'Poppins';
    height: 27px;
}

.blogBox:hover {
    border-color: #FFC121;
}

.blogBox:hover article h3 small {
    color: #D6A016;
}

.blogBox:hover article::after {
    background-color: #FFC121;
}

.blogBox:hover article .arrow {
    color: #000;
    -webkit-text-stroke: 3px #FFC121;
}

/************************************  new Designs 18-05-2024  ************************************/

.newDesignBlock {
    width: 100%;
    float: left;
    display: flex;
    flex-flow: column;
    align-items: center;
}

.newDesignBlock .nbContents {
    width: 100%;
    float: left;
    display: flex;
    flex-flow: column;
}

.newDesignBlock .nbContents .contentsWrap {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    padding: 48px 0;
}

.newDesignBlock .nbContents .contentsWrap .cwContainer {
    width: 1200px;
    float: left;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
}

.newDesignBlock .nbContents .contentsWrap.bgWhite {
    background-color: #fff;
}

.newDesignBlock .nbContents .contentsWrap:nth-child(odd) .cwContainer {
    flex-flow: row-reverse;
}

.contentsWrap picture {
    width: 520px;
    float: left;
}

.contentsWrap picture img {
    width: 100%;
}

.contentsWrap article {
    width: 550px;
    float: left;
}

.contentsWrap article h2 {
    width: 100%;
    float: left;
    margin: 0 0 0 0;
    font-family: 'Spoof';
    font-size: 36px;
    line-height: 48px;
    color: #2b2b2b;
    font-weight: 500;
    font-style: normal;
    /* -webkit-font-smoothing: */
}

.contentsWrap article .contents {
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
    mask-image: linear-gradient(180deg, #000 50%, transparent);
    max-height: 305px;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
}

.contentsWrap article .contents.showFullText {
    max-height: 5000px;
    mask-image: linear-gradient(180deg, #000 100%, transparent);
    margin: 0 0 15px 0 ;
}

.contentsWrap article .contents p {
    width: 100%;
    float: left;  
    margin: 8px 0;
    line-height: 170%;
    font-size: 16px;
    color: #494949;
}

.contentsWrap article .contents h2 {
    width: 100%;
    float: left;
    color: #000;
    font-size: 27px;
    margin: 11px 0 3px 0;
}

.contentsWrap article .contents h3 {
    width: 100%;
    float: left;
    color: #000;
    font-size: 23px;
    margin: 11px 0 3px 0;
}

.contentsWrap article .contents h4 {
    width: 100%;
    float: left;
    color: #000;
    font-size: 20px;
    margin: 11px 0 3px 0;
}

.contentsWrap article .contents h5 {
    width: 100%;
    float: left;
    color: #000;
    font-size: 17px;
    margin: 11px 0 3px 0;
}

.contentsWrap article .contents h6 {
    width: 100%;
    float: left;
    color: #000;
    font-size: 15px;
    margin: 11px 0 3px 0;
}

.contentsWrap article .contents ul {
    width: 100%;
    float: left;
    margin: 19px 0 15px 0;
    padding: 0 0 0 19px;
    display: flex;
    flex-flow: column;
    gap: 10px;
}

.contentsWrap article .contents ol {
    width: 100%;
    float: left;
    margin: 19px 0 15px 0;
    padding: 0 0 0 19px;
}

/*************************  17-07-2024  ************************/

.contentsBlockWrap {
    width: 100%;
    float: left;
    display: flex;
    flex-flow: column;
    gap: 40px;
}

.contentsBlockWrap .content-block {
    width: 100%;
    float: left;
    display: flex;
    flex-flow: row;
    align-items: center;
    gap: 75px;
}

.contentsBlockWrap .content-block:nth-child(even) {
    flex-flow: row-reverse;
}

.contentsBlockWrap .contnt-div-inner-div {
    padding-top: 0;
    margin-right: 0;
}

.contentsBlockWrap .contnt-div-inner-div img {
    max-width: 90%;
    float: right;
}

.contentsBlockWrap .content-block:nth-child(even) img {
    float: left !important;
} 

.contentsBlockWrap .contnt-div-inner-div h2 {
    line-height: 115%;
    width: 100%;
    float: left;
}


/***********************************************  nav menu new (27-07-2024)  *************************************/


.navWrap {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menuInner {
    float: left;
}

.menuList {
    float: left;
    padding: 0;
    margin: 0;
    display: flex;
    list-style: none;
    gap: 30px;
}

.menuList li {
    float: left;
    margin: 0;
    position: relative;
    padding: 26px 0;
}

.menuList li a {
    font-family: 'raleway';
    color: #3b3b3b;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .6px;
}

.menuList li a:hover {
    color: #3DA7EF;
}

.menuList li .sub-menu {
    position: absolute;
    left: 0;
    padding: 12px 26px;
    list-style: none;
    min-width: 240px;
    background: #fff;
    box-shadow: 0 2px 18px rgba(0, 0, 0, 0.12);
    border-radius: 15px;
    top: 65px;
    display: none;
}

.hideTemp {
    transform: scale(0);
}

.menuList li .sub-menu .megaMenu {
    width: 410px;
    display: flex;
    flex-flow: row wrap;
    float: left;
    justify-content: space-between;
    position: relative;
}

.menuList li .sub-menu .megaMenu li {
    width: 43%;
}

.menuList li .sub-menu li {
    width: 100%;
    float: left;
    padding: 7px 0;
}

.menuList li .sub-menu li a {
    font-weight: 600;
    font-size: 12px;
    padding: 0 0;
}

.menuList li .sub-menu .megaMenu::after {
    position: absolute;
    content: '';
    background-color: #ddd;
    height: 80%;
    width: 1px;
    left: 45%;
    top: 10%;
}

.menuList li .sub-menu::before {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    background: #fff;
    top: -6px;
    left: 21px;
    transform: rotate(45deg);
}

.dteBlock {
    padding-top: 0 !important;
}

.dteBlock .contnt-div-inner-div-full {
    padding-top: 0 !important;
}

/*****************************************  10-08-2024  ***********************************/

.archiveListWrap {
    width: 100%;
    float: left;
    margin: 50px 0 80px;
    background: #F6F6F6;
    display: flex;
    justify-content: center;
}

.archiveListWrap .containerMain {
    width: 980px;
    float: left;
}

.archiveListWrap .aListingInner {
    width: 100%;
    float: left;
}

.archiveListWrap .aListingInner h1 {
    width: 100%;
    float: left;
    text-align: center;
    color: #4A4A4A;
    text-align: center;
    font-family: 'Raleway';
    font-size: 32px;
    line-height: normal;
    font-weight: 700;
    margin: 0;
    transition: 0.3s ease-in-out;
}

.archiveListWrap .aListingInner h1 small {
    width: 100%;
    float: left;
    color: #ED3237;
    font-weight: 600;
    margin: 0 0 1px 0;
    line-height: normal;
    font-size: 14px;
}

.archiveListWrap .aListingInner .listMain {
    width: 100%;
    float: left;
    margin: 55px 0 0 0;
    display: flex;
    flex-flow: row wrap;   
    gap: 30px;
    justify-content: center;
}

.archiveListWrap .aListingInner .listMain .archiveBox {
    width: 300px;
    height: 315px;
    overflow: hidden;
    float: left;
    border-radius: 19px;
    background: #F5F5F5;
    box-shadow: -6.403px -4.269px 9.96px 0px #FFF, 9.249px 11.383px 17.075px 0px rgba(0, 0, 0, 0.06);
    padding: 22px;
}

.archiveListWrap .aListingInner .listMain .archiveBox picture {
    width: 100%;
    float: left;
    height: 140px;
    overflow: hidden;
    border-radius: 10px;
    background-color: #ddd;
}

.archiveListWrap .aListingInner .listMain .archiveBox picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.archiveListWrap .aListingInner .listMain .archiveBox article {
    width: 100%;
    float: left; 
    margin: 12px 0 0 0;
}

.archiveListWrap .aListingInner .listMain .archiveBox article h3 {
    width: 100%;
    float: left;
    color: #282828;
    font-family: 'Poppins';
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    overflow: hidden;
    max-height: 42px;
    transition: 0.3s ease-in-out;
}

.archiveListWrap .aListingInner .listMain .archiveBox:hover article h3 {
    color: #2196f3;
}

.archiveListWrap .aListingInner .listMain .archiveBox article p {
    width: 100%;
    float: left; 
    color: #555;
    font-family: 'Poppins';
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    margin: 7px 0 0 0;
    max-height: 42px;
    overflow: hidden;
}

.archiveListWrap .aListingInner .listMain .archiveBox article .date {
    width: 100%;
    float: left;
    color: #2196f3;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Poppins';
    margin: 0 0 5px 0;
}

 
/**************************************************  sneak peek |  12-08-2024  ************************************/

.withShadow {
    box-shadow: 0px 2.844px 14.93px 0px rgba(0, 0, 0, 0.06);
}

.pageSneakpeekWrap {
    width: 100%;
    float: left;
    position: relative;
    display: flex;
    justify-content: center;
    padding: 50px 0 80px 0;
    background-color: #fff;
    background-image: url(../images/sneakPeakBack.svg);
    background-repeat: no-repeat;
    background-size: 131px;
    background-position: 0px 42px;
    margin: 80px 0 0 0;
}

.pspInner {
    width: 862px;
    float: left;
    display: flex;
    flex-flow: column;
    align-items: center;
}

.pspTopHead {
    width: 738px;
    float: left;
    text-align: center;
}

.pspTopHead h1 {
    width: 100%;
    float: left;
    margin: 0;
    color: #363636;
    font-family: 'Poppins';
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    position: relative;
}

.pspTopHead h1::after {
    content: '';
    position: absolute;
    background: #67B9F1;
    width: 144px;
    height: 3px;
    left: calc(50% - 72px);
    bottom: 0;
    bottom: -15px;
}

.pspTopHead h1 small {
    width: 100%;
    float: left;
    margin: 0 0 0 0;
    color: #EF1865;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
}

.pspTopHead p {
    width: 100%;
    float: left;
    color: #4D4D4D;
    text-align: center;
    font-family: 'Poppins';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 221.053%;
    margin: 48px 0 0 0;
}

.videoContainerBox {
    border-radius: 26.305px;
    background: #DDF1FF;
    width: 100%;
    height: 372px;
    float: left;
    margin: 33px 0 0 0;
    overflow: hidden;
    box-shadow: 0px 7px 20px rgba(71, 133, 212, 0.20);
    position: relative;
}

.playIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(#ff69b1, #fccc12);
    font-size: 29px;
    color: #fff !important;
    text-shadow: 2px 0px 6px rgba(0, 0, 0, 0.12);
    transition: 0.3s ease-in-out;
}

.playIcon i {
    margin: 0 0 0 6px;
}

.playIcon:hover {
    transform: translate(-50%, -50%) rotate(120deg);
}

.videoContainerBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.textContain {
    width: 100%;
    float: left;
    text-align: center;
    font-family: 'Poppins';
    color: #ff167d;
    margin: 29px 0 15px 0;
    font-size: 17px;
    font-weight: 500;
}

.bookBttn {
    float: left;
    border-radius: 40px;
    background: #3da7ef;
    border: 2px solid #3da7ef;
    /* box-shadow: 2.844px 4.266px 5.688px 0px rgba(255, 255, 255, 0.34) inset, 0px 9.242px 18.484px 0px rgba(77, 195, 255, 0.6); */
    padding: 12px 34px;
    color: #FFF;
    text-align: center;
    font-family: 'Lato';
    font-size: 17px;
    font-weight: 500;
    margin: 15px 0 0 0;
    transition: 0.3s ease-in-out;
}

.bookBttn:hover {
    color: #000;
    background-color: #fff;
    text-decoration: none !important;
}

.demoSessionVid {
    width: 100%;
    float: left;
    border-radius: 27px;
    /* background: #DDF1FF; */
    height: 488px;
    overflow: hidden;
}

.demoSessionVid iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pspInner article {
    width: 695px;
    float: left;
    margin: 43px 0 0 0;
    text-align: center;
    display: flex;
    flex-flow: column;
    align-items: center;
}

.pspInner article h3 {
    width: 100%;
    float: left;
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    margin: 0 0 50px 0;
    position: relative;
    font-family: 'Poppins';
}

.pspInner article p {
    width: 100%;
    float: left;
    color: #5C5C5C;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 215%;
    font-family: 'Poppins';
}

.pspInner article p a {
    color: #FF7A00;
}

.pspInner article h3::after {
    content: '';
    position: absolute;
    border-radius: 2.134px;
    background: #FFC700;
    width: 144px;
    height: 3px;
    left: calc(50% - 72px);
    bottom: 0;
    bottom: -22px;
}

.pspInner article .videoNext {
    display: inline-block;
    background-color: #FF7A00;
    box-shadow: 2.844px 4.266px 5.688px 0px rgba(255, 255, 255, 0.34) inset, 0px 9.249px 18.498px rgba(255, 122, 0, 0.40);
    padding: 10px 28px 10px 10px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    gap: 18px;
    color: #FFF !important;
    font-family: 'Poppins';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    max-width: 250px;
    margin: 15px 0 0 0;
    transition: 0.3s ease-in-out;
    transform-origin: top center;
}

.pspInner article .videoNext:hover {
    transform: scale(1.1);
}

.pspInner article .videoNext i {
    width: 43px;
    height: 43px;
    float: left;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.74);
    color: #FF7A00;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-template-page-demo .content-part, .page-template-page-demo-session-one .content-part, .page-id-4117 .content-part{
    padding: 0 0 !important;
}

#ez-toc-container {
    width: 100%!important;
    border: 1px solid #aaa!important;
    border-radius: 4px!important;
    box-shadow: none!important;
    display: table!important;
    margin-bottom: 1em!important;
    padding: 12px 25px!important;
    position: relative!important;
    float: left!important;
    background-color: #fff !important;
}

#ez-toc-container ul{
    width: 100%!important;
    float: left!important;
    margin: 9px 0px 19px!important;
    padding: 14px 20px!important;
    background: rgb(240 240 240)!important;
}

#ez-toc-container a{
    color: #343f47!important;
    font-size: 15px!important;
    margin: 4px 3px!important;
}

/*********************************************  footer New  *******************************************/

.footerNew {
    width: 100%;
    float: left;
    padding: 33px 0 34px 0;
    background: #161E29;
    font-family: 'Inter';
    position: relative;
    overflow: hidden;
}
.footerNew::after {
    content: '';
    width: 400px;
    height: 400px;
    background-color: #455469;
    border-radius: 100%;
    top: -183px;
    right: -117px;
    position: absolute;
}
.footerContainer {
    width: 1140px;
    float: left;
}
.footerNew .footerHeader {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    padding: 0 15px 25px;
    border-bottom: 1px solid #3F4245;
    position: relative;
    z-index: 1;
}
.footerNew .footerHeader .footerHeaderInner {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footerNew .footerHeader .footerHeaderInner .footerLogo {
    float: left;
}
.footerNew .footerHeader .footerHeaderInner .footerLogo img {
    width: 120px;
}
.footerHeaderRight {
    float: left;
    display: flex;
    align-items: center;
    gap: 23px;
}
.footerHeaderRight h4 {
    width: 285px;
    float: left;
    display: flex;
    flex-flow: column;
    color: #FFF;
    font-family: 'Inter';
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.footerHeaderRight h4 small {
    width: 100%;
    float: left;
    color: #FFF;
    font-family: 'Inter';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 7px 0 0 0;
}
.footerHeaderRight a.imgBttn {
    width: 160px;
    float: left;
}
.footerHeaderRight a.imgBttn img {
    width: 100%;
}
.footerBody {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    margin: 35px 0 0 0;
    position: relative;
    z-index: 1;
}
.footerBody .footerBodyInner {
    width: 100%;
    float: left;
    display: flex;
    flex-flow: row wrap;
    gap: 30px;
}
.footBlock {
    width: 320px;
    float: left;
    margin: 20px 0 0;
}
.footBlock h5 {
    width: 100%;
    float: left;
    font-size: 20px;
    color: #fff;
    font-family: 'Inter';
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
}
.footBlock h5 i {
    width: 30px;
    height: 30px;
    background-color: #5A5C7F;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 30px;
    font-size: 16px;
    color: #BBBFFF;
}
.footBlock h5 i.fa-cog {
    background-color: #6E6A64;
    color: #FBAC35;
}
.footBlock h5 i.fa-heart {
    background-color: #688276;
    color: #3FDD94;
}
.footBlock .footLinks {
    width: 100%;
    float: left;
    margin: 15px 0 0 0;
    display: flex;
    flex-flow: row wrap;
    padding: 0;
    list-style: none;
}
.footBlock .footLinks li {
    width: 50%;
    float: left;
    margin: 5px 0 5px 0;
}
.footBlock .footLinks li a {
    width: 100%;
    float: left;
    color: #C7C7C7;
    font-family: 'Inter';
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    font-family: 'Inter';
}

.footBlock.features {
    width: 775px;
    float: left;
}

.footBlock.features .footLinks li {
    width: 25%;
    float: left;
}

.footBlock.solutions {
    width: 100%;
}

.footBlock.solutions .footLinks li {
    width: 16.5%;
    float: left;
}


.footBlock .footLinks li a:hover {
    color: #007BC3;
}

.endFooterWrap {
    width: 100%;
    float: left;
    margin: 35px 0 0 0;
    display: flex;
    justify-content: center;
    border-top: 1px solid #3F4245;
    position: relative;
    z-index: 1;
}
.endFooterWrap .endFooterInner {
    width: 100%;
    float: left;
    margin: 18px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row wrap;
}
.endFooterWrap .endFooterInner p {
    float: left;
    color: #AFAFAF;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 300;
}
.endFooterWrap .endFooterInner p a {
    color: #AFAFAF;
}
.socialIcons {
    float: left;
    display: flex;
    gap: 8px;
}
.icon {
    background-color: #007BC3;
    min-width: 35px;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #fff;
}
.icon:hover {
    color: #007BC3;
    background-color: #fff;
}
.textcontent-block-wrapper{
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    gap:60px;
    
}
.page-solution-text-content{
    width: 50%;
    float: left;
    text-align: justify;
}
.page-solution-image{
    width: 50%;
    float: left;
    margin-top: 13px;
}
.page-solution-image image{
    width: 100%;
    object-fit: cover;

}

/****************************  12-05-2024  ***********************/

.post table {
    width: 100%;
    float: left;
    margin: 50px 0;
}

.post table td {
    padding: 6px 11px;
    font-size: 15px;
    border: 1px solid #000;
}

.post table tr:first-child td {
    background-color: #e2efff;
    color: #000 !important;
    font-weight: 500 !important;
}

.post table tr:first-child td strong {
    font-weight: 500 !important;
}

.post table td b {
    color: #000;
    font-size: 16px;
    font-weight: 500;
}

.post table td span {
    color: #5d5d5d;
    font-size: 15px;
}

.post table.hasThead thead tr th {
    background-color: #e2efff;
    padding: 6px 11px;
    font-size: 15px;
    border: 1px solid #000;
    font-weight: 500;
    color: #000;
}

.post table.hasThead thead tr th b {
    font-weight: 500 !important;
}

.post table.hasThead tr:first-child td {
    background-color: #fff;
    color: #636262 !important;
    font-weight: 500 !important;
}

.post table.hasThead thead tr th:first-child {
    white-space: nowrap;
}

.post table tr:first-child td:first-child {
    white-space: nowrap;
}


/******************************  16-06-2025 end  ***************************/


.chatSupportFooter{
    cursor: pointer!important;
}

.geoFenceWrap {
    width: 100%;
    float: left;
    padding: 70px 0;
    background-color: #4c6ad2;
}

.geoFenceWrap .container {
    display: flex;
    justify-content: space-between;
    gap: 60px;
}

.gVideo {
    min-width: 600px;
    max-width: 600px;
    float: left;
}

.gVideo h3 {
    width: 100%;
    float: left;
    font-family: 'Inter';
    font-size: 44px;
    margin: 0 0 37px 0;
    letter-spacing: 2px;
    font-weight: 100;
}

.gVideo video {
    width: 100%;
    height: auto;
    margin: 0 0;
}

.geoFenceWrap article {
    width: 100%;
    float: left;
}

.geoFenceWrap article h2 {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 20px;
    line-height: 143%;
    font-weight: 400;
    margin: 0 0 0 0;
    font-family: 'Inter';
}

.geoFenceWrap article ul {
    width: 100%;
    float: left;
    padding: 0 0 0 20px;
    margin: 15px 0 0 0;
}

.geoFenceWrap article ul li {
    width: 100%;
    float: left;
    color: #e5ebff;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Inter';
    line-height: 25px;
}

.geoFenceWrap article p {
    width: 100%;
    float: left;
    color: #e5ebff;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Inter';
    line-height: 27px;
    margin: 15px 0 0 0;
}

.contnt-div-inner-div video {
    width: 100%;
}

.content-block:last-child .contnt-div {
    align-content: flex-start !important;
}

.content-block:last-child .contnt-div:last-child {
    width: 70% !important;
}
.content-block:last-child .contnt-div:last-child .contnt-div-inner-div {
    width: 100% !important;
}

/******************************************************  23-02-2026  ************************************************/

body.page-template-page-customer-visit-tracking-app .content-part {
    background: #F4FAFF;
}

body.page-template-page-employee-monitoring-app .content-part {
    background: #F4FAFF;
}

body.page-template-page-customer-visit-tracking-app .content-part .hero-header02.hero_v2_sub_header {
    display: none;
}

body.page-template-page-beat-plan-pjp-guide .content-part {
    background: #F4FAFF;
}

body.page-template-page-beat-plan-pjp-guide .content-part .hero-header02.hero_v2_sub_header {
    display: none;
}

body.page-template-page-employee-monitoring-app .content-part .hero-header02.hero_v2_sub_header {
    display: none;
}

body.page-id-4527 .content-part {
    background: #F4FAFF;
}

body.page-id-4527 .content-part .hero-header02.hero_v2_sub_header {
    display: none;
}

body.page-template-page-attendance-payroll-field-sales .content-part {
    background: #F4FAFF;
}

body.page-template-page-attendance-payroll-field-sales .content-part .hero-header02.hero_v2_sub_header {
    display: none;
}

.customerVisitpageWrap {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 65px 0 98px 0;
}

.customerVisitpageWrap .topArticle {
    width: 100%;
    float: left;
    max-width: 837px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.customerVisitpageWrap .topArticle h1 {
    width: 100%;
    float: left;
    max-width: 760px;
    color: #384F65;
    font-family: 'Poppins';
    font-size: 43px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 0 0;
}

.customerVisitpageWrap .topArticle h2 {
    width: 100%;
    float: left;
    max-width: 760px;
    color: #384F65;
    font-family: 'Poppins';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin: 7px 0 0 0;
}
.customerVisitpageWrap .topArticle h1 span.highlight {
    color: #0291F1;
}

.customerVisitpageWrap .topArticle p {
    width: 100%;
    float: left;
    color: #597086;
    text-align: center;
    font-family: 'Poppins';
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 182%;
    margin: 27px 0 0 0;
}

.customerVisitpageWrap .topArticle .sendEmailPageWrap {
    width: 100%;
    float: left;
    max-width: 508px;
    height: 60px;
    border-radius: 60px;
    background: #FFF;
    box-shadow: 0 12px 21px 4px rgba(2, 145, 241, 0.06);
    padding: 7px;
    display: flex;
    align-items: center;
    margin: 28px 0 0 0;
}

.customerVisitpageWrap .topArticle .sendEmailPageWrap .emailInp {
    width: 100%;
    float: left;
    background-color: #fff;
    height: 35px;
    color: #000;
    font-family: 'Poppins';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    padding: 0 0 0 67px;
    border: 0;
    background-image: url(../images/paperPlaneImg.svg);
    background-repeat: no-repeat;
    background-position: 16px 50%;
    background-size: 30px;
    outline: none !important;
}

.customerVisitpageWrap .topArticle .sendEmailPageWrap .emailInp::placeholder {
    color: #889DB1;
}

.customerVisitpageWrap .topArticle .sendEmailPageWrap .submitBtn {
    border-radius: 25px;
    background: linear-gradient(98deg, #50B8FF 26.61%, #0291F2 79.81%);
    width: 142px;
    min-width: 142px;
    height: 47px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-family: 'Inter';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    border: 0;
    outline: none;
    transition: 0.3s ease-in-out;
    transform-origin: right;
}

.customerVisitpageWrap .topArticle .sendEmailPageWrap .submitBtn:hover {
    transform: scale(1.08);
}

.customerVisitpageWrap .topImgWrap {
    width: 100%;
    float: left;
    max-width: 1034px;
    margin: 40px 0 0 0;
}

.customerVisitpageWrap .topImgWrap img {
    width: 100%;
}

.customerVisitpageWrap .clientLogosWrap {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    gap: 15px;
    max-width: 1034px;
    margin: 30px 0 0 0;
}

.customerVisitpageWrap .clientLogosWrap img {
    width: auto;
    height: 45px;
    opacity: 0.5;
}

.customerVisitpageWrap .allBlocksWrap {
    width: 100%;
    float: left;
    max-width: 1034px;
    margin: 90px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.customerVisitpageWrap .allBlocksWrap .blockBox {
    width: 100%;
    float: left;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    gap: 12px;
}

.customerVisitpageWrap .allBlocksWrap .blockBox:nth-child(even) {
    flex-direction: row-reverse;
}

.customerVisitpageWrap .allBlocksWrap .blockBox picture {
    max-width: 427px;
    float: left;
}

.customerVisitpageWrap .allBlocksWrap .blockBox picture img {
    width: 100%;
    height: auto;
}

.customerVisitpageWrap .allBlocksWrap .blockBox article {
    width: 100%;
    float: left;
    max-width: 530px;
}

.customerVisitpageWrap .allBlocksWrap .blockBox article h2 {
    width: 100%;
    float: left;
    color: #384F64;
    font-family: 'Inter';
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 0 0;
}

.customerVisitpageWrap .allBlocksWrap .blockBox article h3 {
    width: 100%;
    float: left;
    color: #384F64;
    font-family: 'Inter';
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 0 0;
}

.customerVisitpageWrap .allBlocksWrap .blockBox article h2 small {
    width: 100%;
    float: left;
    color: #0E7BE0;
    font-family: 'Inter';
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    margin: 3px 0 0 0;
}

.customerVisitpageWrap .allBlocksWrap .blockBox article h3 small {
    width: 100%;
    float: left;
    color: #0E7BE0;
    font-family: 'Inter';
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    margin: 3px 0 0 0;
}

h2.h2singleStyle {
    width: 100%;
    float: left;
    color: #000;
    font-family: 'Inter';
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin: 57px 0 -18px 0;
    text-align: center;
}

.customerVisitpageWrap .allBlocksWrap .blockBox article p {
    width: 100%;
    float: left;
    color: #597086;
    font-family: 'Poppins';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 173.333%;
    margin: 22px 0 0 0;
}

.customerVisitpageWrap .allBlocksWrap .blockBox article ul {
    width: 100%;
    float: left;
    margin: 22px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 22px;
    list-style: none;
    padding: 0 0;
}

.customerVisitpageWrap .allBlocksWrap .blockBox article ul li {
    width: 100%;
    float: left; 
    color: #29445C;
    font-family: 'Inter';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 144.444%;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.customerVisitpageWrap .allBlocksWrap .blockBox article ul li img {
    float: left;
    margin: 3px 0 0 0;
}

.customerVisitpageWrap .allBlocksWrap .blockBox article .tblBttn {
    width: 100%;
    float: left; 
    display: flex;
    flex-flow: row wrap;
    gap: 12px;
    margin: 30px 0 0 0;
}

.customerVisitpageWrap .allBlocksWrap .blockBox article .tblBttn .blockBtn {
    float: left;
    border-radius: 25px;
    background: #0291F2;
    padding: 16px 21px;
    color: #FFF;
    text-align: center;
    font-family: 'Inter';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
}

.customerVisitpageWrap .allBlocksWrap .blockBox article .tblBttn .blockBtn.bordered {
    background-color: transparent;
    border: 1px solid #0291F2;
    color: #000;
    font-weight: 400;
}

.customerVisitpageWrap .nextStep {
    width: 100%;
    float: left;
    max-width: 1034px;
    padding: 60px 15px;
    border-radius: 31px;
    background: linear-gradient(180deg, #84C2FB 0%, #0E7BE0 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 75px 0 0 0;
}

.customerVisitpageWrap .nextStep h2 {
    width: 100%;
    float: left;
    max-width: 517px;
    color: #FFF;
    text-align: center;
    font-family: 'Inter';
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.customerVisitpageWrap .nextStep p {
    width: 100%;
    float: left;
    max-width: 517px;
    color: #FFF;
    text-align: center;
    font-family: 'Poppins';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 173.333%;
    margin: 7px 0 0 0;
}

.customerVisitpageWrap .nextStep .tblBttn {
    float: left; 
    display: flex;
    flex-flow: row wrap;
    gap: 12px;
    margin: 30px 0 0 0;
}

.customerVisitpageWrap .nextStep .tblBttn .blockBtn {
    float: left;
    border-radius: 25px;
    background: #fff;
    padding: 16px 21px;
    color: #0291F2;
    text-align: center;
    font-family: 'Inter';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
}

.customerVisitpageWrap .nextStep .tblBttn .blockBtn.bordered {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 400;
}

.customerVisitpageWrap .customerSaysWrap {
    width: 100%;
    float: left;
    max-width: 963px;
    margin: 80px 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
}

.customerVisitpageWrap .customerSaysWrap article {
    width: 100%;
    float: left;
    max-width: 348px;
    margin-top: 34px;
}

.customerVisitpageWrap .customerSaysWrap article h2 {
    width: 100%;
    float: left;
    color: #1C2833;
    font-family: 'Inter';
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: 110.526%;
}

.customerVisitpageWrap .customerSaysWrap article p {
    width: 100%;
    float: left;
    color: #597086;
    font-family: 'Poppins';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 173.333%;
    margin: 25px 0 0 0;
}

.customerVisitpageWrap .customerSaysWrap article .videotBtn {
    float: left;
    border-radius: 25px;
    background: linear-gradient(98deg, #50B8FF 26.61%, #0291F2 79.81%);
    padding: 16px 25px;
    color: #FFF;
    text-align: center;
    font-family: 'Inter';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    margin: 22px 0 0 0;
}

.customerVisitpageWrap .customerSaysWrap .testimonialBoxes {
    width: 100%;
    float: left;
    max-width: 468px;
    display: flex;
    flex-direction: column;
    gap: 23px;
}

.customerVisitpageWrap .customerSaysWrap .testimonialBoxes .testimonialBox {
    width: 100%;
    float: left;
    padding: 15px 22px;
    border-left: 5px solid #FFC121;
    background: #F4FAFF;
    box-shadow: 0 4px 22px 0 rgba(0, 107, 179, 0.12);
}

.customerVisitpageWrap .customerSaysWrap .testimonialBoxes .testimonialBox:nth-child(even) {
    margin: 0 0 0 -37px;
}

.customerVisitpageWrap .customerSaysWrap .testimonialBoxes .testimonialBox:nth-child(2) {
    border-color: #0291F2;
}

.customerVisitpageWrap .customerSaysWrap .testimonialBoxes .testimonialBox:nth-child(3) {
    border-color: #FF5757;
}

.customerVisitpageWrap .customerSaysWrap .testimonialBoxes .testimonialBox p {
    width: 100%;
    float: left;
    color: #000;
    font-family: 'Poppins';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 166.667%;
    margin: 0 0 0 0;
}

.customerVisitpageWrap .customerSaysWrap .testimonialBoxes .testimonialBox .starsBox {
    width: 100%;
    float: left;
    display: flex;
    gap: 5px;
    margin: 8px 0 0 0;
}

.customerVisitpageWrap .customerSaysWrap .testimonialBoxes .testimonialBox .starsBox i {
    color: #FFC121;
    font-size: 15px;
}

.faqSectionWrap {
    width: 100%;
    float: left;
    max-width: 980px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 70px 0 0 0;
}

.faqSectionWrap h2 {    
    width: 100%;
    float: left;
    text-align: center;
    color: #1C2833;
    text-align: center;
    font-family: 'Inter';
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: 110.526%;
    margin: 0;
}

.faqSectionWrap p {
    width: 100%;
    float: left;
    text-align: center;
    color: #597086;
    text-align: center;
    font-family: 'Poppins';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 173.333%;
    max-width: 594px;
    margin: 22px 0 0 0;
}

.faqSectionWrap .accordianBoxesWrap {
    width: 100%;
    float: left;
    max-width: 850px;
    margin: 40px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.faqSectionWrap .accordianBoxesWrap .aWrap {
    width: 100%;
    float: left;
    border-radius: 33.66px;
    background: #FFF;
    box-shadow: 0 9.097px 24.563px 0 rgba(37, 124, 255, 0.25);
}

.faqSectionWrap .accordianBoxesWrap .aWrap .flip {
    width: 100%;
    float: left;
    padding: 13px 18px; 
    display: flex;
    justify-content: space-between;
    align-items: center;   
    cursor: pointer;
}

.faqSectionWrap .accordianBoxesWrap .aWrap .flip .textPart {
    float: left;
    display: flex;
    align-items: center;
    gap: 14px;
}

.faqSectionWrap .accordianBoxesWrap .aWrap .flip .textPart .number {
    background-color: #E9F6FF;
    width: 45px;
    min-width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.faqSectionWrap .accordianBoxesWrap .aWrap .flip .textPart h3 {
    float: left;
    color: #444;
    font-family: 'Poppins';
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.faqSectionWrap .accordianBoxesWrap .aWrap .flip i {
    font-size: 32px;
    color: #257CFF;
    -webkit-text-stroke: 2px #fff;
    margin: 0 18px 0 0;
    float: left;
}

.faqSectionWrap .accordianBoxesWrap .aWrap .panel {
    width: 100%;
    float: left;
    padding: 5px 25px 30px 25px; 
    display: none;
}

.faqSectionWrap .accordianBoxesWrap .aWrap:first-child .panel {
    display: flex;
}

.faqSectionWrap .accordianBoxesWrap .aWrap .panel p {
    max-width: 100%;
    text-align: left;
    margin: 0;
}

.customerVisitpageWrap .analyseVisit {
    width: 100%;
    text-align: left;
    display: flex;
    max-width: 1100px;
    margin: 75px 0 0 0;
    flex-direction: column;
    align-items: center;
}

.customerVisitpageWrap .analyseVisit h2 {
    width: 100%;
    float: left;
    color: #1C2833;
    text-align: center;
    font-family: 'Inter';
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: 110.526%;
    margin: 0;
}

.customerVisitpageWrap .analyseVisit p {
    width: 100%;
    float: left;
    color: #1C2833;
    text-align: center;
    font-family: 'Inter';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 110.526%;
    margin: 15px 0 0 0;
}

.customerVisitpageWrap .analyseVisit .analyseBlocksWrap {
    width: 100%;
    float: left;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 20px;
    margin: 40px 0 0 0;
}

.customerVisitpageWrap .analyseVisit .analyseBlocksWrap .anaBox {
    width: 353px;
    float: left;
    background-color: #fff;
    padding: 15px 22px;
    border-radius: 8px;
}

.customerVisitpageWrap .analyseVisit .analyseBlocksWrap .anaBox h3 {
    width: 100%;
    float: left;
    color: #0291f1;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Poppins';
    margin: 0;
    line-height: 138%;
}

.customerVisitpageWrap .analyseVisit .analyseBlocksWrap .anaBox p {
    width: 100%;
    float: left;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Inter';
    margin: 8px 0 0 0;
    line-height: 158%;
    text-align: left;
}

.customerVisitpageWrap p a {
    color: #0093f6;
}

.customerVisitpageWrap h3 a {
    color: #0093f6;
}

.customerVisitpageWrap span a {
    color: #0093f6;
}

.topArticle .errMessageBox {
    font-family: 'Poppins' !important;
    padding: 0 0 !important;
    width: 100% !important;
    background: transparent !important;
    color: #ff0000 !important;
    top: 9px !important;
    max-width: 360px !important;
    text-align: left !important;
    position: relative !important;
    line-height: 100% !important;
    font-size: 14px !important;
    margin: 0  !important;
}

.tableContainer {
    width: 100%;
    float: left;
    max-width: 1033px;
    margin: 55px 0 0 0;
}

body.page-template-page-order-booking-collection-distribution .content-part {
    background: #F4FAFF;
}

body.page-template-page-order-booking-collection-distribution .content-part .hero_v2_sub_header {
    display: none;
}

.industriesWrap {
    width: 100%;
    float: left;
    max-width: 1034px;
    display: flex;
    justify-content: center;
    gap: 18px;
    flex-flow: row wrap;
    margin: 50px 0 0 0;
}
.industriesWrap .inBlock {
    width: 191px;
    min-width: 191px;
    max-width: 191px;
    min-height: 120px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0 0 21px 0 rgba(14, 123, 224, 0.12);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    align-items: flex-start;
    padding: 20px;
    transition: 0.3s ease-in-out;
}
.industriesWrap .inBlock h4 {
    width: 100%;
    float: left;
    color: #525252;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 8px 0 0 0;
    transition: 0.3s ease-in-out;
}
.industriesWrap .inBlock:hover h4 {
    color: #FF7A00;
}