@charset "UTF-8";
/*
Theme Name: solution-soft
Theme URI: https://newwebdev.wordpress-developer.us/solution-soft/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentynineteen
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, block-patterns

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

Bundled block pattern images:
Abstract Background by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-background-0SRRVNMKBX
Abstract Waves by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-waves-0KREGLTZQ3
Abstract Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-bokeh-P4KVZBMQ6L
Colorful Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/colorful-bokeh-VN4G84GL8H
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
	## Headings
	## Copy
# Elements
	## Lists
	## Tables
# Forms
	## Buttons
	## Fields
# Navigation
	## Links
	## Menus
	## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
	## Archives
	## Posts and pages
	## Comments
# Blocks
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap');










*{box-sizing: border-box;}



body{
  margin:0;
  padding:0;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale; 
  width: 100%; 
  font-weight: 400;
  color: #0A0A0A; 
  font-size: 16px; 
  line-height: 1.5;
  font-family: 'Poppins', sans-serif;
}

ul{
  margin: 0;
  padding: 0;
}
li{
  list-style: none;
}
p{margin: 0 0 22px 0; font-weight: 400;}
p:last-child{margin-bottom:0;}

p a{
    color: #037e9b;
}

h1,h2,h3,h4,h5,h6{
  margin:0 0 35px 0;
  padding:0;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child{
    margin-bottom: 0;
}

h1{
  font-size: 40px;
  line-height: 1.4;
  color: #fff;
  font-weight: 700;
}
h2{
  font-size: 36px;
  line-height: 1.2;
  color: #0A0A0A;
  margin-bottom: 62px;
  position: relative;
  text-transform: capitalize;
  text-align: center;
}
h1 span{

	color: #f50000;
}



/*h2:after{
    position: absolute;
    width: 109px;
    height: 5px;
    background: #77b8f0;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    content: "";
}
*/

h4{
    font-size: 30px;
}

figure{
    margin: 0;
}

