/*scroll*/
::selection{background:#895ffc;color:#fff;text-shadow:none;}
::-webkit-scrollbar{width:10px;background-color:#F5F5F5;}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:none;}
::-webkit-scrollbar-track-piece{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#dedede;}
::-webkit-scrollbar-thumb:vertical{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-image:linear-gradient(#54a7fa,#caa6f2);}

/*body*/
container{
	width: 1140px;
}
.overflw{overflow:hidden;}
[class^="box-"]{display:none}
[class^="box-"].showfirst{display:block}
img{max-width:100%;height:auto;}
a:hover{text-decoration: none;-webkit-transition:all 0.4s ease-In-out;-moz-transition:all 0.4s ease-In-out;-o-transition:all 0.4s ease-In-out;transition:all 0.4s ease-In-out;}
p{line-height: 1.4;}
body{padding: 0;margin: 0;overflow-x:hidden;font-family: "Work Sans"; }


/*padding*/
.pad0{padding:50px 0px;}
.padL{padding-left:0;}
.padR{padding-right:0;}
.pad-top{padding-top:60px;}
.pad-btm{padding-bottom:40px;}

/*botton*/
.btn-a{background-image: linear-gradient(to right, #54a7fa,#b478ea);border:2px solid #54a7fa; border-radius: 8px;color:white !important;padding:15px 30px;text-decoration:none;font-size:16px;font-weight:500;cursor:pointer;display:inline-block;-webkit-transition-duration:0.4s;transition-duration:0.4s;}
.btn-a:hover{background:transparent;color: #54a7fa !important;;}

.btn-b{background-color: transparent;border:2px solid #ffff;color:white;border-radius: 8px;padding:19px 40px;text-decoration:none;font-size:18px;font-weight:500;cursor:pointer;display:inline-block;-webkit-transition-duration:0.4s;transition-duration:0.4s;}
.btn-b:hover{background:transparent;color: #fff;}

.btn-c{background-image: linear-gradient(to right, #90c3fc,#caa6f2);text-align: center;border:2px solid #caa6f2;border-radius: 0px 0px 19px 1px;color:white !important;padding: 22px 30px;padding: 18px 30px;ext-decoration:none;font-size:16px;font-weight:500;cursor:pointer;display:inline-block;-webkit-transition-duration:0.4s;transition-duration:0.4s;width: 100%;}
.btn-c:hover{background:transparent;color: #000 !important;;}

.btn-f {
	background-image: linear-gradient(to top , #49adfc , #8d8bf1 , #ac7ceb);
	text-align: center;
	border:2px solid #caa6f2;
	border-radius: 0px 0px 19px 1px;
	color:white !important;
	padding: 20px 90px;
	text-decoration:none;
	font-size:16px;
	font-weight:500;
	cursor:pointer;
	display:inline-block;
	-webkit-transition-duration:0.4s;
	transition-duration:0.4s;
}
.btn-f:hover{background:transparent;color: #000 !important;;}
.btn-d{background-image: linear-gradient(to right, #38b6ff, #a480ed,#c470e7);text-align: center;border:2px solid #caa6f2;border-radius: 22px;color:white !important;padding: 22px;ext-decoration:none;font-size:16px;font-weight:500;cursor:pointer;display:inline-block;-webkit-transition-duration:0.4s;transition-duration:0.4s;width: 100%;}
.btn-d:hover{background:transparent;color: #000 !important;}
.sml-btn {
    padding: 20px 0px;
    width: 99%;
}
/*heading*/
.m1-h h1{font-size: 66px;font-weight: bold;color: #ffff;}
.m2-h h1{font-size: 30px;font-weight: bold;color: #000;}
.m3-h h2{font-weight: bold;font-size: 64px;background: -webkit-linear-gradient(to right, #3eb3fe 0%, #b478ea 50%);background: -moz-linear-gradient(to right, #c470e7 20%, #3eb3fe 100%);background: linear-gradient(to right, #3eb3fe 46%, #b478ea 52%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.m4-h h5{font-size: 18px;font-weight: 700;color: #000;padding: 4px;}
.m5-h h2{font-size: 24px;font-weight: bold;color: #000;
transition: all 0.5s;}
.m6-h h5{}
.ma-h h2 {
	font-weight: bold;font-size: 64px;background: -webkit-linear-gradient(to right, #3eb3fe 0%, #b478ea 50%);background: -moz-linear-gradient(to right, #c470e7 20%, #3eb3fe 100%);background: linear-gradient(to right, #3eb3fe 46%, #b478ea 52%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}
.mb-h h2 {
	font-weight: bold;font-size: 34px;background: -webkit-linear-gradient(to right, #3eb3fe 0%, #b478ea 50%);background: -moz-linear-gradient(to right, #c470e7 20%, #3eb3fe 100%);background: linear-gradient(to right, #3eb3fe 46%, #b478ea 52%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

/*paragrape*/
.p1 p{font-size: 18px;font-weight: 400;color: #fff;line-height:1.5;}
.p2 p{font-size: 18px;font-weight: 400;color: #515151;line-height:1.5;}
.p3 p{font-size: 18px;font-weight: 400;color: #000;line-height:1.5;}
.p4 p{}
.p5 p{}


/* Hamburger Menu */
.menu-Bar{width:30px;height:20px;cursor:pointer;position:absolute;right:15px;top:0;bottom:0px;margin:auto;z-index:22;display:none;}
.menu-Bar span{display:block;height:4px;width:100%;background:#000;position:absolute;transition:.6s all;border-radius:100px;}
.menu-Bar span:nth-child(1){top:0;}
.menu-Bar span:nth-child(2){top:8px;transform-origin:left;}
.menu-Bar span:nth-child(3){top:16px;}
.menu-Bar.open span{background:#fff;}
.menu-Bar.open span:nth-child(1){transform:rotate(45deg);top:12px;transform-origin:right-center;}
.menu-Bar.open span:nth-child(2){width:0;opacity:0;}
.menu-Bar.open span:nth-child(3){transform:rotate(-45deg);top:12px;transform-origin:right-center;}

/* click search field */
#demo-2 input[type=search]{width:30px;height:30px;color:#000;cursor:pointer;border:1px solid #fff;-webkit-transition-duration:0.4s;transition-duration:0.4s;border-radius:20px;}
#demo-2 input[type=search]{background:#fff url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center;border:solid 1px transparent;padding:9px 10px 9px 32px;width:45px;-webkit-border-radius:10em;-moz-border-radius:10em;border-radius:10em;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;background-color:transparent;}
form#demo-2{position:absolute;top:-20px;}
.serch{position:relative;}
#demo-2 input[type=search]:focus{width:220px;padding-left:32px;color:#000;background-color:#fff;cursor:auto;border-radius:20px;border:1px solid #f5821f;}

/* sticky header */
/* header.sticky{background:#fff;box-shadow:0 8px 6px -6px #D3D3D3;-webkit-transition-duration:0.4s;transition-duration:0.4s;}
header{position:fixed;width:100%;    background: #fff;background-color:transparent;color:#fff;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;z-index:1;}
 */

 .arrow-right {
	position: absolute;
	top: 67%;
	right: 2%;
	border: none;
	background-color: transparent;
}
.arrow-left {
	position: absolute;
	top: 67%;
	left: 2%;
	border: none;
	background-color: transparent;
	z-index: 3;
}
.index-slider {
	position: relative;
}
/*top-header*/
.topbar{
	padding: 10px 0px;
	border-bottom: 2px solid #e4e4e4;
}
.first-icons {
	display: flex;
	justify-content: space-between;
}
.first-icons i{
	color: #bae1fe;
	font-size: 16px;
	margin: 0px 5px;
}
.first-icons a{
	border-left: 2px solid #e4e4e4;
	border-right: 2px solid #e4e4e4;
	font-size: 16px;
	padding: 0px 15px;
	color: #000;
}
.first-icons li{
	display: inline-block;
	margin-right: 12px;
}
.form-select{
	outline: none;
	border: none;
	border-left: 2px solid #e4e4e4;
	border-right: 2px solid #e4e4e4;
	padding: 0px 15px;
}
/*header*/
.menu{
	display: flex;
	justify-content: space-between;
    align-items: center;
}
.menu li a{
	color: #000;
	font-weight: 600;
	font-size: 18px;
}
.main-header{
	padding: 20px 0px;
}
.mainBanner{
	height: 880px;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.mainBanner h1{
	margin-bottom: 30px;
}
.mainBanner p{
	margin-bottom: 30px;
}
.banner-ab-img{
	position: absolute;
	top: 116px;
	right:50px;
}
#services-banner h2 {
  font-size: 60px;
}
.services-headings h2 {
  font-size: 40px;
}
.page-id-382 #services-banner {
  float: right;
  width: 56%;
}

.page-id-472 #services-banner {
  float: right;
  width: 56%;
}
.page-id-457 #services-banner {
  float: left;
  width: 58%;
}
.page-id-447 #services-banner {
  float: left;
  width: 58%;
}
.page-id-434 #services-banner {
  float: left;
  width: 58%;
}
.page-id-483 #services-banner {
  float: right;
  width: 56%;
}
#other-services h2 {
  font-size: 40px;
  color:#fff;
}
#other-services .service-content-link {
  
  text-align: center;
  margin-top: 40px;
}
#other-services .service-content-link a {
  font-size: 18px;
  border-bottom: 2px solid;
  font-weight: 500;
}
#border-blue {
  border: 0.5px solid #209BE5;
  margin-top: 45px;
}
#border-violet {
  border: 0.5px solid #AE7BEB;
  margin-top: 1px;
  margin-bottom: 30px;
}
.arrows-ab{
	position: absolute;
	display: flex;
	justify-content: space-between;
	width: 95%;
	top: 45%;
	left: 2%;
}
.back-color{
	background-color: #fff;
	box-shadow: 0px 2px 8px -3px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 2px 8px -3px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 8px -3px rgba(0,0,0,0.75);
	padding: 23px;
	border-radius: 30px;
	position: relative;
	margin-top: -100px;
	z-index: 4;
	border: 1px solid transparent;
}
.form-input {
	display: flex;
	align-items: center;

}
/* .form-input li{
	display: inline-block;
	width: 42%;
	margin-left: 20px;
} */
.form-input input{
	outline: none;
	border: 2px solid #f2f2f2;
	background-color: #f2f2f2;
	border-radius: 0px 0px 0px 28px;
	padding: 20px 20px;
	width: 98%;
	color: #000;
	margin-bottom: 15px;
}
.form-input input::placeholder {
	color: #000;
	font-weight: 500;
}
/*main-banner*/

/*avil-sec*/
.avil-wrp {
    background: #fff;
    padding: 25px 35px;
    border-radius: 12px;
    box-shadow: 0 1px 7px 0 rgb(0 0 0 / 30%);
    position: relative;
}
section.avil-sec .container {
    margin-top: -70px;
}
.avil-ctn h5 {
    margin-bottom: 10px;
}
.av-filed input {
    width: 100%;
    padding: 10px;
    border: 1px solid #464646;
    box-shadow: 0 1px 7px 0 rgb(0 0 0 / 30%);
    border-radius: 8px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    height: 55px;
}

.av-filed {
    margin-bottom: 15px;
}

.av-btn {
    text-align: right;
}

.av-btn button {
    padding: 11px 50px;
    font-family: 'Roboto', sans-serif;
}
.cir {
    position: absolute;
    border: 6px solid #07c407;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    bottom: -20px;
    left: -19px;
}
.about-1-heading h5{
    position: relative;
}
.about-1-heading h5::before{
	content: "";
	position: absolute;
	width: 88px;
	height: 3px;
	background-color: #000;
	left: 46%;
	bottom: -5px;
}
.about-1-heading{
	margin-bottom: 30px;
}
.about-para span{
	font-size: 18px;
	font-weight: 700;
	color: #000;
}
.about-para p{
	margin-bottom: 30px;
}
.about-para{
	margin-bottom: 40px;
}

#info {
  background: #f6f6f6;
  padding: 0px;
overflow: hidden;
}
#info h2 {
  margin-bottom: 9px;
}
#info .info-hd {
  padding-left: 120px;
  padding-top: 28px;
}
ul.menu>li{position: relative;}
.header-icon i{font-size: 12px;font-weight: bold;margin-left: 10px}
ul.menu>li>ul{position: absolute;box-shadow: 0px 6px 16px #8291f3;padding: 10px 10px 0px;text-align: left;border-radius: 6px;z-index: 1;top: 28px;background: #fff;}
ul.menu>li>ul>li{margin-bottom: 10px;}
ul.menu>li>ul>li>a{font-size: 16px;color: #000;font-weight: 400;}
.dropping-ul{opacity: 0;display: none;}
.show-dropper{display: block !important;opacity: 1 !important;}
.av-btn ul{position: absolute;bottom: -31px;left: 29%;bottom: -22px;}
.av-btn ul li{width: 12px;height: 12px;border-radius: 100%;background-color: #a1a1a1;display: inline-block;margin: 0 2px;transition: .4s;}
.av-btn ul li:nth-child(1){background-color: #6b9bf6;}
.step-form-main{display: flex;justify-content: space-between;}

.box {
	width: 280px;
	height: 280px;
	border-radius: 100%;
	margin: 20px;
}

.text {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.circle-list {
	background-image: linear-gradient(to right , #49adfc , #8d8bf1 , #ac7ceb);
	padding: 3px;
	border-radius: 100%;
	transition: all 0.5s;
	width: 360px;
	margin: 0 auto;
	margin-right: 30px;
}
.circle {
	background-color: #fff;
	text-align: center;
	padding: 60px 40px;
	border-radius: 100%;
}  
.circle:hover {
	background-image: linear-gradient(to top , #49adfc , #8d8bf1 , #ac7ceb);
}
.circle:hover h2 {
	color: #fff;
}
.circle-img {
	padding: 35px 30px;
	background-image: linear-gradient(to right, #4aadfc , #8191f3 , #ab7ceb);
	text-align: center;
	border-radius: 50px;
	width: 120px;
	margin: 0 auto;
	margin-bottom: 20px;
	transition: all 0.9s;
}
.circle-img img {
	filter: brightness(10);
	margin: 0 auto;
}
.circle:hover .circle-img {
	background-image: linear-gradient(#fff ,#fff);
}
.circle:hover .circle-img img {
	filter: brightness(1);
}
.prev-btn {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border-radius: 100%;
	background-color: #fff;
	color: #000;
	border: none;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.432);
	position: absolute;
	left: 45%;
	bottom: -25%;
}
.next-btn {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border-radius: 100%;
	background-image: linear-gradient(to right, #4aadfc , #8191f3 , #ab7ceb);
	color: #fff;
	border: none;
	position: absolute;
	right: 45%;
	bottom: -25%;
}
.services {
	background-image: linear-gradient(to right, #4aadfc , #8191f3 , #ab7ceb);
	padding: 2px;
	border-radius: 20px;
	margin-bottom: 30px;
}
.service-items {
	padding: 50px 0;
	background-color: #fff;
	text-align: center;
	border-radius: 20px;
	height: 280px;
}
#other-services .service-items {
 
  height: 407px;
}
#other-services .service-items:hover {
  background-image: none;
}
#other-serv ices .service-items:hover .service-content h3 {
  color: #282828;
}
#other-services .service-img img {
  filter: none;
  height: 90px;
}
#other-services .service-content h3 {
  font-size: 24px;
  
}
#other-services .service-items {
 
  background-color: transparent;}
#other-services .services {
  background: #f6f6f6;
  padding: 2px;
  border-radius: 20px;
  margin-bottom: 30px;
}
.service-img {
	margin-bottom: 25px;
}
.page-id-434 p {
  float: left !important;
  width: 100%;
  min-height: auto !important;
}
.page-id-434 .info-btn {
  float: left;
  padding-top: 15px;
}
.data-list .last {
  padding-left: 0px !important;
}
.data-list {
  float: left;
  width: 100%;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.data-list li {
  float: left !important;
  width: 100% !important;
  list-style: disc;
  line-height: 25px;
}
.grey {
  background: #F6F6F6;
  padding: 80px 0;
}
.voilet {
color: #B179EA;
font-weight: 600;
padding: 10px 0;
float: left;
width: 100%;
line-height: 20px;
}
#it-icon .info-btn {
  float: left;
  padding-top: 15px;
 
}
#it-icon .my-icons .last {
  padding-top: 0px;
  width: 82%;
}
.page-id-457 .info-btn {
  float: left;
  padding-top: 10px;
}
.grey p {
  line-height: 20px;
  padding: 5px 0;
}
.help-desk-list {
  float: left;
  width: 100%;
  list-style: disc;
  line-height: 35px;
  padding-left: 15px;
}
#other-services .service-items:hover .service-content h3 {
  color: #000;
}
.service-img img {
	filter: brightness(0);
}
#other-services {
  background-image: linear-gradient(to right, #54a7fa,#b478ea);
}
.service-content h3 {
	font-size: 28px;
	color: #000;
	font-weight: 600;
	transition: all 0.5s;
}
.service-content p {
    font-size: 16px;
    color: #000;
    transition: all 0.5s;
    padding: 35px 15px 0 15px;
}
.service-items:hover {
	background-image: linear-gradient(to right, #4aadfc , #8191f3 , #ab7ceb);
}
.service-items:hover .service-img img {
	filter: brightness(10);
}
.service-items:hover .service-content h3 {
	color: #fff;
}
.my-list {
   
}
.my-list .first {
  padding-right: 25px;
}
.my-list li {
 
  float: left;
  width: 50%;
}
.my-list .last {
  padding-left: 25px;
}
.my-list h3 {
  font-size: 24px;
  color: #000;
  font-weight: 600;
  padding-bottom: 15px;
}
.my-list p {
  min-height: 115px;
  float:left;
	margin-bottom: 20px;
}
.my-icons {
  float: left;
  width: 100%;
  padding-top: 15px;
  padding-top: 20px;
  margin-bottom: 15px;
}
.my-icons .last {
  padding-top: 20px;
}
.my-icons .first {
  width: 18%;
  padding-right: 0px;
}
}
.my-icons img {
  height: 95px;
  width: 95px;
}
.testimonial-sec {
	background-image: linear-gradient(to right, #4aadfc , #8191f3 , #ab7ceb);
}
.testimonial-hd h2 {
	color: #fff;
	margin-bottom: 30px;
}
.testimonial-hd h2 span {
	border-bottom : 2px solid #fff ;
	padding-bottom: 10px;
}
.testimonial-hd h1 {
	font-size: 62px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 25px;
}
.testimonial-hd p {
	width: 60%;
}
.testimonial-list {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: 30px;
}
.testimonial-list li {
	margin-top: -60px;
}
.testimonial {
	padding: 0 20px 30px 20px;
	background-color: #fff;
	border-radius: 20px;
	width: 360px;
	margin: 0 auto;
	margin-top: 80px;
}
.testimonial-hd content {
	font-size: 15px;
	color: #000;
}
.testimonial-list li h6 {
	font-size: 19px;
	color: #fff;
	margin-bottom: 30px;
}
.testimonial-list li i {
	color: #e2140b;
	padding: 0 2px;
}
.client-slider .slick-dots li button {
	display: none;
}
.client-slider .slick-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 40px;
}
.client-slider .slick-dots li {
	width: 8px;
	height: 8px;
	background-color: #fff;
	margin: 0 15px;
	position: relative;
}
.client-slider .slick-dots li.slick-active {
	background-color: transparent;
}
.client-slider .slick-dots li.slick-active::after {
	content: "";
	width: 15px;
	height: 15px;
	border: 4px solid #fff;
	position: absolute;
	top: -4px;
	left: -4px;
}
.brand-images {
	display: flex; 
	align-items: center;
	justify-content: center;
	margin: 60px 0;
}
.brand-images li {
	margin: 0 40px;
}
.brand-sec {
	padding-top: 100px;
}
.blog-content {
	padding: 35px 30px;
	position: relative;
}
.blog-content span {
	font-size: 13px;
	font-weight: 300;
	color: #000;
}
.blog-content span i {
	color: #27b0ff;
	padding-right: 10px;
	vertical-align: middle;
}
.blog-content h3 {
	font-size: 25px;
	color: #000;
	margin-bottom: 30px;
	margin-top: 25px;
}
.blog-content p {
	font-size: 14.5px;
	color: #000;
	margin-bottom: 30px;
}
.blog-btn a {
	padding: 15px 40px;
	background-image: linear-gradient(to right, #4aadfc , #8191f3 , #ab7ceb);
	color: #fff;
	font-size: 17px;
	border-radius: 100px;
}
.blog-btn a:hover {
	background-image: linear-gradient(to right,#ab7ceb , #8191f3 ,#4aadfc  );
}
.blog {
	background-color: #fff;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.123);
	border-radius: 10px 10px;
	margin-bottom: 30px;
	border: 1px solid transparent;
}
.blog-img img {
	width: 100%;
}

.blog-content::before {
	content: "";
	width: 5px;
	height: 80%;
	background-color: #27b0ff;
	position: absolute;
	top: 10%;
	left: 0;
}
.blog-btn2 a {
	padding: 15px 40px;
	background-color: #fff;
	color: #000;
	font-size: 17px;
	border-radius: 100px;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.171);
	font-weight: 500;
}
.blog-btn2 {
	margin-top: 80px;
}
.subscribe-sec {
	background-color: #000;
	padding: 100px 0;
}
.subscribe-hd h3 {
	font-size: 42px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 50px;
}
/*.subscribe-field {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30px 20px;
	background-color: #fff;
	border-radius: 100px;
	width: 90%;
	margin: 0 auto;
}*/
.email::placeholder {
	font-size: 14px;
	color: #000;
}
.email input {
	width: 100%;
	font-size: 14px;
	color: #000;
	border: none;
}
.email {
	width: 100%;
}
.subscribe-btn a i {
	font-size: 30px;
	color: #000;
}
/*#form1 li.first {
    margin-right: 15px;
}*/


.faq-sec{padding: 100px 0 60px 0;}
.ul.faq-ul li{border:solid 1px #000;background-color:#ffffff;margin:0 0 10px;box-shadow:7px 7px 27px 0 #d7ecf8;border-radius:50px;padding:10px 0px;}
.faq-h h5{margin-bottom:20px;}
.faq-h{padding-bottom:50px;}
ul.faq-ul li h4{font-size: 18px;font-weight: bold;color: #282828;padding: 10px;position:relative;cursor:pointer;font-family: "Poppins";}
ul.faq-ul li h4:after{content: "\f077";
position: absolute;
right: 8px;
top: 8px;
font-size: 11px;
font-family: "Font Awesome 5";
border: 1px solid #b3b3b3;
border-radius: 50%;
color: #b3b3b3;
padding: 4.5px 5px;
background: #fff;}
ul.faq-ul li{background-color: #f6f6f6;
margin: 0 3% 20px 0;
border-radius: 5px;
padding: 10px 0px;
border: 1px solid #d2d2d2;}
ul.faq-ul li div{padding: 5px 10px;position:relative;display:none;}
ul.faq-ul li p{font-size: 15px;line-height:1.5;color:#000;}
ul.faq-ul li.active h4:after{content:"\f078";}
ul.faq-ul li.active h4{color: #ab7ceb;}
.faq-sec{position:relative;}
img.pros-b2{position:absolute;right:0;bottom:0;}
ul.faq-ul{padding:50px 0px;}
.main-faq-li{width: 49%;display: inline-block;}
/*index-page*/



/*footer*/


.footer{
	background-image: url(../images/bg10.png);
}
.copyright{
	background-image: url(../images/bg10.png);
}
.copyright p{
	font-size: 16px;
	font-weight: 500;
	color: #ffff;
}
.copyright>.container{
	border-top: 2px solid #fff;
	padding: 30px 0px;
}
.footer h1{
	font-size: 33px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 50px;
}
.footer-1 h2{
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 20px;
}
.footer-1 a{
	font-size: 14px;
	font-weight: 300;
	color: #fff;
	line-height: 1.7;
}
.footer-2 a{
	font-size: 17px;
	font-weight: 500;
	color: #fff;
	line-height: 1.7;
}
.footer-3 a{
	font-size: 15px;
	font-weight: 300;
	color: #fff;
	line-height: 1.7;
}
.footer-1 li{
	margin-bottom: 20px;
}
.footer-3 li{
	margin-bottom: 10px;
}
.footer-2 li{
	margin-bottom: 20px;
}
/*inner-pages*/


.mainBanner-1 {
    height: 380px;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-position: center;
}
/* services-start  */
.services-work p{
	margin-bottom: 20px;
}
.services-headings{
	margin-bottom: 50px;
}
.services-content span{
	font-weight: 700;
	color: #000;
}
.services-content li{
	list-style: disc;
	margin-bottom: 40px;
}
.services-content{
	margin-top: 30px ;
}
.info-hd h2 {
	margin-bottom: 30px;
}
.info-hd p {
	margin-bottom: 30px;
}
 /* service-end  */

 /* conatct-page-start */

 .contact-text-work span{
	 font-size: 18px;
	 font-weight: 600;
	 color: #000;
 }
 .contact-text-work p{
	 margin-bottom: 30px;
 }
 .conatact-haedings a{
	 font-size: 24px;
	 color: #000;
	 margin-left: 20px;
	 font-family: 700;
 }
 .conatact-haedings h2{
	 margin-bottom: 50px;
 }
 .call-back{
	 background-color: #f7f7f7;
	 justify-content: center;
	 text-align: center;
 }
 .call-back h1{
	 margin-bottom: 30px;
 }
 .c-form-1 li{
	 display: flex;
	 justify-content: space-between;
	 border: 2px solid #000;
	 background-color: #fff;
	 padding: 20px 40px;
	 border-radius: 25px;
	 align-items: center;
	 margin-bottom: 30px;
 }
 .c-form-1 input{
	 outline: none;
	 border: none;
	 width: 100%;
 }
 .c-form-1 textarea{
	 outline: none;
	 border: none;
	 height: 130px;
	 width: 100%;
 }
 .contact-form{
	 margin-top: 50px;
 }
 .c-form-1 i{
	 color: #000;
	 font-size: 30px;
 }
 .c-form-1 ::placeholder{
	 color: #000;
 }
 /* contact-page-End  */

  /* Blogs-page-start  */
  
 .blogs-input input{
	 height: 60px;
	 width: 100%;
	 outline: none;
	 border: 2px solid #f2f2f2;
	 background-color: #f2f2f2;
	 border-radius: 1px 1px  1px 25px;
	 padding: 0px 30px;
 }
 .blogs-input i{
	height: 60px;
	width: 60px;
	background-image: linear-gradient(to right, #4aadfc , #8191f3 , #ab7ceb);
	text-align: center;
	line-height: 2.2;
	color: #fff;
	font-size: 25px;
	padding: 0px 20px;
 }
 .blogs-input li{
	   display: flex;
 }
 .blogs-work h2{
	 margin-bottom: 10px;
 }
 .blog-inner-sec {
	 padding-top: 0;
 }
 .blog-inner-content  h3 {
	 font-size: 37px;
	 color: #000;
	 font-weight: 600;
	 margin-bottom: 30px;
	 margin-top: 30px;
 }
.blog-inner-content h2 {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 30px;
}
.blog-inner-content h1 {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 30px;
}
 .blog-inner-content  p {
	font-size: 17px;
	color: #000;
}
  /* blogs-page-end  */


  /* about-page-start  */
 .about-us-inner-work h2{
    margin-bottom: 30px;
 }
 .about-us-inner-work p{
	 margin-bottom: 50px;
 }
 .about-us-inner-work a{
  font-weight: bold;
  font-size: 30px;
  background: -webkit-linear-gradient(to right, #5ea3f9 0%, #c371e7 50%);
  background: -moz-linear-gradient(to right, #c470e7 20%, #5ea3f9 100%);
  background: linear-gradient(to right, #5ea3f9 46%, #b478ea 52%);-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
 }
.about-linear{
	margin-top: 60px;
}
.our-ethics-work span{
	font-size: 18px;
	font-weight: 600;
	color: #000;
}
.our-ethics-work h2{
	margin-bottom: 25px;
}
.our-ethics-work p{
	margin-bottom: 30px;
}
 /* about-end  */

/*media-quries*/





@media (max-width: 1440px)
{
	.banner-ab-img {
		top: 130px;
		right: 0px;
	}
}
@media (max-width:1366px){
	.m1-h h1 {
		font-size: 60px;
	}
	.arrow-left {
		top: 83%;
		left: 2%;
	}
	.arrow-right {
		top: 83%;
		right: 2%;
	}
	.ma-h h2 {
		font-weight: bold;
		font-size: 45px;
	}
}


@media (max-width:1280px){
	.mainBanner{
		height: 600px;
	}
	.banner-ab-img img {
		float: right;
		width: 85%;
	}
	.banner-ab-img {
   	 top: 50px;
	}
}


@media (max-width:1200px){
	.menu-Bar{display:block;top:0px;}
	.menuWrap.open{display:flex;left:0px;}
	/*.menuWrap{position:fixed;left:-210%;right:0;top:0;bottom:0;margin:auto;background:#000;height:100vh;display:flex;align-items:center;justify-content:center;flex-flow:column;transition:all 0.4s ease;z-index:3;width:100vw;}*/
	.menuWrap {
    position: fixed;
    left: -210%;
    right: 0;
    top: -280px;
    bottom: 0;
    margin: auto;
    background: #c072e8;
    height: 40vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    transition: all 0.4s ease;
    z-index: 3;
    width: 100vw;
	}
	.menuWrap .menu li{display:block;}
	.menuWrap .menu li a{margin-bottom:10px;display:block;text-align:center;margin-bottom:15px;;margin-right:0px;color:#fff;font-size:15px;text-transform:capitalize;}
	.container{position:relative;}
	header .header-top{display:none;}
	header .main-header ul.menu>li{display:block;}
	header .main-header ul.menu>li a{color:#fff;text-align: center;}
	header .main-header ul.menu>li a:before{display:none;}
	.menu {
		display: grid;
	}
	.arrow-right{
		display: none !important;
	}
	.arrow-left{
		display: none !important;
	}
}




@media (max-width: 1024px){
	header .main-header ul.menu>li a {
		padding: 5px 0;
	}
	header .main-header ul.menu>li.last a {
		margin-bottom:0 !important;
		padding: 0;
	}
	.menuWrap .menu li a {
		font-size: 18px;
	}
	.mainBanner h1 {
		font-size: 48px !important;
	}
	.banner-ab-img {
		top: 0;
	}
	.banner-ab-img img {
		width: 60%;
	}
	
	.emaillist input[type="email"] {

	}
	.emaillist input[type="submit"] {

	}
	.mainBanner-1 {
    height: 400px;
	}
	.testimonial-hd h1 {
		font-size: 44px;
	}
	.m3-h h2 {
		font-size: 52px;
	}
}




@media (max-width: 768px){
	.my-icons li .alignnone{
		width: 85px;
	}
	
	.brand-images {
  display: inline-block;
  margin: 35px 0;
  column-count: 2;
}
	
	.mainBanner-1 {
		background-position: -150px center;
	}
	.about-us-inner img {
		margin-bottom: 15px;
	}
	.mainBanner {
		height: 500px;
	}
	.mainBanner .col-lg-6.col-md-12 {
		width: 60%;
	}
	.info-btn {
text-align: center;
padding-bottom: 35px;
float: left;
width: 100%;
padding-top: 20px;
}
ul.faq-ul li h4::after {
 
  padding: 1px 6px;
}
#text-icon li {
  width: 100%;
  text-align: center;
  padding: 0px 10px 10px 10px;
}
#it-icon li {
  width: 100%;
  text-align: center;
  padding: 0px 10px 10px 10px;
}
#it-icon .my-icons .last {
  padding-top: 0px;
  width: 100%;
}
ul.faq-ul li {
 
  margin: 0 0 20px 0;
  
}
	.banner-ab-img img {
		width: 47%;
	}
	.mainBanner h1 {
		font-size: 28px !important;
		margin-bottom: 10px;
	}
	.form-heading.m2-h.h1 {
		padding: 20px 0;
	}
	.service-items {
		padding: 30px 0;
		height: 250px;
	}
	.page-id-382 #services-banner {
  float: none;
  width: 100%;
}

.page-id-472 #services-banner {
  float: none;
  width: 100%;
}
.page-id-457 #services-banner {
  float: none;
  width: 100%;
}
.page-id-447 #services-banner {
  float: none;
  width: 100%;
}
.page-id-434 #services-banner {
  float: none;
  width: 100%;
}
.page-id-483 #services-banner {
  float: none;
  width: 100%;
}
	.mainBanner-1 {
    height: 400px;
	}
	
	.testimonial {
		width: 95%;
	}
	ul.faq-ul {
		padding: 0;
	}
	.av-btn ul {
		left: 40%;
		bottom: -39px;
	}
	.form-1 li {
		margin-bottom: 31px;
		width: 100%;
	}
	.step-form-main {
		display: grid;	
		justify-content: center;
	}
	/*.form-input input {
		margin-bottom: 30px;
		margin-top: 20px;
	}*/
	.form-heading{
		text-align: center;
	}
	
	.circle-list {
		width: 328px;
	}
    .m3-h h2{
		font-size: 50px;
	}
	.footer h1 {
		font-size: 22px;
		margin-bottom: 26px;
	}
    .about-us-inner {
		text-align: center;
	}
	.our-ethics{
		text-align: center;
	}
.brand-images li {
  margin: 0 10px 25px;
}
	.sml-btn {
		margin-bottom: 20px;
		width: 100%;
	}
	#info .info-hd {
  padding-left: 15px;
  padding-top: 28px;
  padding-right: 15px;
  padding-bottom: 28px;
}
.faq-ul {
  column-count: 1 !important;
}
}

@media (max-width: 680px)
{
	.first-icons a {
		font-size: 10px;
		padding: 0px 15px;
	}
	.m1-h h1 {
		font-size: 50px;
	}
.brand-images li {
  margin: 0 10px 25px;
}
	.pad0{
		padding: 30px 0px;
	}
	.next-btn {
		display: none;
	}
	.prev-btn{
		display: none;
	}
}

@media (max-width: 480px){
	footer .col-md-4 {
		margin-bottom: 30px;
	}
	footer .col-md-4:last-of-type {
		margin-bottom: 0;
	}
	.m3-h h2 {
		font-size: 34px;
	}
	.testimonial-hd h1 {
		font-size: 35px;
		margin-bottom: 15px;
	}
	.mainBanner-1 {
   	 background-position: -100px center;
	}
}


@media (max-width: 425px){
	ul.faq-ul li h4 {
    font-size: 14px;
    color: #ab7ceb;
    padding: 10px;
    position: relative;
    cursor: pointer;
    font-family: "Poppins";
    line-height: 1.8;
   
	}
	.form-input li {
  margin-right: 18px;
  margin-left: 18px;
}
	.mainBanner-1 {
    height: 250px;
	}
	/*.m1-h h1{
		font-size:35px;
	}*/
	.m1-h h1 {
    font-size: 25px !important;
	}
	.p1 p {
		font-size: 14px;
	}
	.form-input {
    display: contents;
    align-items: center;
	}
	.back-color {
    margin-top: 60px;
    height: auto;
    z-index: 1;
	}
	ul#form1 li {
    width: auto;
	}
	.main-header {
		padding: 4px 0px;
	}
	.mainBanner{
		background-position: center;
		height: 320px;
	}
	.m3-h h2 {
		font-size: 34px !important;
	}
	.about-1-heading h5::before{
		left: 39%;
	}
	.pad0{
		padding: 30px 0px;
	}
	.ma-h h2 {
		font-size: 36px !important;
	}
	.about-us-inner-work p {
		margin-bottom: 32px;
	}
	.p3 p {
		font-size: 14px !important;
		font-weight: 400;
		color: #000;
		line-height: 1.5;
	}
	.services-headings {
		margin-bottom: 14px;
	}
	.mb-h h2 {
		font-weight: bold;
		font-size: 26px !important;
	}
	.copyright p {
		font-size: 11px;
	}
	.subscribe-field {
		padding: 15px 20px;
	}
	.subscribe-hd h3 {
		font-size: 23px;
	}
	.form-input input {
		padding: 20px 12px;
	}
	.service-items {
		padding: 15px 0;
		height: auto;
	}
	.service-img {
		margin-bottom: 15px;
	}
	.service-img img {
		height: 60px;
	}
	.service-content h3 {
		font-size: 20px;
	}
	.blogs.pad0 {
		padding-bottom:0;
	}
	.brand-sec {
    	padding-top: 40px;
	}
}



@media (max-width: 375px){
	.mainBanner-1 {
    height: 200px;
	}
}