@font-face {
  font-family: 'brndIcon';
  src:  url('../fonts/brndIcon.eot?cmxfi8');
  src:  url('../fonts/brndIcon.eot?cmxfi8#iefix') format('embedded-opentype'),
    url('../fonts/brndIcon.ttf?cmxfi8') format('truetype'),
    url('../fonts/brndIcon.woff?cmxfi8') format('woff'),
    url('../fonts/brndIcon.svg?cmxfi8#brndIcon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.brndIcon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'brndIcon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal; 
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-brndIconanalysis:before {
  content: "\e900";
}
.icon-brndIconbusiness:before {
  content: "\e901";
}
.icon-brndIconidea:before {
  content: "\e902";
}
.icon-brndIconjigsaw:before {
  content: "\e903";
}
.icon-brndIconorganization-chart:before {
  content: "\e904";
}
.icon-brndIconpartnership:before {
  content: "\e905";
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body {
  background: #fff;
  color: #666666;
 overflow-x:hidden;
  font-family: 'Montserrat', sans-serif;
}

a {
  color: #ransition: 0.5s;
}

a:hover,
a:active,
a:focus {
  color: #ff9415;
  outline: none;
  text-decoration: none;
}

p {
  padding: 0;
  margin: 0 0 30px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 0;
}

/* Back to top button */

.back-to-top {
  position: fixed;
  display: none;
  background: #342459;
  color: #fff;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 1;
  font-size: 16px;
  border-radius: 50%;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
  z-index: 11;
}

.back-to-top i {
  padding-top: 12px;
  color: #fff;
}

.align-center{
    align-items:center;
}

/* Prelaoder */

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #f2f2f2;
  border-top: 6px solid #342459;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.w100{width:100%;}

.md-form{
    position: relative;
    margin-bottom: 1.5rem;
}

.display-flex{
    display:inline-flex;
}

.hidden-sm-up{
        display:none
    }

.md-form select, .md-form input[type=date], .md-form input[type=datetime-local], .md-form input[type=email], .md-form input[type=number], .md-form input[type=password], .md-form input[type=search-md], .md-form input[type=search], .md-form input[type=tel], .md-form input[type=text], .md-form input[type=time], .md-form input[type=url], .md-form textarea.md-textarea{
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    outline: 0;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
    box-sizing: content-box;
    position:relative;
    z-index:1;
    background-color: transparent;
}

#contact .md-form label{
    left: 27px!important;
}

.md-form label {
    position: absolute;
    top: 0px;
    left: 15px;
    font-size: 1rem;
    transition: transform .2s ease-out,color .2s ease-out;
    transform-origin: 0 100%;
    transform: translateY(12px);
    cursor: text;
    z-index:0;
    color: #757575;
}

.md-form input[type=date]+label:after, .md-form input[type=datetime-local]+label:after, .md-form input[type=email]+label:after, .md-form input[type=number]+label:after, .md-form input[type=password]+label:after, .md-form input[type=search-md]+label:after, .md-form input[type=search]+label:after, .md-form input[type=tel]+label:after, .md-form input[type=text]+label:after, .md-form input[type=time]+label:after, .md-form input[type=url]+label:after, .md-form textarea.md-textarea+label:after{

    content: "";
    position: absolute;
    top: 65px;
    display: block;
    opacity: 0;
    transition: .2s opacity ease-out,.2s color ease-out;
}

.md-form label.active{
   transform: translateY(-14px) scale(.8);
   color:#1069bd!important;
   top: -8px;
   font-weight:600;
}

.md-form input[type=date]:focus:not([readonly])+label, .md-form input[type=datetime-local]:focus:not([readonly])+label, .md-form input[type=email]:focus:not([readonly])+label, .md-form input[type=number]:focus:not([readonly])+label, .md-form input[type=password]:focus:not([readonly])+label, .md-form input[type=search-md]:focus:not([readonly])+label, .md-form input[type=search]:focus:not([readonly])+label, .md-form input[type=tel]:focus:not([readonly])+label, .md-form input[type=text]:focus:not([readonly])+label, .md-form input[type=time]:focus:not([readonly])+label, .md-form input[type=url]:focus:not([readonly])+label, .md-form textarea.md-textarea:focus:not([readonly])+label{
    color: #4285f4;
}

.md-form label.active{
    font-size: 1rem;
}

.md-form .form-group{
   padding: 0px 15px;
   margin-bottom: 0px;
}

.md-form #message{
    height:100px;
}

.md-form span{
    font-size: 13px;
    font-weight: 600;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/* Top Header */
.top-header-strip{
    background: #fbca0e;
    border-bottom: 1px solid #cca40c;
    padding:6px 0px;
}

.top-header-strip .socailList{
    display:inline-flex;
    margin: 4px 15px;
}

.top-header-strip .socailList span{
    margin-right:15px;
    color:#222222;
    font-weight:600;
}

.top-header-strip .socailList ul{
    margin:0;
}

.top-header-strip .socailList ul li i{
    color:#0c115f;
}

.top-header-strip .socailList ul li i:hover{
    color:#222222;
}

.top-header-strip .connectWithUs{
    float: right;
    display: flex;
}

.top-header-strip .connectWithUs .emailIdAddress, .top-header-strip .connectWithUs .skypeIdAddress{
    display: flex;
    border:0px;
    border-radius: 0px;
    margin: 0px 0px 0px 10px;
}

.top-header-strip .connectWithUs .emailIdAddress .IconImg, .top-header-strip .connectWithUs .skypeIdAddress .IconImg{
    background: #e0b40b;
    display: flex;
    align-items: center;
    border: 3px solid #FFFFFF;
}

.top-header-strip .connectWithUs .emailIdAddress .IconImg i, .top-header-strip .connectWithUs .skypeIdAddress .IconImg i{
    font-size: 20px;
    color: #FFFFFF;
    padding: 4px 8px;
}

.top-header-strip .connectWithUs .emailIdAddress .idad, .top-header-strip .connectWithUs .skypeIdAddress .idad{
    padding: 4px 10px;
    background:#FFFFFF;
}

.top-header-strip .connectWithUs .emailIdAddress .idad a, .top-header-strip .connectWithUs .skypeIdAddress .idad a{
    font-size: 12px;
    color: #666666;
    font-weight:500;
}

.top-header-strip .connectWithUs .emailIdAddress .idad a:hover, .top-header-strip .connectWithUs .skypeIdAddress .idad a:hover{
    color:#35245a;
}


#header {
  padding:0em 2em;
  transition: all 0.5s;
  z-index: 997;
  position:fixed;
  width:100%;
  background: #fbca0e;
  border-top: 0px solid #fbca0e;
  border-bottom:3px solid #cca40c;
}

#header.header-scrolled {
  background: rgba(251, 202, 14, 0.93);
  transition: all 0.5s;
  top:0;
}

#header.header-scrolled .qqCal a{
   display: block;
   margin: 11px 0px;
}

#header.header-scrolled .qqCal a .qq{
   margin-right:5px;
}

#header.header-scrolled .qqCal a .cal{
   font-size:10px;
}

#header.header-scrolled .qqCal i{
       top: 20px;
    left: -3px;
    background:rgb(234, 190, 21)
}

#header .navbar{
    position: inherit;
}

#header.header-scrolled .navbar-brand img{
    width:130px!important;
}

#header.header-scrolled .navbar-dark .navbar-nav .nav-link{
    padding: 1.4rem 0rem;
}

#header #logo {
  float: left;
}

#header #logo h1 {
  font-size: 34px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 3px;
}

#header #logo img {
  padding: 0;
  margin: 0;
}

#header .navbar-dark .navbar-nav .nav-link{
    color: #444444;
    font-weight: 600;
    padding: 2.4rem 0.4rem;
}


/*--------------------------------------------------------------
# Right Quote Button
--------------------------------------------------------------*/

.floating-form {
    max-width: 400px;
    padding: 15px 30px 10px 30px;
    background: #35245a;
    right: 10px;
    top:168px;
    position: fixed;
    z-index:99;
        border-left: 5px solid #ff9415;
    box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
    -moz-box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
    -webkit-box-shadow:  -2px -0px 8px rgba(43, 33, 33, 0.06);
	}

.floating-form ::placeholder{
    color:#ffffff;
}

#contact .form::placeholder{
    color:#ffffff!important;
}

#contact .form:-ms-input-placeholder{
    color:#ffffff!important;
}

#contact .form ::-webkit-input-placeholder { /* Edge */
  color: #ffffff!important;
}

.floating-form input, .floating-form select, .floating-form textarea{
       transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    outline: 0;
    color: #ffffff!important;
    box-shadow: none;
    border-width: 1px;
    border-radius: 0;
    box-sizing: content-box;
    position: relative;
    z-index: 1;
    background-color: transparent;
    width: 100%;
    font-size: 13px;
    margin-bottom: 0px;
    padding: 4px 5px;
    border-color: rgba(255,255,255,0.4);
}

.floating-form input:focus, .floating-form select:focus, .floating-form textarea:focus{
    background-color:transparent;
    border-color:#fbca0e;
    box-shadow:none;
}

.floating-form select option{
    color:#666666;
}

.floating-form textarea{
    height:auto;
}

.floating-form label{
    width:100%;
    font-size:12px;
    color:#fff;
}

.floating-form span{
    font-size:10px;
    color:#ffeb00!important;
}

.floating-form .form-group{
    margin-bottom:0;
    width:100%;
    padding:0!important;
}

.floating-form .btn-theme{
    color:#000000!important;
    letter-spacing:2px;
    border:0px;
    width:100%;
    max-width:200px;
    font-weight:700;
    padding:10px;
    margin-top:5px;
    margin-bottom:15px;
}

.contact-opener {
    position: absolute;
    left: -161px;
    transform: rotate(-90deg);
    top: 189px;
    background-color: #ff9415;
    font-size: 22px;
    text-transform: uppercase;
    padding: 9px 35px;
    letter-spacing: 1px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    border-radius: 5px 5px!important;
    -webkit-border-radius: 5px 0px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    box-shadow: -2px 0px 8px rgba(43, 33, 33, 0.06);
    -moz-box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
    -webkit-box-shadow: -2px 0px 8px rgba(43, 33, 33, 0.06);

}
.floating-form-heading{
    font-size: 20px;
    padding-bottom: 3px;
    text-transform:uppercase;
    margin-bottom:20px;
    color:#fbca0e;
    font-weight:700;
}

/*--------------------------------------------------------------
# Intro Section
--------------------------------------------------------------*/
/*homepage*/
.home .carousel-item{
    margin-top:103px;
}

#intro .carousel-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#intro .carousel-background img {
  max-width: 100%;
  width:100%;
}

.home .carousel-content{
    width:85%!important;
}

.home .rightTextBanner .carousel-content{
    width: 100%!important;
    margin-left: 58%;
}

#intro .carousel-content {
  text-align: left;
  width: 100%;
  padding: 0 45px;
}

#intro h2 {
  color: #342459;
  margin-bottom: 30px;
  font-size: 43px;
  font-weight: 900; 

}

#intro h3{
    background: #3a3a3a;
    display: inline-block;
    padding: 5px 10px;
    font-weight: 700;
    color: #fbca0e;
    letter-spacing: 13px;
    text-transform:uppercase;
}

#intro p {
  width: 80%;
  margin: 30px 0 10px;
  color: #3a3a3a;
  font-weight: 600;
  font-size: 16px;
}

#intro .carousel-fade {
  overflow: hidden;
}

#intro .carousel-fade .carousel-inner .carousel-item {
  transition-property: opacity;
}

#intro .carousel-fade .carousel-inner .carousel-item,
#intro .carousel-fade .carousel-inner .active.carousel-item-left,
#intro .carousel-fade .carousel-inner .active.carousel-item-right {
  opacity: 0;
}

#intro .carousel-fade .carousel-inner .active,
#intro .carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,
#intro .carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {
  opacity: 1;
  transition: 0.5s;
}

#intro .carousel-fade .carousel-inner .carousel-item-next,
#intro .carousel-fade .carousel-inner .carousel-item-prev,
#intro .carousel-fade .carousel-inner .active.carousel-item-left,
#intro .carousel-fade .carousel-inner .active.carousel-item-right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#intro .carousel-control-prev,
#intro .carousel-control-next {
  width: 10%;
}

#intro .carousel-control-next-icon,
#intro .carousel-control-prev-icon {
  background: none;
  font-size: 32px;
  line-height: 1;
  background: rgba(0,0,0,0.90);
    font-size: 63px;
    line-height: 1;
    height: 70px;
    width: 70px;
}

#intro .carousel-indicators li {
  cursor: pointer;
  background-color:#312c2c;
}

#intro .btn-get-started {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 32px;
  border-radius: 50px;
  transition: 0.5s;
  margin: 10px;
  color: #fff;
  background: #342459;
}

#intro .btn-get-started:hover {
  background: #fff;
  color: #342459;
}

.rewardWeb{
    background:#342459;
}

.rewardWeb .container{
    width:100%;
    max-width:1400px;
}

.rewardWeb .container .rewardWebPoints{
    display:flex;
    width:100%;
}

.rewardWeb .container .section-header{
    text-align:center;
    margin-top:40px;
}

.rewardWeb .container .section-header h2{
    font-size:16px;
    text-transform:uppercase;
    text-align:center;
    color:#fbca0e;
}

.rewardWeb .container .section-header h3{
    font-size:38px;
    text-transform:uppercase;
    text-align:center;
    color:#FFFFFF;
}

.rewardWeb .container .rewardWebPoints .commBox{
    width:16.666%;
    text-align:center;
   padding-bottom:60px
}

.rewardWeb .container .rewardWebPoints .commBox i{
        font-size: 76px;
    color: #fff;
    display: grid;
    padding-bottom: 25px;
    border-bottom: 1px solid #eee;
}

.rewardWeb .container .rewardWebPoints .commBox:hover i{
    background: -webkit-gradient(linear,right bottom,left top,from(#fbca0e),to(#31a4f5));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.rewardWeb .container .rewardWebPoints .commBox h4{
    font-size:20px;
    color:#fff;
    font-weight:800;
    margin-top:50px;
    text-transform:uppercase;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
   margin-bottom:1rem;
}

.navbar .dropdown-menu {
  border:0px;
  border-radius: 0px;
  padding: 1.5rem 0;
  border-bottom: 3px solid #122692!important;
}

.navbar .dropdown-menu .companySubMenu h5{
    color: #ffffff!important;
    font-weight: 800;
    font-size: 24px;
}

.navbar .dropdown-menu .companySubMenu p{
    font-size: 16px;
    color: #fff;
    border-left: 4px solid #91a8f6;
    padding-left: 17px;
    padding-right: 60px;
}

.navbar .dropdown-menu .companySubMenu a{
    color: #0c1d78;
    font-weight: 800;
    font-style: italic;
    font-size: 16px;
    margin-left: 21px;
}

.navbar .servicesSubMenu{
    color: #ffcc07!important;
    font-weight: 800;
    font-size: 24px;
}

.navbar .servicesSubMenu li.nav-item{
    position:relative;
}

.navbar .servicesSubMenu li.nav-item:after{
    width: 15px;
    height: 2px;
    background: #fff;
    content: '';
    position: absolute;
    top: 18px;
    left: -3px;
}

.qqCal{
    position:relative
}

.qqCal a{
    display: grid;
    font-size: 12px;
    margin: 20px 0px;
}

.qqCal a .qq{
    font-size: 10px;
    font-weight: 700;
}

.qqCal a .cal{
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
}

.qqCal i{
        position: absolute;
    top: 11px;
    left: 0px;
    background: #fbca0e;
    z-index: 9;
    padding: 3px 2px;
    border-radius: 4px;
}

.navbar .servicesSubMenu h5{
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 5px;
    padding-bottom: 10px;
    margin-top:18px;
    border-bottom: 1px solid #ddd;
    color: #0c2090!important;
}

.navbar .companyDropdown{
    padding: 0;
    background: #fff;
    width: 300px!important;
}

.navbar .servicesSubMenu{
    padding: 0;
    background: #fff;
    width: 350px!important;
}

.navbar .companyDropdown a, .navbar .servicesSubMenu a{
    font-size: 15px;
    padding: 0.9rem 1.5rem;
    transition: all .3s linear;
    border-radius:0px;
    background: #35245a;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
}

.navbar .companyDropdown a:hover, .navbar .servicesSubMenu a:hover{
    background: #2538a8;
    color: #fff;
    padding: 0.9rem 1.8rem;
    border-radius:0px;
}

.navbar .companyDropdown .dropdown-divider, .navbar .servicesSubMenu .dropdown-divider{
    margin: 0;
}

.navbar .dropdown-menu.servicesSubMenu .nav-item .nav-link{
   padding: 0.5rem 1rem!important;
   color:#ffffff!important;
   font-size:15px!important;
   font-weight:600!important;
}

.navbar .dropdown-menu .companySubMenu a:hover{
    color: #ff9415;
    text-decoration:underline;
}

.servicesSubMenu {
    background:#fff!important;
    padding:0px!important;
    border-bottom:1px solid #122692!important;
}

.servicesSubMenu .servicesListMainMenu{
    display:inline-flex;
    width:100%;
}

.servicesSubMenu .servicesListMainMenu .commBox{
    width:24.5%;
    padding:0px;
    display: inline-block;
    text-align: center;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    background: transparent;
}

.servicesSubMenu .servicesListMainMenu .commBox:hover{
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    background: #f7f7f7;
}

.servicesSubMenu .servicesListMainMenu .commBox img{
    width:100%;
    max-width:109px;
    float:left;
    margin-right:14px;
    padding:13px;
}

.servicesSubMenu .servicesListMainMenu .commBox h4{
    font-size: 14px;
    font-weight: 600;
    color: #666666;
    margin:0;
    padding: 28px 0px 28px;
    text-align:left;
}



/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {
  
  /* remove the padding from the navbar so the dropdown hover state is not broken */
.navbar {
  padding-top:0px;
  padding-bottom:0px;
}

/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
.navbar .nav-item {
  padding:0rem .5rem;
  margin:0 .25rem;
}

/* makes the dropdown full width  */
.navbar .dropdown {position:relative;}

.navbar .dropdown-menu {
    box-shadow:0px 13px 25px -12px rgba(0,0,0,0.25);
  width:100%;
  left:0;
  right:0;
/*  height of nav-item  */
  top:100%;
}
  
  /* shows the dropdown menu on hover */
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
  display:block!important;
}

}



/* Nav Menu Essentials 

.nav-menu,
.nav-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}

.nav-menu li {
  position: relative;
  white-space: nowrap;
}

.nav-menu > li {
  float: left;
}

.nav-menu li:hover > ul,
.nav-menu li.sfHover > ul {
  display: block;
}

.nav-menu ul ul {
  top: 0;
  left: 100%;
}

.nav-menu ul li {
  min-width: 180px;
}
*/
/* Nav Menu Arrows */

.sf-arrows .sf-with-ul {
  padding-right: 30px;
}

.sf-arrows .sf-with-ul:after {
  content: "\f107";
  position: absolute;
  right: 15px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
}

.sf-arrows ul .sf-with-ul:after {
  content: "\f105";
}

/* Nav Meu Container */

#nav-menu-container {
  float: right;
  margin: 0;
}

