/*Custom code by shah */
/* .marquee {
  display: flex;
  overflow: hidden;
  background: linear-gradient(81.84deg, #fbe9fc -9.4%, #e3ddfc 51.57%, #f9f5f6 84.07%, #f9f5f6 84.07%);
  padding-top: 4px;
}

.marquee > h1{
  font-size: 24px;
  white-space: nowrap;
  text-transform: uppercase;
  align-self: center;
}

.marquee > h1 > a{
  text-decoration: none;
  color: red;
} */

.marquee-bar{
  display: flex;
  position: fixed;
  background: #fff;
  top: 0;
  z-index: 9;
}

.blink_me {
  animation: blinker 1s linear infinite;
  width: 300px;
  font-size: 20px;
  padding: 5px 15px;;
  color: #000;
  background:#fad922;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}


.contt{
  width: 100%;
  overflow: hidden;
  background: linear-gradient(81.84deg, #fbe9fc -9.4%, #e3ddfc 51.57%, #f9f5f6 84.07%, #f9f5f6 84.07%);
}

.scorri{
  position: relative;
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.tithome{
  animation-name: marquee;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  flex-shrink: 0;
  margin : 0px;
  padding:  5px;
}

.tithome li{
  width: fit-content;
  display: inline-block;
  list-style: none;
  padding-right: 30px;
  font-size: 20px;
}
.tithome li a{
  color : red;
  text-decoration: none;
  transition : 0.5s;
}
.tithome li a:hover{
  text-decoration: none;
  color : #4aaffd;
  transition : 0.5s;
}

@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

@media only screen and (max-width : 768px){
  div.blink_me {
    text-align : center;
    width: 24%;
    font-size: 14px;
    padding: 2px 10px 0px;
  }
  div.contt {
    height: 26px;
  }
  div.scorri {
    margin-top: -5px;
    height: 26px;
  }
  ul.tithome li {
    padding-right: 10px;
    font-size: 14px;
  }
}

/* Header Style */
.rt_img{
	transform: rotate(270deg);
}
  .icon-menu:before{
    display : none!important;
  }
  .site-navbar .site-navigation .site-menu .has-children > a span::before{
    content: '\f078';
    position: absolute;
    top: 6px;
    font-family: fontawesome;
    right: 12px;
  }
  .hero {
    height: 100vh;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; 
  }
  .site-navbar {
    margin-bottom: 0px;
    z-index: 1999;
    position: absolute;
    top: 1rem;
    width: 100%; 
  }
  .site-navbar.transparent {
    background: transparent; 
  }
  .site-navbar.absolute {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; 
  }
  .site-navbar .site-logo {
    position: relative;
    left: 0;
    font-size: 24px !important; 
  }
  .site-navbar .site-navigation .site-menu {
    margin-bottom: 0; 
  }
  .site-navbar .site-navigation .site-menu .active > a span {
    background: #007bff;
    background: linear-gradient(81.84deg, #0099ff -9.4%, #a033ff 51.57%, #ff5280 84.07%, #ff7061 90.59%);
    color: #fff;
    border-radius: 30px;
    display: inline-block;
    padding: 5px 20px; 
  }
  .site-navbar .site-navigation .site-menu a {
    text-decoration: none !important;
    display: inline-block; 
  }
  .site-navbar .site-navigation .site-menu > li {
    display: inline-block; 
  }
  .site-navbar .site-navigation .site-menu > li > a {
    padding: 10px 0px;
    color: #fff;
    font-size: 16px;
    text-decoration: none !important; 
  }
  .site-navbar .site-navigation .site-menu > li > a > span {
    padding: 5px 20px;
    display: inline-block;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    border-radius: 30px;
    color : #000;
    }
    .site-navbar .site-navigation .site-menu > li > a:hover > span {
    background: #007bff;
    background: linear-gradient(81.84deg, #0099ff -9.4%, #a033ff 51.57%, #ff5280 84.07%, #ff7061 90.59%);
    color: #fff;
    border-radius: 30px;
    display: inline-block; 
  }
  .site-navbar .site-navigation .site-menu .has-children > a span:hover{    
    background: linear-gradient(81.84deg, #0099ff -9.4%, #a033ff 51.57%, #ff5280 84.07%, #ff7061 90.59%)!important;
  }
  .site-navbar .site-navigation .site-menu .has-children {
    position: relative; 
  }
  .site-navbar .site-navigation .site-menu .has-children > a span {
    position: relative;
    padding-right: 36px; 
  }
  .site-navbar .site-navigation .site-menu .has-children .dropdown {
    visibility: hidden;
    opacity: 0;
    top: 100%;
    position: absolute;
    text-align: left;
    border-top: 2px solid #007bff;
    -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
    padding: 0px 0;
    margin-top: 20px;
    margin-left: 0px;
    background: #fff;
    -webkit-transition: 0.2s 0s;
    -o-transition: 0.2s 0s;
    transition: 0.2s 0s; 
  }
  .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
    position: absolute; 
  }
  .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; 
  }
  .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #2e7cff;
    border-width: 10px;
    margin-left: -10px; 
  }
  .site-navbar .site-navigation .site-menu .has-children .dropdown a {
    text-transform: none;
    letter-spacing: normal;
    -webkit-transition: 0s all;
    -o-transition: 0s all;
    transition: 0s all;
    color: #343a40; 
  }
  .site-navbar .site-navigation .site-menu .has-children .dropdown .active > a {
    color: #007bff !important; 
  }
  .site-navbar .site-navigation .site-menu .has-children .dropdown > li {
    list-style: none;
    padding: 0;
    margin: 0;
    min-width: 200px; 
  }
  .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
    padding: 9px 20px;
    display: block; 
  }
  .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
    background: #fafafb; 
  }
  .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a {
    position: relative; 
  }
  .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:after {
    position: absolute;
    right: 0;
    content: "\e315";
    right: 20px;
    font-family: 'icomoon'; 
  }
  .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
    left: 100%;
    top: 0; 
  }
  .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {
    background: #fafafb; 
  }
  .site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a {
    color: #007bff; 
  }
  .site-navbar .site-navigation .site-menu .has-children:hover > a span, .site-navbar .site-navigation .site-menu .has-children:focus > a span, .site-navbar .site-navigation .site-menu .has-children:active > a span {
    background: #007bff;
    color: #fff; 
  }
  .site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active {
    cursor: pointer; 
  }
  .site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    margin-top: 0px;
    visibility: visible;
    opacity: 1; 
  }
  .site-mobile-menu {
    width: 300px;
    position: fixed;
    right: 0;
    z-index: 2000;
    padding-top: 20px;
    background: #fff;
    height: calc(100vh);
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
    -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
    box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; 
  }
  .offcanvas-menu .site-mobile-menu {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); 
  }
  .site-mobile-menu .site-mobile-menu-header {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; 
  }
  .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
    float: right;
    margin-top: 8px; 
  }
  .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
    font-size: 30px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 0px;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; 
  }
  .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
    color: #f8f9fa; 
  }
  .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
    float: left;
    margin-top: 10px;
    margin-left: 0px; 
  }
  .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
    display: inline-block;
    text-transform: uppercase; 
  }
  .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
    max-width: 70px; 
  }
  .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
    text-decoration: none; 
  }
  .site-mobile-menu .site-mobile-menu-body {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: 0 20px 20px 20px;
    height: calc(100vh - 52px);
    padding-bottom: 150px; 
  }
  .site-mobile-menu .site-nav-wrap {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative; 
  }
  .site-mobile-menu .site-nav-wrap a {
    padding: 10px 20px;
    display: block;
    position: relative;
    color: #212529; 
  }
  .site-mobile-menu .site-nav-wrap a:hover {
    color: #007bff; 
  }
  .site-mobile-menu .site-nav-wrap li {
    position: relative;
    display: block; 
  }
  .site-mobile-menu .site-nav-wrap li.active > a {
    color: #007bff; 
    text-decoration: none;
  }
  .site-mobile-menu .site-nav-wrap .arrow-collapse {
    position: absolute;
    right: 0px;
    top: 10px;
    z-index: 20;
    width: 36px;
    height: 36px;
    text-align: center;
    cursor: pointer;
    border-radius: 50%; 
  }
  .site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
    background: #f8f9fa; 
  }
  .site-mobile-menu .site-nav-wrap .arrow-collapse:before {
    font-size: 12px;
    z-index: 20;
    font-family: "fontawesome";
    content: "\f078";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-180deg);
    -ms-transform: translate(-50%, -50%) rotate(-180deg);
    transform: translate(-50%, -50%) rotate(-180deg);
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; 
  }
  .site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); 
  }
  .site-mobile-menu .site-nav-wrap > li {
    display: block;
    position: relative;
    float: left;
    width: 100%; 
  }
  .site-mobile-menu .site-nav-wrap > li > a {
    padding-left: 20px;
    font-size: 20px; 
  }
  .site-mobile-menu .site-nav-wrap > li > ul {
    padding: 0;
    margin: 0;
    list-style: none; 
  }
  .site-mobile-menu .site-nav-wrap > li > ul > li {
    display: block; 
  }
  .site-mobile-menu .site-nav-wrap > li > ul > li > a {
    padding-left: 40px;
    font-size: 16px; 
  }
  .site-mobile-menu .site-nav-wrap > li > ul > li > ul {
    padding: 0;
    margin: 0; 
  }
  .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
    display: block; 
  }
  .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
    font-size: 16px;
    padding-left: 60px; 
  }
