/*===========================
1. COMMON css 
===========================*/
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 3, 2017 */

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,400,500,600,700&display=swap');
body {
font-family: "Montserrat", sans-serif;
font-weight: normal;
font-style: normal;
color: #8a8fa3; }

* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;font-family: 'Montserrat', sans-serif; }

img {
max-width: 100%; }

a:focus,
input:focus,
textarea:focus,
button:focus {
text-decoration: none;
outline: none; }

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

i,
span,
a {
display: inline-block; }

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Montserrat", sans-serif;
font-weight: 600;
color: #32333c;
margin: 0px; }

h1 {
font-size: 60px; }

h2 {
font-size: 36px; }

h3 {
font-size: 28px; }

h4 {
font-size: 22px; }

h5 {
font-size: 18px; }

h6 {
font-size: 16px; }

ul, ol {
margin: 0px;
padding: 0px;
list-style-type: none; }

p {
font-size: 16px;
font-weight: 400;
line-height: 28px;
color: #8a8fa3;
margin: 0px; }
@media (max-width: 767px) {
p {
font-size: 15px; } }

.bg_cover {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 100%; }

/*===== All Button Style =====*/
.main-btn {
display: inline-block;
font-weight: 500;
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 #754ef9;
padding: 0 40px;
font-size: 15px;
line-height: 48px;
border-radius: 50px;
color: #fff;
cursor: pointer;
z-index: 5;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
-webkit-box-shadow: 0px 5px 8px 0px rgba(118, 78, 249, 0.55);
-moz-box-shadow: 0px 5px 8px 0px rgba(118, 78, 249, 0.55);
box-shadow: 0px 5px 8px 0px rgba(118, 78, 249, 0.55);
background-color: #754ef9;
text-transform: uppercase; }
.main-btn:hover {
background-color: #fff;
color: #754ef9;
border-color: #754ef9; }
.main-btn.main-btn-2 {
background-color: transparent;
color: #fff;
border-color: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.main-btn.main-btn-2:hover {
background-color: #754ef9;
color: #fff;
border-color: #754ef9; }

/*===== All Section Title Style =====*/
.section-title .title {
font-weight: 700;
font-size: 45px;
color: #000;
padding-bottom: 20px; }
@media (max-width: 767px) {
.section-title .title {
font-size: 30px; } }

/*===== All Preloader Style =====*/
.preloader {
/* Body Overlay */
position: fixed;
top: 0;
left: 0;
display: table;
height: 100%;
width: 100%;
/* Change Background Color */
background: #fff;
z-index: 99999; }
.preloader .loader_34 {
display: table-cell;
vertical-align: middle;
text-align: center; }
.preloader .loader_34 .ytp-spinner {
position: absolute;
left: 50%;
top: 50%;
width: 64px;
margin-left: -32px;
z-index: 18;
pointer-events: none; }
.preloader .loader_34 .ytp-spinner .ytp-spinner-container {
pointer-events: none;
position: absolute;
width: 100%;
padding-bottom: 100%;
top: 50%;
left: 50%;
margin-top: -50%;
margin-left: -50%;
-webkit-animation: ytp-spinner-linspin 1568.23529647ms linear infinite;
-moz-animation: ytp-spinner-linspin 1568.23529647ms linear infinite;
-o-animation: ytp-spinner-linspin 1568.23529647ms linear infinite;
animation: ytp-spinner-linspin 1568.23529647ms linear infinite; }
.preloader .loader_34 .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator {
position: absolute;
width: 100%;
height: 100%;
-webkit-animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
-moz-animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
-o-animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
.preloader .loader_34 .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator .ytp-spinner-left {
position: absolute;
top: 0;
left: 0;
bottom: 0;
overflow: hidden;
right: 50%; }
.preloader .loader_34 .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator .ytp-spinner-right {
position: absolute;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
left: 50%; }
.preloader .loader_34 .ytp-spinner-circle {
box-sizing: border-box;
position: absolute;
width: 200%;
height: 100%;
border-style: solid;
/* Spinner Color */
border-color: #754ef9 #754ef9 #ddd;
border-radius: 50%;
border-width: 6px; }
.preloader .loader_34 .ytp-spinner-left .ytp-spinner-circle {
left: 0;
right: -100%;
border-right-color: #ddd;
-webkit-animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
-moz-animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
-o-animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
.preloader .loader_34 .ytp-spinner-right .ytp-spinner-circle {
left: -100%;
right: 0;
border-left-color: #ddd;
-webkit-animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
-moz-animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
-o-animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

/* Preloader Animations */
@-webkit-keyframes ytp-spinner-linspin {
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes ytp-spinner-linspin {
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
@-webkit-keyframes ytp-spinner-easespin {
12.5% {
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg); }
25% {
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg); }
37.5% {
-webkit-transform: rotate(405deg);
-moz-transform: rotate(405deg);
-ms-transform: rotate(405deg);
-o-transform: rotate(405deg);
transform: rotate(405deg); }
50% {
-webkit-transform: rotate(540deg);
-moz-transform: rotate(540deg);
-ms-transform: rotate(540deg);
-o-transform: rotate(540deg);
transform: rotate(540deg); }
62.5% {
-webkit-transform: rotate(675deg);
-moz-transform: rotate(675deg);
-ms-transform: rotate(675deg);
-o-transform: rotate(675deg);
transform: rotate(675deg); }
75% {
-webkit-transform: rotate(810deg);
-moz-transform: rotate(810deg);
-ms-transform: rotate(810deg);
-o-transform: rotate(810deg);
transform: rotate(810deg); }
87.5% {
-webkit-transform: rotate(945deg);
-moz-transform: rotate(945deg);
-ms-transform: rotate(945deg);
-o-transform: rotate(945deg);
transform: rotate(945deg); }
to {
-webkit-transform: rotate(1080deg);
-moz-transform: rotate(1080deg);
-ms-transform: rotate(1080deg);
-o-transform: rotate(1080deg);
transform: rotate(1080deg); } }
@keyframes ytp-spinner-easespin {
12.5% {
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg); }
25% {
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg); }
37.5% {
-webkit-transform: rotate(405deg);
-moz-transform: rotate(405deg);
-ms-transform: rotate(405deg);
-o-transform: rotate(405deg);
transform: rotate(405deg); }
50% {
-webkit-transform: rotate(540deg);
-moz-transform: rotate(540deg);
-ms-transform: rotate(540deg);
-o-transform: rotate(540deg);
transform: rotate(540deg); }
62.5% {
-webkit-transform: rotate(675deg);
-moz-transform: rotate(675deg);
-ms-transform: rotate(675deg);
-o-transform: rotate(675deg);
transform: rotate(675deg); }
75% {
-webkit-transform: rotate(810deg);
-moz-transform: rotate(810deg);
-ms-transform: rotate(810deg);
-o-transform: rotate(810deg);
transform: rotate(810deg); }
87.5% {
-webkit-transform: rotate(945deg);
-moz-transform: rotate(945deg);
-ms-transform: rotate(945deg);
-o-transform: rotate(945deg);
transform: rotate(945deg); }
to {
-webkit-transform: rotate(1080deg);
-moz-transform: rotate(1080deg);
-ms-transform: rotate(1080deg);
-o-transform: rotate(1080deg);
transform: rotate(1080deg); } }
@-webkit-keyframes ytp-spinner-left-spin {
0% {
-webkit-transform: rotate(130deg);
-moz-transform: rotate(130deg);
-ms-transform: rotate(130deg);
-o-transform: rotate(130deg);
transform: rotate(130deg); }
50% {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg); }
to {
-webkit-transform: rotate(130deg);
-moz-transform: rotate(130deg);
-ms-transform: rotate(130deg);
-o-transform: rotate(130deg);
transform: rotate(130deg); } }
@keyframes ytp-spinner-left-spin {
0% {
-webkit-transform: rotate(130deg);
-moz-transform: rotate(130deg);
-ms-transform: rotate(130deg);
-o-transform: rotate(130deg);
transform: rotate(130deg); }
50% {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg); }
to {
-webkit-transform: rotate(130deg);
-moz-transform: rotate(130deg);
-ms-transform: rotate(130deg);
-o-transform: rotate(130deg);
transform: rotate(130deg); } }
@-webkit-keyframes ytp-right-spin {
0% {
-webkit-transform: rotate(-130deg);
-moz-transform: rotate(-130deg);
-ms-transform: rotate(-130deg);
-o-transform: rotate(-130deg);
transform: rotate(-130deg); }
50% {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg); }
to {
-webkit-transform: rotate(-130deg);
-moz-transform: rotate(-130deg);
-ms-transform: rotate(-130deg);
-o-transform: rotate(-130deg);
transform: rotate(-130deg); } }
@keyframes ytp-right-spin {
0% {
-webkit-transform: rotate(-130deg);
-moz-transform: rotate(-130deg);
-ms-transform: rotate(-130deg);
-o-transform: rotate(-130deg);
transform: rotate(-130deg); }
50% {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg); }
to {
-webkit-transform: rotate(-130deg);
-moz-transform: rotate(-130deg);
-ms-transform: rotate(-130deg);
-o-transform: rotate(-130deg);
transform: rotate(-130deg); } }
/*===========================
2.HEADER css 
===========================*/