/* Nav Meu Styling */

.nav-menu a {
  padding: 0 8px 10px 8px;
  text-decoration: none;
  display: inline-block;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  outline: none;
}

.nav-menu li:hover > a,
.nav-menu > .menu-active > a {
  color: #342459;
}

.nav-menu > li {
  margin-left: 10px;
}

.nav-menu ul {
  margin: 4px 0 0 0;
  padding: 10px;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  background: #fff;
}

.nav-menu ul li {
  transition: 0.3s;
}

.nav-menu ul li a {
  padding: 10px;
  color: #333;
  transition: 0.3s;
  display: block;
  font-size: 13px;
  text-transform: none;
}

.nav-menu ul li:hover > a {
  color: #342459;
}

.nav-menu ul ul {
  margin: 0;
}

/* Mobile Nav Toggle */

#mobile-nav-toggle {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
  margin: 20px 20px 0 0;
  border: 0;
  background: none;
  font-size: 24px;
  display: none;
  transition: all 0.4s;
  outline: none;
  cursor: pointer;
}

#mobile-nav-toggle i {
  color: #fff;
}

/* Mobile Nav Styling */

#mobile-nav {
  position: fixed;
  top: 0;
  padding-top: 18px;
  bottom: 0;
  z-index: 998;
  background: rgba(0, 0, 0, 0.8);
  left: -260px;
  width: 260px;
  overflow-y: auto;
  transition: 0.4s;
}

#mobile-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#mobile-nav ul li {
  position: relative;
}

#mobile-nav ul li a {
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  overflow: hidden;
  padding: 10px 22px 10px 15px;
  position: relative;
  text-decoration: none;
  width: 100%;
  display: block;
  outline: none;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

#mobile-nav ul li a:hover {
  color: #342459;
}

#mobile-nav ul li li {
  padding-left: 30px;
}

#mobile-nav ul li.menu-active a {
  color: #342459;
}

#mobile-nav ul .menu-has-children i {
  position: absolute;
  right: 0;
  z-index: 99;
  padding: 15px;
  cursor: pointer;
  color: #fff;
}

#mobile-nav ul .menu-has-children i.fa-chevron-up {
  color: #342459;
}

#mobile-nav ul .menu-has-children li a {
  text-transform: none;
}

#mobile-nav ul .menu-item-active {
  color: #342459;
}

#mobile-body-overly {
  width: 100%;
  height: 100%;
  z-index: 997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  display: none;
}

/* Mobile Nav body classes */

body.mobile-nav-active {
  overflow: hidden;
}

body.mobile-nav-active #mobile-nav {
  left: 0;
}

body.mobile-nav-active #mobile-nav-toggle {
  color: #fff;
}

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/

/* Sections Header
--------------------------------*/

.section-header h3 {
  font-size: 32px;
  color: #111;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  position: relative;
  padding-bottom: 15px;
}

.section-header h3::before {
  content: '';
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background: #ddd;
  bottom: 1px;
  left: calc(50% - 60px);
}

.section-header h3::after {
  content: '';
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: #342459;
  bottom: 0;
  left: calc(50% - 20px);
}

.section-header p {
  text-align: center;
  padding-bottom: 30px;
  color: #333;
}

/* Faq's CSS */

.faqSec .accordion{
    border:0px;
}

.faqSec .accordion .card{
    border-radius: 0px;
    border: 0px;
}

.faqSec .accordion .card-header{
    padding: 0;
    background: #ecbf0d;
    border-radius: 0px;
    border: 0px;
    margin-bottom: 10px
}

.faqSec .accordion .card-header h2 button{
    width: 100%;
    text-align: left;
    color: #ffffff;
    font-size: 19px;
    font-weight: 600;
    padding: 15px;
}

.faqSec .accordion .card-header h2 button i{
    float:right;
    padding-top:5px;
}

/* Section with background
--------------------------------*/

.section-bg {
  background: #f7f7f7;
}

/* whoWeAre Section
--------------------------------*/


.whoWeAre {
  padding: 30px 20px;
}

.whoWeAre h1 {
    color: #000000;
    font-size: 71px;
    line-height: 78px;
    position: relative;
    text-align: right;
    padding: 0 40px 0 0;
    font-weight: 700;
    text-transform:uppercase;
}

.whoWeAres h4 {
  text-transform: uppercase;
  font-size:18px;
  font-weight:600;
}

/* drive quality Section
--------------------------------*/
.driveQualityTraffic{
    background-color: #342459;
    padding: 30px 20px;
}

.driveQualityTraffic h2{
    color: #ffffff;
    font-size: 42px;
    margin-bottom: 6px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

.driveQualityTraffic p, .driveQualityTraffic p span{
    color: hsla(0, 0%, 100%, 0.8);
    text-align: center;
    font-size: 18px;
}

.driveQualityTraffic hr{
    border: 2px solid #7bb5ec;
    width: 100%;
    margin: 26px auto;
    background: #7bb5ec;
    text-align: center;
    max-width: 110px;
}

/* mainpageservcie css
--------------------------------*/
.digital-marketing-page{
    position:relative;
    overflow:hidden;
}

.digital-marketing-page #particle-canvas{
    width: 100%;
    height: 100%;
    background:#000;
    min-height:700px;
    position:relative;
}

.digital-marketing-page .digitalInnerContent{
        position: absolute;
    top: 250px;
    z-index: 99;
    width: 100%;
    color: #fff;
    text-align: center;
}

.digital-marketing-page .digitalInnerContent .titlehead{
    width: 100%;
}