/* Header Style End*/
/***********************************************************************************************************/
/***********************************************************************************************************/
/***********************************************************************************************************/












/************************************Index.php*******************************************************************/
/****************************************************************************************************************/
img, video{
  width: 100%;
}
div h2{
  font-size: 50px;
}
p{
  font-size : 18px;
}
a:visited , a , a:hover, a:focus {
  text-decoration : none;
}
button.main_btn{
  margin-top: 30px;
  /* background: linear-gradient(45deg, black, transparent); */
  background-image: linear-gradient(83.78deg, #0088FF -6.9%, #A033FF 28.26%, #FF5C87 78.98%);
  width: 180px;
}

.row.faq_row{
  margin-top : 50px;
}

.row.align-items-center {
	width: 100%;
	display: block;
	margin-top: 30px;
}

.row.align-items-center .col-11.col-xl-2.col-xs-8 {
	width: 70%;
	float: left;
}

.row.align-items-center .d-inline-block.d-xl-none.ml-md-0.mr-auto.py-3.col-xs-4 {
	position: relative;
	top: 3px;
	width: 30%;
	text-align: end;
}

.container_space {
	padding-top: 50px;
	position: relative;
  padding-bottom: 100px;
}

.main_dev {
	text-align: center;
	padding-top: 140px;
}

.bn_list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bn_list li img {
	width: 200px;
}
@media only screen and (min-width : 400px) and (max-width: 766px){
  .img-top {
    width : 370px;
    height : 450px;
  }
}
@media only screen and (min-width : 767px) and (max-width : 1025px){
  .img-top {
    width : 400px;
    height : 500px;
  }
}
@media only screen and (min-width : 1026px){
  .img-top {
    width : 550px;
    height : 620px;
  }
}
@media only screen and (min-width : 400px) and (max-width: 766px){
  .img-top2 {
    width : 370px;
    height : 370px;
  }
}
@media only screen and (min-width : 767px) and (max-width : 1025px){
  .img-top2 {
    width : 400px;
    height : 400px;
  }
}
@media only screen and (min-width : 1026px){
  .img-top2 {
    width : 550px;
    height : 550px;
  }
}
/* .main_dev h1{
      background-image: linear-gradient(83.78deg, #0088FF -6.9%, #A033FF 28.26%, #FF5C87 78.98%);
      background: linear-gradient(81.84deg, #0099ff -9.4%, #a033ff 51.57%, #ff5280 84.07%, #ff7061 90.59%);
      -webkit-background-clip: text;
      color: transparent;
      display: inline-block;
      font-weight: bold;
      padding: 0 0 8px;
      word-break: break-word;
      font-size : 110px;
   } */
.main_dev p {
	font-size: 20px;
	font-weight: bold;
  padding-top: 12px;
}

.main_dev ul li img {
	padding: 0px 15px;
}

.animate-charcter {
	text-transform: uppercase;
	background-image: linear-gradient(83.78deg, #0088FF -6.9%, #A033FF 28.26%, #FF5C87 78.98%);
	background-size: auto auto;
	background-clip: border-box;
	background-size: 200% auto;
	color: #fff;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: textclip 3s linear infinite;
	display: inline-block;
	font-size: 80px;
	margin: 0;
}

@keyframes textclip {
	to {
		background-position: 200% center;
	}
}

#spin:after {
	content: "";
	animation: spin 10s linear infinite;
}

@keyframes spin {
	0% {
		content: "Web Development";
	}

	100% {
		content: "Digital Marketing";
	}
}


.tm_rit img {
	width: 150px;
	margin-left: 10px;
}

.cv_timer {
	background: #fff;
	padding: 50px 30px 10px;
	border-radius: 25px;
  box-shadow: 0px 0px 40px #dfdfdf;
}

.cv_timer .lg {
	background: #000;
	width: 150px;
	border-radius: 15px;
	padding: 15px;
	position: absolute;
	top: -80px;
	left: 0px;
}

.cv_timer h3 {
	font-size: 38px;
	font-weight: bold;
}

.tm_flx {
	width: 100%;
	margin: 20px 0px 50px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.tm_lft {
	width: 64%;
	float: left;
	text-align: center;
}

.tm_rit {
	width: 36%;
	float: left;
}

.tm_lft h2 {
	font-size: 48px;
	color: #2e7cff;
	
}

.tm_lft p {
	font-size: 18px;
	font-weight: bold;
}

button {
	border: none;
	background: #2e7cff;
	padding: 15px 30px;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	border-radius: 12px;
}

.tm_list ul {
	list-style: none;
	padding: 0;
	display: flex;
	width: 100%;
}

.tm_list ul li {
	width: 33.3%;
	text-align: center;
}

.tm_list li img {
	width: 40px;
}

.spkr_img img {
	width: 100%;
}

.cvfrm_top {
	/* display: flex; */
	background: #fff;
	padding: 20px 22px 20px 22px;
	border-radius: 25px;
	margin-bottom: 30px;
  box-shadow: 0px 0px 40px #dfdfdf;
}
.rw_btn{
  margin-top: 50px;
  text-align: center;
}

.form_grp {
	height: 82px;
}

.form_grp > p{
  padding: 0px 16px;
  font-size: 14px;
  color: red;
}
p#alertSuccess{
  background : #0f9b06;
  border-radius : 6px;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
p#alertError{
  background : red;
  border-radius : 6px;
  text-align: center;
  color: #fff;
  font-size: 16px;
}

/*For second form*/
p#alertSucess{
  background : #0f9b06;
  border-radius : 6px;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
p#alertEror{
  background : red;
  border-radius : 6px;
  text-align: center;
  color: #fff;
  font-size: 16px;
}

