/*//////////////////////////////////////////////////////////////////
[ FONT ]*/

@font-face {
  	font-family: Poppins-Regular;
  	src: url('/assets/frontend/fonts/Poppins/Poppins-Regular.ttf'); 
}

@font-face {
  	font-family: Poppins-Medium;
  	src: url('/assets/frontend/fonts/Poppins/Poppins-Medium.ttf'); 
}

@font-face {
  	font-family: Poppins-Bold;
  	src: url('/assets/frontend/fonts/Poppins/Poppins-Bold.ttf'); 
}

@font-face {
  	font-family: Poppins-SemiBold;
  	src: url('/assets/frontend/fonts/Poppins/Poppins-SemiBold.ttf'); 
}

/*//////////////////////////////////////////////////////////////////*/


* {
    font-family: 'Poppins-Regular', sans-serif;
}

body {
	font-family: 'Poppins-Regular', sans-serif;
    min-height: 100%;
	font-size: 14px;
	letter-spacing: 0.4px;
}

p {
	font-family: 'Poppins-Regular', sans-serif;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Poppins-Regular', sans-serif;
}

/*navbar*/
.navbar{
	padding: 11px 25px;
	top: 0px;
    position: fixed;
    z-index: 9999;
    width: 100%;
    -webkit-box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);
}
.navbar-brand {
    font-size: 20px;
    font-weight: 700;
    margin-right: 0px !important;
}
.navbar-img{
	width: 160px;
    max-width: 160px;
	height: 40px;
}
.navbar-expand-lg .navbar-nav .nav-link{
	padding: 0px 16px;
	color: #000;
	font-size: 14px;
	font-family: 'Poppins-SemiBold';
}
.start-btn{
	font-size: 14px;
	background: #6077c7;
	color: #fff;
	font-size: 14px;
	padding: 5px 20px;
	font-family: 'Poppins-SemiBold';
}

/*carousel slide*/
.carousel{
	padding-top: 72px;
}
.carousel-inner {
	z-index:10;
}
.carousel-caption {
    left: 11% !important;
    top: 20%;
    text-align: left !important;
	letter-spacing: 0.8px;
}
.carousel-indicators li {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
}
.carousel-caption h1 {
    font-size: 40px;
    font-family: 'Poppins-bold';
    color: #000;
}
.request-btn{
	background: #6077c7;
	color: #ffffff;
	font-size: 14px;
	padding: 12px 40px;
    margin-top: 20px;
}

/*integration*/
.section-title{
		font-size: 20px;
		font-family: 'Poppins-SemiBold';
}

.section-text{
		font-size: 14px;
		font-family: 'Poppins-Regular';
		padding-top: 5px;
		padding-right: 30px;
}


/*social imges*/
.border-bottom-line{
		border-bottom: 2px dashed #d1d6d2;
}
.border-right-line{
		border-right: 2px dashed #d1d6d2;
}
.pb-10{
 		padding-bottom: 10px;
}
.img-90{
		width: 90px;
		height: 90px;
}
.img-mt{
		margin-top: 30px;
}
.team-img{
		margin-top: 15px;
    width: 130px;
    height: 75px;
}
.work-img{
	margin-top: 25px;
}
.atera-img{
		height: 85px;
    width: 85px;
}
.anydesk-img{
		width: 90px;
    height: 90px;
    margin-top: 10px;
}
.google-img{
		width: 85px;
    height: 62px;
    margin-top: 11px;
}

/*social*/
.social-section{
		padding-top: 92px;
		padding-bottom: 20px;
}

.social-box{
		padding: 20px 20px;
		background-color: #f4f6fc;
		margin-top: 10px;
		margin-bottom: 15px;
}

.export-btn{
		background: #6077c7;
		color: #ffffff;
		font-size: 14px;
		padding: 8px 20px;
		font-family: 'Poppins-SemiBold';
		margin-top: 12px;
		margin-bottom: 12px;
}

.mb-20{
		margin-bottom: 20px;
}

.social-img{
		width: 85px;
    height: 80px;
}

.social-gmail-img{
		width: 80px;
    height: 65px;
    padding-top: 8px;
}

.social-zoom-img,
.social-slack-img{
		width: 95px;
    height: 30px;
    margin-top: 23px;
}