.digital-marketing-page .digitalInnerContent .titlehead h1{
    font-size: 81px;
    font-weight: 900;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.digital-marketing-page .digitalInnerContent .titlehead h2{
    font-size:45px;
    font-weight:700;
    background: #080c4a;
    display: initial;
    padding:0px 10px;
}

.digital-marketing-page .digitalInnerContent .titlehead p {
        font-size: 23px;
    font-weight: 600;
    margin-top: 20px;
}

.cloudFirst {
    background-image: url('../images/services/cloud-1.png');
    background-repeat: no-repeat;
    top: 122px;
    position: absolute;
    left: 0;
    width: 160px;
    background-size: 100%;
    height: 83px;
    animation-name: running;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    overflow: hidden;
    z-index: 4;
}

@keyframes running{
  0%{
    left: -100%;
  }
  50%{
    left: 0%;
  }
  100%{
    left: 100%;
  }
}

.cloudSec {
    background-image: url('../images/services/cloud-2.png');
    background-repeat: no-repeat;
    top: 172px;
    position: absolute;
    left: 0;
    width: 150px;
    background-size: 100%;
    height: 79px;
    animation-name: running;
    animation-duration: 25s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    overflow: hidden;
    z-index: 4;
}


.cloudThird {
    background-image: url('../images/services/cloud-3.png');
    background-repeat: no-repeat;
    top: 160px;
    position: absolute;
    right: 0;
    width: 150px;
    background-size: 100%;
    height: 79px;
    animation-name: runningthird;
    animation-duration: 25s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    overflow: hidden;
    z-index: 4;
}

@keyframes runningthird{
  0%{
    right: -100%;
  }
  50%{
    right: 0%;
  }
  100%{
    right: 100%;
  }
}

section.digital-marketing-page.mb-5:before{
        content: '';
    background-image: url('../images/services/digtial-bottom-bg-w.png');
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 143px;
    background-size: 100%;
    z-index: 5;
}

.mainCommServiceAbouts h2{
          color: #37265a;
    font-size: 27px;
    width: auto;
    font-weight: 800;
    line-height: 37px;
    margin-bottom: 5px;
}

.mainCommServiceAbouts h3{
              color: #37265a;
    font-size: 22px;
    width: auto;
    font-weight: 800;
    line-height: 29px;
    margin-bottom: 5px;
    margin-top: 20px;
}

.mainCommServiceAbouts h4, .mainCommServiceAbouts h5{
     color: #37265a;
    font-size: 18px;
    width: auto;
    font-weight: 800;
    line-height: 29px;
    margin-bottom: 5px;
    margin-top: 20px;
}

.mainCommServiceAbouts p{
        color: #37265a;
    font-size: 15px;
    width: auto;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 13px;
}

.mainCommServiceAbouts .highLightPoints{
    box-shadow: 0 10px 50px rgba(4,75,194,0.1);
    border: 1px solid rgba(88,136,247,0.1);
    background:#fff;
    padding:20px;
    margin-bottom:30px;
}

.mainCommServiceAbouts .highLightPoints img{
    max-width:100px;
    margin-bottom:20px;
}

.mainCommServiceAbouts .highLightPoints h4{
    color: #37265a;
    font-size: 16px;
    line-height: normal;
    width: auto;
    height: 42px;
    font-weight: 600;
}

.mainCommServiceAbouts .highLightPoints p {
    color: #37265a;
    font-size: 13px;
    width: auto;
    line-height: 20px;
    font-weight: 400;
    height: 160px;
    margin-bottom:0;
    overflow:hidden;
}

.registerSub{
    padding:0px 45px;
    background-image: url('../images/services/bg-digital-page-subscriber.png');
}

.registerSub .row{
    display:flex;
    align-items:center;
}

.registerSub h2{
    color: #37265a;
    font-size: 38px;
    line-height: 49px;
    width: auto;
    font-weight: 800;
}

.registerSub p{
    color: #37265a;
    font-size:18px;
    width: auto;
    font-weight: 500;
    line-height: 26px;
}

.registerSub .subDescription p{
    margin-bottom:9px;
}

.registerSub .subDescription h6{
    font-weight:700;
    margin-bottom:10px;
    font-size:22px;
    margin-top:30px;
    color:#222222;
    margin-bottom:7px;
}

.registerSub .subDescription h6 i{
    font-weight:600;
    font-size:20px;
}

.registerSub .subTrackData ul{
    display:flex;
}

.registerSub .subDescription p a{
    font-size:20px;
    color:#37265a;
    font-weight:700;
    border-bottom:2px solid #37265a;
    padding-bottom:3px;
        transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.registerSub .subDescription p a:hover{
    border-bottom:2px solid #37265a;
    padding-bottom:1px;
}

.registerSub input{
   height: 50px;
    border: 2px solid #342459;
    border-radius: 0px;
    margin-right: 8px;
    width: 100%!important;
    background-color:transparent;
    max-width: 302px!important;
}

.registerSub .btn-theme{
   margin:0;
}

.mainServiceBanner {
        background-image: url(../images/services/digital-marking-main-banner-bg.jpg);
    height: 740px;
    background-size: cover;
    position:relative;
}

.overFlowBg {
    top: -60px;
    width: 100%;
    height: 700px;
    position: absolute;
    background-image: url(../images/services/bg-yellow-bg.png);
    z-index: 1;
    left: 0;
    background-size: 100%;
    margin: auto;
    background-repeat: no-repeat;
}

.mainServiceBanner .container{
    position:relative;
    z-index:4;
}

.mainServiceBanner .topTitle{
    text-align:center;
}

.mainServiceBanner .topTitle h1{
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    margin-top:160px;
}

.mainServiceBanner .topTitle h2{
    font-size: 45px;
    font-weight: 700;
    color: #fff;
}

.mainServiceBanner .topTitle p{
        font-size: 25px;
    color: #fff;
    font-weight: 600;
}

.mainServiceBanner .block{
        background: #fff;
    padding: 39px 34px 21px;
    margin: 17px 22px 0px;
}

.mainServiceBanner .block img{
        width: 100%;
    max-width: 100px;
    margin-bottom: 30px;
}

.mainServiceBanner .block p{
        color: #707070;
    font-size: 15px;
    font-weight: 600;
}

.digitalDescriptionSec{
    margin:50px 0px 30px;
    text-align:center;
}

.digitalDescriptionSec h3{
    font-size:40px;
    color:#666666;
    font-weight:500;
}

.digitalDescriptionSec p{
    font-size:17px;
    color:#666666;
    font-weight:400;
    margin-bottom:15px;
    padding:0px 75px;
}

.digitalServicesListSec{
    margin:0px 0px 0px;
    padding:40px 0px;
    background-color:#37265a;
}

.digitalServicesListSec .custom-width{
    width:100%;
    max-width:1400px;
}

.digitalServicesListSec .block{
    box-shadow: 0 10px 50px rgba(4,75,194,0.1);
    border: 1px solid rgba(88,136,247,0.1);
    background: #fff;
    padding: 20px 10px;
    margin-bottom: 30px;
    display:flex;
}

.digitalServicesListSec .block .titleDsImg{
    padding-right: 15px;
}

.digitalServicesListSec .block .titleDsImg img{
    max-width: 72px;
}

.digitalServicesListSec .section-header h3{
    color:#deb517;
    font-size:45px;
}

.digitalServicesListSec .section-header p{
    color:#fff;
}

.digitalServicesListSec .block .titleSec h3{
    color: #37265a;
    font-size: 22px;
    line-height: normal;
    width: auto;
    font-weight: 600;
    height:80px;
}

.digital-marketing .driveQualityTraffic h2{
   font-weight:800
}

.digital-marketing .driveQualityTraffic{
   background-color: #fcdc12;
}

.digital-marketing .driveQualityTraffic hr{
   border: 2px solid #37265a;
}

.digital-marketing .driveQualityTraffic .btn-theme{
   background:transparent!important;
   border:1px solid #3a3a3a;
   font-weight:700;
}

.digital-marketing .driveQualityTraffic .btn-theme:hover{
   background:#37265a!important;
   border:1px solid #37265a;
   color:#fff;
}

.digital-marketing .higher-ranking{
        padding: 40px 30px 40px;
}

.digital-marketing .higher-ranking .highAction{
     position:inherit;
}

.digital-marketing .higher-ranking .highAction a{
    margin:30px auto 0;
}

.digital-marketing .ServiceInnerPageWhyChoose{
    background: #461d9a;
    padding: 30px 20px 150px 20px;
    background-image: url(/assets/images/services/online-reputation-management-img.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-attachment: fixed;
}

.digital-marketing .ServiceInnerPageWhyChoose header h3{
    color:#37265a;
}

.digital-marketing .ServiceInnerPageWhyChoose header p{
    color:#3a3a3a;
}

.digital-marketing .ims .serviceRow .service-content p{
    height: 270px;
    overflow:hidden;
}

.digital-marketing  .ServiceInnerPageWhyChoose:after{
    content:none!important;
}

.digital-marketing .ServiceInnerPageWhyChoose .shades{
    background:#ffffff;
    opacity:0.9;
    width:100%;
    height:100%;
    top:0;
    bottom:0;
    position:absolute;
    right:0;
    left:0;
}

.digital-marketing .qulityTrafficIms h4{
    font-size:40px;
}

.digital-marketing .driveQualityTraffic p span{
    font-weight: 700;
    font-size: 19px;
}

.digital-marketing .driveQualityTraffic p span a{
    color:#37265a;
}

/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgb(55, 38, 92);
  position: relative;
  overflow: hidden;
  padding: 1em;
  color:rgb(55, 38, 92);
}

.hvr-underline-from-left:hover {
  color:#FFFFFF;
  font-weight:600;
}

.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: rgb(55, 38, 92);
  height:56px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  color:#FFFFFF;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
  color:#FFFFFF;
}

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.hvr-icon-wobble-horizontal .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  margin-left: 15px;
}
.hvr-icon-wobble-horizontal:hover .hvr-icon, .hvr-icon-wobble-horizontal:focus .hvr-icon, .hvr-icon-wobble-horizontal:active .hvr-icon {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.digitalServicesListSec .block .titleSec p{
    color: #37265a;
    font-size: 15px;
    width: auto;
    font-weight: 400;
    height:235px;
    overflow:hidden;
    line-height: 25px;
}



/* inerMarSer Section
--------------------------------*/
.ims{
    background:#000000;
    padding:30px 20px;
}

.ServiceInnerPageWhyChoose{
    background: #461d9a;
    padding:30px 20px 150px 20px;
    background-image: url(/assets/images/services/content-writing-bg.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative; 
}

.ServiceInnerPageWhyChoose .row{
    position:relative;
    z-index:1
}

.ServiceInnerPageWhyChoose:after{
    z-index: 0;
    position: absolute;
    content: '';
    background-image: url(/assets/images/services/content-writing-bg.png);
    background-size: 100%;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    height: 500px;
    width: 100%;
    transform: rotate(180deg);
}

.ServiceInnerPageWhyChoose .serviceRow .service-icon span{
        border: 1px solid #000;
    padding: 21px 20px!important;
    border-radius: 100%;
    width: 74px;
    align-items: center;
    height: 71px;
}

.ServiceInnerPageWhyChoose .serviceRow{
    background-color: #461d9a!important;
    border-bottom: 2px solid #3e1592!important;
    border-right: 2px solid #3e1592!important;
    cursor:pointer;
}

.ServiceInnerPageWhyChoose .serviceRow:hover{
    background-color: #3e1592!important;
    cursor:pointer;
}

.ServiceInnerPageWhyChoose .serviceRow .service-content{
    height: 100%;
    min-height: 380px;
    overflow:hidden;
}

.serviceRow .fa{
    -webkit-transition: transform .5s linear;
	-moz-transition: transform .5s linear;
	-o-transition: transform .5s linear;
	transition: transform .5s linear;
}

.ServiceInnerPageWhyChoose .serviceRow:hover .fa {
    border:1px solid #4111aa;
    box-shadow:0px 0px 9px 6px #4111aa;
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
	transform: scale(1.1) rotate(360deg);
}

.startTenDollar {
        visibility: visible;
    animation-name: fadeInUp;
    position: relative;
    top: -95px;
    width: 74%;
    margin: auto;
    padding: 40px 30px 10px!important;
}

.startTenDollar h2{
    font-size: 50px!important;
    font-weight:400!important;
}

.startTenDollar h4{
    font-size: 38px!important;
}

.startTenDollar .highAction{
    position: relative!important;
    z-index: 999!important;
    left: 0!important;
    right: 0!important;
    top: 36px!important;
}

.startTenDollar .highAction a{
    font-size:22px;
    margin:0!important
}

.serviceInnerTestimonial .testimonial-item{
    display: flex;
    align-items: center;
}

.serviceInnerTestimonial .testimonial-item .testimonial-img{
    width: 173px!important;
    border:2px solid #fbcb0f!important;
    padding:10px!important;
}

.serviceInnerTestimonial .testimonial-item .monialUserImg:after{
    content: '"';
    position: absolute;
    font-family:fantasy!important;
    font-weight: 900;
    left: 12%;
    top: -15%;
    display: inline-block;
    font-size: 120px;
    letter-spacing: 1em;
    color: rgb(8, 16, 77);
    z-index: 40;
}

.serviceInnerTestimonial .testimonial-item .monialContent{
    text-align: left!important;
    margin-left: 40px!important;
}

.serviceInnerTestimonial .testimonial-item .monialContent p{
    width: 100%!important;
    font-size: 23px!important;
    margin-bottom: 25px!important;
}

.serviceInnerTestimonial .testimonial-item .monialContent h3{
    font-size: 30px!important;
}

.serviceInnerTestimonial .testimonial-item .monialContent h4{
    font-size: 20px!important;
}

.ims .custom-width{
    width:100%;
    max-width:1400px;
    margin:auto;
}

.ims header h2{
    color: #fed531;
    font-size: 50px;
    line-height: normal;
    text-align: center;
    font-weight:400;
    margin-bottom: 0;
}

.ims header h3{
    color: #ffffff;
    font-size: 50px;
    text-transform: initial;
    margin: 0 0;
    text-align: center;
    padding-top: 5px;
    font-weight: 700;
}

.ims header p{
    color: #3daeec;
    font-size: 20px;
    line-height: normal;
    width: auto;
    text-align: center;
    padding: 20px 20px;
}

.ims .serviceRow{
    background-color: #10151a;
    border-bottom: 2px solid #1a1f2b;
    border-right: 2px solid #1a1f2b;
    padding: 20px 0px;
    -webkit-transition: all 0.25s ease 0s;
    cursor: pointer;
    width: 33.333%;
    float: left;
    display: inline-grid;
    align-items: center;
}

.home .serviceRow {
    height:300px;
    position:relative;
}

.ims .serviceRow .pera{
    display:none;
    position: absolute;
    bottom: 0;
    z-index: 99;
    background:-webkit-gradient(linear,right bottom,left top,from(#183877),to(#445eea));
    color: #fff;
    width:100%;
    text-align: center;
    padding: 25px;
}

.ims .serviceRow .pera p{
    margin-bottom:0px;
}

.ims .serviceRow:hover .pera{
    display:block;
}

.ims .serviceRow .service-content h4{
    color: #ffffff;
    font-size: 24px;
    margin: 20px 0 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}

.ims .serviceRow .service-content h6{
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
    padding-top: 5px;
}

.ims .serviceRow .service-content hr{
    border: 2px solid #2877c2;
    background: #2877c2;
    text-align: center;
    width: 100%;
    margin: 10px auto 20px;
    max-width: 118px;
}

.ims .serviceRow .service-content p{
    color: #e6e6e6;
    padding: 0 35px;
    text-align: center;
    margin: 0;
    transition: all 0.35s ease 0s;
}

.ims .serviceRow .service-icon{
    text-align: center;
    font-size: 28px;
    color: #3daeec;
}

.ims .serviceRow .service-icon span{
        border: 1px solid #000;
    padding: 26px 28px;
    border-radius: 100%;
}

.qulityTrafficIms h4{
    color: #fff;
    font-weight: 700;
    font-size: 30px;
}

.qulityTrafficIms p{
    color: #fff;
    font-size: 16px;
    font-style:italic;
}

.qulityTrafficIms hr{
        border: 2px solid #2877c2;
    background: #2877c2;
    text-align: center;
    width: 100%;
    margin: 10px auto 20px;
    max-width: 118px;
}

/* seoBenefits Section
--------------------------------*/

.serviceInnerPage .custom-width{
    width:100%;
    max-width:1600px;
    margin: auto;
    background: #f2f7ff;
}

.serviceInnerPage .custom-width .row{
    width:100%;
    max-width:1500px;
    margin:auto;
}

.custom-bgColor{
    background: #fbca0e;
}

.seoBenefits {
    padding:30px 20px;
}

/*seoa css*/

.SEOA .secAniVecOne{
    width: 29%;
    visibility: visible;
    animation-name: fadeInLeftBig;
    left: 156px;
    top: 144px;
}

.SEOA .SecoundSecServices{
    display:none;
}

.SEOA .secAniVecFour{
    width: 29%;
    visibility: visible;
    animation-name: fadeInLeftBig;
    left: 177px;
    top: 70px;
    right: 0;
    margin: auto;
}

.SEOA .secAniVecFour{
    width: 29%;
    visibility: visible;
    animation-name: fadeInLeftBig;
    left: 177px;
    top: 70px;
    right: 0;
    margin: auto;
}

.SEOA .secAniVecTwo {
        visibility: visible;
    right: 0;
    animation-name: fadeInRightBig;
    left: auto;
    top: 129px;
}

.SEOA .firstAniVecOne{
        width: 92%;
    top: -236px;
    left: 0;
    right: 0;
    z-index: 0;
    margin: auto;
}

.SEOA .firstAniVecTwo{
           width: 83%;
    bottom: -280px;
    top: auto;
    right: 0;
    left: 0;
    margin: auto;
}

.SEOA .firstAniVecThree{
         margin: auto;
    left: 0;
    right: 0;
    width: 38%;
    bottom: -113px;
    z-index: 0;
}

/*end*/

.CROS .firstAniVecThree{
    width: 100%;
    bottom: -144px;
    top: auto;
}

.CROS .firstAniVecTwo{
    width: 96%;
    left: -4px;
    top: -253px;
}

.CROS .SecoundSecServices{
    display:none;
}

.SEOCS .firstAniVecOne {
        width: 57%;
    top: -251px;
}

.SEOCS .firstAniVecTwo {
        width: 57%;
    top: -327px;
    left: 0;
    z-index: 0;
}

.SEOCS .SecoundSecServices{
    display:none
}

.LSEOS .firstAniVecThree{
    width:100%;
}

.LSEOS .firstAniVecOne{
        left: 0;
    right: 0;
    top: -261px;
    margin:auto;
}

.LSEOS .firstAniVecTwo{
        width: 100%;
    top: -354px;
    left: 0;
    z-index: 0;
}

.LSEOS .SecoundSecServices{
    display:none;
}

.ORMS .SecoundSecServices{
    display:none;
}

.ORMS .firstAniVecThree{
        width: 63%;
    left: 0px;
    right: 0px;
    margin: auto;
    top: 0px;
    bottom: 0px;
}

.ORMS .firstAniVecTwo{
        top: -321px;
    width: 27%;
    left: 0px;
}

/*cw css*/
.CWA .firstAniVecThree{
    position: inherit;
    width: 100%;
}

.CWA .SecoundSecServices{
    display:none;
}

/*app store css*/
.APSA .secAniVecOne{
        left: 33px;
    width: 17%;
    top: -49px;
}

.APSA .SecoundSecServices{
    display:none;
}

.APSA .secAniVecTwo{
        width: 48%;
    left: 139px;
    top: -6px;
    z-index: 0;
}

.APSA .secAniVecThree{
         z-index: 4;
    position: relative;
}

.APSA .firstAniVecOne{
     right: 33px;
    width: 23%;
    bottom: 0;
    top: auto;
    z-index: 3;
}

.APSA .firstAniVecTwo{
    width: 100%;
    position: relative;
    left: 0;
    top: auto;
    right: 0;
    margin: auto;
}

.APSA .firstAniVecThree{
          left: 14px;
    bottom: -4px;
    z-index: 3;
    top: auto;
    width: 39%;
}

/*end*/

/*SMMS */

.SMMS .firstAniVecOne{
    top: 24px;
    bottom: 0px;
    margin: auto;
    width: 34%;
    z-index: 3;
}

.SMMS .firstAniVecThree{
        width: 82%;
    top: 0px;
    bottom: 0px;
    margin: auto;
    left: 0px;
    right: 0px;
}

.SMMS .firstAniVecTwo{
    top: 0px;
    bottom: 0px;
    margin: auto;
    left: 0px;
    width: 20%;
}

.SMMS .SecoundSecServices{
    display:none;
}

/*WCWS*/

.WCWS .firstAniVecOne{
        top: -201px;
    width: 30%;
    z-index: 3;
    right: 0;
}

.WCWS .firstAniVecThree{
            width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.WCWS .firstAniVecTwo{
                top: -146px;
    left: 79px;
    width: 19%;
}

.WCWS .SecoundSecServices{
    display:none;
}

/*GPS*/
.GPS .firstAniVecThree{
        width: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

.GPS .firstAniVecTwo{
        top: 112px;
    left: 0px;
}

.GPS .SecoundSecServices{
    display:none;
}

/*LGS*/

.LGS .firstAniVecOne{
    width: 55%;
    top: -350px;
    right: 0px;
}

.LGS .firstAniVecThree{
    width: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

.LGS .SecoundSecServices{
    display:none;
}

/* IMS */
.IMS .firstAniVecOne {
    width: 15%;
    top: 1px;
    right: 50px;
}

.IMS .firstAniVecThree {
        width: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

.IMS .firstAniVecTwo {
        left: 38px;
    top: 79px;
}

.IMS .SecoundSecServices{
    display:none;
}

.LBSS .firstAniVecOne{
        top: -244px;
    margin: auto;
    bottom: 0px;
    right: 19px;
    z-index: 3;
    width: 33%;
}

.LBSS .firstAniVecThree{
            right: auto;
    left: 0px;
    top: -173px;
    bottom: 0px;
    margin: auto;
    width: 35%;
    z-index: 3;
}

.LBSS .firstAniVecTwo{
                width: 100%;
    margin: auto;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
}

.LBSS .SecoundSecServices{
    display:none;
}

/*CWSCW*/
.CWSCW .firstAniVecThree{
        width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.CWSCW .firstAniVecTwo{
        width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
        z-index: 0;
}

.CWSCW .SecoundSecServices{
    display:none;
}

/*EBWSCW*/

.EBWSCW .firstAniVecThree{
    width:100%;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
}

.EBWSCW .firstAniVecOne{
        z-index: 3;
    top: 88px;
}

.EBWSCW .SecoundSecServices{
    display:none;
}

/*WDCKPHP*/

.WDCKPHP .firstAniVecOne{
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}

.WDCKPHP .firstAniVecThree{
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}

.WDCKPHP .firstAniVecTwo{
        top: -91px;
    left: 162px;
    width: 29%;
}

/*AWSCW*/

.AWSCW .firstAniVecThree{
    margin:auto;
    top:0;
    bottom:0;
    right:0;
    left:0;
    width:100%;
}

.AWSCW .firstAniVecOne{
    z-index:3;
}

.GBLOS .firstAniVecOne{
    z-index: 3;
    top: 127px;
    width: 44%;
    right: 40px;
}

.GBLOS .firstAniVecThree{
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.GBLOS .firstAniVecTwo{
        left: -8px;
    top: 106px;
    width: 26%;
}

.GBLOS .SecoundSecServices{
    display:none;
}

/*
    WDRWDS
*/

.WDRWDS .firstAniVecOne{
        width: 55%;
    bottom: 0;
    z-index: 3;
    top: 74px;
    right: 0;
}

.WDRWDS .firstAniVecThree{
        width: 75%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}


.WDRWDS .firstAniVecTwo{
            width: 45%;
    left: 0;
    top: 30px;
}

/*PTWSCW
*/

.PTWSCW .firstAniVecThree{
        width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.PTWSCW .firstAniVecTwo{
            width: 34%;
    top: -58px;
    left: 25px;
}

.PTWSCW .firstAniVecOne{
                width: 35%;
    z-index: 3;
    top: -70px;
    right: 25px;
}

/*BNS*/
.BNS .firstAniVecOne{
    z-index: 3;
    width: 34%;
    top: 25px;
    right: 10px;
}

.BNS .firstAniVecThree{
        width: 100%;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.BNS .firstAniVecTwo{
    top: 58px;
    width: 33%;
    left: 20px;
}

.BNS .SecoundSecServices{
    display:none;
}

/*WDPHP*/
.WDPHP .firstAniVecOne{
    left: 0;
    top: 100px;
}

.WDPHP .firstAniVecThree{
        width: 59%;
    margin: auto;
    bottom: -81px;
    right: 0;
}

.WDPHP .firstAniVecTwo{
            width: 45%;
    left: 0;
    top: -148px;
}

/*PPCAS*/

.PPCAS .firstAniVecOne{
    top: -83px;
    width: 45%;
    right: 0;
    z-index: 3;
}

.PPCAS .firstAniVecThree{
        width: 132%;
    left: -51px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    margin: auto;
}

.PPCAS .SecoundSecServices{
    display:none;
}

/*WDASP
*/

.WDASP .firstAniVecOne{
        width: 52%;
    top: 0px;
    bottom: 0;
    margin: auto;
    z-index: 3;
}

.WDASP .firstAniVecThree{
        width: 100%;
    margin: auto;
    left: 0;
    right: 0;
    top: -300px;
    bottom: 0;
    filter: brightness(0.5);
}

.WDASP .firstAniVecTwo{
            width: 20%;
    top: 45px;
    left: 73px;
}

/*WDWDC*/

.WDWDC .firstAniVecOne{
        width: 100%;
    top: 100px;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 3;
}

.WDWDC .firstAniVecThree{
            width: 100%;
    margin: auto;
    top: -200px;
    bottom: 0;
    left: 0;
    right: 0;
}


.foo {
  width: 25%;  
  position:absolute;
    right:20px;
        z-index: 2;
    top: -19px;
   /* Setting up animation for better demonstration */
  /*animation: MotionScale 2s alternate linear infinite;*/
}

@keyframes MotionScale {
  from {
    /*
      Identity matrix is used as basis here.
      The matrix below describes the
      following transformations:
        Translates every X point by -50px
        Translates every Y point by -100px
        Translates every Z point by 0
        Scales down by 10%
    */
    transform: matrix3d(
      0.7,0,0,0,
      0,0.7,0,0,
      0,0,0.7,0,
      0,0,0,0.7
    );
    
  }
  50% {
    transform: matrix3d(
      1,0,0,0,
      0,1,0,0,
      0,0,1,0,
      0,0,0,0.9
    );
  }
  to {
     transform: matrix3d(
      1,0,0,0,
      0,1,0,0,
      0,0,1,0,
      0,0,0,0.7
    )
  }
}


.foo-left {
  width: 25%;  
  position:absolute;
    left:50px;
    top:-20px;
        z-index: 2;
   /* Setting up animation for better demonstration */
  /*animation: MotionScaleNew 2s alternate linear infinite; */
}

@keyframes MotionScaleNew {
  from {
    /*
      Identity matrix is used as basis here.
      The matrix below describes the
      following transformations:
        Translates every X point by -50px
        Translates every Y point by -100px
        Translates every Z point by 0
        Scales down by 10%
    */
    transform: matrix3d(
      0.7,0,0,0,
      0,0.7,0,0,
      0,0,0.7,0,
      0,0,0,0.7
    );
    
  }
  50% {
    transform: matrix3d(
      1,0,0,0,
      0,1,0,0,
      0,0,1,0,
      0,0,0,0.9
    );
  }
  to {
     transform: matrix3d(
      1,0,0,0,
      0,1,0,0,
      0,0,1,0,
      0,0,0,0.7
    )
  }
}
.seoBenefits header h2{
    color: #000000;
    font-size: 40px;
    text-transform: capitalize;
    margin: 30px 0 10px 0;
    line-height: 21px;
    position: relative;
    transition: all 0.65s ease 0s;
    -webkit-transition: all 0.65s ease 0s;
    text-align:center;
}

.seoBenefits header h3{
    color: #37265a;
    font-size: 50px;
    margin: 0;
    letter-spacing: 0.9px;
    padding:15px 0;
    text-align:center;
    font-weight: 800;
}

.seoBenefits header p{
    text-align:center;
        margin-top: 15px;
}

.seoBenefits .seoRow .seo-box{
   display: flex;
}

.seoBenefits .seoRow .seo-icon{
   display: inline-table;
    border: 1px solid #ddd;
    border-radius: 100%;
    font-size: 31px;
    margin:0px 10px;
    padding: 16px 23px;
}

.seoBenefits .seoRow .seo-icon:hover{
   background:rgb(251, 202, 14);
   border:1px solid rgb(251, 202, 14);
   color:#ffffff;
}

.seoBenefits .seoRow .seo-content{
    margin-left: 17px;
}

.seoBenefits .seoRow .seo-content h4{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.seoBenefits .seoRow .seo-content p {
    font-size: 15px;
    font-weight: 400;
}

.serviceInnerPage .seo-content{
    margin:0!important;
}

.serviceInnerPage .seo-content h4{
    font-size: 30px!important;
    font-weight: 800!important;
    color: #35245a;
}

.serviceInnerPage .seo-content h4 span{
    font-size: 30px;
    font-weight: 600;
    color: #e6b804;
}

.serviceInnerPage .seoRow p{
    color: #666a80;
    font-weight:500;
}


/* Search High Ranking
--------------------------------*/

.higher-ranking {
    background-color: #1b232c;
    margin:30px 0px 20px 0px;
    padding:40px 30px 72px;
}

.higher-ranking h2{
    color:#fed531;
    font-weight:800;
    text-align:center;
    font-size:43px;
    margin-bottom:10px;
}

.higher-ranking h4{
    color:#ffffff;
    font-weight:600;
    text-align:center;
    font-size:30px;
    margin:0;
}

.higher-ranking .highAction{
    position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
    top: 109px;
}



/* About Us Section
--------------------------------*/

#about {
  background: url("../img/about-bg.jpg") center top no-repeat fixed;
  background-size: cover;
  padding: 60px 0 40px 0;
  position: relative;
}

#about::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.92);
  z-index: 9;
}

#about .container {
  position: relative;
  z-index: 10;
}

#about .about-col {
  background: #fff;
  border-radius: 0 0 4px 4px;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
}

#about .about-col .img {
  position: relative;
}

#about .about-col .img img {
  border-radius: 4px 4px 0 0;
}

#about .about-col .icon {
  width: 64px;
  height: 64px;
  padding-top: 8px;
  text-align: center;
  position: absolute;
  background-color: #342459;
  border-radius: 50%;
  text-align: center;
  border: 4px solid #fff;
  left: calc( 50% - 32px);
  bottom: -30px;
  transition: 0.3s;
}

#about .about-col i {
  font-size: 36px;
  line-height: 1;
  color: #fff;
  transition: 0.3s;
}

#about .about-col:hover .icon {
  background-color: #fff;
}

#about .about-col:hover i {
  color: #342459;
}

#about .about-col h2 {
  color: #000;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  padding: 0;
  margin: 40px 0 12px 0;
}

#about .about-col h2 a {
  color: #000;
}

#about .about-col h2 a:hover {
  color: #342459;
}