.form_grp input {
	width: 100%;
	border-radius: 30px;
	border: none;
	padding: 10px 25px;
	height: 50px;
	box-shadow: 0px 0px 40px #dfdfdf;
  background: #fff;

}

.inp {
	display: flex;
}

.form_grp input.inp_ch {
	width: 22px;
	height: 22px;
	margin-right: 15px;
}

.form_btn button {
	background: #2e7cff;
  /* background: linear-gradient(45deg, black, transparent); */
  background-image: linear-gradient(83.78deg, #0088FF -6.9%, #A033FF 28.26%, #FF5C87 78.98%);
	width: 100%;
	border-radius: 30px;
	padding: 10px;
}

.txt {
	
	width: 100%;
}

.txt p {
  font-weight: 600;
  font-size: 20px;
	
}

.spkr_img {
	border-bottom-right-radius: 25px;
	overflow: hidden;
	width: 40%;
}

/* .yemp{
               background-image : url('/images/bg1.jpeg'); 
               background-size : contain;
            } */
.cl-txt {
	color: #2e7cff
}

.txt_row {
	align-items: center;
	flex-wrap: wrap;
}

.txt_row h2 {
	font-size: 50px;
	font-weight: bold;
}

.txt_row p {
	font-size: 22px;
  font-weight: 500;
}

.form_grp select {
	width: 100%;
	border-radius: 30px;
	border: none;
	padding: 10px 25px;
	height: 50px;
  box-shadow: 0px 0px 40px #dfdfdf;
  background: #fff;
}

.plc_co ul {
	padding: 0;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
}

.plc_co ul li {
	width: 33.333%;
	padding-top: 50px;
	position: relative;
	text-align: center;
}

.dg_qot{
  background-image: url('/images/quote.png');
  padding-left : 10%;
}

.plc_co ul li img {
	height: 100%;
	width: 150px;
}

.plcnt_row {
	align-items: flex-end;
}

.bgsvg:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background-image: url('/images/Group.png');
	background-size: 75% auto;
	background-position: 0 5%;
	background-repeat: no-repeat;
}