a{margin:0;padding:0;text-decoration:none !important;outline:none !important; color: #fff;
-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
a:hover{color: #f88f08;}



/*.request:hover{background: #f88f08; color: #fff;}
.request{color: #fff;
 font-size: 18px; 
 font-family: Barlow;
padding: 14px 47px; 
    background: #00aeef;
 display: inline-block; 
      -webkit-transition: all 0.3s ease-in-out;
      border-radius: 5px;
      font-weight: 700;
}


*/



.gap{padding: 70px 0;}

.gap2{padding: 117px 0;}

img{max-width: 100%;}

input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
select{
    background-color:#fff;
    width: 100%; -webkit-appearance:none;appearance:none;
    -webkit-border-radius: 5px; -moz-border-radius: 5px;
    -ms-border-radius: 5px;border-radius: 5px; color: #14295e; 
    border: 1px solid #c5c5c5; height: 44px; padding: 0 0.75rem;
    font-weight: 400;  
}
textarea{
    background-color:#fff;
    -webkit-appearance:none;appearance:none;
    -webkit-border-radius: 0; -moz-border-radius: 0;-ms-border-radius: 0;
    border-radius: 0;border: 1px solid #c5c5c5; padding: 12px 16px;
    width: 100%;
}

select{
     border: 1px solid #c5c5c5; 
     width: 100%; padding: 0 11px;
    background: url(images/arrow_bottom.png) no-repeat calc(100% - 16px) center #fff;
    background-size: 13px; 
    padding-right: 40px ; outline: none ; -webkit-appearance: none; 
    -moz-appearance: none; -ms-appearance: none; -o-appearance: none; 
    appearance: none; 
} 
select::-ms-expand{ 
    display: none;
}

input[type="submit"]{ 
    color: #fff; height: 50px;
     border: 2px solid transparent;-webkit-appearance:none;
     appearance:none;-webkit-border-radius: 50px; 
     -moz-border-radius: 50px;-ms-border-radius: 50px;
     border-radius: 50px; padding-left: 49px; padding-right: 49px; 
    cursor: pointer; text-align: center; 
    margin-top: 10px;
    box-shadow: none;
    background: #FFB82F;
    font-size: 14px;
}
input[type="submit"]:hover{
    background: #000;
	color: #FFB82F;
}


::-webkit-input-placeholder{opacity:1; color: #878787;}
:-ms-input-placeholder{opacity:1;color: #878787;}
::-moz-placeholder{opacity:1;color: #878787;}
:-moz-placeholder{opacity:1;color: #878787;}



/* images alignment for wordpress content pages */
.alignright { float: right;  margin: 0 0 20px 20px;}
.alignleft { float: left;margin: 0 20px 20px 0; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px;  float: none;}

/*header*/

header{
	position: absolute;
	text-align: left;
	top: 0;
	left: 0;
	right: 0;
	background: transparent;
	width: 100%;
	z-index: 123;
	padding: 25px 0;
}





.banner{
	position: relative;
}


.banner img{
	width: 100%;
}

.banner .container{
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 60%;
    transform: translateY(-50%);
    text-align: left;
}




/*.banner .banner-content{
	width: 30%;
}

*/


.testing-content{
	text-align: left;
}



 h3{
	font-size: 24px;
	font-weight: 500;
	color: #0A0A0A;
	line-height: 1.2;
	margin-bottom: 27px;

}


.testing-content li{
	margin-bottom: 18px;
	position: relative;
	padding-left: 28px;
}



.testing-content li:after{
	background: url(images/icon1.svg) no-repeat;
	height: 20px;
	width: 12px;
	position: absolute;
	content: "";
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}



.testing-content li:last-child{
	margin-bottom: 21px;
}

/*.testing-content p{
	font-size: 16px;
}
*/

.testing-content p span{
	font-size: 15px;
	font-weight: 500;
	color: #f50000;
}




.travel{
	background: #0a0a0a;
	position: relative;
}






.travel figure{
	width: 56%;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}



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





.travel-detai{
	display: flex;
	justify-content: space-between;
}

.travel-left{
	text-align: left;
	max-width: 35%;
	flex: 0 0 35%;
}

.travel-left h4{
	font-size: 30px;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 25px;
	color: #fff;

}


.travel-left p{
	font-size: 18px;
	color: #D5D5D5;
	margin-bottom: 44px;
}

.travel-left .bttnn:hover{
	color: #FFB82F;
	border: 2px solid #FFB82F;
	background: transparent;
}

.bttnn{
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	background: #FFB82F;
	border-radius: 50px;
	padding: 12px 57px;
	box-shadow: 0px 4px 14px #292929;
	border: 2px solid transparent;
	display: inline-block;
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
}


.bttnn:hover{
	background: #000;
	color: #FFB82F;
}


.machine h2{
	margin-bottom: 75px;
}

.machine-detail{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.machine-left{
	max-width: 40%;
	flex: 0 0 40%;
	text-align: left;
}

.machine-left ul{
	max-width: 375px;
}


.machine-left li{
	margin-bottom: 30px;
	position: relative;
	padding-left: 45px;
	color: #0A0A0A;
}



.machine-left li:after{
	background: url(images/icon2.svg) no-repeat;
	height: 30px;
	width: 30px;
	position: absolute;
	content: "";
	left: 0;
	top: 0;
}



.machine-left li:last-child{
	margin-bottom: 0;
}
.machine-right {
	max-width: 42%;
	flex: 0 0 42%;
    position: relative;
}
a.playbtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
}


.machine-right figure{

	box-shadow: 0px 4px 54px rgba(185, 185, 185, 0.25);
border-radius: 12px;
border: 1px solid rgba(185, 185, 185, 0.25);
padding: 15px;

}

.machine-right figure img{
	
}

.trusted{

  background: #f9f9f9;
  text-align: center;
  position: relative;
  padding-bottom: 120px;
}



.trusted h2{
	margin-bottom: 55px;
}


.trusted-dital{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 52px;
}



.trusted1{
	margin-right: 30px;
	background: #fff;
	text-align: left;
	max-width: 23%;
	flex: 0 0 23%;
	
	border-radius: 16px;
	padding: 35px 25px 30px;
}



.trusted1:last-child{
	margin-right: 0;
}


.trusted1 figure{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	min-height: 90px;
}

.trusted1 figure img{
	display: inline-block;
}



.trusted1 p{
	font-size: 14px;
	color: #000;
	line-height: 1.6;
	margin: 33px 0 29px;
	min-height: 125px;
}




.trusted1 .bttnn{
	padding: 13px 28px;
	box-shadow: none;
	font-size: 14px;
}

.trusted1 .bttnn:hover{
	background: #000;
	color: #FFB82F;

}


.bottnn{
	background: #fff;
	color: #000;
	box-shadow: none;
	display: inline-block;
	text-align: center;
	padding: 13px 19px;
	font-size: 14px;
}

.Solution-main{
	width: 100%;
	position: relative;
	margin-top: -5%;
	display: block;

}

.solution{
	text-align: center;
	background: #0a0a0a;
	padding: 67px 0;
	border-radius: 11px;
	
}


.solution p{
	font-size: 30px;
	color: #fff;
}



.solution p a{
	color: #fff;
	text-decoration: underline !important;
	display: inline-block;
}

.solution p a:hover{
	color: #FFB82F;

}

.demo{
	position: relative;
	padding: 70px 0 150px;

}



.demo-details{
	display: flex;
	justify-content: space-between;
}


.demo-left{
	max-width: 35%;
	flex: 0 0 35%;
	text-align: left;
	margin-top: 116px;
	
}



.demo-right{
	max-width: 47%;
	flex: 0 0 47%;
	text-align: center;
	padding: 50px 15px;
	background: #fff;
	box-shadow: 0px 4px 16px rgba(182, 182, 182, 0.25);
	border-radius: 14px;
	text-align: left;
}





/* .demo-left ul{
	border-bottom: 1px solid #E6E6E6;
} */



.demo-left li{
	position: relative;
	margin-bottom: 31px;
	padding-left: 28px;
	max-width: 324px;
}


.demo-left li:after{
	background: url(images/icon3.svg) no-repeat;
	height: 18px;
	width: 18px;
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	margin-top: 5px;
}

.demo-right .form-group input{
	width: 100%;
	height: 50px;
	background: #FFFFFF;
	border: 1px solid #E6E6E6;
	border-radius: 10px;
	margin-bottom: 14px;
	padding-left: 21px;
	font-size: 12px;
}


.demo-right input.bttn{
	margin-top: 24px;
}



.check{
	position: absolute;
	width: 100%;
	left: 0;
	top: -31%;
}


.checkus{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 45px 48px 45px;
	background: #F9F9F9;
	box-shadow: 0px 3px 14px #E8E8E8;
	border-radius: 11px;
}


.checkus-left h2{
	margin-bottom: 2px;
	font-weight: 700;
}



.checkus-left span{
	font-size: 29px;
	color: #ee0000;
}





footer{
	padding: 144px 0 60px;
	position: relative;
	background: #E9F8FF;
}



.footer-detail{
	display: flex;
	justify-content: space-between;
}



.footer-left{
	text-align: left;
}




.footer-right{
	text-align: right;
}



.footer-right h6{
	font-weight: 700;
	margin-bottom: 6px;
	color: #000;
}


.footer-right li{
	margin-bottom: 5px;
	color: #000;
	line-height: 1.1;
}



.footer-right a{
	color: #000;
}


.footer-right a:hover{
color: #ee0000;

}




.demo-right .form-group input::-webkit-input-placeholder { 
  color: #000;
}

.demo-right .form-group input:-ms-input-placeholder { 
  color: #000;
}

.demo-right .form-group input::placeholder {
  color: #000;
}


.banner h1{
	max-width: 40%;
}

@media (max-width: 1400px) {

h3{
	font-size: 21px;
}

.banner h1{
	max-width: 45%;
}

}


@media (max-width: 1199px) {

	.banner{
		height: 390px;
	}

	.banner figure{
		height: 100%;
		width: 100%;
	}

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


	.trusted-dital{
		flex-wrap: wrap;
	}


	.trusted1{
		max-width: 46%;
		flex: 0 0 46%;
		margin-bottom: 30px;
	}


	.trusted1:nth-child(2){
		margin-right: 0;
	}


	.machine-left{
		max-width: 45%;
		flex: 0 0 45%;
	}

	.trusted-dital{
		margin-bottom: 0;
	}




	.machine-right{
		max-width: 45%;
		flex: 0 0 45%;
	}

h1{
	font-size: 36px;
	line-height: 1.2;
}


.banner h1 {
    max-width: 50%;
}


}




@media (max-width: 1024px) {


footer{
	padding: 145px 0 60px;
}



}


@media (max-width: 991px) {



.travel figure{
	position: relative;
	width: 100%;
}

.travel-left{
	max-width: 100%;
	flex: 0 0 100%;
	padding-bottom: 69px;
}

.solution p{
	font-size: 23px;
}

.travel{
	padding-bottom: 0;
	padding-top: 69px;
}


.solution{
	padding: 51px 0;
}


.trusted{
	padding-bottom: 70px;
}

.demo-left{
	max-width: 48%;
	flex: 0 0 48%;
}




.checkus{
	padding: 25px 21px;
}



h1{
	font-size: 33px;
}


h2{
	font-size: 26px;
}


.checkus-left span{
	font-size: 21px;
}




.footer-left img{
	width: 300px;
}


.banner h1 {
    max-width: 60%;
}


footer{
	padding: 120px 0 60px;
}


}







@media (max-width: 767px) {

	.machine-detail{
		flex-wrap: wrap;
	}

	.machine-left{
		max-width: 100%;
		flex: 0 0 100%;
		margin-bottom: 39px;
	}

.travel-left{
	padding-bottom: 50px;
}



	.machine h2{
		margin-bottom: 39px;
	}



	.machine-left ul{
		max-width: 100%;
	}


	.machine-right{
		max-width: 100%;
		flex: 0 0 100%;
	}



	.demo-details{
		flex-wrap: wrap;
	}



	.demo-left{
		max-width: 100%;
		flex: 0 0 100%;
		margin-bottom: 35px;
	}

	.demo-right{
		max-width: 100%;
		flex: 0 0 100%;
	}


	.demo-left li{
		max-width: 100%;
	}

	/*.check{
		position: relative;
		top: 0;
		margin-bottom: 39px;
	}*/

	.checkus{
		flex-wrap: wrap;
	}


	.checkus-left{
		width: 100%;
		margin-bottom: 31px;
		text-align: center;
	}


		

	.checkus-right{
		width: 100%;
		text-align: center;
	}



	

	.footer-detail{
		flex-wrap: wrap;
	}


	.footer-left{
		width: 100%;
		margin-bottom: 31px;
		text-align: center;
	}

	

	.footer-right{
		width: 100%;
		text-align: center;
	}

	.travel{
		padding-top: 51px;
	}


	.banner h1 {
    max-width: 65%;
}

.trusted1 figure{
	min-height: 74px;
}

footer{
	padding: 160px 0 60px;
}


}




@media (max-width: 575px) {

	.trusted1{
		max-width: 100%;
		flex: 0 0 100%;
		margin-right: 0;
	}



	.solution{
		padding: 35px 15px;
	}

	.trusted{
		padding: 58px 0;
	}

	h2{
		margin-bottom: 36px;
	}

	.travel{
		padding-top: 50px;
	}



	.demo{
		padding-bottom: 170px;
	}


.trusted1 figure{
	min-height: auto;
}



.trusted1 p{
	min-height: auto;
	text-align: center;
}


.trusted1{
	text-align: center;
}

.banner h1 {
    max-width: 71%;
}

h1{
	font-size: 31px;
}

}




@media (max-width: 479px) {



	h1{
		font-size: 23px;
	}

	h2{
		font-size: 22px;
	}

	h3{
		font-size: 19px;
	}

	.demo{
		padding: 55px 0 160px;
	}

	footer{
		padding: 135px 0 31px;
	}

	.banner{
		height: 346px;
	}


	.footer-left img{
		width: 265px;
	}


	.demo-left li{
		margin-bottom: 21px;
	}
	.machine-left li{
		margin-bottom: 25px;
	}

	.travel-left p{
		font-size: 16px;
	}

	.solution p{
		font-size: 21px;
	}

	.banner h1 {
    max-width: 68%;
}


a.playbtn{
	max-width: 45px;
}

}



@media (max-width: 360px) {



	h1{
		font-size: 20px;
	}

	h2{
		font-size: 20px;
	}

	h3{
		font-size: 17px;
	}

	.footer-left img{
		width: 260px;
	}

	.banner{
		height: 303px;
	}

	.travel-left p{
		font-size: 16px;
	}

	.travel-left h4{
		font-size: 25px;
	}


.solution p{
	font-size: 19px;
}

.solution {
    padding: 26px 15px;
}

}
/**========================== zoho form css =========================*/
.page-template-default #SIGNUP_BODY {
    padding: 15px 20px 27px 20px !important;
    -webkit-box-shadow: 0px 0px 38px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 38px 0px rgb(0 0 0 / 10%);
    background-color: #fff;
    margin-bottom: 10px;
}

/**=======================*/
.machine-right .vdo_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.4s all ease-in-out;
    opacity: 0;
}
.vdo_box .fancybox {
    width: 65px;
}
.vdo_box .fancybox span {
    color: #fff;
    font-size: 15px;
    line-height: 2px;
    font-weight: 700;
    text-transform: uppercase;
    /* text-decoration: underline; */
    display: inline-block;
    margin-top: 22px;
    letter-spacing: 2px;
    /* border-bottom: 1px solid #807b7d; */
	padding-left: 10px;
}
.machine-right:hover .vdo_box {
    opacity: 1;
}
/** socil section */
.jc_social a i {
    padding: 10px;
    margin-right: 5px;
    border-radius: 50%;
}
.jc_social {
    text-align: right;
}
i.fab.fa-linkedin:hover {
    border: 1px solid #0072b1;
    background-color: transparent;
    color: #ffffff;
}
.jc_social a i {
    padding: 10px;
    margin-right: 5px;
    border-radius: 50%;
}
i.fab.fa-twitter {
    background: #00acee;
    border: 1px solid #00acee;
    color: #ffffff;
}
i.fab.fa-twitter:hover {
    background: transparent;
    border: 1px solid #00acee;
    color: #ffffff;
}
i.fab.fa-linkedin {
    background: #0072b1;
    border: 1px solid #0072b1;
    color: #ffffff;
}
.machine-right .vdo_box{
	opacity: 1 !important;
}
.machine-right .vdo_box:hover img {
    box-shadow: 0 0 20px rgb(0 0 0 / 41%);
    border-radius: 50px;
}