#about .about-col p {
  font-size: 14px;
  line-height: 24px;
  color: #333;
  margin-bottom: 0;
  padding: 0 20px 20px 20px;
}

/* Services Section
--------------------------------*/

#services {
  background: #fff;
  background-size: cover;
  padding: 60px 0 40px 0;
}

#services .box {
  margin-bottom: 30px;
}

#services .icon {
  float: left;
}

#services .icon i {
  color: #342459;
  font-size: 36px;
  line-height: 1;
  transition: 0.5s;
}

#services .title {
  margin-left: 60px;
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
}

#services .title a {
  color: #111;
}

#services .box:hover .title a {
  color: #342459;
}

#services .description {
  font-size: 14px;
  margin-left: 60px;
  line-height: 24px;
  margin-bottom: 0;
}

.industryOnWeWork{
    margin:15px;
}

.industryOnWeWork h2{
    font-size: 26px;
    font-weight: 600;
}

.industryOnWeWork h3{
    font-size: 50px;
    font-weight: 700;
    color: #35245a;
}

.industryOnWeWork .industryList{
    width:100%;
    max-width:1500px;
    margin:auto;
}

.industryOnWeWork .industryList .block{
    padding: 30px 5px;
    border: 1px solid #ebebeb;
    border-radius: 0px;
    text-align:center;
    height: 100%;
}

.industryOnWeWork .industryList .block:hover{
    border: 1px dotted #356ad2;
    background:#2877c2;
    box-shadow:0px 0px 5px 5px #dddddd;
}

.industryOnWeWork .industryList .block:hover i{
    background: -webkit-gradient(linear,right bottom,left top,from(#fbca0e),to(#ffff1a));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.industryOnWeWork .industryList .block:hover h5{
    color:#fff;
}

.industryOnWeWork .industryList .block i{
    margin-bottom: 15px;
    font-size: 24px;
    background: -webkit-gradient(linear,right bottom,left top,from(#356ad2),to(#445eea));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.industryOnWeWork .industryList .block h5{
    text-transform: capitalize;
    font-size: 15px;
    font-weight:700;
    letter-spacing: 0;
}


/* Service Page Css */

/* About Sectioin Css */

#OurVision{
    position:relative;
}

.aboutDescription h2{
    font-size: 85px;
    line-height: 80px;
    text-transform: uppercase;
    font-weight: 900;
    color: #dfd9ef;
}

.aboutDescription p{
    color:#1c094e
}

.aboutSkills ul.list-inline{
    display:flex;
}

.aboutSkills .list-inline .list-inline-item{
    width:20%;
    text-align:center;
}

.aboutSkills .list-inline .list-inline-item .box-card p{
    font-size:14px;
    font-weight:600;
    color:#37265a;
    margin-top:20px;
}

.ourVision{
    background-color: #342459;
}

.ourVision .visionTopPoints{
    z-index:1;
    position:relative;
}


.ourVision .innerBox:hover{
    background:rgba(38, 25, 68, 0.7);
    height:100%;
}

.ourVision .innerBox h4{
    font-size: 32px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}

.ourVision .innerBox .tecnOne{
        position: absolute;
    bottom: 0;
    max-width: 300px;
    margin: auto;
        filter: hue-rotate(45deg);
    left: 0;
    z-index:-1;
    right: 0;
}

.ourVision .innerBox .tecnTwo{
        position: absolute;
    right: 0;
    width: 180px;
        filter: hue-rotate(45deg);
        z-index:-1;
    top: 40%;
}

.ourVision .innerBox .tecnThree{
        position: absolute;
    top: -18px;
    width: 100px;
    z-index:-1;
    transform: rotate(180deg);
}

.ourVision .contneImg{
    max-width:420px;
    padding:10px;
}

.ourVision .techniqueImg img{
    width:100%;
}

.ourVision .benefitImg .tecnThree{
    top: 21px;
    width: 400px;
    left: 0;
    right: 0;
    margin: auto;
}

.ourVision .propertiesImg .tecnTwo{
    filter: inherit;
    bottom: 61px;
    top: auto;
    width: 228px;
}

.ourVision .propertiesImg .tecnThree{
    transform: inherit;
    width: 79px;
}

.ourVision .enterprisesImg .tecnOne{
    filter: inherit;
    max-width: 433px;
    z-index: -1;
}

.ourVision .enterprisesImg .tecnThree{
    filter: grayscale(1);
}

.ourVision .commitImg .tecnThree{
    filter:inherit;
    transform:inherit;
    top:0px;
    width:138px;
    left:50px;
}

.ourVision .visinContent{
    text-align: center;
    padding: 103px 102px 209px;
    width: 100%;
}

.ourVision p{
    margin-bottom:0px;
    color:#d8cbf7;
    font-size:17px;
    height:180px;
}

.ourVision .visionTopPoints ul{
    text-align:center;
    font-size:18px;
}

.ourVision .visionTopPoints ul li{
    padding:20px;
}

.ourVision .visionTopPoints ul li i {
    color:#0892bb;
    font-size:25px;
    margin-right:5px
}

.ourVision .visionTopPoints ul li span {
    color:#ffffff;
}

.ourVision .ourVisionTitle{
    margin-top:30px;
}

.ourVision .ourVisionTitle h5{
    margin-top:30px;
    text-align:center;
    color:rgba(251, 202, 14, 0.9);
    text-transform:uppercase;
    letter-spacing:6px;
    font-weight:600;
}

.ourVision .ourVisionTitle h2{
    margin-top:30px;
    text-align:center;
    color:#FFFFFF;
    font-weight:400;
}

.coreValue .coreHeader{
    background:#fbca0e;
}

.coreValue .coreHeader .row{
    align-items:center;
}

.coreValue .coreHeader .heading{
    display: inline;
}

.coreValue .coreHeader .heading h2{
    display: table-caption;
    text-align: left;
    color:#fff;
    font-weight:800;
    text-transform:uppercase;
    margin:0;
    font-size:42px;
}

.coreValue .coreHeader p{
    color:#342459;
    margin:0;
    padding:20px 60px;
    font-size:18px;
    line-height:24px;
    background:#fff;
}

.values ul{
    display:flex;
}

.values ul li{
    width:20%;
    text-align:center;
}

.values .content h4{
    font-size:18px;
    font-weight:700;
    margin-top:20px;
}

.coreValue .leftSec{
    align-items:center;
}

.coreValue .leftSec p{
    font-size:16px;
    color:#342459;
    font-weight:400;
}

.coreValue .leftSec img{
    padding:45px;
}

.coreValue .rightSec{
    align-items:center;
}

.coreValue .rightSec p{
    font-size:16px;
    color:#342459;
    font-weight:400;
}

.coreValue .rightSec img{
    padding:45px;
}

.milestones-section header h2{
    font-weight: 600;
    color: #342459;
}

.milesTonesSections:after{
    content: '';
    background: #eee;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
}

.milestones-section .milesTonesSections .innerCommnSec{
    border: 1px solid #eee;
    padding: 15px;
    text-align: center;
    background:#fff;
    margin-top:85px;
    position: relative;
}

.milestones-section .milesTonesSections .innerCommnSec .icons{
    position: absolute;
    top: -37px;
    left: 0;
    right: 0;
}

.milestones-section .milesTonesSections .innerCommnSec .icons i{
    padding: 30px;
    border: 1px solid #eee;
    border-radius: 100%;
    font-size: 25px;
    background: #fff;
}

.milestones-section .milesTonesSections .innerCommnSec .serviceTitle{
    margin-top:50px
}

.milestones-section .milesTonesSections .innerCommnSec .serviceTitle h4{
    font-size:18px;
    color:#342459;
    font-weight:600;
}

.milestones-section .milesTonesSections .innerCommnSec .serviceTitle p{
    font-size:15px;
}

/*End*/

.servicePageBanner {
    background:#f7f7f7;
}

.servicePageBanner .ServiceBanner{
    display:flex;
    padding:120px 120px 70px 120px;
}

.servicePageBanner .ServiceBanner .serviceBannerContent{
    padding-top:140px;
    padding-left:60px;
}

.TopServices .topServiceBlock{
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 2px #eee;
}

.TopServices .topServiceBlock h4{
    color: #342459;
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
}

.serviceGrowTraffic{
    background:#342459
}

.serviceGrowTraffic h5{
    color:#fff;
    margin-top:40px;
    font-weight:600;
}

.serviceGrowTraffic h2{
    color:#a9a4a4;
    font-weight:800;
}

.serviceGrowTraffic p{
    color:#ffffff;
}

.serviceGrowTraffic hr{
    border-top:1px solid #a9a4a4;
}

.smmServicesSec{
    background:rgba(251, 202, 14, 0.9);
}

.smmServicesSec header h5{
    color: #342459;
    font-weight: 600;
    font-size: 22px;
}

.smmServicesSec header h3{
    color: #fff;
    font-weight: 900;
    font-size: 42px;
}

.smmServicesSec .smmServiceBox{
    background: rgb(251, 207, 38);
    padding: 20px;
    margin-top:20px;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 2px #e2a909;
}

.smmServicesSec .smmServiceBox h4{
    color:#fff;
    text-align:center;
    font-size:20px;
    font-weight:700;
    margin-top:20px
}

.revenueIncrase h5{
    text-align:center;
    font-size:22px;
    font-weight:600;
    color:#342459;
}

.revenueIncrase .revenueRowBox .revenueRowBoxImg img{
    width:70px;
    margin-bottom:20px;
}

.revenueIncrase .revenueRowBox .revenueRowBoxContent h4{
    font-size: 18px;
    font-weight: 600;
    color: #342459;
}

.clientLogosList ul{
    display:flex;
}

.clientLogos .clientLogosList .clientLogoIcons {
    border: 1px solid #eee;
    border-radius: 100%;
    background: #cccbc6;
    padding: 10px;
    margin: 10px;
}

.serviceAbouts .aboutCopy{
    text-align: center;
    color: #37265a;
    font-size: 15px;
    width: auto;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 13px;
}

.serviceAbouts .aboutCopy h2 {
    color: #37265a;
    font-size: 27px;
    width: auto;
    font-weight: 800;
    line-height: 37px;
    margin-bottom: 5px;
}

.serviceAbouts .aboutCopy h3 {
    color: #37265a;
    font-size: 22px;
    width: auto;
    font-weight: 800;
    line-height: 29px;
    margin-bottom: 5px;
    margin-top: 20px;
}

.serviceAbouts .aboutCopy h4, .serviceAbouts .aboutCopy h5 {
    color: #37265a;
    font-size: 18px;
    width: auto;
    font-weight: 800;
    line-height: 29px;
    margin-bottom: 5px;
    margin-top: 20px;
}

.serviceAbouts .highLightPoints h4{
    color: #37265a;
    font-size: 20px;
    line-height: normal;
    width: auto;
    text-align: center;
    font-weight: 800;
    padding: 40px 20px;
}

.contentMainBanner{
    background-image: url(/assets/images/services/content-bg-banner.jpg);
    height: 750px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.contentMainBanner .overflowShade{
    background:rgba(31, 52, 169, 0.96);
    width: 100%;
    height: 100%;
}

.contentMainBanner .carousel-container{
    position:relative;
   z-index: 1;
    max-width: 1254px;
    width: 100%;
    margin: auto;
}

.contentMainBanner .carousel-container .carousel-content hr{
        border: 2px solid #2877c2;
    background: #2877c2;
    text-align: left;
    width: 100%;
    margin: 10px 0px;
    max-width: 118px;
}

.contentWriterTopBanner p{
    max-width:550px;
}

/* seo banner */
.seoBanner .rightImg{
    top:0
}

.seoBanner .rightImg .vec1{
    width:650px!important;
}

.seoBanner .rightImg .vec2{
    top: 136px!important;
    width: 264px!important;
}

.seoBanner .rightImg .vec4{
        width: 200px!important;
        top: -160px!important;
    left: 149px!important;
}

.seoBanner .rightImg .vec5{
        width: 200px!important;
    top: 33px!important;
}

.seoBanner p{
    max-width:550px;
}


/*end */

/* app Store banner */


.appStoreBanner .rightImg .vec1{ 
  z-index: -2!important;
    position: relative!important;
}

.appStoreBanner .rightImg .vec2{
        top: 90px!important;
    width: 234px!important;
}

.appStoreBanner .rightImg .vec4{
        top: 24px!important;
    left: 233px!important;
    width: 187px!important;
}

.appStoreBanner .rightImg .vec5{
      top: 255px!important;
    width: 123px!important;
    z-index: -1!important;
}

.appStoreBanner .rightImg .vec7{
          top: 334px!important;
    width: 107px!important;
    z-index: 1!important;
}


/*end */

/*socialMediaBanner */

.socialMediaBanner .vec1{
    z-index: -2!important;
    position: relative!important;
    top:-50px!important;
}

.socialMediaBanner .vec2{
        top: 23px!important;
    width: 163px!important;
    
    z-index: 1!important;
}

.socialMediaBanner .vec4 {
        top: 37px!important;
    left: 196px!important;
    width: 211px!important;
}

.socialMediaBanner .vec5 {
        top: 284px!important;
    width: 171px!important;
    
    z-index: 0!important;
}

.socialMediaBanner p {
    max-width:550px;
}

/* guestPostBanner */

.guestPostBanner .vec1{
        filter: opacity(0.5);
    position: relative!important;
    top: -50px!important;
    z-index: -2!important;
}

.guestPostBanner .vec2{
        top: 219px!important;
    width: 154px!important;
    z-index: 1!important;
}

.guestPostBanner .vec4{
    top: 24px!important;
    left: 100px!important;
    width: 427px!important;
}

.guestPostBanner .vec5{
        top: 205px!important;
    width: 123px!important;
    
    z-index: 1!important;
    margin-left: 125px;
}

.guestPostBanner p{
    max-width:550px;
}


/* influencerMarketingBanner  */

.influencerMarketingBanner .vec1 {
        z-index: -2!important;
    top: -145px;
    position: relative!important;
}

.influencerMarketingBanner .vec2 {
            top: 204px!important;
    width: 109px!important;
    margin-left: 117px!important;
    z-index: 1!important;
}

.influencerMarketingBanner .vec4 {
        top: 0px!important;
    left: 193px!important;
    width: 313px!important;
}

.influencerMarketingBanner .vec5 {
            z-index: 1!important;
    top: 230px!important;
    width: 123px!important;
    
}

.influencerMarketingBanner p{
    max-width:550px;
}

/*brndNamingService*/

.brndNamingService .vec1{
    z-index: -2!important;
    top: -79px;
    position: relative!important;
}

.brndNamingService .vec2{
    top: -26px!important;
    width: 196px!important;
    z-index: 1!important;
    margin-left: -44px!important;
}

.brndNamingService .vec4{
    top: 0px!important;
    left: 193px!important;
    width: 222px!important;
}

.brndNamingService .vec5{
    z-index: 1!important;
    top: -53px!important;
    width: 235px!important;
    
    margin-left: 67px;
}

.brndNamingService p{
    max-width:550px;
}

/*linkBuildingServices*/
.linkBuildingServices .vec1{
    z-index: -2!important;
    position: relative!important;
    top: -30px!important;
    filter: opacity(0.5);
}

.linkBuildingServices .vec2{
    top: 0px!important;
    width: 204px!important;
    
    z-index: 1!important;
}

.linkBuildingServices .vec4{
    top: 84px!important;
    left: 143px!important;
    width: 338px!important;
}

.linkBuildingServices .vec5{
        top: 0px!important;
    width: 223px!important;
    
    z-index: 1!important;
}

.linkBuildingServices .vec7{
        top: 150px!important;
    width: 207px!important;
    z-index: 1!important;
}

.linkBuildingServices p{
    max-width:550px;
}

/*ppcAdversitingService*/
.ppcAdversitingService .vec1{
    z-index: -2!important;
        position: relative!important;
    top: -50px;
}

.ppcAdversitingService .vec2{
    top: 35px!important;
    width: 404px!important;
    
    z-index: 1!important;
    margin-left: 52px!important;
}

.ppcAdversitingService .vec4{
    top: 47px!important;
    left: 103px!important;
    width: 387px!important;
}

.ppcAdversitingService .vec5{
    top: 233px!important;
    width: 326px!important;
    
    margin-left: -123px!important;
        z-index: -1!important;
}

.ppcAdversitingService p{
    max-width:550px;
}

/*googleListingService*/
.googleListingService .vec1{
        z-index: -2!important;
    top: -75px!important;
    position: relative!important;
}

.googleListingService .vec2{
    top: 44px!important;
    width: 196px!important;
    left: -138px!important;
    z-index: 1!important;
    margin-left: 62px!important;
}

.googleListingService .vec4{
        top: 0px!important;
    left: 153px!important;
    width: 322px!important;
}

.googleListingService .vec5{
        z-index: 1!important;
    top: 71px!important;
    width: 184px!important;
    margin-left: 83px!important;
}

.googleListingService p{
    max-width:550px
}

/*leadGenerationBanner*/

.leadGenerationBanner .vec1{
    filter: opacity(0.5);
        top: -50px;
        z-index: -2!important;
    position: relative!important;
}

.leadGenerationBanner .vec2{
        top: 23px!important;
    width: 434px!important;
    
    z-index: 1!important;
}

.leadGenerationBanner .vec4{
        top: 24px!important;
    left: 233px!important;
    width: 187px!important;
}

.leadGenerationBanner .vec5{
        top: 191px!important;
    width: 123px!important;
    
    z-index: 1!important;
}

.leadGenerationBanner p{
        max-width:550px;
}

/*technicalWirtingSer*/

.technicalWirtingSer .vec1{
    z-index: -2!important;
    position: relative!important;
}

.technicalWirtingSer .vec4{
    top: 24px!important;
    left: 233px!important;
    width: 187px!important;
}

.technicalWirtingSer .vec5{
    top: 100px!important;
    width: 93px!important;
    
    z-index: 0!important;
    margin-left: 64px!important;
}

.technicalWirtingSer p{
    max-width:550px
}

.technicalWirtingSer .rightImg{
    top:-50px!important
}

/* EBook Services */

.eBookBanner .vec1{
        z-index: -2!important;
    position: relative!important;
    margin-top:-150px!important;
}

.eBookBanner .vec4{
    top: 0px!important;
    left: 113px!important;
    width: 287px!important;
}

.eBookBanner .vec5{
    top: 108px!important;
    width: 75px!important;
    z-index: 1!important;
    margin-left: 55px!important;
}

.eBookBanner p{
    max-width:550px!important;
}

/* webContentBanner */

.webContentBanner .vec1{
    filter: opacity(0.4)!important;
    z-index: -2!important;
    position: relative!important;
    margin-top:-150px!important;
}

.webContentBanner .vec2{
    top: -22px!important;
    width: 204px!important;
   
    margin-left: -50px!important;
}

.webContentBanner .vec4{
    top: -10px!important;
    left: 48px!important;
    width: 387px!important;
    z-index: -1!important;
}

.webContentBanner .vec5{
    top: 0px!important;
    width: 123px!important;
    
    z-index: -1!important;
    margin-left: 50px!important;
}

.webContentBanner p{
    max-width:550px!important;
}

/*copyWriteService*/

.copyWriteService .rightImg {
    top: 0!important;
}

.copyWriteService .vec1{
        z-index: -2!important;
    position: relative!important;
    filter: opacity(0.5)!important;
}

.copyWriteService .vec2{
            top: 271px!important;
    width: 134px!important;
    z-index: 1!important;
    
    margin-left: 20px!important;
}

.copyWriteService .vec4{
            top: 144px!important;
    left: 133px!important;
    width: 387px!important;
}

.copyWriteService .vec5{
                top: 255px!important;
    width: 123px!important;
    
    z-index: -1!important;
    margin-left: 140px!important;
}

.copyWriteService p{
    max-width:550px;
}

/*
    wordpressDevBanner
*/

.wordpressDevBanner .vec1{
    z-index: -2!important;
    position: relative!important;
}

.wordpressDevBanner .vec2{
    top: 90px!important;
    width: 234px!important;
    
}

.wordpressDevBanner .vec4{
    top: 124px!important;
    left: 133px!important;
    width: 287px!important;
}

.wordpressDevBanner .vec5{
    top: 55px!important;
    width: 123px!important;
    
    z-index: -1!important;
}

.wordpressDevBanner p{
    max-width:550px;
}

/*eccomDevBanenr*/

.eccomDevBanenr .vec1{
    z-index: -2!important;
    position: relative!important;
     filter: opacity(0.3)!important;
}

.eccomDevBanenr .vec2{
         top: 284px!important;
    width: 212px!important;
    
    filter: sepia(1)!important;
}

.eccomDevBanenr .vec4{
         top: 123px!important;
    left: 133px!important;
    width: 347px!important;
}

.eccomDevBanenr .vec5{
             top: -17px!important;
    width: 323px!important;
    z-index: -1!important;
    margin-left: -169px!important;
    filter: sepia(1);
}

.eccomDevBanenr p{
    max-width:550px;
}

/*onlineReputationService*/
.onlineReputationService .vec1{
            position: relative;
    top: -92px;
}

.onlineReputationService .vec2{
    top: 218px!important;
    width: 221px!important;
    z-index: 1!important;
    margin-left: 70px!important;
}

.onlineReputationService .vec4{
    top: 24px!important;
    left: 233px!important;
    width: 187px!important;
}

.onlineReputationService .vec5{
        top: 177px!important;
}

.onlineReputationService p{
    max-width:550px;
}

.seoConsultantService .vec1{
    width: 664px!important;
    position: relative!important;
    top: -72px!important;
}

.seoConsultantService .vec2{
    top: 49px!important;
    width: 256px!important;
}

.seoConsultantService p{
    max-width:560px;
}

.seoConsultantService .vec4{
        width: 187px!important;
    left: 211px!important;
    z-index: 1!important;
    top: 80px!important;
}

.seoConsultantService .vec5 {
        top: 105px!important;
    width: 161px!important;
    right: auto!important;
}

/*articleWritingSer*/

.articleWritingSer .rightImg {
    top: -50px!important;
}

.articleWritingSer .vec1{
    z-index: -2!important;
    position: relative!important;
}

.articleWritingSer .vec2{
    top: 190px!important;
    width: 134px!important;
    
    z-index: 1!important;
}

.articleWritingSer .vec4{
    top: 154px!important;
    left: 133px!important;
    width: 360px!important;
}

.articleWritingSer .vec5{
    top: 309px!important;
    width: 103px!important;
    
    z-index: 0!important;
    margin-left: 60px!important;
}

.articleWritingSer p{
    max-width:550px
}

/* cake php */
.cakePhpdeveBanner .rightImg{
    top: -50px!important;
}

.cakePhpdeveBanner .vec1{
    filter: opacity(0.3);
    z-index: -2!important;
    position: relative!important;
}

.cakePhpdeveBanner .vec2{
    top: 90px!important;
    width: 80px!important;
    
}

.cakePhpdeveBanner .vec4{
    top: 94px!important;
    left: 133px!important;
    width: 300px!important;
}

.cakePhpdeveBanner .vec5{
    top: 55px!important;
    width: 108px!important;
    
    z-index: -1!important;
}

.cakePhpdeveBanner p{
    max-width:550px;
}

/*phpDevBanner*/


.phpDevBanner .vec1{
    z-index: -2!important;
    position: relative!important;
    filter: contrast(0.5)!important;
}

.phpDevBanner .vec2{
    top: 28px!important;
    width: 550px!important;
    
    filter: invert(1)!important;
}

.phpDevBanner .vec4{
    top: 67px!important;
    left: 182px!important;
    width: 162px!important;
}

.phpDevBanner p{
    max-width:550px;
}


/*aspnet*/
.aspDotNetBanner .rightImg{
    top: -70px!important;
}

.aspDotNetBanner .vec1{
    filter: invert(1)!important;
    z-index: -2!important;
    position: relative!important;
}

.aspDotNetBanner .vec4{
    top: 192px!important;
    left: 133px!important;
    width: 360px!important;
}

.aspDotNetBanner p{
    max-width:550px;
}

/*resonsiveWebBanner*/

.resonsiveWebBanner .vec1{
        z-index: -2!important;
    position: relative!important;
    filter: opacity(0.3)!important;
}

.resonsiveWebBanner .vec2{
        top: 40px!important;
    width: 234px!important;
    
    z-index: 1!important;
}

.resonsiveWebBanner .vec4{
            top: 24px!important;
    left: 233px!important;
    width: 147px!important;
}

.resonsiveWebBanner .vec5{
            top: 0px!important;
    width: 101px!important;
    
    z-index: 1!important;
    margin-left: 43px!important;
}

.resonsiveWebBanner p{
    max-width:550px;
}

.contentMainBanner .carousel-container .rightImg{
    position: relative;
    margin-top:140px;
}

.contentMainBanner .carousel-container .rightImg .vec1{
    width: 600px;
}

.contentMainBanner .carousel-container .rightImg .vec2{
    top: -92px;
    position: absolute;
    left: 0;
    width: 264px;
}

.contentMainBanner .carousel-container .rightImg .vec3{
    position: absolute;
    top: -177px;
    width: 600px;
    left: 66px;
}

.contentMainBanner .carousel-container .rightImg .vec4{
    position: absolute;
    top: -131px;
    left: 310px;
    width: 71px;
}

.contentMainBanner .carousel-container .rightImg .vec5{
    position: absolute;
        top: -59px;
    width: 161px;
    left: 355px;
}

.contentMainBanner .carousel-container .rightImg .vec6{
    position: absolute;
    width: 82px;
    right: -32px;
    top: 18px;
}

.vec2 {
  -webkit-animation-name: vec2; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
  animation-name: vec2;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes vec2 {
  0%   {left:0px;}
  50%  {left:20px;}
  100%  {left:0px;}
}

/* Standard syntax */
@keyframes vec2 {
  0%   {left:0px;}
 50%  {left:20px;}
  100%  {left:0px;}
}

.vec4 {
  -webkit-animation-name: vec4; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
  animation-name: vec4;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes vec4 {
  0% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }

  50% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
  75% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
    100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

@keyframes vec4 {
  0% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }

  50% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
  75% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
    100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

.vec5 {
  -webkit-animation-name: vec5; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
  animation-name: vec5;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes vec5 {
  0%   {left:355px;}
 50%  {left:375px;}
 75%  {left:355px;}
  100%  {left:375px;}
}

/* Standard syntax */
@keyframes vec5 {
   0%   {left:355px;}
 50%  {left:375px;}
 75%  {left:355px;}
  100%  {left:375px;}
}


.vec6 {
  -webkit-animation-name: vec6; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
  animation-name: vec6;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes vec6 {
  0%   {top:18px;}
 50%  {top:38px;}
 75%  {top:18px;}
  100%  {top:38px;}
}

/* Standard syntax */
@keyframes vec6 {
   0%   {top:18px;}
 50%  {top:38px;}
 75%  {top:18px;}
  100%  {top:38px;}
}


.vec3 {
  -webkit-animation-name: vec3; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
  animation-name: vec3;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes vec3 {
  0%   {opacity:1;}
 50%  {opacity:0.3;}
 75%  {opacity:1;}
  100%  {opacity:0.8;}
}

/* Standard syntax */
@keyframes vec3 {
0%   {opacity:1;}
 50%  {opacity:0.3;}
 75%  {opacity:1;}
  100%  {opacity:0.8;}
}

.contentMainBanner .carousel-container h2{
    color:#FFFFFF!important;
    font-size: 48px!important;
    font-weight: 900!important;
    text-transform:uppercase;
}

.contentMainBanner .carousel-container p{
    color:#FFFFFF!important;
    width: 98%!important;
    font-style:italic;
    font-size: 24px!important;
}

.slick-slide img{
    background:#eeeeee;
    border-radius:0%;
    filter:grayscale(1);
    padding:20px;
    max-width:80%;
}

.slick-slide img:hover{
    filter:inherit;
}

.slick-slide .inner {
  margin: 0 20px;
}

/* Call To Action Section
--------------------------------*/

#call-to-action {
  background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../img/call-to-action-bg.jpg) fixed center center;
  background-size: cover;
  padding: 60px 0;
}

#call-to-action h3 {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}

#call-to-action p {
  color: #fff;
}

#call-to-action .cta-btn {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 28px;
  border-radius: 25px;
  transition: 0.5s;
  margin-top: 10px;
  border: 2px solid #fff;
  color: #fff;
}

#call-to-action .cta-btn:hover {
  background: #342459;
  border: 2px solid #342459;
}

.btn-theme{
    text-transform: uppercase;
    font-weight: 900;
    font-size: 18px;
    background: linear-gradient(160deg, rgb(251, 202, 14) 0%, rgb(251, 202, 14) 37%, rgb(255, 255, 26) 53%, rgb(251, 202, 14) 64%, rgb(251, 202, 14) 65%, rgb(251, 202, 14) 66%, rgb(251, 202, 14) 67%, rgb(255, 255, 26) 100%);
    padding: .675rem 2.75rem;
    color: #3a3a3a;
    border-radius: 0px;
    margin: 30px auto;
}

/* Call To Action Section
--------------------------------*/

#skills {
  padding: 60px 0;
}

#skills .progress {
  height: 35px;
  margin-bottom: 10px;
}

#skills .progress .skill {
  font-family: "Open Sans", sans-serif;
  line-height: 35px;
  padding: 0;
  margin: 0 0 0 20px;
  text-transform: uppercase;
}

#skills .progress .skill .val {
  float: right;
  font-style: normal;
  margin: 0 20px 0 0;
}