.social-space-img{
		width: 95px;
    height: 55px;
    padding-top: 10px;
}

.social-zoho-img{
		width: 90px;
    height: 35px;
    margin-top: 23px;
}
.social-atera-img{
		width: 85px;
    height: 95px;
}

/*body text and align*/
.section-align{
	padding-top: 60px;
	padding-bottom: 60px;
}
.title{
	font-size: 22px;
	font-family: 'Poppins-Bold';
	padding-bottom: 25px;
	color: #000;
}
.sub-text{
	font-size: 14px;
	font-family: 'Poppins-Regular';
	color: #000;
}
.img-size{
	max-width: 100%;
}


/*work form home practices*/
.wfh-practices-bg{
	background-image: url("/assets/frontend/img/bg1.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.link-to{
	color: #6077c7;
	font-family: 'Poppins-Bold';
}

/*features and benefits*/
.features-benefits-section{
	background-color: #eff1f9;
}


/*Task allocation*/
.task-location-img{
	width: 80%;
}

/*how it works*/
.how-it-work-bg{
	background-image: url("/assets/frontend/img/bg2.png");
	background-size: cover;
	background-repeat: no-repeat;
}
.img-mt1{
	margin-top: 1px;
}
.img-mt5{
	margin-top: 5px;
}
.mt-21{
	margin-top: 21px;
}
.arrow-left1{
	width: 40px;
	height: 30px;
	position: absolute;
	top: 35%;
	right: -2%;
}
.arrow-left2{
	width: 40px;
	height: 30px;
	position: absolute;
	top: 38%;
	right: -2%;
}
.arrow-down{
	display: none;
}
.how-work-text{
	font-size: 14px;
    font-family: 'Poppins-SemiBold';
    color: #000;
}

/*vertical button*/
.talk{
	position: fixed;
    right: 0;
    top: 250px;
	z-index: 9;
}
.trail{
	position: fixed;
    right: 0;
    top: 380px;
	z-index: 9;	
}
.vertical-btn{
	align-items: center;
  	cursor:pointer;
  	height:50px;
	min-width: 120px;
	border-radius: 5px;
  	padding: 10px 10px;	
	font-size: 16px;
	background: #6077c7;
	color: #fff;
	transform: rotate(90deg) translateX(100%);
  	transform-origin: top right;
}
.trail .vertical-btn{
	background: #303030 !important;
}
.vertical-btn:hover{
	color: #d4d4d4 !important;
}

/*footer*/
.footer{
	background-color: #303030;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 15px;
	padding-right: 15px;
	color: #ffffff;
	font-size:12px;
}
.footer-header{
	font-size: 16px;
	font-family: 'Poppins-SemiBold';
	padding-bottom: 10px;
	padding-top: 10px;
}
.footer  ul{
	list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
}

.footer-img,
.footer-icon{
	padding-right: 5px;
}
.footer-pl{
	padding-left: 23px;
}
.footer-text {
    padding: 5px 0px;
    color: #f1ecec;
}
.footer-text a{
	color: #f1ecec;
}

#back-top {
    position: fixed;
    bottom: 10px;
    right: 5px;
    padding: 0;
    margin: 0;
    z-index: 20;
}

#back-top a {
    text-decoration: none;
    display: block;
    color: #ffffff;
    font-size: 25px;
    z-index: 999;
}

#back-top img{
	width: 40px;
	border-radius: 5px;
}