.navigation {padding:0px 0;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-ms-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; }
.navigation.sticky {padding: 0px 0;background: rgba(207,37,201,1);
background: -moz-linear-gradient(-45deg, rgba(85,27,201,1) 0%, rgba(144,31,201,1) 53%, rgba(207,37,201,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(85,27,201,1)), color-stop(53%, rgba(144,31,201,1)), color-stop(100%, rgba(207,37,201,1)));
background: -webkit-linear-gradient(-45deg, rgba(85,27,201,1) 0%, rgba(144,31,201,1) 53%, rgba(207,37,201,1) 100%);
background: -o-linear-gradient(-45deg, rgba(85,27,201,1) 0%, rgba(144,31,201,1) 53%, rgba(207,37,201,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(85,27,201,1) 0%, rgba(144,31,201,1) 53%, rgba(207,37,201,1) 100%);
background: linear-gradient(135deg, rgba(85,27,201,1) 0%, rgba(144,31,201,1) 53%, rgba(207,37,201,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf25c9', endColorstr='#551bc9', GradientType=1 );-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-ms-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; }
.navigation .navbar {padding: 0;position: relative;align-items: flex-start; }

.collapse.navbar-collapse{margin-top:20px;}
.navigation .navbar .navbar-brand {padding-top: 15px;padding-bottom: 0px; }
.navigation .navbar .navbar-toggler {padding: 2px 6px;margin-top: 20px; }
.navigation .navbar .navbar-toggler .toggler-icon {width: 30px;height: 2px;background-color: #fff;margin: 5px 0;display: block;position: relative;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-ms-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; }
.navigation .navbar .navbar-toggler.active .toggler-icon:nth-of-type(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 7px; }
.navigation .navbar .navbar-toggler.active .toggler-icon:nth-of-type(2) {opacity: 0; }
.navigation .navbar .navbar-toggler.active .toggler-icon:nth-of-type(3) {-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);top: -7px; }
.navigation .navbar .navbar-nav .nav-item {margin-left: 30px; }
.navigation .navbar .navbar-nav .nav-item:first-child {margin-left: 0; }
.navigation .navbar .navbar-nav .nav-item a {font-size: 16px;color: #fff;font-weight: 500;position: relative;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-ms-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; }
.navigation .navbar .navbar-nav .nav-item a::before {position: absolute;content: '';width: 3px;height: 0;background-color: #fff;left: 50%;top: 10px;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-ms-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; }
.navigation .navbar .navbar-nav .nav-item.active a, .navigation .navbar .navbar-nav .nav-item:hover a {color: #fff; }
.navigation .navbar .navbar-nav .nav-item.active a::before, .navigation .navbar .navbar-nav .nav-item:hover a::before {height: 45px; }
.header-content {height: 570px;width: 100%;margin-top: 00px;position: relative;}
.header-content .header-shape {position: absolute !important; }

.header-content .header-shape.shape-ten {right: 30px !important;bottom: -350px !important;left: auto !important;top: auto !important; }
.header-content-right {position: relative; }
.header-content-right .innertitle {font-size: 40px;padding-bottom: 15px;color: #fff; }
.header-content-right .title {font-size: 50px;padding-bottom: 15px;color: #fff; }
.header-content-right p {font-size: 20px;padding-bottom: 15px;color: #fff; }
.fixed-top.navigation .navbar .navbar-brand img.sticky{display: none;}
.fixed-top.sticky.navigation .navbar .navbar-brand img.narmal{display: none;}
.fixed-top.sticky.navigation .navbar .navbar-brand img.sticky{display: block; padding-bottom:12px;}
/*.fixed-top-height{height:12%;}*/
.inner-content.inner_bg{position: relative;}
.inner-content.inner_bg .container{z-index: 3;position: relative;}
.inner-content.inner_bg:after{content:'';position:absolute; background: url(../images/innerBG.svg) no-repeat bottom center;background-size: 100%;width: 50%;height: 400px;bottom:0px;right: 0;}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navigation .navbar .navbar-collapse {position: absolute;top: 158%;left: 0;width: 100%;background-color: #fff;z-index: 99;-webkit-box-shadow: 0px 10px 15px 0px rgba(134, 134, 134, 0.15);-moz-box-shadow: 0px 10px 15px 0px rgba(134, 134, 134, 0.15);box-shadow: 0px 10px 15px 0px rgba(134, 134, 134, 0.15);padding: 3px 12px; } 
  .navigation .navbar .navbar-nav .nav-item {margin: 4px 0; } 
  .navigation .navbar .navbar-nav .nav-item a::before {display: none; } 

}

@media (max-width: 767px) {
  .navigation .navbar .navbar-collapse {position: absolute;top: 40px;right: 0;width: 50%;background-color: #fff;z-index: 99;-webkit-box-shadow: 0px 10px 15px 0px rgba(134, 134, 134, 0.15);-moz-box-shadow: 0px 10px 15px 0px rgba(134, 134, 134, 0.15);box-shadow: 0px 10px 15px 0px rgba(134, 134, 134, 0.15);padding: 3px 12px; } 
  .navigation .navbar .navbar-nav .nav-item {margin: 4px 0; }
  .navigation .navbar .navbar-nav .nav-item a::before {display: none; }
  .header-content {height: 550px; }   
  .header-content-right .sub-title {font-size: 24px; } 
  .header-content-right .title {font-size: 38px; } 
  .header-content .header-shape.shape-ten img {width: 100px; } 
  .header-content .header-shape.shape-ten {right: 0px !important;bottom: 140px !important; }

}
#home{background:url(../images/home_background.png) no-repeat left top;width: 100%;}
.video_btn{background: #fff url(../images/playicon.png) no-repeat left 10px center;border-radius: 20px;height: 40px;padding: 0 30px 0 60px;line-height: 40px;color: #333;font-size: 14px;}
/*===========================
3.ABOUT css 
===========================*/
.about_content{}
.about_content h3{font-size: 14px;color: #3e00a7;font-weight: 600;}
h3.arvrheading{font-size: 18px;color: #333;font-weight: 600;line-height: 25px;}
h3.footer_header{font-size: 12px;color: #fff;font-weight: 600;line-height: 25px;}
.about_content h2{font-size: 38px;color: #333;font-weight: 600;margin: 10px 0}
.about_content p{font-size: 14px;color: #333;font-weight: 400;line-height: 20px;}
.about_content a{background: url(../images/about_arrow.png) no-repeat;width: 30px;height: 30px;background-size: 100%;}
/*===========================
4.SERVICES css 
===========================*/
#service{background: rgba(244,244,251,1);
background: -moz-linear-gradient(left, rgba(244,244,251,1) 0%, rgba(250,250,253,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(244,244,251,1)), color-stop(100%, rgba(250,250,253,1)));
background: -webkit-linear-gradient(left, rgba(244,244,251,1) 0%, rgba(250,250,253,1) 100%);
background: -o-linear-gradient(left, rgba(244,244,251,1) 0%, rgba(250,250,253,1) 100%);
background: -ms-linear-gradient(left, rgba(244,244,251,1) 0%, rgba(250,250,253,1) 100%);
background: linear-gradient(to right, rgba(244,244,251,1) 0%, rgba(250,250,253,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4fb', endColorstr='#fafafd', GradientType=1 );
position: relative;}
#service .container{position: relative;z-index: 2;}
#service:after{background: #f0eff8;
background: -moz-linear-gradient(left, #f0eff8 0%, #dbdbed 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #f0eff8), color-stop(100%, #dbdbed));
background: -webkit-linear-gradient(left, #f0eff8 0%, #dbdbed 100%);
background: -o-linear-gradient(left, #f0eff8 0%, #dbdbed 100%);
background: -ms-linear-gradient(left, #f0eff8 0%, #dbdbed 100%);
background: linear-gradient(to right, #f0eff8 0%, #dbdbed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0eff8', endColorstr='#dbdbed', GradientType=1 );content: "";position: absolute;z-index: 1;height: 350px;width: 100%;left:0;top:0;}
.service_outer{width: 100%;background: #fff;padding: 40px  50px 40px 50px;}
.services-area .services_title h2{font-size: 16px;color: #333;font-weight: 400;}
.services-area .services_title h3{font-size: 34px;color: #333;font-weight: 600;}
.service-icon{float: left;width:100px;}
.service-content{float: left;width: calc(100% - 100px);}
.service-content h4{float: left;width: 100%;font-size: 16px;color: #333;font-weight: 600;margin-bottom: 10px;}
.service-content p{font-size: 13px;color: #7e8791;font-weight: 400;width: 100%;line-height: 20px;min-height: 100px;margin-bottom: 10px;padding-right: 30px;}
.service-content a{font-size: 14px;color: #5500d0;font-weight: 600;margin-bottom: 10px;}
/*===========================
5.Chatbot css 
===========================*/
#chatbot{background: rgba(244,244,251,1);
background: -moz-linear-gradient(left, rgba(244,244,251,1) 0%, rgba(250,250,253,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(244,244,251,1)), color-stop(100%, rgba(250,250,253,1)));
background: -webkit-linear-gradient(left, rgba(244,244,251,1) 0%, rgba(250,250,253,1) 100%);
background: -o-linear-gradient(left, rgba(244,244,251,1) 0%, rgba(250,250,253,1) 100%);
background: -ms-linear-gradient(left, rgba(244,244,251,1) 0%, rgba(250,250,253,1) 100%);
background: linear-gradient(to right, rgba(244,244,251,1) 0%, rgba(250,250,253,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4fb', endColorstr='#fafafd', GradientType=1 );
min-height: 510px;}
.chatbot_content{position: relative;}
.chatbot_content.small_box:after{content: "";position: absolute;background: url(../images/chatbot_box.png) no-repeat;width: 101px;height: 125px;top: -50px;right:100px;z-index: 2;}
.chatbot_content h2{font-size: 41px;color: #3339b7;font-weight: 600;}
.chatbot_content h3{font-size: 31px;color: #333;font-weight: 600;}
.chatbot_content p{font-size: 16px;color: #333;font-weight: 600;margin:10px 0;}
.chatbot_content a{background: rgba(1,0,128,1);
background: -moz-linear-gradient(left, rgba(1,0,128,1) 0%, rgba(0,94,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(1,0,128,1)), color-stop(100%, rgba(0,94,255,1)));
background: -webkit-linear-gradient(left, rgba(1,0,128,1) 0%, rgba(0,94,255,1) 100%);
background: -o-linear-gradient(left, rgba(1,0,128,1) 0%, rgba(0,94,255,1) 100%);
background: -ms-linear-gradient(left, rgba(1,0,128,1) 0%, rgba(0,94,255,1) 100%);
background: linear-gradient(to right, rgba(1,0,128,1) 0%, rgba(0,94,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010080', endColorstr='#005eff', GradientType=1 );border-radius: 30px;height: 35px;padding: 0 20px;border:none;color:#fff;font-size: 14px;margin-top:10px; line-height: 35px;}

/*===========================
6.Project css 
===========================*/
.project_left{width: 100%;background: rgba(1,59,203,1);
background: -moz-linear-gradient(top, rgba(1,59,203,1) 0%, rgba(45,65,248,1) 53%, rgba(62,44,226,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,59,203,1)), color-stop(53%, rgba(45,65,248,1)), color-stop(100%, rgba(62,44,226,1)));
background: -webkit-linear-gradient(top, rgba(1,59,203,1) 0%, rgba(45,65,248,1) 53%, rgba(62,44,226,1) 100%);
background: -o-linear-gradient(top, rgba(1,59,203,1) 0%, rgba(45,65,248,1) 53%, rgba(62,44,226,1) 100%);
background: -ms-linear-gradient(top, rgba(1,59,203,1) 0%, rgba(45,65,248,1) 53%, rgba(62,44,226,1) 100%);
background: linear-gradient(to bottom, rgba(1,59,203,1) 0%, rgba(45,65,248,1) 53%, rgba(62,44,226,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013bcb', endColorstr='#3e2ce2', GradientType=0 );height: auto;padding: 70px 0 100px 20px ;position: relative;}
.project_left:after{content: "";position:absolute;width: 1px;height:480px;left:85px;top:222px;background: #fff;}
.project_left h3{font-size: 14px;color: #fff;font-weight: 600;}
.project_left h2{font-size: 38px;color: #fff;font-weight: 600;margin: 10px 0 50px 0}
.project_left .nav-pills .nav-link.active, .nav-pills .show>.nav-link{background: #fff;color: #333}
.project_left .nav-pills .nav-link, .nav-pills .show>.nav-link{color: #fff;margin:10px 0;padding-left: 30px;position: relative;}
.project_left .nav-pills .nav-link:before{width: 10px;height: 10px;background: #fff;border-radius: 100%;content: "";position: absolute;left:10px;top:14px;z-index: 1}
.project_left .nav-pills .nav-link.active:before{background-color: #ddd;}
.project_left .nav-pills .nav-link{border-radius: 0;}
.project_left .nav-pills{margin-left: 50px;position: relative;z-index: 2}
.project_content span{margin-top: 50px}
.project_content h2{font-size: 24px;color: #212121;font-weight: 600;margin: 20px 0;}
.project_content p{font-size: 14px;color: #212121;font-weight: 500;margin-bottom: 15px;line-height: 20px;}
.project_content h3{font-size: 16px;color: #212121;font-weight: 600;margin-bottom: 15px;line-height: 20px;}
@media only screen and (min-width: 320px) and (max-width: 991px)
{.project_content video{width: 350px; height: 190px; margin-top: -10px !important}}
/*===========================
7.socialshares css 
===========================*/
#socialshares{background: #c8cdee;
background: -moz-linear-gradient(top, #c8cdee 0%, #c8cfee 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #c8cdee), color-stop(100%, #c8cfee));
background: -webkit-linear-gradient(top, #c8cdee 0%, #c8cfee 100%);
background: -o-linear-gradient(top, #c8cdee 0%, #c8cfee 100%);
background: -ms-linear-gradient(top, #c8cdee 0%, #c8cfee 100%);
background: linear-gradient(to bottom, #c8cdee 0%, #c8cfee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8cdee', endColorstr='#c8cfee', GradientType=0 );width: 100%;height: 120px;padding-top: 20px;}
/*===========================
8.CONTACT css 
===========================*/
.contact-area{background: #DFE3F8;position: relative;overflow: hidden;}
.contact-area:after{background: #d9def7;position: absolute;width: 50%;right: 0;top:0;height: 450px;content: "";z-index: 1;}
.contact-area:before{background: url(../images/contact_bg.png) no-repeat;position: absolute;width:280px;left:calc(50% - 280px);top:0;height:500px;content: "";z-index: 1;}
.contact_career{position: relative;z-index: 2;}
.contact_career h2{font-size: 41px;color: #212121;font-weight: 600;margin-bottom: 15px;}
.contact_career p{font-size: 14px;color: #212121;font-weight: 500;margin-bottom: 15px;line-height: 20px;}
.contact_career h4{font-size: 18px;color: #212121;font-weight: 600;margin-bottom: 15px;line-height: 20px;}
.contact_career a{font-size: 14px;color: #212121;font-weight: 500;margin-bottom: 15px;line-height: 40px;background: #fff;border-radius: 20px;padding: 0 20px;}
.contact-form{position: relative;z-index: 2;background: url(../images/contact_form_bg.png) no-repeat top right; width:750px;height: 403px;float: left;}
.contact-form h2{font-size: 20px;color: #212121;font-weight: 600;width: 100%;text-align:center;margin-top:60px;}
#contact-form {width:510px;margin:10px 0 0 100px;}
#contact-form input[type="text"] {width: 100%;height:35px;border-radius: 2px;border: 1px solid #ddd;padding: 0 10px;font-size: 13px;color: #8a8fa3; margin: 15px 0 0 0;}
#contact-form .err {width: 100%;color:#f00;font-size: 12px;}
.contact_btn{background: rgba(1,0,128,1);
background: -moz-linear-gradient(left, rgba(1,0,128,1) 0%, rgba(0,94,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(1,0,128,1)), color-stop(100%, rgba(0,94,255,1)));
background: -webkit-linear-gradient(left, rgba(1,0,128,1) 0%, rgba(0,94,255,1) 100%);
background: -o-linear-gradient(left, rgba(1,0,128,1) 0%, rgba(0,94,255,1) 100%);
background: -ms-linear-gradient(left, rgba(1,0,128,1) 0%, rgba(0,94,255,1) 100%);
background: linear-gradient(to right, rgba(1,0,128,1) 0%, rgba(0,94,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010080', endColorstr='#005eff', GradientType=1 );border-radius: 30px;height: 35px;padding: 0 20px;border:none;color:#fff;font-size: 14px;margin-top:10px; }
/*===========================
9.FOOTER css 
===========================*/
#footer{background: #343644;
background: -moz-linear-gradient(top, #343644 0%, #0b0b0f 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #343644), color-stop(100%, #0b0b0f));
background: -webkit-linear-gradient(top, #343644 0%, #0b0b0f 100%);
background: -o-linear-gradient(top, #343644 0%, #0b0b0f 100%);
background: -ms-linear-gradient(top, #343644 0%, #0b0b0f 100%);
background: linear-gradient(to bottom, #343644 0%, #0b0b0f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343644', endColorstr='#0b0b0f', GradientType=0 );}

.footer-copyright .container{border-top:1px solid #707070;}
.footer-copyright .copyright-text p {color: #fff;font:normal 12px/20px 'Montserrat';  }

.footer-widget ul li a,.footer-widget p, .footer-widget p a{color: #fff;font:normal 12px/20px 'Montserrat';}
.back-to-top {font-size: 20px;color: #fff;position: fixed;right: 20px;bottom: 20px;width: 50px;height: 50px;line-height: 46px;background:url(../images/about_arrow.png) no-repeat;transform:rotate(-90deg);text-align: center;z-index: 99;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-ms-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;display: none; }


.contact_address h2,.socialshare h2,.footer_top_row h2{float: left;font-size: 14px;color: #a5a8bb;text-transform: uppercase;margin-right: 20px;}
.footer_new_row h2{float: left;font-size: 14px;color: #e1e1e1; /*#a5a8bb*/ text-transform: uppercase;margin-right: 20px;}
.contact_address ul{width: 84%;margin:0;float: left;}
.contact_address ul li{float: left;}
.contact_address ul li{float: left;width: 33%}
.contact_address ul li p,.socialshare ul li p,.foot_last_row p{font-size: 12px;color: #e1e1e1; /*#636579;*/line-height: 20px;}
.contact_address ul li p a{font-size: 12px;color: #e1e1e1;/*#636579*/ !important;line-height: 20px;}
.footer_top_row ul{float: left;width:100%;margin-top: 10px; }
.footer_top_row ul li{float: left;width: 100%;padding: 5px 0;}
.footer_top_row ul li a{font-size: 13px;color: #636579}
.footer_top_row ul li a:hover{color: #fff}
.footer_top_row{border-bottom: 1px solid #31323a;padding-bottom: 20px;margin-bottom: 40px;}
#clientshares{background: #fbfbfb;width: 100%;}
.cli-img{align-content: space-around;display: flex;align-items: center; justify-content: space-between;}
.foot_last_row{border-top: 1px solid #31323a;padding-bottom: 10px;margin-top: 40px;}
.socialshare ul{float: left;width: 100%;margin-top: 15px;}
.socialshare li{float: left;margin-right: 15px;line-height: 40px;}
.socialshare li a{width: 40px;height: 40px;background:#3a3c4c;float: left;text-align: center;padding-top: 10px;font-size: 12px }
.socialshare li a:hover{width: 40px;height: 40px;background:#555871;float: left;text-align: center;padding-top: 10px;font-size: 12px }

.inner-content{background: #background: rgba(83,25,200,1);
background: -moz-linear-gradient(left, rgba(83,25,200,1) 0%, rgba(125,40,209,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(83,25,200,1)), color-stop(100%, rgba(125,40,209,1)));
background: -webkit-linear-gradient(left, rgba(83,25,200,1) 0%, rgba(125,40,209,1) 100%);
background: -o-linear-gradient(left, rgba(83,25,200,1) 0%, rgba(125,40,209,1) 100%);
background: -ms-linear-gradient(left, rgba(83,25,200,1) 0%, rgba(125,40,209,1) 100%);
background: linear-gradient(to right, rgba(83,25,200,1) 0%, rgba(125,40,209,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5319c8', endColorstr='#7d28d1', GradientType=1 );width: 100%;min-height: auto;padding-top: 100px;}
.ai_page img{max-height: 260px;}
.ar_page img{max-height: 350px;}
.cloud_page img{max-height: auto; max-width: 80%}
.call_to_btn{background: #383838;width: 100%;padding: 10px 0;text-align: center;}
.call_to_btn p{color: #cccccc;font-size: 20px;font-weight: 600}
.call_to_btn a{background: #cccccc;font-size: 14px;font-weight: 400;color: #333;border-radius: 30px;padding: 10px 50px;margin-left: 20px;}
.howitwork_top{background: #eaecf8;padding:20px 0 20px 0;}
.howitwork_top h2{font-size: 41px;color: #212121;font-weight: 600;}
.howitwork_top p{font-size: 14px;color: #212121;font-weight: 500;line-height: 20px;}
.howitwork_btm{background: #f8f8fb;padding: 10px;}

.howitworks{width: 100%;float: left;padding: 100px 0;}
.howitworks ul li:last-child{background: none;padding-right: 0;width: 22%}
.howitworks ul li{float: left;width: 26%;background: url(../images/howitarrow.svg) no-repeat right 20px top 20px; padding-right: 80px;text-align: center;}
.howitworks ul li span{background: #fff;width: 160px;height: 160px;border-radius: 100%;border:2px dashed #999;text-align: center;line-height: 160px;}
.howitworks ul li h2{font-size: 24px;color: #212121;font-weight: 600;margin-top:30px;}
.howitworks ul li p{font-size: 14px;color: #212121;font-weight: 500;line-height: 20px;margin-top:10px;}


 @media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-widget {  padding-top: 100px;  padding-bottom: 100px; }
  }
@media (max-width: 767px) {
  .footer-widget {padding-top: 80px;padding-bottom: 80px; } 
  .footer-content ul li {margin: 0 7px; } 
  .footer-content ul li a {width: 52px;height: 50px;line-height: 50px;font-size: 20px; } 
}
@media (max-width: 1024px) {
.contact-area  .contact-form{background: #fff;border-radius: 50px 50px 0 0;width: 100%;padding: 20px;}
.contact-form h2{margin-top: 10px;}
#contact-form{width: 100%;margin:0px;}
.project_left h2{font-size: 30px;}
.howitworks ul li{width: 25%}

}

@media (max-width: 960px) {
  .container{max-width: 100%;}
  .navigation .navbar .navbar-brand img{max-height: 100px;}
.howitworks ul li,.howitworks ul li:last-child{background: none;width: 50%;text-align: center;padding: 10px 5%}
}
@media (max-width: 768px) {
  .about_content,.service_inner {text-align: center;padding: 30px 0;}
  .service_inner  img{max-height: 300px;}
  .order-2{order: inherit;}
.header-content-right .title,.about_content h2 ,.chatbot_content h3,.chatbot_content h2{font-size: 28px}
.header-content-right p,.chatbot_content p{font-size: 14px;}
  .navigation .navbar .navbar-brand img{max-height: 100px;}
  .header-content .header-shape.shape-ten{bottom: -180px !important}
    .header-content {height: 400px; }
    .about_content p{font-size: 12px;}
    .services-area .services_title h3 br,.chatbot_content:after{display: none;}
    .service_outer{padding: 20px;}
    #chatbot{min-height: 300px;}
    #chatbot img{max-height: 300px;}
    .chatbot_content{padding-top: 20px;}
    .project_left .nav-pills{margin-left: 0;}
    .project_left:after{display: none;}
    .navigation .navbar .navbar-nav .nav-item a{color: #333}
    .navigation .navbar .navbar-nav .nav-item.active a, .navigation .navbar .navbar-nav .nav-item:hover a{color: #0e4ef4}
.contact_address ul li{width: 100%;margin: 10px 0;}
}


@media (max-width: 680px) {

  .about_content.pt-100{padding-top: 10px;}
  .shape-ten{display: none !important;}
  .header-content{padding: 100px 0 0 50px}
  #about, #chatbot,.contact-area{padding: 10px 0;}
  .about-area .col-md-6, #chatbot .col-md-6{text-align: center;}
.about-area .col-md-6 img, #chatbot .col-md-6 img{max-height: 200px;}
#socialshares{height: auto;text-align: center;padding-top: 10px;}
.project_left h2,.contact_career{margin: 0;text-align: center;}
.project_left h3{margin: 0;text-align: center;}
.project_left{padding: 10px;height: auto;float: left;}
 .project_left .nav-pills{display: block;float: left;width: 100%;margin-top:10px;}
  .project_left .nav-pills a{float: left;}
  .project_content{float: left;padding:10px 0;text-align: center;}
  .project_content span{margin-top: 0;}
  .contact-form{height: auto}
  .contact_career h4{padding-top: 10px;}
  .service_outer{width: auto;}
  .project_left .nav-pills .nav-link, .nav-pills .show>.nav-link{margin: 0;}
  .project_left .nav-pills .nav-link{font-size: 12px;}

  #socialshares .col-md{float: left;width: auto;}
    #socialshares .col-md img{max-width: 100px;margin: 10px 0;} 
}
 
  @media (max-width: 480px) {
    .howitworks ul li,.howitworks ul li:last-child{background: none;width: 100%;text-align: center;padding: 10px 5%}
  }