#skills .progress-bar {
  width: 1px;
  text-align: left;
  transition: .9s;
}

/* Facts Section
--------------------------------*/

#facts .container {
  position: relative;
  z-index: 10;
}

#facts .counters span {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 48px;
  display: block;
  color: #342459;
}

#facts .counters p {
  padding: 0;
  margin: 0 0 20px 0;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  color: #111;
}

#facts .facts-img {
  text-align: center;
  padding-top: 30px;
}

/* Portfolio Section
--------------------------------*/

#portfolio {
  padding: 60px 0;
}

#portfolio #portfolio-flters {
  padding: 0;
  margin: 5px 0 35px 0;
  list-style: none;
  text-align: center;
}

#portfolio #portfolio-flters li {
  cursor: pointer;
  margin: 15px 15px 15px 0;
  display: inline-block;
  padding: 10px 20px;
  font-size: 12px;
  line-height: 20px;
  color: #666666;
  border-radius: 4px;
  text-transform: uppercase;
  background: #fff;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
}

#portfolio #portfolio-flters li:hover,
#portfolio #portfolio-flters li.filter-active {
  background: #342459;
  color: #fff;
}

#portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

#portfolio .portfolio-wrap {
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
}

#portfolio .portfolio-wrap:hover {
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);
}

#portfolio .portfolio-item {
  position: relative;
  height: 360px;
  overflow: hidden;
}

#portfolio .portfolio-item figure {
  background: #000;
  overflow: hidden;
  height: 240px;
  position: relative;
  border-radius: 4px 4px 0 0;
  margin: 0;
}

#portfolio .portfolio-item figure:hover img {
  opacity: 0.4;
  transition: 0.3s;
}

#portfolio .portfolio-item figure .link-preview,
#portfolio .portfolio-item figure .link-details {
  position: absolute;
  display: inline-block;
  opacity: 0;
  line-height: 1;
  text-align: center;
  width: 36px;
  height: 36px;
  background: #fff;
  border-radius: 50%;
  transition: 0.2s linear;
}

#portfolio .portfolio-item figure .link-preview i,
#portfolio .portfolio-item figure .link-details i {
  padding-top: 6px;
  font-size: 22px;
  color: #333;
}

#portfolio .portfolio-item figure .link-preview:hover,
#portfolio .portfolio-item figure .link-details:hover {
  background: #342459;
}

#portfolio .portfolio-item figure .link-preview:hover i,
#portfolio .portfolio-item figure .link-details:hover i {
  color: #fff;
}

#portfolio .portfolio-item figure .link-preview {
  left: calc(50% - 38px);
  top: calc(50% - 18px);
}

#portfolio .portfolio-item figure .link-details {
  right: calc(50% - 38px);
  top: calc(50% - 18px);
}

#portfolio .portfolio-item figure:hover .link-preview {
  opacity: 1;
  left: calc(50% - 44px);
}

#portfolio .portfolio-item figure:hover .link-details {
  opacity: 1;
  right: calc(50% - 44px);
}

#portfolio .portfolio-item .portfolio-info {
  background: #fff;
  text-align: center;
  padding: 30px;
  height: 90px;
  border-radius: 0 0 3px 3px;
}

#portfolio .portfolio-item .portfolio-info h4 {
  font-size: 18px;
  line-height: 1px;
  font-weight: 700;
  margin-bottom: 18px;
  padding-bottom: 0;
}

#portfolio .portfolio-item .portfolio-info h4 a {
  color: #333;
}

#portfolio .portfolio-item .portfolio-info h4 a:hover {
  color: #342459;
}

#portfolio .portfolio-item .portfolio-info p {
  padding: 0;
  margin: 0;
  color: #b8b8b8;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}

/* Clients Section
--------------------------------*/

#clients {
  padding: 60px 0;
}

#clients img {
  max-width: 100%;
  opacity: 0.5;
  transition: 0.3s;
  padding: 15px 0;
}

#clients img:hover {
  opacity: 1;
}

#clients .owl-nav,
#clients .owl-dots {
  margin-top: 5px;
  text-align: center;
}

#clients .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd;
}

#clients .owl-dot.active {
  background-color: #342459;
}

/* Get a quote Sec */