/*responsive*/
@media (max-width:  1199px) and (min-width: 767px){
	/*.img-size{
		width: 70px;
    	height: 70px;
   		margin-top: 10px;
	}*/
	.google-img {
	    width: 70px;
	    height: 55px;
	    margin-top: 20px;
	}
	.zoom-img{
			width: 90px;
    	height: 30px;
    	margin-top: 35px;
	}
	.atera-img {
	    height: 80px;
	    width: 85px;
	    margin-top: 5px;
	}
	.work-img{
			margin-top: 25px !important;
    	width: 80px;
	}
	.slack-img{
			margin-top: 35px !important;
    	width: 90px;
	}
	.team-img {
	    margin-top: 10px;
	    width: 100px;
	    height: 65px;
	}
	.zoho-img{
			width: 90px;
	}
	.anydesk-img {
	    width: 70px;
	    height: 70px;
	}
	.xero-mb{
			margin-bottom: 60px;
	}
	.gmail-mb,
	.work-mb,
	.anydesk-mb{
			margin-bottom: 22px;
	}
	
	.how-it-work-bg .img-size{
		width: 100%;
		height: 100%;
	}
}
@media (max-width: 1225px){
		.trail {
				top: 530px;
		}
		.talk {
				top: 400px;
		}
}
@media (max-width: 1134px){
  	.navbar{
				padding: 12px 15px !important;
		}
		.navbar-expand-lg .navbar-nav .nav-link{
				padding: 0px 12px !impsortant;
		}
}
@media (max-width: 991px){
  	.navbar-expand-lg .navbar-nav .nav-link{
				padding: 5px 0px !important;
		}
}
@media (max-width: 991px) and (min-width: 767px){
		.xero-mb {
		    margin-bottom: 83px;
		}
		.gmail-mb{
		    margin-bottom: 64px;
		}
}
@media (max-width: 767px){
		.display-none{
				display: none;
		}
		.border-right-line{
				border-right: 0px;
		}
		.res-border-right{
				border-right: 2px dashed #d1d6d2 !important;
		}
		.res-border-bottom{
				border-bottom: 2px dashed #d1d6d2 !important;
		}
		.social-algin{
				padding-left: 20px;
				padding-right: 20px;
		}
		.img-mt {
		    margin-top: 23px;
		}
		.atera-img {
		    margin-top: 10px;
		}
		.team-img {
		    margin-top: 10px;
		    margin-bottom: 10px;
		}
		.anydesk-img {
		    margin-top: 8px;
		    margin-bottom: 8px;
		}
}



/*responsive*/
@media (max-width: 1225px){
	.trail {
		top: 530px;
	}
	.talk {
		top: 400px;
	}
}
@media (max-width: 1199px){
	.arrow-left1{
		right: -4.5%;
	}
	.arrow-left2{
		right: -4.5%;
	}
}
@media (max-width: 1134px){
	.navbar-expand-lg .navbar-nav .nav-link{
		padding: 0px 12px !important;
	}
}
@media (max-width: 1070px){
  	.carousel-caption h1 {
	    font-size: 30px;
	}
}
@media (max-width: 991px){
  	.navbar-expand-lg .navbar-nav .nav-link{
		padding: 7px 0px !important;
	}
	.arrow-left1,
	.arrow-left2 {
	    width: 30px;
	    height: 25px;
	}
	.arrow-left1 {
	    top: 30%;
	}
	.arrow-left2 {
	    top: 35%;
	}
}
@media (max-width: 940px){
  	.carousel-caption h1 {
	    font-size: 20px;
	}
	.request-btn {
		font-size: 14px;
	    padding: 10px 30px;
	}
}
@media (max-width: 768px){
	.carousel-caption{
	    top:0px;
	}
	
	.carousel-indicators{
		margin-bottom:0px;
	}
}
@media (max-width: 767px){
	.arrow-left1,
	.arrow-left2 {
	    display: none;
	}
	.arrow-down {
	    display: block;
	    margin-left: auto;
	    margin-right: auto;
	    margin-bottom: 20px;
	}
	.how-it-work3-img{
		margin-bottom: 15px;
	}
}
@media (max-width: 730px){
	.carousel-caption h1 {
	    font-size: 14px;
	}
	.request-btn {
	    padding: 8px 20px;
	    margin-top: 10px;
	}
}
@media (max-width: 550px){
	.carousel-caption h1 {
	    font-size: 12px;
	}
	.request-btn {
	    padding: 5px 10px;
	    margin-top: 5px;
	    font-size: 12px;
	}
	/*work form home practices*/
	.wfh-practices-bg{
		background-image: url("/assets/frontend/img/mobile-bg.png");
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}
}
@media (max-width: 480px){
	.carousel-caption h1 {
	    font-size: 9px;
	    line-height: 7px;
	}
	.request-btn {
	    margin-top: 0px;
	    font-size: 9px;
	}
}

@media (max-width: 320px){
	.carousel-caption{
		top: 0px;
	}
}