/* Global */
		h1 {
		color: var(--main-color);
		font-size: 48px;
		line-height: 1.1;
		letter-spacing: -0.04em;
		margin-bottom: 18px;
		font-family: var(--main-font);
		}
		.svg-pattern {
		width: 127px;
		}
		.font-down {
		font-weight: var(--fw-light);
		}
		/* Global Close */
		/*Header*/
		.header {
		position: var(--ps-fixed);
		width: 100%;
		top: 0;
		left: 0;
		z-index: 10;
		padding-left: 15px;
		transition: 0.3s ease;
		border-bottom: 1px solid var(--main-color);
		background-color: #fff;
		}
		.main-logo {
		width: 120px;
		}
		.navigation {
		display: none;
		position: absolute;
		}
		.main-menu li a {
		color: var(--main-color);
		font-size: var(--fz16);
		font-weight: var(--fw-bold);
		}
		.main-menu li a .font-down {
		font-weight: var(--fw-normal);
		}
		.main-menu li.get-btn {
		border-left: 1px solid var(--main-color);
		}
		.mob-top {
		width: calc(100% - 120px);
		}
		.contactus-mob {
		font-size: 16px;
		font-weight: var(--fw-bold);
		padding: 15px 10px;
		transition: .5s ease-in-out;
		border-right: 1px solid var(--main-color);
		border-left: 1px solid var(--main-color);
		}
		.contactus-mob:hover {
		background-color: var(--white);
		}
		.hamburger {
		width: 40px;
		padding: 4px 8px;
		transition: .5s ease-in-out;
		background-color: transparent;
		}
		.hamburger.active {
		background-color: var(--white);
		}
		.hamburger span {
		position: var(--ps-relative);
		width: 100%;
		height: 2px;
		margin: 0 auto 6px;
		display: block;
		background-color: var(--main-color);
		transition: .5s ease-in-out;
		}
		.hamburger span:last-child {
		margin-bottom: 0;
		}
		.hamburger.active .line-1 {
		transform: rotate(45deg);
		margin: 5px 0 0 5px;
		}
		.hamburger.active .line-3 {
		transform: rotate(-45deg);
		margin: -11px 0 0 5px;
		}
		.hamburger.active .line-2 {
		opacity: 0;
		}
		/*Header Close*/

		/*new*/
		.header, .nav, .navbar {
		width: 100%;
		}
		.navbar {
		position: absolute;
		width:100%;
		top: 100%;
		left: 0;
		transform: translate(-102%,0);
		z-index: 99;
		padding:40px 0 30px;
		height: 100vh;
		background-color:var(--white);
		transition: .5s ease-in-out;
		}
		.effect {
		transform: none;
		}
		.nav {
		margin-bottom: 15px;
		overflow-y: auto;
		padding: 0 20px;
		height: calc(100vh - 90px)
		}
		.menu li {
		margin-bottom:28px;
		}
		.menu li:last-child{
		margin-bottom: 0;
		}
		.get-btn{
		display: none;
		}
		.menu li a {
		font-size: 28px;
		color:var(--main-color);
		letter-spacing: -0.04em;
		line-height:1;
		display: block;
		position: relative;
		}
		.menu li a:after{
		content: "";
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width:15px;
		height: 15px;
		transition: all 0.5s;
		background:url("public/uploads/mob-arrow.svg")no-repeat;
		}
		.menu li.active a:after{
		transform: rotate(-90deg);
		}
		.menu .technology-link a:after{
		display: none;
		}
		.effect {
		transform: none
		}
		.dropdown-wrapper {
		display: none;
		background: #fff;
		padding-bottom: 10px
		}
		.dropdown-wrapper {
		display: none;
		background: #fff;
		border-top: 1px solid var(--main-color);
		padding-top: 30px;
		margin-top: 30px;
		}
		.dropdown-links-wrap li a:hover, .dropdown-wrapper {

		}
		.conversion-list {
		flex-direction: column;
		border-bottom:1px solid var(--main-color);
		}

		.dropdown-links-wrap strong {
		padding-left: 6px;
		display: block;
		font-size:20px;
		line-height:1;
		font-weight:var(--fw-bold);
		margin-bottom:22px;
		}
		.top-space {

		}
		.dropdown-list {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 38px;
		}
		.dropdown-list li {
		margin: 0 10px 10px 0;
		border-bottom: none;
		}
		.dropdown-list li a:after,.dropdown-list li a:before{
		display: none;
		}
		.dropdown-list li a {
		font-size: 16px;
		cursor: pointer;
		border: 1px solid var(--main-color);
		border-radius:28px;
		padding: 5px 11px;
		transition:all 0.1s ease;
		}
		.dropdown-list li a:hover{
		background-color: var(--second-color);
		transition:all 0.5s ease-out;
		}

		/* Banner */
		.banner-section {
		padding-top: 46px;
		}
		.banner-left {
		padding: 40px 15px;
		background-color: var(--white);
		}
		.banner-pattern {
		margin-bottom: 55px;
		}
		.banner-left p {
		font-size: 18px;
		line-height: 1.167;
		margin-bottom: 36px;
		}
		.button-wrapper {
		position: relative;
		display: inline-block;
		z-index: 1;
		}
		.btn-quote {
		font-size: 18px;
		font-weight: var(--fw-bold);
		padding: 19px 44px;
		background-color: #fff;
		color: #000;
		border: 0px;
		border-radius: 1px;
		cursor: pointer;
		}
		.button-bg {
		position: absolute;
		top: 0;
		left: 0;
		border-radius: 1px;
		width: calc(100% + 4px);
		height: calc(100% + 4px);
		background: rgb(227,33,43); /* Old browsers */
		background: -moz-linear-gradient(left,  rgba(227,33,43,1) 0%, rgba(244,212,207,1) 42%, rgba(197,155,199,1) 59%, rgba(110,140,66,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(227,33,43,1) 0%,rgba(244,212,207,1) 42%,rgba(197,155,199,1) 59%,rgba(110,140,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(227,33,43,1) 0%,rgba(244,212,207,1) 42%,rgba(197,155,199,1) 59%,rgba(110,140,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3212b', endColorstr='#6e8c42',GradientType=1 ); /* IE6-9 */
		background-size: 600% 600%;
		animation: AnimateBorder 4s ease infinite;
		-webkit-animation: AnimateBorder 4s ease infinite;
		-moz-animation: AnimateBorder 4s ease infinite;
		z-index: -1;
		transform: translate(-2px, -2px);
		transition: filter 1s ease-in;
		}
		.button-wrapper:hover .button-bg {
		filter: blur(10px);
		transition: filter .4s ease-in;
		}
		@-webkit-keyframes AnimateBorder {
		0%{background-position:0% 50%}
		50%{background-position:100% 50%}
		100%{background-position:0% 50%}
		}
		@-moz-keyframes AnimateBorder {
		0%{background-position:0% 50%}
		50%{background-position:100% 50%}
		100%{background-position:0% 50%}
		}
		@keyframes AnimateBorder {
		0%{background-position:0% 50%}
		50%{background-position:100% 50%}
		100%{background-position:0% 50%}
		}
		.banner-right {
		padding: 40px 15px;
		position: var(--ps-relative);
		background-color: var(--bg-main);
		}
		.banner-graphic {
		position: var(--ps-relative);
		z-index: 1;
		background-color: var(--bg-main);
		}
		.banner-graphic svg{
			width: 100%;
           height: auto;
		}
		.banner-right:before {
		content: "";
		position: var(--ps-absolute);
		left: 0;
		top: 50%;
		width: 100%;
		height: 1px;
		transform: translateY(-50%);
		
		}

		/* Banner Close */
		/*Responsive*/
		@media only screen and (min-width:375px){
		/*Header*/
		.main-logo,.main-logo img{
		width:130px;
		}
		.mob-top {
		width: calc(100% - 160px);
		}
		.contactus-mob{
		font-size: 18px;
		padding: 18px 17px 17px 18px;
		}
		.hamburger {
		width: 57px;
		}
		.hamburger span{
		width:26px;
		margin: 0 auto 7px;
		}
		.menu li a{
		font-size:32px;
		}
		.dropdown-list li a{
		font-size: 16px;
		}
		/*Header Close*/
		}
		@media only screen and (min-width:414px){
		/* Global */
		h1 {
		font-size: 53px;
		}
		/* Global Close */
		/*Header*/
		.main-logo, .main-logo img {
		width: 160px;
		}
		.menu li a{
		font-size: 36px;
		}
		.dropdown-list li a{
		font-size: 16px;
		}
		/*Header Close*/
		/* Banner Start  */
		.banner-section {
		padding-top: 51px;
		}
		.banner-left {
		padding: 45px 30px;
		}
		/* Banner Close */
		}
		@media only screen and (min-width: 576px) {
		/* Global */
		h1 {
		font-size: 62px;
		}
		/* Global Close */
		}
		@media only screen and (min-width:768px) {
		/* Global */
		h1 {
		font-size: 78px;
		}
		/* Global Close */
		/* Banner Start  */
		.banner-left {
		padding: 50px 150px 50px 30px;
		}
		/* Banner Close */
		}
		@media only screen and (min-width:992px) {
		/* Global */
		h1 {
		font-size: 62px;
		}
		/* Global Close */
		/* Banner */
		.banner-left, .banner-right {
		width: 50%;
		}
		.banner-left {
		padding: 50px 40px 50px 30px;
		border-right:1px solid var(--main-color);
		}
		.banner-left p{
			line-height:1.35;
		}
		/* Banner Close */
		}

		@media only screen and (min-width:1025px){
		/*Header*/
		.mob-top{
		display: none;
		}
		.main-logo, .main-logo img {
		width: 147px;
		}
		/* .navigation{
		display: block;
		position: static;
		} */
		.conversion-list {
		width:100%;
		flex-direction:row;
		border-bottom:none;
		}
		.navbar {
		position: static;
		transform: none;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-align: center;
		align-items: center;
		flex-wrap: nowrap;
		width:75%;
		padding: 0;
		height: auto;
		box-shadow: none;
		background-color: var(--bg-main);
		}
		.nav {
		margin:0;
		padding:0;
		overflow:visible;
		height:auto
		}
		.menu {
		display:flex;
		justify-content: flex-end;
		}
		.menu li {
		margin-bottom: 0;
		position:relative;
		}
		.menu li a {
		font-weight: var(--fw-normal);
		padding: 18px 9px;
		position:relative;
		font-size:16px;
		letter-spacing: normal;
		}
		.menu li.get-btn a {
		padding: 18px 17px;
		}
		.menu li a:after{
		display: none;
		}
		.menu li.get-btn{
			display: block;
			border-left:1px solid var(--main-color);
			background-color: #ee6700;
		}
		.menu li.get-btn a{
			color:#fff;
		}
		 .toggle,.tech-partners{
     	border-right:1px solid transparent;
        border-left:1px solid transparent;
     }
     .menu li:hover .toggle,.menu li:hover .tech-partners{
     	background-color:var(--white);
     	border-color:var(--main-color);
     	z-index:2;
     }
     .dropdown-wrapper {
      visibility:hidden;
      opacity:0;
      position:fixed;
      width:100%;
      display:flex;
      left:0;
      top:52px !important;
      margin-top: 0;
      border-top:none;
      justify-content:normal;
      padding-bottom:0;
      padding-top:47px;
      min-height:auto;
      border-top:1px solid var(--main-color);
      border-bottom:1px solid var(--main-color);
      z-index:1;
     }
		.dropdown-menu{
		padding:0 30px 0 20px;
		}
		.dropdown-links-wrap {
		width:33%;
		padding:0 75px 15px 0;
		margin-bottom:0;
		position:relative
		}
		.dropdown-links-wrap strong {
		margin-bottom:22px;
		font-size:18px;
		padding:0
		}
		.work-dropdowm-wrapper .dropdown-list,.work-dropdowm-wrapper,.work-dropdowm-wrapper .dropdown-links-wrap li a{
		display: block;
		}
		.work-dropdowm-wrapper .dropdown-list{
		margin-bottom:7px;
		}
		.dropdown-links-wrap li {
		margin:0 10px 10px 0
		}
		.dropdown-links-wrap li a {
		display:inline-block;
		font-size:13px;
		font-weight:var(--fw-medium);
		padding:3px 10px;
		}
		.menu li:hover .dropdown-wrapper {
		visibility:visible;
		opacity:1
		}
		.link-flex {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between
		}
		.link-flex li {
		width:46%
		}
		.work-dropdowm-wrapper {
		position:var(--ps-absolute);
		width: 240px;
		padding-top: 25px;
		min-height: auto;
		left: 50%;
		top:98% !important;
		transform: translateX(-50%);
		}
		.company-dropdowm-wrapper {
		left:59%;
		padding-bottom: 15px;
		}
		.work-dropdowm-wrapper .conversion-list, .work-dropdowm-wrapper .dropdown-links-wrap {
		width: 100%;
		padding: 0;
		}

		.main-menu li a{
		padding:25px 15px;
		}
		.main-menu li:hover{
		background-color: #fff;
		}
		/*Header Close*/
		}
		@media only screen and (min-width:1200px){
		/* Global */
		h1 {
		font-size: 77px;
		line-height: 1;
		margin-bottom: 20px;
		}
		/* Global Close */
		/*Header*/
     .dropdown-links-wrap li a{
     	font-size: 15px;
     }
      .menu li a{
     	padding: 18px 14px;
     }
     .dropdown-links-wrap li a{
     	padding:3px 10px;
     }
    /*Header Close*/
}
		@media only screen and (min-width:1280px){
		/*Header*/
				.header {
					padding-left: 50px;
				}
				.main-logo, .main-logo img {
					width: 147px;
				}
				.dropdown-wrapper {
					padding-top:25px;
				}
				.work-dropdowm-wrapper {
					padding-top: 32px;
				}
				.dropdown-menu {
					padding: 0 20px 0 50px;
				}
				.work-dropdowm-wrapper .dropdown-menu {
					padding: 0 20px;
				}
				.dropdown-list {
					margin-bottom:15px;
				}
				.conversion-list {
					justify-content: space-between;
				}
				.dropdown-links-wrap {
					width: 28.5%;
					padding: 0 5px 10px 0;
				}
				.dropdown-links-wrap strong {
					font-size: 20px;
				}
				.dropdown-links-wrap li a {
					font-size: 16px;
					padding: 6px 8px;
				}
				.dropdown-links-wrap li {
					margin: 0 14px 12px 0;
				}
				/*Header Close*/
		/* Banner */
		.banner-left {
		padding: 49px 65px 50px 50px;
		}
		.banner-pattern {
		margin-bottom: 64px;
		}
		/* Banner Close*/
		}
		@media only screen and (min-width:1536px){
		/*Header*/
		.menu li a{
		font-size: 18px;
		padding:20px 18px;
		}
		.menu li.get-btn a {
		padding: 20px 23px;
		}
		.dropdown-links-wrap li a {
		font-size: 16px;
		padding: 6px 8px;
		}
		.dropdown-wrapper{
		top:58px !important;
}
.work-dropdowm-wrapper{
	top:99% !important;
}
		/*Header Close*/
		/* Banner */
		.banner-left {
		padding: 49px 136px 50px 50px;
		}
		/* Banner Close */
		 /*Acclamations*/ 
		 .companies-listed{
		 	padding-left: 50px;
		 }
		  /*Acclamations Close*/
		
		}
		@media only screen and (min-width:1640px){
		/* Global */
		h1 {
		font-size: 120px;
		line-height: 110px;
		}
		/* Global Close */
		/* Banner */
		.banner-left {
		padding: 65px 170px 60px 50px;
		}
		.banner-left p {
		font-size: 22px;
		}
		/* Banner Close */
		}
		@media only screen and (min-width:1870px){
		/*Header*/
		.menu li a{
		font-size: 20px;
		padding:20px 18px;
		}
		.menu li.get-btn a {
		padding: 20px 23px;
		}
		.dropdown-links-wrap li a {
		font-size: 16px;
		padding: 6px 8px;
		}
		/*Header Close*/
		}