.get-a-quote{
    background-image: url(/assets/images/services/content-bg-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.get-a-quote .title{
    background: rgba(31, 52, 169, 0.96);
    padding: 180px 25% 50px;
    font-size: 22px;
    color: #afb9f1;
    font-weight: 500;
    text-align: center;
}

.get-a-quote .title h1{
    color: #fed531;
    font-size: 50px;
    line-height: normal;
    text-align: center;
    font-weight: 600;
    margin-bottom: 30px;
}

.get-a-quote .quickContentDetail{
    display: flex;
    padding:35px 20px;
    background: #17267d;
}

.get-a-quote .quickContentDetail .commBox{
    text-align:center;
    width:33.333%;
}

.get-a-quote .quickContentDetail .commBox i{
    font-size: 54px;
    color: #fff;
    margin-bottom: 20px;
}

.get-a-quote .quickContentDetail .commBox:hover i{
    font-size: 54px;
    color: #00a1ff;
    margin-bottom: 20px;
}

.get-a-quote .quickContentDetail .commBox span{
    margin-bottom: 0px;
    color: #ffffff!important;
    font-weight: 400;
    line-height: 30px;
    font-size: 21px;
}

.get-a-quote .quickContentDetail .commBox a, .get-a-quote .quickContentDetail .commBox p{
    margin-bottom: 0px;
    color: #00a1ff!important;
    font-weight: 500;
    line-height: 35px;
    font-size: 18px;
}

.get-a-quote .quickQuoteInner .quickQuoteForm{
    padding: 45px 60px;
    background:rgba(255,255,255,0.97);
}

.get-a-quote .quickQuoteInner .quickQuoteForm .checkBoxSelect table{
     width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    display: table;
    background-color:transparent;
    border:0;
}

.get-a-quote .quickQuoteInner .quickQuoteForm .checkBoxSelect table tr {
    width:33.333%;
    float:left;
}

.get-a-quote .quickQuoteInner .quickQuoteForm .checkBoxSelect table tr td{
    display:flex;
    margin:10px 0;
}

.get-a-quote .quickQuoteInner .quickQuoteForm h5{
    color: #37265a;
    font-size: 22px;
    font-weight: 800;
}

.get-a-quote  input:focus{
    border-bottom:1px solid #0000FF!important;
}

.get-a-quote .quickQuoteInner .quickQuoteForm .checkBoxSelect table tr td input{
    width: 39px;
    height: 20px;
    padding: 0;
    margin: 0px 0px;
}



.get-a-quote .quickQuoteInner .quickQuoteForm .form-group{
    display: grid;
    width: 100%;
}

.get-a-quote .quickQuoteInner .quickQuoteForm .form-group label{
    display: block;
    color: #666666;
    font-weight: 500;
    font-size: 13px;
}

.get-a-quote .quickQuoteInner .quickQuoteForm .form-group input, .get-a-quote .quickQuoteInner .quickQuoteForm .form-group select{
        height: 52px;
    border-radius: 7px;
    padding: .375rem 1rem;
    background: transparent;
    box-shadow: none;
    font-size: 18px;
        border: 1px solid #99a0a7!important;
    font-weight: 500;
}

.capcha_input{
        max-width: 140px;
    height: 40px!important;
}

.get-a-quote .btn-theme{
    padding: .675rem 2.75rem!important;
    height: auto!important;
    background: linear-gradient(160deg, rgb(251, 202, 14) 0%, rgb(251, 202, 14) 37%, rgb(255, 255, 26) 53%, rgb(251, 202, 14) 64%, rgb(251, 202, 14) 65%, rgb(251, 202, 14) 66%, rgb(251, 202, 14) 67%, rgb(255, 255, 26) 100%)!important;
}

.fileUploadSec input{
    position: absolute;
    width: 100%;
    height: 55px!important;
    margin: 0px 13px;
    opacity:0;
}

.fileAttachedSec{
    display: flex;
    align-items: center;
    width: 100%;
}

.fileAttachedSec .fa-plus{
    padding: 16px;
    border: 1px solid #ddd;
    margin: 0px 13px;
    background: #ddd;
}


.fileAttachedSec p{
    margin-bottom:0px;
    font-weight:700;
}

.fileAttachedSec span{
    margin-bottom:0px;
    font-size:12px;
}


/* Testimonials Section
--------------------------------*/

#testimonials {
  padding: 60px 0;
}

#testimonials .section-header {
  margin-bottom: 40px;
}

#testimonials .testimonial-item {
  text-align: center;
}

#testimonials .testimonial-item .testimonial-img {
  width: 120px;
  border-radius: 50%;
  border: 4px solid #fff;
  margin: 0 auto;
}

#testimonials .testimonial-item h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #111;
}

#testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #999;
  margin: 0 0 15px 0;
}

#testimonials .testimonial-item .quote-sign-left {
  margin-top: -15px;
  padding-right: 10px;
  display: inline-block;
  width: 37px;
}

#testimonials .testimonial-item .quote-sign-right {
  margin-bottom: -15px;
  padding-left: 10px;
  display: inline-block;
  max-width: 100%;
  width: 37px;
}

#testimonials .testimonial-item p {
  font-style: italic;
  margin: 0 auto 15px auto;
}

#testimonials .owl-nav,
#testimonials .owl-dots {
  margin-top: 5px;
  text-align: center;
}

#testimonials .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd;
}

#testimonials .owl-dot.active {
  background-color: #342459;
}

/* Team Section
--------------------------------*/

#team {
  background: #fff;
  padding: 60px 0;
}

#team .member {
  text-align: center;
  margin-bottom: 20px;
  background: #000;
  position: relative;
}

#team .member .member-info {
  opacity: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  transition: 0.2s;
}

#team .member .member-info-content {
  margin-top: -50px;
  transition: margin 0.2s;
}

#team .member:hover .member-info {
  background: rgba(0, 0, 0, 0.7);
  opacity: 1;
  transition: 0.4s;
}

#team .member:hover .member-info-content {
  margin-top: 0;
  transition: margin 0.4s;
}

#team .member h4 {
  font-weight: 700;
  margin-bottom: 2px;
  font-size: 18px;
  color: #fff;
}

#team .member span {
  font-style: italic;
  display: block;
  font-size: 13px;
  color: #fff;
}

#team .member .social {
  margin-top: 15px;
}

#team .member .social a {
  transition: none;
  color: #fff;
}

#team .member .social a:hover {
  color: #342459;
}

#team .member .social i {
  font-size: 18px;
  margin: 0 2px;
}

/* Contact Section
--------------------------------*/

#contact {
  padding: 60px 0 0px;
  background:#35245a;
}

#contact .contact-info {
  margin-bottom: 20px;
  text-align: center;
}

#contact .contact-info i {
  font-size: 48px;
  display: inline-block;
  margin-bottom: 10px;
  color: #342459;
}

#contact .contact-info address,
#contact .contact-info p {
  margin-bottom: 0;
  color: #000;
}

#contact .contact-info h3 {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: bold;
  text-transform: uppercase;
  color: #999;
}

#contact .contact-info a {
  color: #000;
}

#contact .contact-info a:hover {
  color: #342459;
}

#contact .contact-address,
#contact .contact-phone,
#contact .contact-email {
  margin-bottom: 20px;
}

#contact .form #sendmessage {
  color: #342459;
  border: 1px solid #342459;
  display: none;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

#contact .form #errormessage {
  color: red;
  display: none;
  border: 1px solid red;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

#contact .form #sendmessage.show,
#contact .form #errormessage.show,
#contact .form .show {
  display: block;
}

#contact .contactHeaderSec h3{
    color:#fff;
    font-size:21px;
    font-weight:700;
}

#contact .discover_business_grow{
    color: #fbca0e;
}

#contact .discover_business_grow span{
    font-size:30px!important;
}

#contact .discover_business_grow span.fw-bold{
    font-weight:600!important;
}

#contact .contactButtonAction{
    float: right;
    padding: 7px 37px!important;
    margin: 0 0px;
    border:0px;
    color: #35245a!important;
    letter-spacing: 1px;
    font-size: 15px!important;
    font-weight: 500!important;
    background: rgb(251, 202, 14)!important;
}

#contact .form .validation {
  color: red;
  display: none;
  margin: 0 0 20px;
  font-weight: 400;
  font-size: 13px;
}

#contact label{
    color:#ffffff;
}

#contact .emailIdAddress{
    display: flex;
    background: #2f1e54;
    border-radius: 5px;
    margin: 20px 0px 20px;
}

.form.contactFormSec {
        position: absolute;
    max-width: 78%;
    right: 0;
    bottom: 0;
    background: #f9cd21;
    padding: 32px 12px;
    clear: both;
    border-radius: 33px 33px 0px 0px;
}

#contact .emailIdAddress .IconImg{
    background: #28184a;
    display: flex;
    align-items: center;
    border-right: 3px solid #4e3488;
}

#contact .emailIdAddress .IconImg i{
    font-size: 18px;
    color: #fff;
    padding: 0px 18px;
}

#contact .idad{
    margin:10px 12px;
}

#contact .idad h5{
    text-transform: uppercase;
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    word-spacing: 6px;
    color: #6d5a96;
}

#contact .idad a{
    font-size: 16px;   
    color: #FFFFFF;
    font-weight:600;
}

#contact .skypeIdAddress{
    display: flex;
    background: #2f1e54;
    border-radius: 5px;
    margin-bottom:30px;
}

#contact .skypeIdAddress .IconImg{
    background: #28184a;
    display: flex;
    align-items: center;
    border-right: 3px solid #4e3488;
}

#contact .skypeIdAddress .IconImg i{
    font-size: 20px;
    color: #fff;
    padding: 0px 20px;
}

#contact .form label{
    font-size:12px;
    margin-bottom:2px;
}

#contact .form span{
    font-size:10px;
    
}

#contact .form input,
#contact .form textarea {
  padding: 5px 15px;
  border-radius: 0;
  box-shadow: none;
  font-size: 13px;
  font-weight:300;
  background: transparent;
  border-color:rgba(255,255,255,0.4);
  color:#fff;
}

#contact .form select{
        height: 48px!important;
    border-radius: 0px!important;
    color:#ffffff;
    background: transparent!important;
    border-color:rgba(255,255,255,0.4)
}

#contact .form select option{
    color:#342459
}

#contact .form input:focus, #contact .form textarea:focus, #contact .form select:focus  {
    background: transparent!important;
}

#contact .form button[type="submit"] {
  background: #342459;
  border: 0;
  padding: 10px 30px;
  color: #fff;
  transition: 0.4s;
  cursor: pointer;
}

#contact .form button[type="submit"]:hover {
  background: #13a456;
}


/*--------------------------------------------------------------
# Packages
--------------------------------------------------------------*/
.packagesList{
    padding-top:150px;
    padding-bottom:50px;
}

section.packagesList:after {
    background: #7543e2;
    width: 100%;
    height: 370px;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    z-index: -1;
}

.packageBlock .packageTopTitles .packageTopTitleInner, .packageBlock .packageColumn .rowOne, .packageBlock .packageColumn .innerRowOne{
    display:flex;
    align-items:center;
    text-align:center;
}

.packageBlock .packageColumn .rowOne .colmnWlg{
    border-left: 0px solid #eee;
    border-top: 0px solid #eee;
}

.packageBlock .packageColumn .rowOne .colmnWlg p{
    margin-left: 23px;
}

.card-body .colmnWlg span{
    color: #08bf08;
    font-weight: 900;
}

.packageBlock .packageColumn .rowOne{
    background: #482398;
    color: #fff;
    border-bottom: 1px solid #fff;
}

.packageTopTitleInner{
    background:#eee;
}

.packageBlock{
    background:#fff;
    border:1px solid #eee;
}

.packageBlock .firstColumnWLg{
    width:35%!important;
    text-align:left;
    position:relative;
    padding:0;
}

.packageBlock .colmnWlg{
    width:20%;
    padding:15px;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    border-bottom:0px;
}

.packageBlock p{
    margin:0px;
}

.accordion .packageColumn .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f068";
    float: right; 
    position: absolute;
    top: 16px;
    left: 14px;
}
.accordion .packageColumn .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
}

.accordion .packageColumn .card-body{
    padding:0px;
}

.packageTopTitles .standardPack .stn h4{
    text-transform:uppercase;
    color:#7543e2;
    font-weight:700;
    margin-bottom:5px;
}

.packageTopTitles .premiumPack .pre h4{
    text-transform:uppercase;
    color:#35245a;
    font-weight:700;
    margin-bottom:5px;
}

.packageTopTitles .premiumPack .pre h4{
    text-transform:uppercase;
    color:#482398;
    font-weight:700;
    margin-bottom:5px;
}

.packageTopTitles .businessPack .bus h4{
    text-transform:uppercase;
    color:#fbca0e;
    font-weight:700;
    margin-bottom:5px;
}

.packageTopTitles .platinumPack .pla h4{
    text-transform:uppercase;
    color:#739ce6;
    font-weight:700;
    margin-bottom:5px;
}

.packageTopTitles .standardPack .stnInner{
    background: #35245a;
    color: #fff;
    margin-bottom: 10px;
    padding: 9px 0px;
    font-size:16px;
    text-transform:uppercase;
    font-weight:700;
}

.packageTopTitles .premiumPack .preInner{
    background: #482398;
    color: #fff;
    margin-bottom: 10px;
    padding: 9px 0px;
    font-size:16px;
    text-transform:uppercase;
    font-weight:700;
}

.packageTopTitles .businessPack .busInner{
    background: #fbca0e;
    color: #fff;
    margin-bottom: 10px;
    padding: 9px 0px;
    font-size:16px;
    text-transform:uppercase;
    font-weight:700;
}

.packageTopTitles .platinumPack .plaInner{
    background: #739ce6;
    color: #fff;
    margin-bottom: 10px;
    padding: 9px 0px;
    font-size:16px;
    text-transform:uppercase;
    font-weight:700;
}

.packageTopTitles .standardPack .enqActBtn a{
    font-style:italic;
    text-decoration:underline;
    font-size:14px;
    color:#7543e2;
    font-weight:700;
}

.packageTopTitles .premiumPack .enqActBtn a{
    font-style:italic;
    text-decoration:underline;
    font-size:14px;
    color:#7543e2;
    font-weight:700;
}

.packageTopTitles .businessPack .enqActBtn a{
    font-style:italic;
    text-decoration:underline;
    font-size:14px;
    color:#7543e2;
    font-weight:700;
}

.packageTopTitles .platinumPack .enqActBtn a{
    font-style:italic;
    text-decoration:underline;
    font-size:14px;
    color:#7543e2;
    font-weight:700;
}

.mainColumnOne.colmnWlg.card-header.firstColumnWLg{
    background: #482398;
    border-radius: 0px;
    color: #fff;
    font-weight:600;
}

.packageTopTitleInner .leftServiceList p{
    font-weight: 700;
    font-size: 22px;
    display: table-cell;
    line-height: 26px;
    padding-bottom: 10px;
}

.packageTopTitleInner .leftServiceList span{
    font-size: 16px;
    margin-left: 74px;
    display: block;
}

.customPlanApply {
    background-image: url('../images/custom-price-quote.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    padding: 40px;
}

.customPlanApply .customBlock{
    background: #fff;
    padding: 20px;
    text-align: center;
    border-radius: 4px;
}

.customPlanApply .customBlock h4{
    font-weight: 700;
    color: #4f15d0;
}

.customPlanApply .customBlock p{
    margin: 0px 30px;
    color: #666666;
}

.customPlanApply .customBlock hr{
    border: 2px solid #2877c2;
    background: #2877c2;
    text-align: center;
    width: 100%;
    margin: 10px auto 20px;
    max-width: 118px;
}

/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/

.blogListingPage{
    background:#f7f7f7;
}

.blogBanner{
    background:rgb(251, 202, 14);
    padding: 130px 0px 0px;
    margin-bottom:50px;
}

.blogBanner .titles{
    padding:20px 0px 30px;
}

.blogBanner .titles h1{
    color:#ffffff;
    font-size:65px;
    font-weight:700;
    letter-spacing:0px;
}

.blogBanner .titles h2{
    color:#ffffff;
    font-size:45px;
    font-weight:700;
    letter-spacing:0px;
}

.blogBanner .titles p{
    color:#ffffff;
    font-weight:23px;
    line-height:30px;
    font-weight:300;
}

.blogBanner img{
    width:100%;
}

.blogPage .sideBar .card {
    border-radius:0px;
}

.blogPage a.imgAnch{
    position:relative;
    height:270px;
    overflow:hidden;
}

.blogPage img.w-100 {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    overflow:hidden;
}

.blogPage .sideBar h5{
    background: #283cac;
    color: #fff;
    font-weight: 500;
    border-radius:0px
}

.blogSinglePostPage .blogSearchBar input{
    border-radius: 0px;
    height: 55px;
}

.blogSearchBar .card-body{
    padding:0px!important;
}

.blogSearchBar .form-group{
    position:relative;
    margin-bottom:0px;
}

.blogSinglePostPage .blogSearchBar button.btn-primary{
    border-radius: 0px;
    padding: 0.9rem 1rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    position:absolute;
    top:0;
    background:#283cac;
    right:0;
}

.blogSinglePostPage .blogSubScribeForm input{
    border-radius: 0px;
    height: 45px;
}

.blogSinglePostPage .blogSubScribeForm label{
    font-size:12px;
    font-weight:600;
    margin:0px;
}

.blogSinglePostPage .blogSubScribeForm span{
    font-size:10px;
    color:#f00;
    font-weight:600;
}

.blogSinglePostPage .blogSubScribeForm .form-group{
    margin-bottom:0px;
}

.blogSinglePostPage .blogSubScribeForm .btn-theme{
    border-radius: 0px;
    height:auto!important;
    padding: 0.775rem 1.95rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    margin-top:5px;
    margin-bottom:0px;
}

.blogPage .card{
    transition: all 0.3s ease-in-out;
    border-radius:0px;
}

.blogPage .card:hover{
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.3);
    transform: translateY(-5px);
}

.blogPage .card h2 a{
    color:#283cac;
    text-transform:uppercase;
    font-size: 24px;
    line-height: 30px;
    margin-top: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 63px;
    font-weight:700;
    margin-bottom: 15px;
}

.blogPage .card h2 a:hover{
    color:#192980;
}

.blogPage .card p{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 85px;
}

.blogPage .card .postFeature span{
    font-size:12px;
}

/*blog single page*/
.blogSinglePostPage{
    background:#f7f7f7;
}

.blogMainBanner{
    background: #fbca0e;
}

.blogMainBanner h1{
    color: #ffffff;
    font-size: 35px;
    font-weight: 700;
    text-transform:uppercase;
    letter-spacing: 2px;
}

.blogSinglePostPage .sideBar .card {
        border-radius: 10px;
    border: 1px solid rgb(239, 239, 239);
}

.blogSinglePostPage .sideBar h5{
        border-bottom: 1px solid #bec4e2;
    color: #FFFFFF;
    margin: 0;
    font-weight: 500;
    border-radius: 0px;
    background: #283cac;
    padding: 13px 19px;
}

.blogSinglePostPage .card h2{
    font-size:23px;
    font-weight:600;
    color:#283cac;
}

.blogSinglePostPage .card p{
    margin-bottom:0px;
}

.blogSinglePostPage .card .postFeature span{
    font-size:12px;
}

.blogSinglePostPage .sideBar a{
    color:#666666;
}

.blogSinglePostPage .cateSideSec ul{
    line-height:35px;
}

.blogSinglePostPage .blog-sidebar-tags ul{
    display:inline-flex;
}