p.label {
	font-size: 24px;
	background-image: linear-gradient(83.78deg, #0088FF -6.9%, #A033FF 28.26%, #FF5C87 78.98%);
	-webkit-background-clip: text;
	color: transparent;
	font-weight: bold;
}

p.label:before {
	content: "";
	background-color: #2e7cff;
	height: 0.75rem;
	width: 0.75rem;
	margin-right: 0.75rem;
	display: inline-block;
}

.btn-txt {
	position: relative;
}

.btn-txt a:before {
	width: 3.75rem;
	content: "";
	background-color: #ed5565;
	width: 100px;
	height: 1px;
	position: absolute;
	right: 120px;
	top: 50%;
	transform: translateY(-50%);
}

.btn-txt2 a:before {
	right: 190px;
  height: 2px;
}

.jb_vi img {
	width: 100%;
}

.jb_txt ul {
	padding: 0;
	list-style: none;
	margin: 30px 0px;
}

.jb_txt ul li i {
	color: #2e7cff;

}

.qt {
	color: #2e7cff;
	font-size: 30px;
	padding: 0px 15px;
}

.dg_main .col-md-6 img {
	width: 100%;
}

.dg_qot p {
	font-size: 18px;
	line-height: 1;
	margin-top: 20px;
  margin-left : 100px;
}

.qtname {
	text-align: end;
	color: #2e7cff;
	font-weight: bold;
	position: relative;
}
.site-navbar .site-navigation .site-menu > .cv_t > a > span
{
  background-image: linear-gradient(83.78deg, #0088FF -6.9%, #A033FF 28.26%, #FF5C87 78.98%);
  -webkit-background-clip: text;
  color: transparent;
  font-weight: bold;
}
.qtname:before {
  width: 3.75rem;
  content: "";
  background-color: #ed5565;
  width: 100px;
  height: 2px;
  position: absolute;
  right: 198px;
  top: 60%;
  transform: translateY(-50%);
}
.main_btn span{
  padding-top : 3px;
}

.dg_qot {
	max-width: 460px;
}

.testi {
	margin-top: 30px;
	height: 100% !important;
}

.tst_slide {
	height: 100%;
	margin-top: 50px;
	background-image: linear-gradient(83.78deg, #0088FF -6.9%, #A033FF 28.26%, #FF5C87 78.98%);
	border-radius: 30px;
}

/******Slide */
.swiper-container {
	height: 200px;
}

.swiper-slide {
	overflow: hidden;
}

.slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: cover;
	background-position: center;
}

.copy {
	position: absolute;
	bottom: 15px;
	left: 0;
	right: 0;
	text-align: center;
	color: white;
	letter-spacing: 0.06em;
}

.sld_cd_bg {
	background: transparent;
	padding: 30px;
	color: #fff;
	text-align: center;
	border-radius: 150px;
	max-width: 100%;
}

/* .swiper-slide-active .sld_cd_bg{
      background-image: linear-gradient(83.78deg, #0088FF -6.9%, #A033FF 28.26%, #FF5C87 78.98%);
   } */
.testi {
	/* max-width: 800px!important; */
	margin: 0 auto;
}

.faq_inr .transition,
.faq_inr ul li i:before,
.faq_inr ul li i:after,
p {
	transition: all 0.25s ease-in-out;
}

.faq_inr .flipIn,
.faq_inr ul li,
.faq_inr h1 {
	animation: flipdown 0.5s ease both;
}

.faq_inr p {
	color: rgba(48, 69, 92, 0.8);
	font-size: 17px;
	line-height: 26px;
	letter-spacing: 1px;
	position: relative;
	overflow: hidden;
	max-height: 800px;
	opacity: 1;
	transform: translate(0, 0);
	margin-top: 14px;
	z-index: 2;
}

.faq_inr ul {
	list-style: none;
	perspective: 900;
	padding: 0;
	margin: 0;
}

.faq_inr ul li {
	position: relative;
	padding: 0;
	margin: 0;
	padding-bottom: 4px;
	padding-top: 18px;
	border-top: 1px dotted #dce7eb;
}

.faq_inr ul li:nth-of-type(1) {
	animation-delay: 0.5s;
}

.faq_inr ul li:nth-of-type(2) {
	animation-delay: 0.75s;
}

.faq_inr ul li:nth-of-type(3) {
	animation-delay: 1s;
}

.faq_inr ul li:last-of-type {
	padding-bottom: 0;
}

.faq_inr ul li i {
	position: absolute;
	transform: translate(-6px, 0);
	margin-top: 16px;
	right: -25px;
}

.faq_inr ul li i:before,
.faq_inr ul li i:after {
	content: "";
	position: absolute;
	background-color: #2e7cff;
	width: 3px;
	height: 9px;
}

.faq_inr ul li i:before {
	transform: translate(-2px, 0) rotate(45deg);
}

.faq_inr ul li i:after {
	transform: translate(2px, 0) rotate(-45deg);
}

.faq_inr ul li input[type=checkbox] {
	position: absolute;
	cursor: pointer;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
}

.faq_inr ul li input[type=checkbox]:checked~p {
	margin-top: 0;
	max-height: 0;
	opacity: 0;
	transform: translate(0, 50%);
}

.faq_inr ul li input[type=checkbox]:checked~i:before {
	transform: translate(2px, 0) rotate(45deg);
}

.faq_inr ul li input[type=checkbox]:checked~i:after {
	transform: translate(-2px, 0) rotate(-45deg);
}

@keyframes flipdown {
	0% {
		opacity: 0;
		transform-origin: top center;
		transform: rotateX(-90deg);
	}

	5% {
		opacity: 1;
	}

	80% {
		transform: rotateX(8deg);
	}

	83% {
		transform: rotateX(6deg);
	}

	92% {
		transform: rotateX(-3deg);
	}

	100% {
		transform-origin: top center;
		transform: rotateX(0deg);
	}
}

.faq_row {
	margin-top: 50px;
}

.faq_inr {
	max-width: 430px;
  color: #000;
}
.evry_q .faq_inr {
	max-width: 550px;
  color: #000;
  padding-bottom: 50px;
}
.lgslide marquee img{
  width : 120px;
  margin : 0px 15px;
}
.faq_inr h2 {
	color: #2e7cff;
	margin-bottom: 30px;
  font-size: 30px;
  text-align: center;
}

.footer_main {
	margin-top: 200px;
	overflow: unset;
}

body {
	overflow-x: hidden;
}

body .footer {
	z-index: 1;
	--footer-background: linear-gradient(83.78deg, #0088FF -6.9%, #A033FF 28.26%, #FF5C87 78.98%);
	display: grid;
	position: relative;
	grid-area: footer;
	min-height: 12rem;
}

body .footer .bubbles {
	position: absolute;
	top: -10px;
	left: 0;
	right: 0;
	height: 4rem;
	background: var(--footer-background);
	filter: url("#blob");
}

body .footer .bubbles .bubble {
	position: absolute;
	left: var(--position, 50%);
	background: var(--footer-background);
	border-radius: 100%;
	animation: bubble-size var(--time, 4s) ease-in infinite var(--delay, 0s), bubble-move var(--time, 4s) ease-in infinite var(--delay, 0s);
	transform: translate(-50%, 100%);
}

body .footer .content {
	z-index: 2;
	display: grid;
	grid-template-columns: 1fr auto;
	/* grid-gap: 4rem; */
	padding: 2rem 0rem;
	background: var(--footer-background);
	color: #fff;
	border: 0px solid transparent;
	border-top-right-radius: 50px;
	border-top-left-radius: 50px;
}

@-webkit-keyframes bubble-size {

	0%,
	75% {
		width: var(--size, 4rem);
		height: var(--size, 4rem);
	}

	100% {
		width: 0rem;
		height: 0rem;
	}
}

@keyframes bubble-size {

	0%,
	75% {
		width: var(--size, 4rem);
		height: var(--size, 4rem);
	}

	100% {
		width: 0rem;
		height: 0rem;
	}
}

@-webkit-keyframes bubble-move {
	0% {
		bottom: -4rem;
	}

	100% {
		bottom: var(--distance, 10rem);
	}
}

@keyframes bubble-move {
	0% {
		bottom: -4rem;
	}

	100% {
		bottom: var(--distance, 10rem);
	}
}

.nsltr {
	display: flex;
	width: 100%;
}

.nsltr input {
	width: 80%;
	border: none;
	border-radius: 10px;
	padding: 10px 15px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.nsltr button {
	background: #fff;
	border-radius: 10px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	color: #000;
	font-family: 'FontAwesome';
	font-size: 25px;
	padding: 10px 15px;
}

.ftr_cd ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	width: 100%;
	text-align: center;
  flex-wrap: wrap;
}

.ftr_cd ul li {
	font-size: 15px;
	padding: 10px 0px;
	width: 20%;
}
.ftr_cd ul li a{
  color : #fff;
}
.ftr_sep {
	border-bottom: 3px solid #fff;
	margin: 15px 0px;
}

/*******Social */
.ft_scl {
	position: relative;
}

.ft_scl ul li {
	list-style: none;
	width: unset;
}

.ft_scl ul li a {
	position: relative;
	width: 60px;
	height: 60px;
	display: block;
	text-align: center;
	margin: 0 10px;
	border-radius: 50%;
	padding: 6px;
	box-sizing: border-box;
	text-decoration: none;
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
	background: linear-gradient(0deg, #ddd, #fff);
	transition: .5s;
}

.ft_scl ul li a:hover {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	text-decoration: none;
}

.ft_scl ul li a .fab {
	widht: 100%;
	height: 100%;
	display: block;
	background: linear-gradient(0deg, #fff, #ddd);
	border-radius: 50%;
	line-height: calc(60px - 12px);
	font-size: 24px;
	color: #262626;
	transition: .5s;
}

.ft_scl ul li:nth-child(1) a:hover .fab {
	color: #3b5998;
}

.ft_scl ul li:nth-child(2) a:hover .fab {
	color: #00aced;
}

.ft_scl ul li:nth-child(3) a:hover .fab {
	color: #007bb6;
}

.ft_scl ul li:nth-child(4) a:hover .fab {
	color: #e4405f;
}

.ft_scl ul li:nth-child(5) a:hover .fab {
	color: #dd4b39;
}

.ft_botm {
	align-items: center;
}

.ft_lg {
	text-align: center;
}

.site-mobile-menu .site-nav-wrap[data-class="social"] {
	float: left;
	width: 100%;
	margin-top: 30px;
	padding-bottom: 5em;
}

.site-mobile-menu .site-nav-wrap[data-class="social"]>li {
	width: auto;
}

.site-mobile-menu .site-nav-wrap[data-class="social"]>li:first-child a {
	padding-left: 15px !important;
}

html {
	overflow-x: hidden;
}

.icon-menu i , .icon-close2 i{
	background-image: linear-gradient(83.78deg, #0088FF -6.9%, #A033FF 28.26%, #FF5C87 78.98%);
	background: linear-gradient(81.84deg, #0099ff -9.4%, #a033ff 51.57%, #ff5280 84.07%, #ff7061 90.59%);
	-webkit-background-clip: text;
	color: transparent;
	display: inline-block;
}
.dg_qot ul li {
  text-decoration: none;
  list-style: none;
  color: #000;
  font-size: 20px;
}
.jb_txt ul li {
	display: flex;
  color: #000;
  font-size: 20px;;
}
.fa, .far, .fas {
  font-family: 'FontAwesome'!important;
}
.c_name{
  font-weight: bold;
  text-transform: uppercase;
  font-size: 20px;
}
/*******************Mobile**********************/
@media only screen and (max-width : 767px){
  h1.animate-charcter{
    font-size : 50px;
  }
  .main_dev ul li img {
    padding: 15px 0!important;
  }
  .main_dev p {
    font-size: 14px!important;
  }
  .container_space {
    padding: 50px 0px!important;
  }
  .cv_timer h3 {
    font-size: 25px!important;
  }
  .tm_lft h2 {
    font-size: 30px!important;
  }
  .tm_lft p {
    font-size: 14px!important;
    font-weight: 400!important;
  }
  .tm_lft button{
    padding: 9px;
    font-size: 14px;
  }
  .tm_rit img {
    width: 90px!important;
    margin-left: 10px;
  }
  .tm_list li img {
    width: 25px!important;
  }
  .cvfrm_data{
    margin : 15px 0;
  }
  .form_grp.inp label{
    font-size : 12px;
  }
  .yemp{
    background-image: none!important;
    background: #fff;
  }
  .txt_row h2 {
    font-size: 30px!important;
  }
  .plc_co ul li img {
    max-width: 100px!important;
    height: 25px;
  }
  .plc_co ul li img.c_logo {
    height: 50px;
  }
  .plc_co ul li {
    padding-top: 50px!important;
  }
  .dg_main .col-md-6 img{
    height : auto!important;
  }
  .jb_txt{
    margin-top : 30px;
  }
  div div h2 {
    font-size: 35px;
  }
  div.swiper-container {
    height: 350px;
  }
  .testi.col-md-12{
    padding : 0px;
  }
  .swiper-button-prev,.swiper-container-rtl .swiper-button-next{
    left: 40%;
  }
  .swiper-button-next,.swiper-container-rtl .swiper-button-prev{
    right:40%;
  }
  .faq_row .col-md-6{
    margin-top: 30px;
    border-bottom: 2px solid #ed5565;
  }
  .ftr_cd.ft_scl {
    position: relative;
    max-width: 320px;
    margin: 0 auto;
  }
  .ftr_bottom .ft_botm .col-md-4 p{
    max-width: 311px;
    margin: 0 auto;
  }
  .ftr_row div.ftr_cd ul li {
    width: 50%;
  }
  .mob{
    display : block!important;
  }
  .des{
    display : none;
  }
}
.mob{
  display : none;
}
/* **********************************************Consultancy**************************************** */
/* ************************************************************************************************* */
.jb_txt h2 {
  font-size: 50px;
  font-weight: bold;
}
.heading{
  text-align: center;
  max-width: 1000px;
  margin: 0 auto;
}
.heading h1{
  font-size: 50px;
}
.heading h3{
  background-image: linear-gradient(83.78deg, #0088FF -6.9%, #A033FF 28.26%, #FF5C87 78.98%);
  -webkit-background-clip: text;
  color: transparent;
  font-weight: bold;
}

.animate-charcterr {
	text-transform: uppercase;
	background-image: linear-gradient(83.78deg, #0088FF -6.9%, #A033FF 28.26%, #FF5C87 78.98%);
	background-size: auto auto;
	background-clip: border-box;
	background-size: 200% auto;
	color: #fff;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: textclip 3s linear infinite;
	display: inline-block;
	font-size: 58px;
	margin: 0;
}  
.main_dev h3{
  color : #007bff; 
  font-size : 40px;
}
h3.notsure {
  font-weight: bold;
  font-size: 30px!important;
}
/* .main_dev h1{
  font-size : 70px;
} */
.cons {
 text-align : left;
}
.consultation{
 background-size : cover;
 background-repeat : no-repeat; 
 background-image : url('/images/career/consbg.png');
}
@media only screen and (max-width: 768px){
 .consultation{
    background-image : none;
    background-color : #fff;
 }
}
.mob{
 display: none;
}
@media only screen and (max-width: 768px){
 img.mob{
    display: block;
 }
}

.srvs .row{
  padding: 23px 0px 0px;
}
.curv_i{
  border-radius: 62% 38% 53% 47% / 48% 59% 41% 52%;
}
.srv_cd{
  /* background: #2e7cff; */
  background-image: linear-gradient(83.78deg, #0088FF -6.9%, #A033FF 28.26%, #FF5C87 78.98%);
  display: flex;
  align-items: center;
  border-radius: 30px;
  padding: 10px;
  transition : 0.5s;
}
.srv_cd:hover{
  margin-top : -8px;
  transition : 0.5s;
  /* cursor : pointer; */
}
.srvcdimg img{
  width : 25px;
}
.srv_title{               
  margin-left: 12px;
  margin-top: 0px;
  margin-bottom: -9px;
}
.srv_title h4{
  font-size: 18px;
  color: #fff;
}

.ch_us{
  background-image: linear-gradient(83.78deg, #0088FF -6.9%, #A033FF 28.26%, #FF5C87 78.98%);
  padding: 10px;
  border-radius : 20px;
  border-bottom-right-radius: 0px;
  color : #fff;
}
.ch_us:hover{
  cursor : pointer;
  transition : 0.5s;
}
.ch_us .srv_cd{
  background : none;
}
.ch_us .srvcdimg{
  background: #fff;
  padding: 10px;
  border-top-left-radius: 15px;
}
.srvs .srv_title p{
  font-size : 14px;
  margin : 0;
}
        
.rp_bg{
  background-image : url('');
  background-size : cover;
  background-position : center;
  background-repeat : no-repeat;
}
.rlb_part .row{
  align-items : center;
}
/* .fq_bg{
   background-image : url('/images/career/faq.jpg');
   background-size : cover;
   background-position : center;
   background-repeat : no-repeat;
} */
.container_no_space{
   padding-top : 0;
}

/* *************************************Mobile************************************ */
/* ****************************************************************************** */
@media only screen and (max-width: 767px){
  .ft_botm .col-md-5 p{
    text-align:  center;
  }
  div.cons {
      text-align: center;
  }
  div.cons .row{
      flex-direction: column-reverse;
  }
  div.srv_cd{
      display : block!important;
      text-align : center;
      max-width: 200px;
     margin: 10px auto;
     padding: 30px;
  }
  .dg_row{
     padding : 15px;
  }
  div.srvcdimg img {
     width: 80px;
     margin : 15px;
  }
  .srv_title {
     margin-left: 5px;
     margin: 15px 0px 0px;
  }         
  .ch_us div.srv_cd{
      display : block!important;
      text-align : center;
     padding: 15px;
     max-width : 100%;
  }
  .ch_us{
     text-align  : center;
     margin : 15px;
  }
  .ch_us div.srvcdimg{            
      max-width: 200px;
     margin: 10px auto;
  }
  .srvs .row .col-md-3.col-sm-6.col-xs-12{
     width : 50%;
  }
}

/* ********************************************************Contact***************************************** */
/* ******************************************************************************************************* */
.main_dev h3{
  color : #007bff; 
  font-size : 40px;
}
.cont h1{
  font-size : 120px;
}

.ab_z img{
  width : 100%;
}
.got_q2_inr{
  background-image: linear-gradient(83.78deg, #0088FF -6.9%, #A033FF 28.26%, #FF5C87 78.98%);
  padding: 30px;
  border-radius: 30px;
  color : #fff;
}
.ab_z{
  background : #fff;
  padding: 30px;
  border-radius: 30px;
}
.got_q21{
  padding: 50px 30px;
}
.gt_crd{
    text-align : center;
}
.got_q{
    background-image: linear-gradient(83.78deg, #0088FF -6.9%, #A033FF 28.26%, #FF5C87 78.98%);
    padding: 30px;
    border-radius: 30px;
}
.got_txt{
    color : #fff;
}
.gt_crd{
    padding: 15px;
    border-radius: 10px;
}
.gt_crd button{
    background-image: linear-gradient(83.78deg, #0088FF -6.9%, #A033FF 28.26%, #FF5C87 78.98%);
    padding: 5px;
    border-radius: 50px;
}
.cont_form{
    /* background-image: linear-gradient(83.78deg, #0088FF -6.9%, #A033FF 28.26%, #FF5C87 78.98%); */
    background: #f9f9f9;
}
.icon_flx{
    display : flex;
    flex-direction: row-reverse;
    align-items: baseline;
    padding-bottom: 30px;
}
.icon_flx img{
    width : 90px;
    margin : 0px 15px;
}
.icon_flx img.call{
    width : 70px;
    height : 70px;
}
.cont_frm_inr{
    background-color: #fff;
    padding: 50px 30px;
    border-radius: 30px;
}
.cont_frm .cv_timer {
    padding: 50px 30px;
}
.cont_frm .cv_timer img{
    width : 100%;
    height: 326px;
    border-radius : 30px;
}

/* ***********************************************************Mobile */

@media only screen and (max-width: 767px){
  .cont h1.animate-charcter {
      font-size: 80px;
  }
  div.main_dev h3 {
      font-size: 25px;
  }
  div.got_q21 {
      padding: 0px 0px 30px;
  }
  .gt_crd{
      margin : 15px 0px;
  }
  .cont_frm .cv_timer{
      margin-bottom : 30px;
  }
}


/*9******************************************POP**********************************************/
/* #overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
backdrop-filter: blur(5px);
z-index: 100;
}
.prepopup{
width: 100%;
margin: 0 auto;
display: none;
position: fixed;
z-index: 101;
top : 0;
}
.cnt223{
max-width: 500px;
min-height: 150px;
margin: 170px auto;
background: #f7f7f7;
position: relative;
z-index: 103;
padding: 30px;
border-radius: 5px;
box-shadow: 0 2px 5px #000;
}
@media only screen and (max-width: 700px){
    .prepopup{
        top: -100px!important;
    }
}             */
.pop_ttl h1{
   background-image: linear-gradient(83.78deg, #0088FF -6.9%, #A033FF 28.26%, #FF5C87 78.98%);
   -webkit-background-clip: text;
   color: transparent;
   font-weight: bold;
   text-transform: uppercase;
   text-align : center;
}
.pop_ttl h5 span{
   color : red;
   cursor : pointer;
   text-decoration: underline;
   margin-top : 10px;
}
.pop_ttl h5{
  margin-top : 25px;
}
.pop_ttl h2 a{
  color : #fff!important;
}
.pop_ttl h2 a{
  color : #fff;
  background: #2e7cff;
  background-image: linear-gradient(83.78deg, #0088FF -6.9%, #A033FF 28.26%, #FF5C87 78.98%);
  width: 100%;
  border-radius: 30px;
  padding: 7px 100px 9px;
  font-size: 30px;
  text-decoration : none!important;
}
.pop_ttl .row{
   align-items : center;
}
.row.rw_btn img{
  width : 200px;
  margin : 10px auto;
}

#fvpp-blackout {
    display:none;
    z-index:499;
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:#000;
    opacity:0.5;
  }
  #my-welcome-message {
    display:none;
    z-index:500;
    position:fixed;
    width:36%;
    left:30%;
    top:20%;
    padding:20px 2%;
    font-family: Calibri,Arial,sans-serif;
    background:#FFF;
  }
  #fvpp-close {
    position:absolute;
    top:10px;
    right:20px;
    cursor:pointer;
  }
  .form_btn #fvpp-close {
    position: inherit!important;
  }
  @media screen and (min-width:768px) {
    #my-welcome-message{
      width:80%;
      left:10%;
    }
  }