.blogSinglePostPage .blog-sidebar-tags ul li{
    margin-right:10px;
}

.blogSinglePostPage .blog-sidebar-tags ul li kbd{
    background:#aeaeae;
}

.blogSinglePostPage .blog-sidebar-tags ul li kbd:hover{
    background:#284baf;
}

.blogSinglePostPage .blogDetailsLeftSec{
    background:#fff;
}

.blogSinglePostPage .blogDetailsLeftSec .singlePostinner{
    padding:0px 20px 20px;
}

.blogSinglePostPage .popularPostSidebar ul li{
    display:inline-flex;
    margin-bottom:10px;
}

.blogSinglePostPage .popularPostSidebar ul li a{
    font-size:14px;
}

.blogSinglePostPage .popularPostSidebar ul li span.fa{
    padding-right:15px;
    margin-top: 3px;
    font-size: 14px;
}

/* end */

/*--------------------------------------------------------------
# Packages popup Form
--------------------------------------------------------------*/

#packageEnquiryForm .modal-lg{
    max-width: 500px;
}

#packageEnquiryForm .errorMsg {
    font-size: 10px;
    color: #00f3ff!important;
}

#packageEnquiryForm .modal-content{
    border: 0;
    box-shadow: none;
}

#packageEnquiryForm .modal-body{
    background: #0e386b;
    border-radius: 13px;
    box-shadow: none;
    position: relative;
    z-index: 1;
}

#packageEnquiryForm .modal-body .topimg{
    position: relative;
    width:100%;
}

  #packageEnquiryForm .modal-body .topimg img.maninV{
    width: 100%;
    max-width: 300px;
    margin: auto;
    position: relative;
    z-index: 1;
  }

  #packageEnquiryForm .modal-body .topimg img.img1{
    width: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    bottom: 0;
    filter: brightness(0.5);
    right: 0;
  }

#packageEnquiryForm .packageName{
    display: flex;
    margin-bottom:0;
}

  #packageEnquiryForm .modal-body .img2{
    width: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    bottom: 0;
    right: 0;
  }

  #packageEnquiryForm .modal-body .img22{
    width: 100%;
    margin: auto;
    position: absolute;
    left: 0;
    z-index: -1;
    bottom: 0;
    right: 0;
  }

#packageEnquiryForm .packageName span{
    margin: 0;
    width:100%;
    color:#fff;
}

#packageEnquiryForm .packageName input{
    padding: 0;
    border: 0px!important;
    background: transparent;
    font-weight: bold;
    width: 100%!important;
    height: 25px!important;
    margin-left: 4px;
    color: #fde815!important;
}

#packageEnquiryForm .close{
    position: absolute;
    top: 3px;
    right: 7px;
    color: #ffffff;
    z-index: 99;
    opacity: 1;
    font-size: 30px;
}

#packageEnquiryForm .form-group{
    margin-bottom:0;
}

#packageEnquiryForm .packagesFormOuter{
    padding: 10px 25px;
}

#packageEnquiryForm .headerTitile h4{
    color: yellow;
    font-weight: 700;
    font-size: 24px;
    padding: 20px 25px 0px;
    margin-bottom:4px;
    margin-top:20px;
}

#packageEnquiryForm .headerTitile p{
    color: #fff;
    font-size: 18px;
    padding: 0px 25px;
    margin-bottom:10px;
}

#packageEnquiryForm .packagesFormOuter label{
    color: yellow;
    font-size: 12px;
    font-weight: 600;
}

#packageEnquiryForm .packagesFormOuter input{
    color: #fff;
    font-size: 14px;
    border-radius: 0px;
    height: 45px;
    border-width: 2px;
    background: transparent;
    border-color: rgba(255,255,255,0.4);
    margin-bottom: 0px;
}

#packageEnquiryForm .packagesFormOuter textarea{
     color: #fff;
    font-size: 14px;
    border-radius: 0px;
    border-width: 2px;
    background: transparent;
    border-color: rgba(255,255,255,0.4);
    margin-bottom: 0px;
}



/*--------------------------------------------------------------
# Privacy Policy
--------------------------------------------------------------*/

.privacy-policy .policyPoints{
    background: #eee;
    padding: 9px 14px 9px;
    margin-bottom: 40px;
}

.privacy-policy h3{
    font-weight: 600;
    font-size: 22px;
}

.privacy-policy .policyPoints ul{
    padding-left: 1em;
    margin-bottom: 0px;
}

.privacy-policy ul.list-unstyled a{
    color:#35245a;
    font-weight:600;
}

/*--------------------------------------------------------------
# terms-conditions
--------------------------------------------------------------*/

.terms-conditions h3{
    font-weight: 600;
    font-size: 22px;
}

.terms-conditions ul.list-unstyled a{
    color:#35245a;
    font-weight:600;
}

/* analysisWebBanner */

.analysisWebBanner .carousel-content{
        position: relative!important;
    left: 0!important;
    top: 0px!important;
    width: 100%!important;
    align-items: center;
}

.analysisWebBanner #anaylsisForm{
    padding: 20px 60px;
}

.analysisWebBanner .form-group{
    margin-bottom:0px;
}

.analysisWebBanner .form-group label{
    color: yellow;
    font-size: 12px;
    font-weight: 600;
    margin-bottom:0px;
}

.analysisWebBanner .form-group input{
    color: #ffffff;
    font-size: 14px;
    border-radius: 0px;
    height: 50px;
    background: transparent;
    margin-bottom: 0px;
    border: 1px solid #eeeeee;
}

.analysisWebBanner .form-group span{
    font-size: 10px;
    color: #85ff89!important;
    display: grid;
    padding: 0px 0px;
    font-weight: 600;
}

.analysisWebBanner .form-group .btn-theme{
    color: #000000!important;
    letter-spacing: 1px;
    border: 0px;
    background: linear-gradient(160deg, rgb(251, 202, 14) 0%, rgb(251, 202, 14) 37%, rgb(255, 255, 26) 53%, rgb(251, 202, 14) 64%, rgb(251, 202, 14) 65%, rgb(251, 202, 14) 66%, rgb(251, 202, 14) 67%, rgb(255, 255, 26) 100%)!important;
    font-weight: 600;
    width:100%;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 15px;
}

.analysisBannerBottomSec{
    position: relative;
    bottom: 0;
    width: 100%;
    background: #122380;
    z-index: 1;
}

.analysisBannerBottomSec p{
    text-align: center;
    margin:auto!important;
    padding: 10px;
    width: 80%!important;
    color: #fff!important;
    font-size: 12px!important;
}

.analysisPageBlog{
    background:#f7f7f7;
}

/*404*/

.errorOuter {
    background:rgba(31, 52, 169, 0.96);
    padding:150px 0px 100px;
}

.errorOuter .errorMsg h1{
    color:#ffffff;
    text-align:center;
    font-size:120px;
    font-weight:600;
}

.errorOuter .errorMsg h2{
    color:#ffffff;
    text-align:center;
    font-size:40px;
    margin-top:60px;
    font-weight:600;
}

/*--------------------------------------------------------------
# hiring page section
--------------------------------------------------------------*/

.hiring-process .hiringOuter{
    display: flex;
    width: 100%;
    position:relative;
}


.block.pTwo, .block.pThree, .block.pFour{
    position:relative
}


.hiring-process .hiringOuter .block{
    width: 25%;
    margin: 0px 20px;
}

.hiring-process .hiringOuter .block .processIcon{
   text-align:center;
}

.hiring-process .hiringOuter .block img{
   width: 100%;
   margin:auto;
   max-width:80%;
}

.hiring-process .hiringOuter .block .processTitle{
    text-align: center;
    margin-top: 26px;
}

.hiring-process .hiringOuter .block .processTitle h4{
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 800;
    color: #342459;
}

.featureAboutCompany{
    background:#ff9415;
    padding:16px 0px;
}

.featureAboutCompany .mainBlock{
    display: flex;
    margin:0px 15px;    
    width: 100%;
    align-items: center;
}

.featureAboutCompany .mainBlock .innerBlock{
    display: flex;
    width: 30%;
    margin-right: 15px;
    align-items: center;
}

.featureAboutCompany .mainBlock .innerBlock .ficon img{
    max-width: 68px;
    margin-right:10px;
}

.featureAboutCompany .mainBlock .innerBlock .fcontent{
     line-height: 13px;
}

.featureAboutCompany .mainBlock .innerBlock .fcontent p{
    margin:0;
    color:#000000;
}

.featureAboutCompany .mainBlock .innerBlock .fcontent h3{
    margin:0;
    color:#000000;
    font-weight:700;
    font-size:22px;
}

.innerBlock.fone, .innerBlock.ftwo{
    position:relative;
}

.innerBlock.fone:after{
    content: '';
    background: #000;
    height: 100%;
    width: 1px;
    position: absolute;
    right: 32px;
}

.innerBlock.ftwo:after {
    content: '';
    background: #000;
    height: 100%;
    width: 1px;
    position: absolute;
    right: 25px;
}

.benefitsOfHiring{
    background:#eeeeee;
}

.benefitsOfHiring header h3{
        text-align: center;
    font-weight: 800;
    margin-bottom: 35px;
    font-size: 33px;
    color: #342459;
    text-transform: uppercase;
}

.benefitsOfHiring .benefits-box{
        box-shadow: 0 10px 50px rgba(4,75,194,0.1);
    border: 1px solid rgba(88,136,247,0.1);
    background: #fff;
    padding: 20px;
    margin-bottom: 30px;
}

.benefitsOfHiring .benefits-icon{
    text-align:center;
    margin-bottom:10px;
}

.benefitsOfHiring .benefits-icon img{
    max-width:100px;
}

.benefitsOfHiring .benefits-content{
    margin-bottom:15px;
    text-align:center;
}

.benefitsOfHiring .benefits-content h4{
    font-weight:600;
    text-transform:uppercase;
    margin-bottom:0px;
    color:#37265a;
}

.benefitsOfHiring .benefits-content h6{
    font-weight:400;
    text-transform:uppercase;
    font-size:14px;
}

.benefitsOfHiring .benefits-content p{
    font-weight:400;
    color:#37265a;
    height:136px;
    overflow:hidden;
    font-size:16px;
}

.offerToMostEffect h3{
    font-weight:800;
    color:#37265a;
    text-transform:uppercase;
}

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

.hiring-page .contentMainBanner .carousel-container{
    top: 150px!important;
}

.hiring-page .contentMainBanner .carousel-container .row{
    align-items:center;
}

/* Job Opening Page */

.job_opening .card{
    border:0px;
}

.job_opening .card-header{
        padding: 0px;
    border: 0;
    border-radius: 0px;
    border-bottom: 3px solid #eeeeee;
}

.job_opening .card-header button{
    width: 100%;
    text-align: left;
    color:#342459;
    font-weight:700;
    text-transform:uppercase;
    font-size:21px;
}

.job_opening .card-header button i{
        margin-top: 10px;
    float: right;
    font-size:14px;
    font-weight: 100;
    color:#342459;
}


.job_opening h3{
    font-size:22px;
    font-weight:300;
    margin-bottom:30px;
    line-height:30px;
}

.job_opening h4{
    font-size:18px;
    font-weight:600;
    margin-bottom:5px;
    margin-top:10px;
}

.job_opening ul{
    padding-left:15px;
    font-size:14px;
    line-height:24px;
}

.job_opening .commSec{
    background: #f7f7f7;
    border-radius: 22px;
    padding: 14px 20px;
    margin-bottom: 10px;
    border: 1px solid #eeeeee;
}

.job_opening  h5{
    font-size: 14px;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 8px;
}

.job_opening  p{
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0px;
}

.blog_detail img{
    width:100%;
}

.blog_detail p{
    color: #727695;
    font-weight: 500;
}


.blog_detail p strong{
    color: #2e4b7b;
    font-weight: 500;
}


.blog_detail h2{
    color: #2e4b7b;
    font-weight: 800;
    font-size: 24px;
    margin-bottom:10px;
}

.blog_detail h3{
    color: #2e4b7b;
    font-weight: 800;
    font-size: 20px;
}

.blog_detail h4{
    color: #2e4b7b;
    font-weight: 800;
    font-size: 18px;
}

.blog_detail h5{
    color: #2e4b7b;
    font-weight: 800;
    font-size: 16px;
}

.blog_detail ul{
    padding-left: 20px;
    margin-top: 20px;
}

.blog_detail ul li{
    color: #727695;
    font-weight: 500;
}

.blog_detail a {
    color: #fb621b;
    font-weight: 500;
}

.serviceMobileMenu button{
    padding: 0;
    width: 100%;
    border: 0;
    color: #fff!important;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none!important;
}

.serviceMobileMenu button i{
    float:right;
}

.serviceMobileMenu .card{
    background: #35245a;
    border: 0;
}

.serviceMobileMenu .card-header{
    padding: 0px;
    border: 0;
    background: transparent;
}

#hide_quote_form, .hidden_sm{
    display:none;
}

.subCategory_list li a {
    border: 1px solid #fff;
    color: #fff;
    padding: 5px 15px;
    margin-bottom: 5px;
    font-weight: 600;
}

.subCategory_list li a:hover {
    border: 1px solid #fff;
    background:#ffffff;
    color: rgb(251, 202, 14);
}


.comment_content{
        border-left: 8px solid #dddcdb;
    padding-left: 13px;
    margin-bottom: 20px;
}

.comment_content .comment_text p{
        font-size:14px;
}

.comment_content .name_date h3{
    font-size: 12px;
    font-weight: 600;
    color: #5c36b5;
    margin-top: 10px;
}

.comment_content .name_date h3 span{
    float:right;
}

.quoteCapchaImg input {
    float: right;
    width: 44%;
    height: 32px;
}   

.form-group.quoteCapchaImg img {
    width: 90px;
    float: left;
    height:auto;
}

.idad.headEmail a:before {
    content: 'sales@brandinfosolution.com';
}

.fmail a:before {
    content: 'sales@brandinfosolution.com';
}

.white_shade{
        top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    max-width: 50%;
    position:absolute;
}

.contactHeaderSec h2{
    font-weight:600;
    font-size:40px;
    color:#342459
}

.contactHeaderSec p{
    font-weight:500;
    font-size:20px;
    color:#342459
}

.company_featured h4{
    font-weight:600;
    color:#342459
}

.company_featured hr{
    border-color:#342459
}

.footerContactCap div{
    background-color:transparent!important;
}

.footerContactCap input{
    height:27px!important;
}

.footerContactCap img{
    max-width:100px;
    height:auto
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#footer {
  background: #000;
  padding: 0 0 30px 0;
  color: #eee;
  font-size: 14px;
}

#footer .footer-top {
  background: #111;
  padding: 60px 0 30px 0;
}

#footer .footer-top .footer-info {
  margin-bottom: 30px;
}

#footer .footer-top .footer-info h3 {
  font-size: 34px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 10px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 3px;
  border-left: 4px solid #342459;
}

#footer .footer-top .footer-info p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: "Montserrat", sans-serif;
  color: #eee;
}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #333;
  color: #eee;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .footer-links ul a:hover {
    color: #fbca0e;
}

#footer .footer-top .social-links a:hover {
  background: #342459;
  color: #fff;
}

#footer .footer-top h4 {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 12px;
}

#footer .footer-top h4::before,
#footer .footer-top h4::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
}

#footer .footer-top h4::before {
  right: 0;
  background: #555;
}

#footer .footer-top h4::after {
  background: #342459;
  width: 60px;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding-right: 8px;
  color: #ddd;
}

#footer .footer-top .footer-links ul li {
  border-bottom: 1px solid #333;
  padding: 10px 0;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #eee;
}

#footer .footer-top .footer-contact {
  margin-bottom: 30px;
}

#footer .footer-top .footer-contact p {
  line-height: 26px;
}

#footer .footer-top .footer-newsletter {
  margin-bottom: 30px;
}

#footer .footer-top .footer-newsletter input[type="email"] {
  border: 0;
  padding: 6px 8px;
  width: 65%;
}

#footer .footer-top .footer-newsletter input[type="submit"] {
  background: #342459;
  border:d26e;
  border: 0;
  width: 35%;
  padding: 6px 0;
  text-align: center;
  color: #fff;
  transition: 0.3s;
  cursor: pointer;
}

#footer .footer-top .footer-newsletter input[type="submit"]:hover {
  background: #13a456;
}

#footer .copyright {
  text-align: center;
  padding-top: 30px;
}

#footer .credits {
  text-align: center;
  font-size: 13px;
  color: #ddd;
}

.subCribeUser .btn-primary{
        padding: 10px!important;
    width: 100%!important;
    border-radius: 0px;
    text-transform: uppercase;
    background: #5c36b5!important;
}

.subCribeUser .form-control{
      border-radius: 0px;
    padding: 5px 15px;
    box-shadow: none;
    font-size: 13px;
    font-weight: 300;
    background: transparent;
    border-color: rgba(255,255,255,0.4);
    color: #fff;
}

.subCribeUser label{
       font-size: 10px;
    color: yellow;
        margin-bottom: 0px;
    font-weight: 700;
}

.subCribeUser span{
    font-size: 10px;
    color: #ff3a3a;
}

.subCribeUser .form-group{
    margin-bottom:0px;
}



/*--------------------------------------------------------------
# Responsive Media Queries
--------------------------------------------------------------*/

@media (min-width: 768px) {
  #contact .contact-address,
  #contact .contact-phone,
  #contact .contact-email {
    padding: 20px 0;
  }

  #contact .contact-phone {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
}

@media (min-width: 992px) {
  #testimonials .testimonial-item p {
    width: 80%;
  }
}

@media (min-width: 1024px) {
  #header #logo {
    padding-left: 60px;
  }

  #intro p {
    width: 60%;
    margin-bottom:0px;
  }

  #intro .carousel-control-prev,
  #intro .carousel-control-next {
    width: 15%;
  }

  #nav-menu-container {
    padding-top:21px;
    padding-right: 60px;
  }


}

@media (max-width: 1300px) {
    section.digital-marketing-page.mb-5:before{
        bottom: -65px;
    }

    .digital-marketing-page .digitalInnerContent .titlehead h1{
            font-size: 65px!important;
    }

    .digital-marketing-page .digitalInnerContent .titlehead h2{
        font-size: 30px!important;
    }

    .digital-marketing-page .digitalInnerContent .titlehead p{
            font-size: 14px!important;
    }
}

@media (max-width: 1200px) {
    .container{
        width:100%;
        max-width:100%;
    }

    #header .navbar-dark .navbar-nav .nav-link{
        font-size: 14px;
    }

    .navbar .nav-item {
        padding: 0rem .3rem;
    }

    .top-header-strip .socailList span{
        display:none;
    }

    #intro h3{
        font-size:21px;
    }

    #intro h2{
        font-size:34px;
    }

    #intro p{
        font-size:14px;
    }

    .btn-theme{
        font-size:14px!important;
    }

    .whoWeAre h1{
       font-size: 55px;
       line-height: 56px;
    }

    .h2, h2, .ims header h2, .qulityTrafficIms h4, .seoBenefits header h3, .industryOnWeWork h3, #facts .counters span, .higher-ranking h2{
        font-size:30px!important;
    }

    .h3, h3, .ims header h3, .rewardWeb .container .section-header h3, .seoBenefits header h2, .section-header h3 {
        font-size:28px;
    }

    .h4, h4, .ims .serviceRow .service-content h4, .industryOnWeWork h2, .serviceInnerTestimonial .testimonial-item .monialContent p, .serviceInnerTestimonial .testimonial-item .monialContent h3, .higher-ranking h4, #contact .contactHeaderSec h3{
        font-size:22px!important;
    }

    .h5, h5, .rewardWeb .container .rewardWebPoints .commBox h4 {
        font-size:18px;
    }

    .h6, h6, .ims .serviceRow .service-content h6, .industryOnWeWork .industryList .block h5, .serviceInnerTestimonial .testimonial-item .monialContent h4{
        font-size:16px;
    }

    p, .driveQualityTraffic p, .driveQualityTraffic p span, .ims header p, .qulityTrafficIms p, #contact .idad a, #contact .idad h5{
        font-size:14px;
    }

    .driveQualityTraffic h2{
        font-size: 30px;
    }

    .higher-ranking .highAction{
        top: 89px;
    }
}

@media (max-width: 1024px) {
    section.digital-marketing-page.mb-5:before{
            bottom: -65px;
    }
    .contentMainBanner .carousel-container {
        position: relative;
        z-index: 1;
        max-width: 800px;
        width: 100%;
        margin: auto;
    }

    #intro .carousel-content {
        text-align: left;
        width: 100%;
        padding: 0 45px;
    }

    .contentMainBanner .carousel-container .rightImg {
        position: relative;
        margin-top: 78px;
    }

    .contentMainBanner .carousel-container .rightImg .vec1 {
        width: 550px!important;
    }

    .contentMainBanner .carousel-container h2 {
        font-size: 34px!important;
    }
    .contentMainBanner .carousel-container p {
        font-size: 17px!important;
    }
}


@media (max-width: 991px) {
    .hvr-underline-from-left:hover {
        color: #332861!important;
        font-weight: 600;
    }

    .dropdown-item:focus, .dropdown-item:hover{
        color: #ffffff;
    text-decoration: none;
    background-color: transparent;
    }

    #serviceMenu .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem 0.4rem;
}

    .analysisWebBanner #anaylsisForm {
        padding: 19px 0px;
    }

    .blogBanner .titles h1 {
        font-size: 33px;
    }

    .navbar-toggler{
        background-color: #35245a;
    }

    .navbar-toggler-icon{
       height: 1.8em;
    }

    .ims .serviceRow{
      width: 49.333%;
  }

    .rewardWeb .container .rewardWebPoints{
        display: flex;
        width: 100%;
        overflow-y: scroll;
    }

       .rewardWeb .container .rewardWebPoints::-webkit-scrollbar {
          display: none;
        }

       .hidden-sm-down{
           display:none
       }

       .hidden-sm-up{
           display:block
       }
 
    .rewardWeb .container .rewardWebPoints .commBox {
        width: 470px;
        text-align: center;
        padding-bottom: 60px;
        padding: 0px 30px;
    }

    .rewardWeb .container .rewardWebPoints .commBox i{
        border-bottom:0px;
    }

    .whoWeAre h1 {
        font-size: 30px;
        line-height: 40px;
        float: left;
        text-align:left;
    }

    .monialUserImg{
        display:none;
    }

    .serviceInnerTestimonial .testimonial-item .monialContent{
        margin-left:0px!important
    }

    .serviceInnerTestimonial .testimonial-item .monialContent p{
        font-size: 18px!important;
    }

    .serviceInnerTestimonial .testimonial-item .monialContent h3 {
    font-size: 22px!important;
    }

    .serviceInnerTestimonial .testimonial-item .monialContent h4 {
        font-size: 15px!important;
    }

    .higher-ranking .highAction{
        position: relative;
        top:0!important
    }

    .faqSec .accordion .card-header h2 button{
        padding: 15px 15px 15px 39px;
    }

    .faqSec .accordion .card-header h2 button i {
        position: absolute;
        top: 16px;
        left: 11px;
    }

    section.digital-marketing-page.mb-5:before{
        content:none;
    }

    #intro p{
        display:block;
        margin:0px 0px 15px 0px;
    }

    #intro h3{
        font-size:18px;
        letter-spacing:1px;
        margin-bottom: 15px;
    }

    #intro h2{
        font-size:28px;
        margin-bottom: 15px;
    }

    #intro .carousel-container{
       align-items: flex-start;
       margin-top:5%;
    }

    .home .carousel-item {
        margin-top: 92px;
    }

    #intro .btn-theme{
        font-size:14px;
        margin: 0px;
        padding:5px 5px;
    }

    .home .rightTextBanner .carousel-content{
        margin-left: 8%;
    }

    .mobileNav{
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        background: #35245a;
        width: 100%;
        max-width: 300px;
        overflow-y:auto;
    }

    .mobileNav ul{
        list-style: none;
        padding: 0px;
    }

    .mobileNav ul li ul.mainTopMenu{
        list-style: none;
        padding: 10px;
    }

    .mobileNav ul li{
        padding: 0.5rem .3rem!important;
    }

    .mobileNav ul li a{
        list-style: none;
        padding-left:0px;
        color:#ffffff;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 1px;
    }

    .mobileNav ul li.qqCal{
        background: #58389c;
    }

    .mobileNav ul li.qqCal:hover{
        background: #58389c;
    }

    .mobileNav ul li.qqCal a{
        padding: 0 10px;
        margin: 10px 0px;
        background:transparent;
    }

    .hvr-underline-from-left:before{
        content:none;
    }

    .aboutSkills svg{
        height: 100px!important;
    }

    .packageBlock .packageTopTitles .packageTopTitleInner, .packageBlock .packageColumn .rowOne, .packageBlock .packageColumn .innerRowOne{
        display: flow-root;
    }

    .leftServiceList.firstColumnWLg, .rowOne .mainColumnOne, .innerRowOne .mainColumnOne{
        width:100%!important;
    }

    .packageTopTitleInner .colmnWlg, .rowOne .colmnWlg, .innerRowOne .colmnWlg{
        width:25%;
        float:left;
    }

    .contentMainBanner .carousel-container{
        display:block!important;
            max-width: 100%;
        width: 100%;
        margin:auto;
    }

    #intro .carousel-content {
        text-align: left;
        width: 100%;
        padding: 79px 15px 0px;
        position: relative;
        z-index: 9;
    }

    .contentMainBanner .carousel-container .rightImg {
        position: relative;
        margin-top: 0px;
        margin: auto;
        max-width: 400px;
    }

    .seoRow {
        border-radius: 22px;
        margin-bottom: 22px;
        padding: 22px;
        background: #fff;
    }

    .seoBenefits header p {
        text-align: center;
        margin-top: 15px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .seoBenefits .seoRow .seo-content h4 {
        font-size: 21px!important;
    }

    .serviceInnerPage .seoRow p {
        margin-bottom: 0px;
    }

    .get-a-quote .title h1{
        font-size: 36px!important;
    }

    .get-a-quote .title{
        font-size: 19px!important;
    }

    .get-a-quote .quickQuoteInner .quickQuoteForm {
       padding: 20px 15px;
    }

    .get-a-quote .quickQuoteInner .quickQuoteForm .checkBoxSelect table tr {
        width: 49.666%;
        float: left;
    }

    .get-a-quote .quickContentDetail .commBox span {
        line-height: 19px;
        font-size: 16px;
    }

    .get-a-quote .quickContentDetail .commBox a, .get-a-quote .quickContentDetail .commBox p {
        line-height: 15px;
        font-size: 15px;
    }
}

@media (max-width: 800px) {
    .idad{
        display:none;
    }

    .top-header-strip .connectWithUs .emailIdAddress .IconImg i, .top-header-strip .connectWithUs .skypeIdAddress .IconImg i {
        font-size: 17px;
        color: #FFFFFF;
        padding: 4px 8px;
    }

    .ims .serviceRow{
      width: 100%;
  }
}

@media (max-width: 768px) {
    
    .hiring-page .featureAboutCompany {
    display: none;
}

    #packageEnquiryForm .headerTitile h4{
    padding:0px 25px 0px
    }

    #contact_form{
        display:none;
    }

    .hidden_sm{
        display:block
    }

    .contact-opener{
            left: auto;
        position: fixed;
        right: -60px;
        z-index: 99!important;
        bottom: 0!important;
        font-size: 14px;
        height: 40px;
        transform: rotate(270deg);
        top: 0;
        margin: auto;
        background: #e2b205;
        padding: 11px 13px;
        border-radius: 9px 9px 0px 0px!important;
        color: #fff;
        font-weight: 400;
        width: 157px;
    }

    .floating-form{
        right: 0px;
    top: 0!important;
    left: 0;
    width: 100%;
    max-width: 100%;
        overflow: auto;
    height: 100%;
    z-index: 999;
    }

    #hide_quote_form{
    display:block;
}

    .hidden_xs{
        display:none;
    }

  .servicesSubMenu a{
      padding: 10px 5px!important;
    font-size: 13px!important;
        background: #412c6f!important;
  }
    #intro .carousel-content {
        padding: 0px 15px 0px;
    }
  .back-to-top {
    bottom: 15px;
  }

  #intro p{
        display:none;
    }

    #intro h3{
        font-size:14px;
        letter-spacing:1px;
        margin-bottom: 10px;
    }

    #intro h2{
        font-size:20px;
        margin-bottom: 10px;
    }

    #intro .carousel-container{
       align-items: flex-start;
       margin-top:5%;
    }

    .home .carousel-item {
        margin-top: 92px;
    }

    #intro .btn-theme{
        font-size:12px!important;
        margin: 0px;
        padding:5px 5px;
    }

    .home .rightTextBanner .carousel-content{
        margin-left: 8%;
    }

  #header #logo h1 {
    font-size: 28px;
  }

  #header #logo img {
    max-height: 40px;
  }

  #nav-menu-container {
    display: none;
  }

  #mobile-nav-toggle {
    display: inline;
  }

  #header{
     padding: 0em 0em;
  }

  .navbar{
      padding: .5rem 0rem;
  }

  .list-inline-item:not(:last-child){
      margin-right: .3rem;
  }

  .top-header-strip .socailList ul li i{
      font-size:12px;
  }

  .ims .serviceRow{
      width: 100%;
  }

  .aboutDescription h2{
      font-size:33px;
      line-height:40px;
  }

  .aboutSkills ul{
      overflow-y:scroll;
      width:100%;
  }

  .aboutSkills ul li .box-card{
      width:188px;      
  }

  .aboutSkills ul li{
      width:188px!important;
      margin:0px 10px;
  }

  .ourVision .swiper-slide{
      width:100%!important;
  }

  .ourVision .visinContent{
        padding: 31px 42px 145px;
  } 
  .coreValue .coreHeader p{
      padding: 20px 20px;
    font-size: 14px;
  }
  .coreValue .coreHeader .heading h2{
      display:block;
      padding:20px;
  }

  .values ul{
      overflow-y:scroll;
      width:100%;
  }

  .values ul li{
      width:170px;
      margin:0px 15px;
  }

  .contentMainBanner .carousel-container{
      max-width: 100%;
    top: 18%!important;
  }

  .values ul li .valueBox{
      width:170px;
  }
  .ourVision p, .coreValue .leftSec p, .coreValue .rightSec p, .coreHeader h4{
      font-size: 13px;
  }

  #testimonials{
            padding: 30px 0;
  }

  .aboutDescription p{
      margin-bottom:5px;
      font-size:14px;
  }

  .coreValue .rightSec img{
      padding:5px;
  }

  .ourVision .innerBox h4{
          font-size: 24px;
  }

  .packageTopTitleInner .leftServiceList p{
      font-size:20px!important;
  }

  .packageTopTitleInner .colmnWlg{
      padding:15px 0px; 
    }

  .packageTopTitleInner .colmnWlg span{
      font-size:13px!important;
  }

  .packageTopTitleInner .colmnWlg h4{
      font-size:14px!important;
  }

  .packageTopTitleInner .colmnWlg p{
      font-size:16px!important;
          display: grid;
  }
  .packageTopTitles .colmnWlg a{
      font-size:11px;
  }

  .mainCommServiceAbouts h2{
      font-size: 24px;
      line-height: 30px;
  }

  .mainCommServiceAbouts p{
      font-size: 13px;
      line-height: 20px;
  }

  .mainCommServiceAbouts .highLightPoints{
      padding: 5px;
  }

  .mainCommServiceAbouts .highLightPoints p{
      height: 135px;
  }

  .registerSub{
      padding: 0px 0px;
  }

  .registerSub h2{
    font-size: 24px;
    line-height: 30px;
  }

  .registerSub p{
     font-size: 14px;
     line-height: 21px;
  }

  .registerSub .subDescription h6, .registerSub .subDescription h6 i{
      font-size: 17px;
  }

  .registerSub .subDescription p a{
      font-size: 14px;
  }

  .driveQualityTraffic {
      padding:26px 10px
  }

  .driveQualityTraffic h2 {
    font-size: 25px;
    }

  .digitalServicesListSec .section-header h3, .digital-marketing .qulityTrafficIms h4{
    font-size: 30px;
  }
  .digitalServicesListSec
  {
      padding:40px 0px 0px
  }

  .digital-marketing-page .digitalInnerContent .titlehead h1, .mobileApp h1{
      font-size: 34px!important;
  }

  .digital-marketing-page .digitalInnerContent .titlehead h2, .mobileApp h2{
          font-size: 23px!important;
  }

  .digital-marketing-page .digitalInnerContent .titlehead p, .mobileApp p {
        font-size: 14px!important;
        padding: 0px 41px;
    }

  .digital-marketing-page .digitalInnerContent{
          top: 150px;
  }

  canvas{
      height:500px!important;
  }

  .scene {
    height: 200px;
    }

  .ball{
      display:none;
  }

  .page-editor-animation {
        width: 133%;
    }

  .digital-marketing-page #particle-canvas{
      min-height:500px!important;
  }

  .registerSub .subTrackData ul {
        display: block!important;
    }

  .registerSub .subTrackData ul li:nth-child(2) {
        display: none;
    }

  .dataGenratorGraph .topSec {
    display: inline-block!important;
    width: 100%!important;
    margin-bottom: 30px!important;
    position: relative!important;
    max-width: 100%;
}

  .dataGenratorGraph .topSec .firstSec, .dataGenratorGraph .topSec .SecSec, .dataGenratorGraph .topSec .ThreeSec {
    max-width: 100%!important;
    margin: auto!important;
    float: left;
    text-align: center;
    width: 49%;
    height: 140px;
    margin-bottom: 40px!important;
}

  .elementRun{
      display:none;
  }

  .topSec:after{
      content:none!important;
  }

  .hiringOuter{
      display:none!important;
  }

    .topSec h4{
    font-size: 15px!important;
    text-transform: uppercase;
        margin-top: 10px;
    font-weight: 800;
    color: #342459;
    }

    .h2, h2, .ims header h2, .qulityTrafficIms h4, .seoBenefits header h3, .industryOnWeWork h3, #facts .counters span, .higher-ranking h2{
        font-size:25px!important;
    }

    .h4, h4, .ims .serviceRow .service-content h4, .industryOnWeWork h2, .serviceInnerTestimonial .testimonial-item .monialContent p, .serviceInnerTestimonial .testimonial-item .monialContent h3, .higher-ranking h4, #contact .contactHeaderSec h3 {
    font-size: 18px!important;
}

    .btn-theme {
    font-size: 14px!important;
        }

    .ServiceInnerPageWhyChoose .serviceRow .service-content {
        min-height: auto!important;
    }

    .higher-ranking{
    width: 100%!important;
    }
    .higher-ranking .highAction {
        position: relative;
        top: 27px!important;
    }

    canvas#myCanvas{
        width:100%;
    }

    .digital-marketing .ims .serviceRow .service-content p, .digitalServicesListSec .block .titleSec p{
        height:auto;
    }

    .get-a-quote .title{
            padding: 150px 2% 50px;
    }

    .get-a-quote .quickContentDetail{
        display:block;
    }

    .get-a-quote .quickContentDetail .commBox {
        width: 100%;
        margin-bottom: 20px;
    }

    .get-a-quote .quickContentDetail .commBox i {
        font-size: 39px;
        color: #fff;
        margin-bottom: 10px;
    }

    .get-a-quote .quickQuoteInner .quickQuoteForm h5 {
        color: #37265a;
        font-size: 15px;
        font-weight: 800;
            text-align: left!important;
    }

    .get-a-quote .quickQuoteInner .quickQuoteForm .form-group {
        padding: 0!important;
    }

    .get-a-quote .quickQuoteInner .quickQuoteForm .checkBoxSelect table tr {
        width: 100%!important;
        float: left;
    }

    .get-a-quote .quickQuoteInner .quickQuoteForm .form-group label {
        font-size: 12px;
    }
    .get-a-quote .quickQuoteInner .quickQuoteForm .checkBoxSelect table tr td {
        margin: 0px 0;
    }

    .analysisWebBanner .form-group input{
        height: 38px;
    }

    .benefitsOfHiring header h3{
            font-size: 24px;
    }

    .benefitsOfHiring .benefits-content p{
            height: auto;
    }

    .offerToMostEffect p {
        font-size: 16px;
    }
}