html {
  scroll-behavior: smooth;
}
 
/* Webkit */
::-webkit-input-placeholder {
  color: #999;
}
/* Firefox 4-18 */
:-moz-placeholder {
  color: #999;
}
/* Firefox 19+ */
::-moz-placeholder {
  color: #444;
}
/* IE10+ */
*:-ms-input-placeholder {
  color: #a9a5ae !important;
}

/*html {width: 100%;}*/
.clr {
  clear: both;
}
body {
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.3px;
}
img {
  max-width: 100%;
  height: auto;
}
h5,
h6,
h1,
h2,
h3,
h4 {
  font-weight: normal;
  font-family: 'Roboto', sans-serif;
  letter-spacing: 0.7px;
}
select::-ms-expand {
  display: none;
}
select {
  -webkit-appearance: none;
}
dl,
dt,
dd,
ol,
ul,
li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
a:active,
select,
select:focus,
a:focus,
a:hover,
input:focus,
button:focus,
textarea:focus {
  outline: none !important;
  text-decoration: none;
  color: #fff;
}
a,
a:hover,
button {
  text-decoration: none !important;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  cursor: pointer;
  transition: 0.5s;
}
option {
  padding: 10px;
}
textarea {
  resize: none;
}
#mainWrapper .navbar.bg-light {
  background: none !important;
}
/*  Navigation css start here */
.header-wrapper {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
  background: #fff;
  /* background: rgba(255, 255, 255, 0.75); */
  padding: 0;
}
.header-wrapper .navbar {
  margin-bottom: 0;
  border: none;
  padding: 15px 0;
}
.header-wrapper .navbar-brand {
  height: auto;
  padding: 0;
}
.header-wrapper .navbar-toggler {
  position: absolute;
  top: 20px;
  right: 0;
  border: none;
  background: no-repeat;
  color: #272727;
  font-size: 20px;
  display: none;
}
.header-wrapper .navbar-toggler:hover {
  color: #890dca;
}
.header-wrapper .navbar-nav {
  float: right;
  margin-top: 0;
}
.header-wrapper .navbar-nav ul li {
  display: inline-block;
  margin: 0 4px;
}
.header-wrapper .navbar-nav ul li:last-child {
  margin-right: -15px;
}
.header-wrapper .navbar-nav ul li a {
  color: #111;
  font-size: 14.3px;
  padding: 12px 15px !important;
  text-transform: uppercase;
  display: inline-block;
  border-radius: 3px;
  border: 1px solid transparent;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  letter-spacing: 1px;
}
.header-wrapper .navbar-nav ul li .head-log {
  border: 1px solid #1e2d88;
  background: #1e2d88;
  color: #fff;
}
.header-wrapper .navbar-nav ul li .head-log:hover {
  border: 1px solid #fb236a;
  background: #fb236a;
  color: #fff;
}
.header-wrapper .navbar-nav ul li a:hover {
  color: #fb236a;
  border: 1px solid #fb236a !important;
}
.header-wrapper .navbar-nav ul li a.active {
  color: #fb236a;
  border: 1px solid #fb236a;
}
.header-wrapper .navbar-nav ul li .dropdown-menu {
  padding: 1px 0;
  margin: -1px 0 0;
}
.header-wrapper .navbar-nav ul li .dropdown-menu li {
  margin: 0;
  width: 100%;
  border-bottom: 1px solid #e4e4e4;
}
.header-wrapper .navbar-nav ul li .dropdown-menu li:last-child {
  border-bottom: none;
}
.header-wrapper .navbar-nav ul li .dropdown-menu li a {
  color: #000;
  font-size: 13px;
  padding: 10px 15px;
  text-transform: capitalize;
  border-radius: 0;
  border: none !important;
}
.header-wrapper .navbar-nav ul li .dropdown-menu li a:hover {
  border: none !important;
  color: #fb236a;
  background: #fff;
  border-bottom: 1px solid #fff;
}
.navbar-brand .logo-stiky {
  display: none;
}
.header-wrapper.sticky .logo-palin {
  display: none;
}
.header-wrapper.sticky .logo-stiky {
  display: block;
}
.header-wrapper.sticky {
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
  background: #fff;
}
.header-wrapper.sticky .navbar {
  padding: 10px 0;
  background: none !important;
}
.header-wrapper.sticky .navbar-nav ul li a {
  color: #333;
  display: inline-block;
}
.header-wrapper.sticky .navbar-nav ul li a:hover {
  color: #fb236a;
  border: 1px solid transparent;
}
.header-wrapper.sticky .navbar-nav ul li a.active {
  color: #fb236a;
  border: 1px solid #fb236a;
}
.header-wrapper.sticky .navbar-nav ul li .head-log {
  border: 1px solid #1e2d88;
  background: #1e2d88;
  color: #fff;
}
.header-wrapper.sticky .navbar-nav ul li .head-log:hover {
  border: 1px solid #fb236a;
  background: #fb236a;
  color: #fff;
}
/* Navigation css end here */

/* Supra home page css start here */
.maine-banner {
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  background-image: url(../images/banner-bg.jpg);
  background-size: cover;
}
.maine-banner:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.9;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0a66f2+0,ff3366+100 */
  background: #0a66f2; /* Old browsers */
  background: -moz-linear-gradient(
    45deg,
    #0a66f2 0%,
    #ff3366 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    45deg,
    #0a66f2 0%,
    #ff3366 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    45deg,
    #0a66f2 0%,
    #ff3366 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a66f2', endColorstr='#ff3366',GradientType=1 );
}

.banner-contentBlock .carousel-control.right {
  background-image: none !important;
  height: 50px;
  width: 50px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
  color: #000;
  font-size: 40px;
  top: 330px;
  right: 10px;
}
.banner-contentBlock .carousel-control.left {
  background-image: none !important;
  height: 50px;
  width: 50px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
  color: #000;
  font-size: 40px;
  top: 330px;
  left: 10px;
}
.banner-contentBlock .carousel-inner {
  background-color: #000;
}
/*.banner-contentBlock .carousel-inner:before{position:absolute; top:0; left:0; width:100%; height:100%; content:"";
 background-color:rgba(0,0,0,0.5)}*/
.banner-contentBlock .carousel-control.left .fa,
.banner-contentBlock .carousel-control.right .fa {
  text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  font-weight: 700;
}
.banner-contentBlock .carousel-indicators {
  bottom: 28px;
  display: none;
}
.banner-contentBlock .carousel-control.left .glyphicon {
  top: -4px;
}
.banner-contentBlock .carousel-control.right .glyphicon {
  top: -4px;
}
.banner-contentBlock .carousel-inner .item {
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 145px 40px 0;
  height: 690px;
}
.banner-contentBlock .carousel-inner .item:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 41, 150, 0.02);
}
.banner-contentBlock .carousel-inner .item:nth-child(1) {
  background-image: url(../images/slider-bg.jpg);
}
.banner-contentBlock .carousel-inner .item:nth-child(2) {
  background-image: url(../images/slider-bg-webSolutions.jpg);
}
.banner-contentBlock .carousel-inner .item:nth-child(3) {
  background-image: url(../images/slider-bg-mobileSolutions.jpg);
}
.banner-contentBlock .carousel-inner .item:nth-child(4) {
  background-image: url(../images/slider-bg-cloudSolutions.jpg);
}
.banner-contentBlock .carousel-inner .item:nth-child(5) {
  background-image: url(../images/slider-bg-testingSolutions.jpg);
}
.banner-contentBlock .carousel-inner .item:nth-child(6) {
  background-image: url(../images/slider-bg-internetSolutions.jpg);
}
.banner-contentBlock .carousel-inner .item:nth-child(7) {
  background-image: url(../images/slider-bg-IT-resources.jpg);
}
.banner-contentBlock .carousel-inner .item .innerItem {
  max-width: 1170px;
  width: 100%;
  padding-right: 15px;
  margin: 0 auto;
  padding-left: 15px;
}
.infoGraphic {
  max-height: 580px;
  float: right;
  margin-top: -40px;
}
/*.banner-contentBlock .carousel-inner .item .firstItem{ background-image:url(../images/slider-bg-1.jpg);
 background-position: top center; background-size:cover; background-repeat:no-repeat;padding: 160px 70px 80px}
.banner-contentBlock .carousel-inner .item .secondItem{ background-image:url(../images/slider-bg-2.jpg);
 background-position: top center; background-size:cover; background-repeat:no-repeat;padding: 160px 70px 80px}
.banner-contentBlock .carousel-inner .item .thirdItem{ background-image:url(../images/slider-bg-3.jpg);
 background-position: top center; background-size:cover; background-repeat:no-repeat;padding: 160px 70px 80px}*/
.aboutDream {
  margin-bottom: 40px !important;
}
.aboutDream .dreamSqure {
  min-height: 379px;
}
.aboutDream .dreamSqure a {
  color: #fb236a;
  text-decoration: underline;
}
.aboutDream .dreamSqure a:hover {
  color: #1e2d88;
}
.slider-img-block {
  border: 5px solid rgba(255, 255, 255, 0.3);
  overflow: hidden;
  height: 220px;
}
.slider-img-block img {
  height: 100%;
  width: 100%;
}
.banner-contentBlock .slider-text-block {
  text-align: left;
  background: rgba(255, 255, 255, 0.2);
  padding: 30px 26px;
}
.slider-text-block .section-title-block {
  text-align: left;
}
.slider-text-block .section-title-block h1 {
  color: #010101;
  font-size: 44px;
  letter-spacing: 1px;
  line-height: 42px;
  margin: 0 0 15px;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}
.slider-text-block .section-title-block h4 {
  font-size: 25px;
  font-weight: 600;
  padding: 3px 0;
}
.expSlider {
  float: left;
  width: 100%;
}
h1.rightHead {
  color: #1e2d88;
  font-size: 25px;
  line-height: 33px;
  margin: -3px 0 15px;
  padding-bottom: 16px;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  position: relative;
}
h1.rightHead:before {
  height: 3px;
  width: 55px;
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  background: #fb236a;
}
.slider-text-block {
  height: auto;
  overflow: hidden;
}
.slider-text-block .common-content {
  color: #666666;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  margin-bottom: 14px;
  line-height: 23px;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);
  width: 100%;
  max-width: 100%;
}
.slider-text-block .common-content.banner-under-tagline {
  font-size: 25px;
  line-height: 32px;
  font-weight: 500;
  width: 100%;
  overflow: hidden;
  height: auto;
  color: #fb236a;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);
  margin-bottom: 8px;
  letter-spacing: 1px;
}
.slider-text-block .common-content.banner-last {
  font-size: 19px;
  line-height: 24px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
.slider-text-block .supra-btn-block {
  margin-top: 20px;
}
.supra-btn-block .supbtnStyle-suup {
  display: inline-block;
  padding: 0 15px;
  border-radius: 3px;
  background: #1e2d88;
  color: #fff !important;
  border: 1px solid #1e2d88;
  height: 43px;
  line-height: 41px;
  font-size: 17px;
  text-align: center;
}
.supra-btn-block .supbtnStyle-suup:hover {
  background: #fb236a;
  color: #fff;
  border: 1px solid #fb236a;
}
.mobi-servRight-text .supra-btn-block .supbtnStyle-suup {
  background: #fb236a;
  color: #fff;
  border: 1px solid #fb236a;
}
.mobi-servRight-text .supra-btn-block .supbtnStyle-suup:hover {
  background: #1e2d88;
  color: #fff;
  border: 1px solid #1e2d88;
}
.terms-condition-wrapper .commo-conte-wrappi:last-child {
  border: 0px none;
  margin-bottom: 0px;
  padding-bottom: 10px;
}
.mobi-servi-right .supra-btn-block .supbtnStyle-suup {
  height: 37px;
  line-height: 35px;
  font-size: 15px;
}
.banner-last ul.serveIcons li .fa {
  font-size: 44px;
  line-height: 80px;
  color: #1e2d88;
}
.banner-last ul.serveIcons li:nth-child(2) .fa {
  font-size: 57px;
  line-height: 78px;
}
.expSlide .col-md-3 {
  padding: 0px !important;
}
.expSlide .col-md-3 .panel-default {
  border: 0px none !important;
  background: none;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
#expSlideMain .container {
  max-width: 100%;
  width: 950%;
}
.expSlide .carousel-control,
.expSlide .carousel-control {
  width: 50px !important;
  height: 50px !important;
  margin-top: 32px;
  opacity: 1;
  background: #fb236a;
  border-radius: 3px;
}
.expSlide .left.carousel-control .glyphicon {
  margin-top: -15px;
  margin-left: -14px;
}
.expSlide .right.carousel-control .glyphicon {
  margin-top: -15px;
  margin-right: -14px;
}

.expSlide {
  padding: 0 60px !important;
}
.banner-contentBlock {
  position: relative;
  text-align: center;
}
.banner-last ul li {
  display: inline-block;
  margin-right: 5px;
  height: 85px;
  width: 85px;
  text-align: center;
  padding: 4px;
  background: #fff;
  border-radius: 50%;
  overflow: hidden;
}
.banner-last ul li img {
  height: auto;
  margin-top: 4px;
}
.everything-need-wrapper {
  padding: 50px 0 40px;
  background: #f3f3f6;
}
.section-title-block h1 {
  color: #1e2d88;
  font-size: 39px;
  line-height: 48px;
  margin: 0 0 20px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}
.section-title-block h2 {
  color: #fb236a;
  font-size: 25px;
  line-height: 28px;
  margin: -5px 0 4px;
}
.section-title-block {
  text-align: center;
  position: relative;
}
.common-content {
  font-size: 15px;
  line-height: 22px;
  color: #252626;
  font-family: 'Roboto', sans-serif;
}
.section-title-block .common-content {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
}
.section-title-block span {
  position: relative;
  width: 100%;
  display: block;
  height: 15px;
}
.section-title-block span:before {
  content: "";
  height: 4px;
  width: 56px;
  margin-left: -28px;
  bottom: 0;
  left: 50%;
  position: absolute;
  background: #fb236a;
}
.make-two-wrapp {
  background: none;
}
.when-experience-wrapper {
  padding: 50px 0 0;
}
.when-experience-wrapper.expSection {
  float: left;
  width: 100%;
  padding-top: 0px;
}
.when-experience-inner {
  padding: 0 0 50px;
}
.when-experienc-textBlack .section-title-block {
  text-align: left;
}
.when-experience-flo {
  float: right;
}
.when-experienc-imgBlack {
  text-align: center;
}
.when-experienc-imgBlack img {
  width: 465px;
  margin-top: 0px;
}
.our-founders-wrapper {
  padding: 0 0 50px;
}
.our-founders-wrapper .dottBg {
  padding-top: 0px;
}
.our-found-textBlock {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.our-found-textBlock .dreamSqure {
  width: 100%;
  padding-bottom: 26px;
  min-height: 100px;
}
.our-found-textBlock.first-founder .dreamSqure:after {
  right: -8px;
  left: auto;
  top: -8px;
  bottom: 0;
}
.our-found-textBlock.first-founder .dreamSqure:before {
  right: -8px;
  left: auto;
  top: -8px;
  bottom: 0;
}
.our-found-innBack {
  background: #f3f3f6;
  border-radius: 5px;
  padding: 15px;
  position: relative;
  z-index: 1;
}
.first-founder {
  margin-bottom: 25px;
}
.our-foundImg {
  width: 200px;
  overflow: hidden;
  display: block;
  float: left;
}
.our-foundImg img {
  width: 200px;
  display: block;
  margin: 0 auto;
  background: #e6e6e6;
}
.our-foundText {
  display: block;
  margin-left: 225px;
}
.our-foundText h1 {
  color: #1e2d88;
  font-size: 27px;
  line-height: 30px;
  margin: -3px 0 3px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
.our-foundText h3 {
  color: #fb236a;
  font-size: 20px;
  line-height: 20px;
  margin: 7px 0 12px;
}
.fun-fact-wrapper {
  padding: 50px 0 20px;
  position: relative;
  background-image: url(../images/fun-features-bg.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
/*.fun-fact-wrapper:before {position: absolute;top: 0;left: 0;content: "";width: 100%;height: 100%;
 background-color: rgba(30,45,136,0.9)}*/
.fun-fact-wrapper .section-title-block h1 {
  color: #fff;
}
.fun-fact-wrapper .section-title-block span {
  background: #fff;
}
.fun-fact-wrapper .section-title-block span:before {
  background: #fff;
}
.everything-needInner {
  text-align: center;
  margin-bottom: 30px;
  position: relative;
  display: block;
}
.everything-needInner:hover .everything-circle {
  background-color: #fff;
  color: #fb236a;
}
.everything-needInner:hover .everything-circle {
  background-color: #fff;
  color: #fb236a;
}
.everything-circle {
  height: 85px;
  width: 85px;
  text-align: center;
  border-radius: 50%;
  display: block;
  margin: 0 auto 15px;
  padding-top: 16px;
  font-size: 43px;
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.mobNeed .everything-circle {
  padding-top: 6px;
  font-size: 58px;
}
.fun-fact-wrapper .small-header {
  color: #fff;
}
.fun-fact-wrapper .common-content {
  color: #e2e5ff;
}
#expSlideMain {
  background: #f3f3f6;
  padding: 30px 0;
  float: left;
  width: 100%;
  margin-top: -20px;
  margin-bottom: 25px;
}
.projectPage .everything-circle {
  position: relative;
  overflow: hidden;
}
.projectPage .everything-circle .projectoverlay {
  padding-top: 67px;
  top: 0px;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(251, 35, 106, 0.8);
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  top: 100%;
  opacity: 0;
}
.projectPage .everything-circle:hover .projectoverlay {
  top: 0;
  opacity: 1;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
}
.projectPage .everything-circle .projectoverlay span {
  height: 50px;
  width: 50px;
  display: inline-block;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  padding-top: 15px;
}
.projectPage .everything-circle .projectoverlay span:hover {
  background: #fff;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
}
.projectPage .everything-circle .projectoverlay span:hover a,
.projectPage .everything-circle .projectoverlay span:hover .fa {
  color: #fb236a;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
}
.projectPage .everything-circle .projectoverlay span a,
.projectPage .everything-circle .projectoverlay span .fa {
  color: #fff;
  display: inline-block;
  font-size: 20px;
  float: left;
  text-align: center;
  width: 100%;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
}

.small-header {
  font-size: 18.5px;
  line-height: 26px;
  color: #272727;
  margin-bottom: 6px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
.video-section-block {
  position: relative;
  margin-top: 0;
  margin-bottom: 5px;
  margin-top: 60px;
  padding-bottom: 5px;
  background: url(../images/videoBg.png) no-repeat center center;
}
.video-section-block .vidbox {
  width: 545px;
  position: relative;
  margin: 0px auto;
  display: inline-block;
}
.video-section-block .vidbox iframe {
  width: 100%;
  height: 310px;
}
.video-section-block .vidbox:after {
  height: 8px;
  width: 208px;
  content: "";
  top: -12px;
  left: auto;
  right: -12px;
  position: absolute;
  background: #d3d7dc;
}
.video-section-block .vidbox:before {
  height: 200px;
  width: 8px;
  content: "";
  top: -4px;
  left: auto;
  right: -12px;
  position: absolute;
  background: #d3d7dc;
}
.common-content.nil {
  color: #fb236a;
  font-size: 15px !important;
  display: block;
  line-height: 22px !important;
  margin-bottom: 11px !important;
  padding-left: 90px;
}
.client-catego-wrapp .row {
  margin: 0 -15px !important;
}
.cleintSubHead {
  color: #fb236a;
  font-size: 17px;
  display: block;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 7px;
}
.client-catego-wrapp .row .col-lg-4 .everything-needInner {
  background: #fff;
  box-shadow: 0 0 25px 0 rgba(0, 49, 84, 0.09);
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 49, 84, 0.09);
  padding: 25px 20px 0;
  min-height: 420px;
  text-align: center;
}

.client-catego-wrapp.mobileCat .row .col-lg-4 .everything-needInner {
  min-height: 440px !important;
}
.client-catego-wrapp.intranetCat .row .col-lg-4 .everything-needInner {
  min-height: 523px !important;
}
.client-catego-wrapp .row .col-lg-4 .everything-needInner:before {
  height: 200px;
  width: 8px;
  content: "";
  bottom: 0;
  left: -8px;
  position: absolute;
  background: #dfe3e7;
}
.client-catego-wrapp .row .col-lg-4 .everything-needInner:after {
  height: 8px;
  width: 208px;
  content: "";
  bottom: -8px;
  left: -8px;
  position: absolute;
  background: #dfe3e7;
}
.everything-needInner .small-header {
  font-size: 24px !important;
  margin: 4px 0 10px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}
.everything-needInner .common-content {
  margin-bottom: 20px !important;
}
.client-catego-wrapp .row .col-lg-4:nth-child(2) .everything-needInner:before {
  left: -8px;
  top: -8px;
  bottom: auto;
}
.client-catego-wrapp .row .col-lg-4:nth-child(2) .everything-needInner:after {
  left: -8px;
  top: -8px;
  bottom: auto;
}

.client-catego-wrapp .row .col-lg-4:last-child .everything-needInner:before {
  right: -8px;
  left: auto;
}
.client-catego-wrapp .row .col-lg-4:last-child .everything-needInner:after {
  right: -8px;
  left: auto;
}
.common-content p {
  margin: 0 0 12px;
}
.underBanner{ 
  padding: 25px 0 60px;
}
.underBanner .container div{
  text-align: center; 
  width: 800px;
  margin: 0 auto;
  max-width: 100%;
}

.when-experience-inner.text-center {
  margin-bottom: 1px;
}
.when-experience-inner.text-center .when-experienc-textBlack {
  position: relative;
}
.when-experience-inner.text-center .when-experienc-textBlack:after {
  height: 250px;
  width: 200px;
  content: "";
  bottom: -9px;
  left: -85px;
  position: absolute;
  background: url(../images/dottBg.png) no-repeat left top;
  opacity: 0.81;
}
.peaceOut {
  float: left;
  width: 100%;
  padding: 50px 0;
  background: #f3f3f6;
}
.peaceSection {
  position: relative;
  float: left;
  width: 100%;
}
.peaceSection .row {
  /* background:rgba(255,255,255,0.8);*/
  position: relative;
  z-index: 1;
}
.peaceSection:after {
  height: 250px;
  width: 200px;
  content: "";
  top: -91px;
  right: -85px;
  position: absolute;
  background: url(../images/dottBg.png) no-repeat left top;
  opacity: 0.81;
}
.peaceSection .section-title-block h2 {
  margin: 20px 0 12px;
}
.solutions {
  padding-right: 50px;
}
.solutions.solutionsRight {
  padding-right: 15px;
  padding-left: 50px;
  position: relative;
}
.solutions.solutionsRight:after {
  height: 368px;
  width: 1px;
  content: "";
  top: 47px;
  left: 0;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  opacity: 0.81;
}
.solutions .solutionsInner {
  position: relative;
}
.solutions .solutionsInner:after {
  height: 1px;
  width: 47px;
  content: "";
  top: 35%;
  right: -50px;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  opacity: 0.81;
}
.solutions.solutionsRight .solutionsInner:after {
  height: 1px;
  width: 45px;
  content: "";
  bottom: 35%;
  left: -49px;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  opacity: 0.81;
  right: auto;
  top: auto;
}
.solutionsInner {
  padding-right: 45px;
}
.solutionsInner .everything-needInner {
  min-height: 134px;
  text-align: right;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 3px;
  padding: 15px 80px 15px 20px;
}
.solutionsInner .everything-needInner:hover {
  background: #fff;
}
.solutionsInner .everything-needInner:hover .common-content {
  color: #122079;
}
.solutionsInner .everything-needInner:hover .small-header {
  color: #fb236a;
}
.solutionsInner .small-header {
  font-size: 21px;
}
.solutionsInner .everything-circle {
  transition: all 0.5s ease;
  position: absolute;
  right: -53px;
  top: 14px;
  height: 105px;
  width: 105px;
  margin-bottom: 0px;
  border: 5px solid #0c1769;
  background: #2e377d;
}
.solutions.solutionsRight .solutionsInner {
  padding-left: 45px;
  padding-right: 0;
}
.solutions.solutionsRight .solutionsInner .everything-circle {
  left: -53px;
  right: auto;
}
.solutions.solutionsRight .solutionsInner .everything-needInner {
  text-align: left;
  padding: 15px 20px 15px 80px;
}
.when-experience-inner.text-center .common-content {
  background: rgba(255, 255, 255, 0.8);
  position: relative;
  z-index: 1;
  padding: 20px;
}
.when-experience-inner.text-center h1,
.when-experience-inner.text-center h2 {
  text-align: center !important;
}
.video-section-block video {
  width: 100%;
  max-width: 729px;
  height: 374px;
  box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.45);
}
.video-section-block audio,
canvas,
progress,
video {
  width: 100% !important;
}
.company-logo-wrapper {
  padding: 40px 0 40px;
  background: #fff;
}
.slick-slide {
  margin: 0px 20px;
}
.slick-slide img {
  width: auto;
  max-width: inherit !important;
  height: 48px;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: 48px;
  overflow: hidden;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
  width: auto !important;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* Supra home page css end here */

/* testimonial css start here*/
.testimonial-section {
  padding: 70px 0 55px;
  background-image: url(../images/testomonal-bg.png);
  background-position: top center;
}
.testimonial-section .how-it-work-head.freedon-flexibility-head {
  color: #292d2f;
  text-align: center;
}
.testi-block-title {
  text-align: center;
}
.testimonial-head {
  margin-bottom: 10px;
}
.testi-block-title h1 {
  font-size: 44px;
  color: #333333;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  margin: 0 0 5px;
  text-align: center;
}
.testi-block-title span {
  color: #4dbac0;
}
#quote-carousel {
  margin-top: 10px;
}
#quote-carousel .carousel-control {
  height: 43px;
  width: 43px !important;
  border-radius: 50%;
  border: 1px solid #d0d0d0;
  background-image: none;
  opacity: 1;
  text-shadow: none;
  color: #b6b6b6;
  font-size: 23px;
  line-height: 39px;
}
#quote-carousel .carousel-control:hover {
  border-color: #3e4095;
  color: #3e4095;
}
#quote-carousel .carousel-indicators {
  right: 50%;
  top: 20px;
  bottom: 220px;
  margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
  width: 80px;
  height: 80px;
  margin: 5px -15px;
  cursor: pointer;
  border-radius: 50px;
  opacity: 1;
  transition: all 0.4s;
  border: none;
  vertical-align: middle;
  text-indent: 0;
}
#quote-carousel .carousel-indicators .quote-mark {
  margin: -20px auto 0;
  display: none;
  height: 39px;
  width: 39px;
  line-height: 29px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  border: 3px solid #fff;
  background: #3e4095;
  background: -moz-linear-gradient(45deg, #3e4095 0%, #a000db 100%);
  background: -webkit-linear-gradient(45deg, #3e4095 0%, #a000db 100%);
  background: linear-gradient(45deg, #3e4095 0%, #a000db 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e4095', endColorstr='#a000db',GradientType=1 );
}
#quote-carousel .carousel-indicators .active .quote-mark {
  display: block;
}
#quote-carousel .carousel-indicators li img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
#quote-carousel .carousel-indicators .active {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  opacity: 1;
  z-index: 9;
  position: relative;
}
/*#quote-carousel .carousel-inner {min-height: 300px;}*/
#quote-carousel .carousel-inner {
  min-height: 100%;
}
#quote-carousel .item blockquote {
  border-left: none;
  margin: 0;
}
/*#quote-carousel .item blockquote p:before {content: "\f10d"; font-family: 'Fontawesome'; float: left; margin-right: 10px;}*/
#quote-carousel .item {
  margin: 160px auto 0;
  color: #4c4b4b;
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  line-height: 20px;
  text-align: center;
}
#quote-carousel .item p {
  width: 100%;
  max-width: 650px;
  margin: 0 auto 10px;
}
#quote-carousel .carousel-control {
  bottom: auto;
  top: 58px;
}
#quote-carousel .carousel-control.left {
  left: 290px;
  z-index: 999;
  width: 42px;
}
#quote-carousel .carousel-control.right {
  right: 290px;
  z-index: 999;
  width: 42px;
}
/*#quote-carousel .quote-mark{background: #febf2b; color: #ffffff; height: 40px; width: 40px; border: 4px solid #ffffff; font-size: 16px; display: block; position: absolute; bottom: -18px; border-radius: 50%; left: 32%; text-indent: 0; padding-top: 3px; display: none;}*/
#quote-carousel .carousel-indicators .active .quote-mark {
  display: block;
}
#quote-carousel .carousel-indicators li .quote-mark img {
  width: auto;
  height: auto;
  border-radius: 0;
}
#quote-carousel .item small {
  font-size: 16px;
  color: #676b6d;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  display: block;
  margin-top: 18px;
}
#quote-carousel .item small span {
  color: #272727;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
.btn-group.open .dropdown-toggle {
  box-shadow: none;
  border: 0px;
}
.carousel-indicators.bottom-buttons {
  position: absolute;
  bottom: -12px !important;
  top: auto !important;
}
.carousel-indicators.bottom-buttons li {
  width: 11px !important;
  height: 11px !important;
  margin: 0 6px !important;
  border: 1px solid #4dbac0 !important;
}
.carousel-indicators.bottom-buttons li.active {
  width: 13px !important;
  height: 13px !important;
  margin: 0 6px !important;
  border: 3px solid #ffffff !important;
  box-shadow: 0 0 2px rgba(6, 59, 62, 1);
}
.carousel-indicators.bottom-buttons li.active {
  background: #4dbac0;
}
/* testimonial css end here*/

/*input css start here*/
.form-group {
  position: relative;
  margin-bottom: 30px;
}
/*.form-group.wrong-info input {border-color: #ff2b33;}*/
.form-group input {
  border: 1px solid #e6e6e6;
  height: 40px;
  width: 100%;
  padding: 0 10px;
  color: #272727;
  border-radius: 3px;
  font-size: 15px;
}
.error-red {
  color: #fa242d;
  font-size: 13px;
  position: absolute;
  bottom: -13;
  left: 0;
}
.form-group select {
  border: 1px solid #e6e6e6;
  height: 40px;
  width: 100%;
  padding: 0 10px;
  color: #272727;
  border-radius: 3px;
  font-size: 15px;
  background-image: url(../images/select-drop.png);
  background-repeat: no-repeat;
  background-position: 100%;
}
.form-group textarea {
  border: 1px solid #e6e6e6;
  height: 40px;
  width: 100%;
  padding: 10px 10px 0;
  color: #272727;
  border-radius: 3px;
  font-size: 15px;
  height: 120px;
}
/*input css end here*/

/*footer css start here*/
.footer_wrapper {
  position: relative;
  background-color: #1d1d1e;
}
.footer_inner_mail {
  padding: 60px 0;
}
.foot_logo img {
  margin-bottom: 22px;
  opacity: 0.5;
}
.footer_inner_main {
  position: relative;
  padding: 40px 0 38px;
}
.footer_inner_main .footer_call:first-child {
  width: 32% !important;
  flex: 0 0 32%;
  max-width: 32%;
}
.footer_inner_main .footer_call:nth-child(2) {
  width: 18% !important;
  flex: 0 0 18%;
  max-width: 18%;
}
.footer_inner_main .footer_call:nth-child(3) {
  width: 30% !important;
  flex: 0 0 30%;
  max-width: 30%;
}
.footer_inner_main .footer_call:nth-child(4) {
  width: 18% !important;
  flex: 0 0 18%;
  max-width: 18%;
}
.footer_call h3 {
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  margin: 0 0 19px;
  font-size: 21px;
  padding-bottom: 17px;
  position: relative;
}
.footer_call h3:before {
  height: 2px;
  width: 40px;
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  background: #fb236a;
}

.foot_phara {
  font-size: 15px;
  color: #9b9da0;
  line-height: 22px;
  margin-bottom: 0;
  cursor: pointer !important;
}
.footer_links ul li {
  display: block;
  color: #9b9da0;
}
.footer_links ul li a {
  display: inline-block;
  color: #9b9da0;
  font-size: 15px;
  margin-bottom: 12px;
  word-break: break-all;
  position: relative;
}
.footer_links ul li a em {
  font-style: normal;
  font-size: 19px;
  float: left;
  line-height: 16px;
  padding-right: 7px;
}
.footer_links ul li a i {
  position: absolute;
  top: 4px;
  left: 0;
}
.footer_links ul li a:hover {
  color: #fff;
}
.social_icon_block {
  margin-top: 4px;
}
.social_icon_block ul li {
  display: inline-block;
}
.social_icon_block ul li a {
  display: inline-block;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  border: 1px solid #9a9999;
  background: none;
  color: #9a9999;
  text-align: center;
  font-size: 18px;
  padding-top: 4px;
  margin-right: 3px;
}
.social_icon_block ul li a .fa {
  position: relative;
  line-height: 27px;
}
.social_icon_block ul li .facebook:hover {
  background: #3b5998;
  border-color: #3b5998;
  color: #fff;
}
.social_icon_block ul li .twitter:hover {
  background: #0c88d5;
  border-color: #0c88d5;
  color: #fff;
}
.social_icon_block ul li .instagram:hover {
  background: #ffd800; /* Old browsers */
  background: -moz-linear-gradient(
    45deg,
    #ffd800 0%,
    #dd1a44 50%,
    #8e44bf 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    45deg,
    #ffd800 0%,
    #dd1a44 50%,
    #8e44bf 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    45deg,
    #ffd800 0%,
    #dd1a44 50%,
    #8e44bf 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd800', endColorstr='#8e44bf',GradientType=1 );
  border-color: #e54734;
  color: #fff;
}
.social_icon_block ul li .pinterest:hover {
  background: #c8232c;
  border-color: #c8232c;
  color: #fff;
}
.social_icon_block ul li .google:hover {
  background: #cc3333;
  border-color: #cc3333;
  color: #fff;
}
.social_icon_block ul li .linkedin:hover {
  background: #0077b4;
  border-color: #0077b4;
  color: #fff;
}
.footer_heading {
  color: #fff;
  font-size: 18px;
  line-height: 20px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  margin-bottom: 23px;
}
.footer_heading span {
  height: 2px;
  width: 20px;
  background: #fff;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.confooer-leftIcon {
  display: block;
  float: left;
  font-size: 18px;
}
.confooer-rightText {
  display: block;
  margin-left: 25px;
}
.foote-emailLinks ul li {
  color: #74797f;
  font-size: 15px;
  line-height: 22px;
}
.foote-emailLinks ul li a {
  margin-bottom: 19px;
}
.footer_links.main_link ul li a i {
  font-size: 8px;
  top: 5px;
}
.footer_links.main_link ul li a {
  padding-left: 0px;
}
.footer_links.main_link ul li a span {
  position: absolute;
  top: 10px;
  left: 0;
  height: 2px;
  width: 8px;
  display: block;
  background: #a7a7a7;
}
.footer_links.main_link ul li a:hover span {
  background: #00b4ff;
}
.Letest_post_block {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #3a3a3a;
}
.Letest_img {
  display: block;
  height: 60px;
  width: 60px;
  overflow: hidden;
  float: left;
}
.Letest_post_block .foot_phara {
  margin: 0 0 0 75px;
}
.Letest_post_block.late_end {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.footer_links.opening ul li a {
  padding-left: 0;
  padding-bottom: 6px;
  border-bottom: 1px solid #3a3a3a;
}
.newslett-Footer {
  position: relative;
  margin-bottom: 40px;
}
.newslett-Footer input {
  border-radius: 30px;
  border: 1px solid #9a9999;
  padding: 0 42px 0 20px;
  color: #fff !important;
  background: none;
  height: 40px;
  width: 100%;
  font-size: 15px;
}
.newslett-Footer button {
  position: absolute;
  top: 4px;
  right: 4px;
  border-radius: 50%;
  color: #272727;
  text-align: center;
  height: 32px;
  width: 32px;
  background: #9a9999;
  font-size: 15px;
  border: none;
  padding: 0;
}
.newslett-Footer button:hover {
  background: #fff;
}
.newslett-Footer input::placeholder {
  color: #9a9999 !important;
  opacity: 1 !important;
}
.copyright_block {
  padding: 23px 0 19px;
  background: #0f0f0f;
  position: relative;
  opacity: 0.8;
}
.copyright_text {
  font-size: 14px;
  color: #9b9da0;
  line-height: 19px;
}
.copyright_text a {
  font-size: 14px;
  color: #9b9da0;
  line-height: 19px;
}
.copyright_text span {
  display: inline-block;
  margin: 0 6px;
}
.copyright_text a.active {
  color: #fff;
}
.copyright_text a:hover {
  color: #fff;
}
.copy-side-righ {
  float: right;
}
.cd-top.cd-is-visible {
  opacity: 1;
  visibility: visible;
}
.cd-top {
  color: #fff;
  border-radius: 2px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  display: inline-block;
  height: 45px;
  width: 45px;
  opacity: 0;
  outline: medium none;
  overflow: hidden;
  position: fixed;
  right: 8px;
  bottom: 44px;
  transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s;
  visibility: hidden;
  white-space: nowrap;
  z-index: 99;
  text-align: center;
  font-size: 38px;
  line-height: 40px;
  background: #fb236a;
}
.cd-top:hover {
  color: #0a0b0c;
}
/*footer css end here*/

/* Mobile solutions page css start here */
.blank-div {
  height: 81px;
}
.page-head-block {
  padding: 20px 0;
  background: #0a66f2;
  background: -moz-linear-gradient(45deg, #0a66f2 0%, #f36 100%);
  background: -webkit-linear-gradient(45deg, #0a66f2 0%, #f36 100%);
  background: linear-gradient(45deg, #0a66f2 0%, #f36 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a66f2', endColorstr='#ff3366',GradientType=1 );
}
.page-head-block h1 {
  margin: 0;
  color: #fff;
  text-align: center;
  font-size: 27px;
  line-height: 40px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
.mobile-solution-wrapper {
  padding: 30px 0 50px;
}
.supraCouldMain .section-title-block h1{
  margin-top: 10px !important;
}
.EmbraceCloudMain .section-title-block h1{
  margin-top: 10px !important;
}
.mobile-solution-wrapper .container,
.supraCouldMain .container,
.EmbraceCloudMain .container {
  position: relative;
}

.inndataOpac {
  background: rgba(255, 255, 255, 0.8);
  display: block;
  position: relative;
  z-index: 1;
  padding: 20px;
  box-shadow: 0 0 25px 0 rgba(0, 49, 84, 0.09);
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 49, 84, 0.09);
}
.inndataOpac:after {
  height: 8px;
  width: 208px;
  content: "";
  top: -8px;
  left: auto;
  right: -8px;
  position: absolute;
  background: #dfe3e7;
}
.inndataOpac:before {
  height: 200px;
  width: 8px;
  content: "";
  top: 0;
  left: auto;
  right: -8px;
  position: absolute;
  background: #dfe3e7;
}
/* .mobile-solution-wrapper .inndataOpac .col-sm-5.col-md-4.col-lg-4 { border-left:1px solid #ddd;} */
.mobile-solution-wrapper .inndataOpac .col-sm-7.col-md-8.col-lg-8 {
  border-right: 1px solid #ddd;
  margin-right: -1px;
}
.mobile-solution-wrapper
  .inndataOpac
  .about-bottomContent
  .col-sm-5.col-md-4.col-lg-4 {
  border-left: 0px none;
}
.mobile-solution-wrapper
  .inndataOpac
  .about-bottomContent
  .col-sm-7.col-md-8.col-lg-8 {
  border-right: 0px none;
  margin-right: 0;
}
.collapse.navbar-collapse {
}
.mobile-solution-wrapper .container:after,
.supraCouldMain .container:after,
.EmbraceCloudMain .container:after {
  height: 250px;
  width: 200px;
  content: "";
  top: -41px;
  left: -70px;
  position: absolute;
  background: url(../images/dottBg.png) no-repeat left top;
  opacity: 0.81;
}
.mobile-solution-wrapper .container:before,
.supraCouldMain .container:before,
.EmbraceCloudMain .container:before {
  height: 250px;
  width: 200px;
  content: "";
  bottom: -47px;
  right: -70px;
  position: absolute;
  background: url(../images/dottBg.png) no-repeat left top;
  opacity: 0.81;
}
.commo-conte-wrappi {
  margin-bottom: 20px;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 18px;
}
.mobi-servi-right .commo-conte-wrappi {
  border-bottom: 0px none !important;
  padding-bottom: 0px !important;
}
.commo-conte-wrappi .section-title-block {
  text-align: left;
}
.commo-conte-wrappi .section-title-block h1 {
  font-size: 24px;
  line-height: 33px;
  margin: -3px 0 16px;
  padding-bottom: 16px;
}
.commo-conte-wrappi .section-title-block h1:before {
  height: 3px;
  width: 55px;
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  background: #fb236a;
}

.commo-conte-wrappi .section-title-block h1.mainservHead {
  margin-top: 70px;
}

.subList {
  margin-left: 18px !important;
}
.intra .subList {
  margin-left: 0px !important;
}
.intra .mobi-serviLI-head {
  padding-left: 0px !important;
  font-size: 22px;
  color: #fb236a !important;
  margin: 20px 0 10px;
}
.intra .mobi-serviLI-head .mobi-serviSmall {
  display: none;
}
.sub-subList {
  margin-left: 35px !important;
}
.subList .mobi-serviSmall.subBullet {
  color: #1f262d;
}
.sub-subList .mobi-serviSmall.sub-subBullet {
  color: #8e969e;
}
.intra .subList .mobi-serviSmall {
  color: #1e2d88 !important;
}
.showSubNav:hover + .dropdown-menu {
  display: block;
}
.dropdown-menu:hover {
  display: block;
}
.solutionsInnerServices a {
  display: block;
  text-align: left;
  position: relative;
  padding-left: 100px;
  padding-top: 7px;
}
.solutionsInnerServices a .everything-circle {
  position: absolute;
  left: 0;
  top: 0;
  color: #64646b;
  border: 3px solid #fff;
  font-size: 38px;
  padding-top: 12px;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  box-shadow: 0 0 15px 0 rgba(0, 49, 84, 0.12);
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 49, 84, 0.12);
  background: #fff;
}
.sideHead {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  margin: 0 0 17px;
  color: #1e2d88;
  line-height: 24px;
  font-size: 25px;
}
.bussChallenge li {
  font-size: 15px !important;
  padding: 0 0 15px;
  margin-bottom: 13px;
  background: #fff;
  border-bottom: 1px dashed #ccc;
  color: #1b2027;
}
.solutionsInnerServices {
  min-height: 90px;
  margin-top: 25px;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.servRow {
  margin-bottom: 5px;
}
.servRow .common-content {
  line-height: 20px;
}
.servRow .small-header {
  font-size: 20.5px;
  color: #fb236a;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.solutionsInnerServices:hover .small-header {
  font-size: 20.5px;
  color: #1e2d88;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.solutionsInnerServices:hover a .everything-circle {
  color: #1e2d88;
  border: 3px solid #1e2d88;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.successParaBott {
  text-align: left;
  margin-bottom: 20px;
}
.mobi-servi-listBlock ul li {
  font-size: 15px;
  position: relative;
  line-height: 24px;
  color: #38424e;
  padding-left: 16px;
  margin-bottom: 4px;
}
.mobi-servi-listBlock ul li b,
.mobi-servi-listBlock ul li strong {
  color: #1e2631;
}
.mobi-serviSmall {
  position: absolute;
  top: 7px;
  left: 0;
  color: #fb236a;
  font-size: 8px;
}
.mobi-servi-listBlock ul .mobi-serviLI-head {
  margin-left: 0;
  font-weight: 500;
  color: #1e2d88;
}
.mobi-serviLI-head .mobi-serviSmall {
  font-size: 9px;
  top: 0px;
  color: #1e2d88;
}
.commo-conte-wrappi .supra-btn-block {
  margin-top: 15px;
}
.mobi-servi-right {
  background: #fff;
  padding: 0 0px 0 5px;
  margin-bottom: 0;
}
.mobi-servRight-img {
  border: 1px solid #ddd;
  height: 75px;
  width: 75px;
  float: left;
  margin-right: 15px;
  margin-bottom: 5px;
  display: block;
  margin-top: 5px;
  text-align: center;
}
.mobi-servi-right .mobi-servRight-text {
  margin-right: 0;
  display: block;
}
.mobi-servi-right ul li {
  margin-top: 10px;
}
.mobi-servi-right ul li .common-content {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 24px;
}
.mobi-servi-right ul li .commo-conte-wrappi .section-title-block h1 {
  line-height: 28px;
  margin: 0px 0 0;
  font-size: 23px;
  padding-bottom: 7px !important;
}
h1.redHead {
  color: #fb236a !important;
}
h1.redHead:before {
  background: #1e2d88 !important;
}
.mobi-servi-right .commo-conte-wrappi {
  margin-bottom: 0px !important;
}
.mobi-servi-right ul li .commo-conte-wrappi .section-title-block h1:before {
  display: none;
}
.mobi-servi-right ul li .commo-conte-wrappi {
  margin-bottom: 0;
}
.mobi-servi-right ul .mobi-servRight-line {
  width: 100%;
  height: 1px;
  background: #d5d5d5;
  display: block;
  margin: 20px 0 17px;
}
.mobi-Lagimg-right {
  float: none;
  margin: 12px 0 15px;
  height: auto;
  width: 100%;
  background: #000;
  overflow: hidden;
  text-align: center;
}
.lastServi-right {
  position: relative;
  z-index: 1;
}
.lastServi-right .mobi-servRight-text {
  margin: 0;
}
.mobi-servi-img {
  text-align: center;
}
.experties-list ul {
  margin: 10px 0 0;
  float: left;
  width: 100%;
}
.experties-list ul li {
  float: left;
  width: 20%;
  text-align: center;
  min-height: 147px;
  padding: 15px 5px;
}
.experties-list ul li span {
  display: inline-block;
  padding: 10px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 15px 0 rgba(0, 49, 84, 0.12);
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 49, 84, 0.12);
}
.expSlider {
  padding-bottom: 1px !important;
}
.expSlider .experties-list ul li {
  padding-bottom: 0px !important;
  padding-top: 5px !important;
}
.expSliderLogo {
  background: #f3f3f6;
  display: inline-block;
  width: 50%;
  float: left;
  margin-top: 15px;
  text-align: center;
}
.expSlide .col-xs-4 {
  padding: 0px;
}
.expSliderLogo img {
  width: auto !important;
  height: auto !important;
  display: inline-block;
  margin-top: 7px;
}
.expSliderLogo h3 {
  font-size: 17px;
  margin-top: 17px;
}
.expSliderLogo h3.sm-exp-head {
  font-size: 11px !important;
}
.expSliderLogo span {
  background: #fff;
  border-radius: 4px;
  width: 80px;
  height: 80px;
  display: inline-block;
}
#expSlideMain .section-title-block span:before {
  bottom: -5px !important;
}
.carousel-control-prev,
.carousel-control-next {
  background-color: #1e2d88 !important;
  border-radius: 4px;
  width: 50px !important;
  height: 50px !important;
  text-align: center;
}
.mobilePop .modal-dialog {
  width: 385px;
  max-width: 385px;
  height: 752px;
  background: url(../images/mobile.png) no-repeat left top;
  background-size: 100%;
  margin-top: 35px;
}
.mobilePop .modal-dialog .modal-content {
  padding: 55px 21px 30px;
  border: 0px none;
  background: none;
  position: relative;
  height: 100%;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;
}
.mobilePop .modal-dialog .modal-content .modal-header,
.mobilePop .modal-dialog .modal-content .modal-footer {
  text-align: center;
  border: 0px none;
}
.mobilePop .modal-dialog .modal-content h4 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 25px;
  float: left;
  width: 100%;
  padding-bottom: 0px; /*border-bottom: 1px dotted #A4A4A4;*/
  color: #1e2d88;
}
.mobilePop .modal-dialog .modal-content .modal-header {
  display: block;
  position: relative;
  padding-bottom: 0px;
  padding-top: 4px;
}
.mobilePop .modal-dialog .modal-content .modal-header .close {
  position: absolute;
  right: 16px;
  top: -31px;
  font-size: 24px;
}
.myInput {
  display: block;
  width: 100%;
  padding: 9px 13px;
  border: 1px solid #e0e2e6;
  border-radius: 4px;
  color: #747f8f !important;
}
.mobilePop .modal-dialog .myInput {
  margin-bottom: 13px;
}
.mobilePop .modal-dialog .modal-content .btn {
  width: 100%;
  display: block;
  background: #fb236a;
}
.carousel-control-prev:hover,
.carousel-control-next:hover {
  background: #fb236a !important;
}
.popBott {
  color: #fff;
  padding: 0 15px;
  border-radius: 3px;
  height: 43px;
  line-height: 41px;
  font-size: 17px;
  text-align: center;
  border: 0px none;
}
.popBott:hover {
  color: #fff !important;
  background: #1e2d88 !important;
  border: 0px none;
}

.mobilePop .modal-dialog .modal-content .btn.btnSpace {
  margin-top: 12px;
}
.mobilePop .modal-dialog .myInput.myTextArea {
  resize: none;
  height: 110px !important;
}
.experties-list ul li h3 {
  margin: 11px 0 0;
  white-space: nowrap;
  display: block;
  color: #000;
  font-size: 15px;
  line-height: 18px;
  width: 100%;
}
.experties-list ul li img {
  opacity: 1;
}

.experties-list ul .clousLI-1 h3 {
  font-size: 9px;
  line-height: 10px;
}
.serviceImg {
  float: right;
  width: 55%;
  padding-left: 20px;
}
.serviceImg.miniServ {
  width: 42%;
  margin-top: -57px;
}
.serviceImg img {
  max-width: 100%;
}
.italcPink {
  font-style: italic;
  color: #fb236a;
  margin-bottom: 12px;
  font-size: 15px;
}
.mainServiceImg {
  float: right;
  width: 47%;
  padding-left: 60px;
  padding-right: 40px;
}
.mainServiceImg img {
  max-width: 100%;
}
.mainServiceImg.funnalImg img {
  margin-top: -120px;
  display: inline-block;
}
.timeline {
  padding-left: 70px;
  display: block;
  margin-bottom: 7px;
}
.innerTimeline {
  padding-left: 80px;
  display: block;
}
.innerTimeline .commo-conte-wrappi {
  border-bottom: 0px none !important;
  position: relative;
  background: #f3f3f6;
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 30px;
  position: relative;
}
.innerTimeline .commo-conte-wrappi .timelineCount {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0px;
  left: -130px;
  border-radius: 50%;
  background: #d5d5dc;
  border: 3px solid #fff;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 46px;
  line-height: 92px;
  text-align: center;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-box-shadow: 0 0 10px 5px rgba(7, 7, 50, 0.1);
  box-shadow: 0 0 10px 5px rgba(7, 7, 50, 0.1);
  text-shadow: 1px 1px 1px rgba(7, 7, 50, 0.3);
}
.innerTimeline .commo-conte-wrappi:before {
  height: 100%;
  width: 1px;
  position: absolute;
  content: "";
  top: 0;
  left: -79px;
  border-left: 1px dashed #c3c3c9;
}
.innerTimeline .commo-conte-wrappi:after {
  width: 15px;
  position: absolute;
  content: "";
  bottom: -10px;
  height: 11px;
  left: -86px;
  background: url(../images/blueArrowstep.png) no-repeat center bottom;
}
.innerTimeline .commo-conte-wrappi .timelineCount span {
  line-height: 19px !important;
  font-size: 18px;
  display: block;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  padding-top: 15px;
}
.innerTimeline .commo-conte-wrappi:last-child {
  padding-bottom: 0px;
}
/* Mobile solutions page css end here */
.innerTimeline .arrow-left {
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-right: 15px solid #f3f3f6;
  position: absolute;
  left: -15px;
  top: 25px;
}
.innerTimeline .commo-conte-wrappi:hover .timelineCount {
  border: 3px solid #fff;
  color: #fff;
  background: #fb236a;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.innerTimeline .commo-conte-wrappi:hover:before {
  border-color: #fb236a;
}
.innerTimeline .commo-conte-wrappi:hover:after {
  background: url(../images/pinkArrowstep.png) no-repeat center bottom;
}
.supra-btn-block .supbtnStyle-suup.movButtom {
  margin-left: -141px !important;
  float: left;
}

/* Client page css start here */
.banner-contentBlock.client-sliderMail .carousel-inner .item {
  padding: 0;
  height: 500px;
}
.banner-contentBlock.client-sliderMail .carousel-inner .item:nth-child(1) {
  background-image: url(../images/client-banner-1.jpg);
}
.banner-contentBlock.client-sliderMail .carousel-inner .item:nth-child(2) {
  background-image: url(../images/client-banner-2.jpg);
}
.banner-contentBlock.client-sliderMail .carousel-inner .item:nth-child(3) {
  background-image: url(../images/client-banner-3.jpg);
}
.banner-contentBlock.client-sliderMail .carousel-inner .item:nth-child(4) {
  background-image: url(../images/client-banner-4.jpg);
}
.banner-contentBlock.client-sliderMail .carousel-inner .item:nth-child(5) {
  background-image: url(../images/client-banner-5.jpg);
}
.banner-contentBlock.client-sliderMail .carousel-inner .item:nth-child(6) {
  background-image: url(../images/client-banner-6.jpg);
}
.banner-contentBlock.client-sliderMail .carousel-inner .item::before {
  display: none;
}
.banner-contentBlock.client-sliderMail .carousel-control.left {
  top: 220px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  opacity: 1;
}
.banner-contentBlock.client-sliderMail .carousel-control.right {
  top: 220px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  opacity: 1;
}
.client-catego-wrapp {
  padding: 30px 0 20px;
}
.client-catego-wrapp .everything-circle {
  height: 184px;
  width: 184px;
  background: #fff;
  box-shadow: 0 0 19px 0 rgba(0, 49, 84, 0.17);
  padding: 0;
}
.commomPop .modal-dialog {
  position: absolute;
  width: 1000px !important;
  margin-left: -500px !important;
  left: 50% !important;
  height: 90%;
  top: 5%;
  margin: 0px;
}
.commomPop .modal-dialog .modal-content {
  position: relative;
  height: 100%;
}
.proImg {
  text-align: center;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  height: 100%;
  width: 50%;
  float: left;
  padding: 20px;
  overflow: auto;
}
.proData {
  position: relative;
  height: 100%;
  width: 50%;
  float: right;
  padding: 20px;
  overflow: auto;
}
.commomPop button.close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 99;
}
.proData h2 {
  margin: 0 0 8px;
  font-size: 24px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #1e2d88;
}
.proData a {
  display: block;
  color: #fb236a;
  margin-bottom: 10px;
}
.noBorderTop.client-catego-wrapp {
  border: 0px none;
}
.client-catego-wrapp {
  border-top: 1px dashed #ccc;
}
.client-catego-wrapp .everything-circle img {
  border-radius: 50%;
  padding: 6px;
}
.client-catego-wrapp .section-title-block span {
  margin: 0 auto 38px;
}
.client-catego-wrapp .common-content {
  overflow: hidden;
  height: auto;
  margin-bottom: 15px;
}
.client-catego-wrapp .col-md-4 .everything-needInner .common-content {
  text-align: justify;
}
/* Client page css end here */

/* input css start here */
.input_label {
  color: #18191b;
  font-size: 15px;
  line-height: 16px;
  margin-bottom: 7px;
}
.input_label span {
  color: red;
  font-size: 14px;
}
.input_box_style {
  margin-bottom: 15px;
  position: relative;
}
.input_box_style input {
  height: 38px;
  border-radius: 3px;
  color: #000000;
  font-size: 14px;
  padding: 0 14px;
  border: 1px solid #d7d7d7;
  width: 100%;
  background-color: #fff;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}
.input_box_style select {
  height: 35px;
  border-radius: 3px;
  color: #000000;
  font-size: 14px;
  padding: 0 10px;
  border: 1px solid #d7d7d7;
  width: 100%;
  background-color: #fff;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}
.input_box_style textarea {
  height: 100px;
  border-radius: 3px;
  color: #000000;
  font-size: 14px;
  padding: 11px 14px 0;
  border: 1px solid #d7d7d7;
  width: 100%;
  background-color: #fff;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}
/* input css end here */

/* Contact us page css start here */
.common-page-banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  position: relative;
  background-image: url(../images/contact-banner-bg.jpg);
  height: 400px;
  border-bottom: 1px solid #dbdbdb;
}
.common-page-banner:before {
  height: 100%;
  width: 100%;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.common-page-Headbanner {
  position: relative;
  text-align: center;
}
.common-page-Headbanner h1 {
  color: #fff;
  font-size: 60px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  margin: 142px 0 0;
  text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
}
.contat-wrapper {
  padding: 0;
}
.dreamSqure.innerDream {
  position: relative;
  width: 100%;
  z-index: 1;
  min-height: 200px;
  padding-bottom: 35px;
}
.contact_email_wrapp {
  padding: 50px 0 20px;
  background: #f3f3f6;
  margin-top: 73px;
}
.contact_email_inner {
  margin-bottom: 25px;
}
.contact_email_inner .circle_con {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background: #fff;
  text-align: center;
  margin: 0 auto 15px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  display: block;
  color: #fb236a;
  margin-bottom: 13px;
  font-size: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact_email_inner .circle_con .fa {
  line-height: 46px;
}
.contact_email_inner a:hover {
  color: #fff;
  background: #fb236a;
}
.contact_email_inner .research_head {
  display: block;
  text-align: center;
  font-size: 18.5px;
  line-height: 26px;
  color: #272727;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
.conta_email a {
  display: block;
  color: #2d2d2d;
  margin-top: 5px;
  word-break: break-all;
  line-height: 20px;
  text-align: center;
  font-size: 15px;
}
.conta_email a:hover {
  color: #fb236a;
  background: none;
}
.contact_email_inner .sub_text {
  text-align: center;
  line-height: 20px;
  margin-top: 5px;
  font-size: 15px;
  color: #2d2d2d;
}
.map-section-contact {
  height: 455px;
}
.map-section-contact iframe {
  width: 100%;
  height: 100%;
  border: none;
  border: 0;
}
.contat-wrapper .supra-btn-block {
  text-align: center;
}
.bottomSpc {
  margin-bottom: 20px !important;
  padding-bottom: 22px;
  border-bottom: 1px dashed #ccc;
}
.successLi li {
  margin-bottom: 10px !important;
  padding-right: 5px;
  display: block;
  padding-left: 100px !important;
  position: relative;
}
.successLi li span {
  text-align: center;
  line-height: 78px;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 78px;
  height: 78px;
  background: #fb236a;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 32px;
  border-radius: 50%;
}
.successLi li em {
  padding-right: 32px;
  border-radius: 3px;
  padding: 15px;
  font-style: normal;
  background: #f3f3f6;
  display: block;
  position: relative;
  padding-right: 49px !important;
}
.successLi li em .arrow-left {
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-right: 15px solid #f3f3f6;
  position: absolute;
  margin-top: -13px;
  left: -11px;
  top: 50%;
}

/* Contact us page css end here */

/* About us page css start here */
.common-page-wrapper {
  min-height: 650px;
}
.aboutBnn {
  background-image: url(../images/client-banner-2.jpg);
}
.aboutUs-wrapper {
  padding: 50px 0 0;
}
.about-content-block {
  margin-bottom: 30px;
}
.about-content-block .section-title-block {
  text-align: left;
}
.about-content-block .common-content {
  margin: 0;
  max-width: 100%;
}
.about-menbers-block {
  margin: 23px 0 20px;
}
.about-menbers-block ul {
  float: left;
  width: 100%;
  border-top: dashed 1px #ccc;
}
.about-menbers-block ul li {
  float: left;
  width: 33.33%;
  border-bottom: dashed 1px #ccc;
  border-right: dashed 1px #ccc;
}
.about-menbers-block ul li:nth-child(1),
.about-menbers-block ul li:nth-child(4) {
  border-left: dashed 1px #ccc;
}
.about-menbers-block ul li h2 {
  font-size: 20px;
  color: #1e2d88;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}
.about-menbers-block ul li a {
  float: left;
  width: 100%;
  overflow: hidden;
  text-align: center;
  padding: 27px 10px 16px;
  color: #4a5766;
  font-size: 16px;
}
.about-menbers-block ul li a span {
  display: block;
  min-height: 85px;
}
.about-bottomContent {
  margin-bottom: 30px;
  padding-top: 30px;
  border-top: 1px dashed #ccc;
}
.about-bottomContent:last-child {
  margin-bottom: 15px;
}
.about-bottomText {
  text-align: left;
}
.about-bottomText .section-title-block {
  text-align: left;
}
.about-bottomText .common-content {
  margin: 0 0 10px;
}
.about-Linked .aboutInner-din {
  padding: 0 5px 0 10px;
  border: 1px solid #0077b4;
  height: 35px;
  display: table-cell;
  border-radius: 3px;
  line-height: 33px;
  color: #fff;
  font-size: 14px;
  background: #0077b4;
  vertical-align: middle;
}
.about-Linked .aboutInner-din span {
  font-size: 26px;
  display: inline-block;
  vertical-align: middle;
  height: 27px;
  margin-top: -9px;
  margin-left: 4px;
}
.about-Linked .aboutInner-din:hover {
  background: #00527b;
}

/*4 Nov*/
#mainWrapper {
  display: block;
  overflow: hidden;
}
.rightFloat {
  float: right;
}
.dreamSection {
  float: left;
  width: 100%;
  margin-bottom: 0px;
}
.clear {
  clear: both;
}
.dreamInn {
  position: relative;
  z-index: 1;
  float: left;
  width: 50%;
}
.dreamSqure {
  min-height: 515px;
  position: relative;
  background: #fff;
  padding: 25px 25px 5px;
  display: inline-block;
  width: 97.3%;
  -webkit-box-shadow: 0 0 25px 0px rgba(0, 49, 84, 0.09);
  box-shadow: 0 0 25px 0px rgba(0, 49, 84, 0.09);
}
.dreamSqure:before {
  height: 200px;
  width: 8px;
  content: "";
  bottom: 0;
  left: -8px;
  position: absolute;
  background: #dfe3e7;
}
.dreamSqure:after {
  height: 8px;
  width: 208px;
  content: "";
  bottom: -8px;
  left: -8px;
  position: absolute;
  background: #dfe3e7;
}
.dreamInn.dreamInnFull {
  width: 100% !important;
  margin-bottom: 55px;
}
.dreamInn.dreamInnFull .dreamSqure {
  width: 100% !important;
  padding-bottom: 25px !important;
  min-height: auto !important;
}
.dreamSqure.innerDream:before {
  height: 200px;
  width: 8px;
  content: "";
  top: 0;
  bottom: auto;
  left: auto;
  right: -8px;
  position: absolute;
  background: #dfe3e7;
}
.dreamSqure.innerDream:after {
  height: 8px;
  width: 208px;
  content: "";
  bottom: auto;
  top: -8px;
  left: auto;
  right: -8px;
  position: absolute;
  background: #dfe3e7;
}
.solvingPeace {
  float: left;
  width: 100%;
  padding: 0;
  background: #f3f3f6;
}
.solvingPeace .dreamSqure {
  width: 100% !important ;
  background: rgba(255, 255, 255, 0.93);
}
.solvingPeace .dreamSqure.rightFloat:before {
  background: #c9ccd0;
}
.solvingPeace .dreamSqure.rightFloat:after {
  background: #c9ccd0;
}
.solveLeft {
  float: left;
  width: 100%;
}
.solveRight {
  float: right;
  width: 50%;
  background: url(../images/slider-bg-internetSolutions.jpg) no-repeat right top;
  padding: 55px 0;
}
.solveRight .container {
  margin-left: -585px;
}
.dreamSqure.rightFloat:before {
  height: 200px;
  width: 8px;
  content: "";
  top: 0;
  left: auto;
  right: -8px;
  position: absolute;
  background: #dfe3e7;
}
.dreamSqure.rightFloat:after {
  height: 8px;
  width: 208px;
  content: "";
  top: -8px;
  left: auto;
  right: -8px;
  position: absolute;
  background: #dfe3e7;
}
h1.boxHead {
  position: relative;
  margin: 0px 0px 14px;
  letter-spacing: 1px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 26px;
  color: #222;
  color: #1e2d88;
  padding-bottom: 17px;
  line-height: 30px !important;
}
h4.boxSubHead {
  color: #fb236a;
  font-weight: 600 !important;
  font-size: 17px; 
  margin-bottom: 15px;
  margin-top: 20px;

}
.experts h1 em.aboutSub {
  font-family: 'Roboto', sans-serif;
  display: block;
  font-size: 20px;
  font-style: normal;
  color: #fb236a;
  margin: 1px 0 1px;
}
h1.boxHead:before {
  height: 4px;
  width: 55px;
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  background: #fb236a;
}
.dottBg {
  position: relative;
  margin-top: 40px;
  padding-top: 20px;
}
.container.dottBg {
  margin-top: 30px;
}
.container.dottBg:after {
  top: -21px !important;
}
.dottBg:before {
  height: 250px;
  width: 200px;
  content: "";
  bottom: -70px;
  right: -70px;
  position: absolute;
  background: url(../images/dottBg.png) no-repeat left top;
  opacity: 0.81;
}
.dottBg:after {
  height: 250px;
  width: 200px;
  content: "";
  top: -30px;
  left: -70px;
  position: absolute;
  background: url(../images/dottBg.png) no-repeat left top;
  opacity: 0.81;
}
.solutionsPageHead {
  display: block;
  width: 100%;
  background-size: cover !important;
  height: 550px;
  margin-bottom: 20px;
}
.solutionsPageHead .slider-text-block {
  margin-top: 155px;
  text-align: left;
  background: rgba(255, 255, 255, 0.2);
  padding: 30px;
}
.webSolution {
  background: url(../images/slider-bg-webSolutions.jpg) no-repeat center center;
}
.mobileSolution {
  background: url(../images/slider-bg-mobileSolutions.jpg) no-repeat center
    center;
}
.cloudSolution {
  background: url(../images/slider-bg-cloudSolutions.jpg) no-repeat center
    center;
    /* background: url(../images/cloud-computingBg.jpg) no-repeat center
    center; */
}
.testingSolution {
  background: url(../images/slider-bg-testingSolutions.jpg) no-repeat center
    center;
}
.intranetSolution {
  background: url(../images/slider-bg-internetSolutions.jpg) no-repeat center
    center;
}
.itSolution {
  background: url(../images/slider-bg-IT-resources.jpg) no-repeat center center;
}
.contHead {
  background: url(../images/contact-banner-bg.jpg) no-repeat center center;
}
.clientHead {
  background: url(../images/client-banner-bg.jpg) no-repeat center center;
}
.aboutHead {
  background: url(../images/about-banner-bg.jpg) no-repeat center center;
}
/* About us page css end here */
.featuredCleintSection {
  display: block;
  float: left;
  width: 100%;
  background: #f3f3f6;
  margin-top: 50px;
  padding-top: 40px;
}
.opacCentSPc {
  margin-bottom: 11px !important;
}
.featuredCleintSection .supra-btn-block .supbtnStyle-suup {
  background: #bfc1c3;
  border-color: #bfc1c3;
}
.mobile-solution-wrapper .featuredCleintSection .container:after {
  display: none;
}
.mobile-solution-wrapper .featuredCleintSection .container:before {
  display: none;
}
.overlapDiv {
  position: relative;
  z-index: 1;
  display: block;
}
.featuredCleintSection .row .col-md-3 {
  color: #252626;
  width: 20% !important;
  text-align: center;
  padding: 0 0 50px;
  cursor: pointer;
}
.featuredCleintSection .row .col-md-3 .everything-circle {
  cursor: pointer !important;
  padding-top: 0px !important;
  margin: 10px auto 25px;
  height: 125px;
  width: 125px;
  box-shadow: 0 0 19px 0 rgba(0, 49, 64, 0.15);
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.featuredCleintSection .row .col-md-3 .everything-circle img {
  padding: 5px;
  border-radius: 50%;
}
.featuredCleintSection .row .col-md-3 h5 {
  color: #252626;
  padding: 0 20px;
  line-height: 20px;
  margin: 13px 0 25px;
}
.featuredCleintSection .row .col-md-3 h4 {
  color: #1e2d88;
  font-size: 21px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}
.mobile-solution-wrapper .container.noImgAfter:after {
  top: 10px !important;
}
.featuredCleintSection .row .col-md-3:hover h5 {
  color: #000;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.featuredCleintSection .row .col-md-3:hover .supbtnStyle-suup {
  background: #fb236a;
  border-color: #fb236a;
}
.featuredCleintSection .row .col-md-3:hover h4 {
  color: #fb236a;
}
.featuredCleintSection .row .col-md-3:hover .everything-circle {
  box-shadow: 0 0 19px 0 rgba(0, 49, 64, 0.25);
}
.featuredCleintSection .row .col-md-3:hover .everything-circle img {
  padding: 0px;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.leaderShip {
  color: #111;
  margin-bottom: -5px;
  display: block;
}
.experts h1 {
  color: #1e2d88;
  font-size: 27px;
  line-height: 30px;
  margin: -3px 0 3px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
.mobilePop .modal-dialog .myInput {
  margin-bottom: 10px;
  font-size: 15px;
}

/* Client page css changes 16-11-2019 start here */
.mobile-solution-wrapper.clintFor {
  padding: 30px 0 10px !important;
}
/* Client page css changes 16-11-2019 end here */

/* SUCCESS CUSTOMER */
.successPDF {
  float: left;
  width: 98%;
  min-height: 300px;
  margin-left: 1%;
  border: 1px solid #ddd;
  margin-top: 12px;
  padding: 15px;
  background: #fff;
  margin-bottom: 20px !important;
}
.successPDF h4 {
  float: right;
  font-size: 25px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #1e2d88;
  padding: 10px 4px 20px 20px;
  margin: 0px;
  border-radius: 4px 4px 0 0;
  border-bottom: 1px dashed #fff;
}
.successLogo {
  float: left;
  margin-bottom: 10px;
  margin-top: -5px;
}
.successHeadSub {
  background: #1e2d88;
  margin-bottom: 20px;
  border-radius: 4px;
  float: left;
  width: 100%;
  text-align: center;
  padding: 15px 0;
}
.successHeadSub h5 {
  display: inline-block;
  background: #fff;
  color: #111;
  padding: 13px 25px;
  font-size: 20px;
  border-radius: 4px;
  margin-right: 30px;
  position: relative;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #fb236a;
  margin-top: 0px;
  margin-bottom: 0px;
  vertical-align: middle;
}
.successHeadSub .arrow-right {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 11px solid #fff;
  position: absolute;
  right: -10px;
  top: 50%;
  margin-top: -10px;
}
.successHeadSub span {
  vertical-align: middle;
  width: 38%;
  font-size: 17px;
  text-align: left;
  color: #fff;
  display: inline-block;
}
.succLogo {
  display: inline-block;
  margin-left: 15px;
  width: 60px;
}
.succLogo img {
  max-width: 100%;
  height: auto;
  border-radius: 3px;
}
.successHeadSub .dealSize {
  vertical-align: middle;
  width: 180px;
  margin-left: 20px;
  font-size: 21px;
  color: #000;
  display: inline-block;
  background: #fb236a;
  color: #fff;
  border-radius: 4px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  padding: 8px 15px;
}
.successHeadSub .dealSize em {
  display: block;
  font-size: 13px;
  font-style: normal;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
.custLeft {
  overflow: hidden;
  float: left;
  width: 30%;
  background: #f3f3f6;
  border-radius: 4px;
  margin-bottom: 16px;
  border-bottom: 3px solid #e3e3e6;
}
.custRight {
  float: right;
  width: 70%;
  padding-left: 20px;
}
.custRightInn {
  margin-bottom: 20px;
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
  border-bottom: 3px solid #e3e3e6;
}
.cust-success-head {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  margin: 0px;
  padding: 12px 15px 11px;
  color: #16226f;
  background: #e3e3e6;
  font-size: 19px;
  border-bottom: 1px dashed #1e2d88;
}
.cust-success-ul {
  color: #111;
  font-size: 15px;
  float: left;
  width: 100%;
}
.cust-success-ul li {
  position: relative;
  border-bottom: 1px solid #ddd;
  padding: 9px 15px 9px 30px;
  float: left;
  width: 100%;
}
.cust-success-ul li:last-child {
  border-bottom: 0px none;
}
.cust-success-ul li:after {
  height: 6px;
  width: 6px;
  content: "";
  top: 17px;
  left: 15px;
  border-radius: 2px;
  position: absolute;
  background: #fb236a;
}
.error {
  color: red;
}
.myCapchya {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 14px;
}
.myCapchya #recaptcha {
  width: 303px;
  display: inline-block;
}

/***** exp img slider *****/
#calbiFont.innerPageBannerCustome .owl-item .recent-post .col-sm-4 {
  text-align: right !important;
}
#calbiFont.innerPageBannerCustome .owl-item .recent-post .col-sm-8 .authorName {
  text-align: left !important;
  margin-top: 3px;
}
#calbiFont.innerPageBannerCustome
  .owl-item
  .recent-post
  .col-sm-8
  .authorName
  .tag2 {
  padding-top: 2px;
}

.multi-item-carousel .carousel-inner > .item {
  transition: 500ms ease-in-out left;
}
.multi-item-carousel .carousel-inner .active.left {
  left: -33%;
}
.multi-item-carousel .carousel-inner .active.right {
  left: 33%;
}
.multi-item-carousel .carousel-inner .next {
  left: 33%;
}
.multi-item-carousel .carousel-inner .prev {
  left: -33%;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .multi-item-carousel .carousel-inner > .item {
    transition: 1000ms ease-in-out left;
    transition: 1000ms ease-in-out all;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transform: none !important;
    transform: none !important;
  }
}

/* cess changes on 21Nov start*/
.success-sevices-strip {
  background-color: #f3f3f6;
  margin-top: 0;
  padding: 18px 15px 20px;
  text-align: center;
  border-radius: 4px;
}
.success-sevices-strip ul li {
  margin-bottom: 8px;
  display: inline-block;
  vertical-align: central;
  margin: 0 3px;
  border-radius: 50%;
  padding: 9px;
  border: 1px dashed #fb236a;
  background: #fff;
}

.success-sevices-strip ul li img {
  height: 60px;
  width: 60px;
  border-radius: 50%;
}
h5.successTech {
  display: inline-block;
  background: #fb236a;
  padding: 11px 23px;
  font-size: 18px;
  border-radius: 4px;
  margin-right: 0px;
  position: relative;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #fff;
  margin-top: 0px;
  margin-bottom: 25px;
  vertical-align: middle;
}
h5.successTech .arrow-right {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 11px solid #fb236a;
  position: absolute;
  right: 50%;
  bottom: -8px;
  margin-right: -10px;
}
.justify-content-md-center{
  display: flex;
  justify-content: center;
}
.cloudSolutionsBox{ margin-top: -60px !important;}

/* cess changes on 21Nov end*/

/* New Cloud CSS */
.welContMain{
  width: 100% !important;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  max-width: 890px !important;
}
.welCont1{
  width: 100% !important;
  max-width: 250px !important;
}
.welCont2{
  width: 100% !important;
  text-align: left !important;
}
.successPoweredMain{
  width: 100%;
  float: left;
  background: #081365;
  padding: 50px 0;
  text-align: center;
}
.forWhiteText .section-title-block h1{
  color: #fff;
}
.technoMain{
  margin-bottom: 0 !important;
}
.subTx{
  color: #fff;
}
.forSpace{
  max-width: 800px;
  width: 100%;
  display: inline-block;
}
.cloudeSolMain{
  width: 100%;
  float: left;
  padding: 50px 0;
  background: #F3F3F6;
  text-align: center;
}
.cloudInrMain{
  width: 100%;
  float: left;
  margin-top: 55px;
}
.cloudContDiv{
  width: 100%;
  float: left;
  background: #ffff;
  padding: 20px 15px 15px;
  border-radius: 3px;
  min-height: 290px;
}
.cloudCirclMain{
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  margin-top: -65px;
}
.circlOutLine{
  width: 100px;
  height: 100px;
  border-radius: 100px;
  background: #f3f3f6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.circlInr{
  width: 84px;
  height: 84px;
  background: #fff;
  border-radius: 100px;
  box-shadow: 0px 7px 6px rgba(0,0,0,0.03);
  display: flex;
  align-items: center;
  justify-content: center;
}
.circlInr img{
  width: 40px;
}
.cloudContDiv h2{
  color: #FB246A;
  font-size: 15px;
  font-weight: 600;
  float: left;
  width: 100%;
}
.cloudContDiv p{
  color: #717377;
  font-size: 13px;
  font-weight: 400;
  float: left;
  width: 100%;
}
.supraCouldMain{
  width: 100%;
  float: left;
  padding: 50px 0;
  text-align: center;
  background: #fff;
}
.subtextHeading{
  color: #515151;
}
.supraCouldCont{
  width: 100%;
  margin-top: 30px;
  max-width: 750px;
  display: inline-block;
}
.supColdInner{
  width: 100%;
  float: left;
  position: relative;
  text-align: left;
  padding-left: 80px;
}
.supColdInner h2{
  color: #FB246A;
  font-size: 18px;
  font-weight: 600;
}
.supColdInner p{
  color: #717377;
  font-size: 14px;
}
.couldMarkDiv{
  width: 66px;
  height: 66px;
  border-radius: 100px;
  border: 3px solid #d9d9d9;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.whyCloudSoluMain{
  width: 100%;
  float: left;
}
.whyCloudSoluMain .fun-fact-wrapper .section-title-block span{
  background: transparent;
}
.whyCloudSoluMain .section-title-block span:before{
  background: #fb236a;
}
.whyCloudSoluMain .solutionsInner .everything-circle{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: #fff;
  top: 50%;
  margin-top: -53px;
}
.whyCloudSoluMain .solutionsInner .everything-circle img{
  width: 54px; height: auto;
}
.whyCloudSoluMain .everything-circle{
  color: #061678;
}
.whyCloudSoluInr{
  margin-top: 40px;
  margin-bottom: 20px;
}
.whyCloudSoluMain .solutionsInner .everything-needInner{
  background: #fff;
  min-height: 190px;
}
.whyCloudSoluMain .fun-fact-wrapper .small-header{
  color: #fb236a;
  font-size: 18px !important;
}
.whyCloudSoluMain .fun-fact-wrapper .common-content{
  color: #717377;
  font-size: 14px;
  line-height: 19px;
}
.whyCloudSoluMain .solutions .solutionsInner:after{
  background: #B7B7B7;
}
.whyCloudSoluMain .solutions.solutionsRight:after{
  background: #B7B7B7;
  height: 300px;
  top: 67px;
}

.EmbraceCloudMain{
  width: 100%;
  float: left;
  padding: 50px 0;
  background: #fff;
  text-align: center;
}

.solutionsMain{
  width: 100%;
  float: left;
  padding: 50px 0;
  background: #F3F3F6;
}
.contSubHeading{
  color: #061678;
  font-size: 22px;
  font-weight: 600;
}
.solutionsInr{
  width: 100%;
  float: left;
  margin-top: 15px;
}
.solutionConDiv{
  width: 100%;
  float: left;
  border-radius: 2px;
  background: #fff;
  padding: 20px;
  position: relative;
  min-height: 210px;
}
.solutionConDiv::after{
  content: "";
  position: absolute;
  background: #DEE3E7;
  width: 6px;
  height: 65px;
  top: -6px;
  right: -7px;
}
.solutionConDiv::before{
  content: "";
  position: absolute;
  background: #DEE3E7;
  width: 130px;
  height: 6px;
  top: -6px;
  right: -1px;
}
.solutionConDiv h1{
  color: #FB246A;
  font-size: 18px;
  font-weight: 600;
  margin-top: 0;
}
.solutionConDiv p{
  color: #717377;
  font-size: 14px;
  margin-bottom: 0;
}
.solutionConDiv{
  margin-bottom: 30px;
}

.chooseSupraCloudMain{
  width: 100%;
  float: left;
  background: #081365;
  padding: 50px 0;
  background-image: url(../images/cloud-computingBg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.chooseSupraCloudInr{
  width: 100%;
  float: left;
  margin-top: 30px;
}
.chooseSupraCloudCont{
  width: 100%;
  float: left;
  background: #fff;
  border-radius: 2px;
  padding: 20px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  min-height: 205px;
}
.chooseSupraCloudCont h1{
  font-size: 57px;
  margin-right: 17px;
  margin-top: 0;
  color: #D9D9D9;
  font-weight: 600;
}
.chooseSupraCloudCont h2{
  color: #FB246A;
  font-size: 18px;
  font-weight: 600;
  margin-top: 0;

}
.chooseSupraCloudCont p{
  color: #717377;
  font-size: 14px;
}

.newInnerBanner{
  background: url(../images/cloud-computingBg.jpg) no-repeat center
    center !important;
    background-size: cover !important;
    height: 450px;
}
.newInnerBanner .slider-text-block{
  background: transparent;
  text-align: center;
}
.newInnerBanner .slider-text-block .section-title-block h1{
  color: #fff;
  font-size: 31px;
  text-align: center;
  font-weight: 600 !important;
  line-height: normal;
}
.newInnerBanner .slider-text-block .section-title-block h4{
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}
.newInnerBanner .slider-text-block .common-content.banner-under-tagline{
  text-shadow: none;
  font-size: 24px;
}
.mobile-solutionTopSpace{
  padding-top: 60px;
}

.getingStartedMain{
  width: 100%;
  float: left;
  padding: 50px 0;
  text-align: center;
}
.getStartedBtOut{
  width: 100%;
  float: left;
}
.getStartedBt{
  background: #1E2D88;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  border-radius: 3px;
  padding: 11px 15px;
  width: 100%;
  max-width: 170px;
  display: inline-block;
  margin-top: 20px;
}
.customerSuccessMain {
  width: 100%;
  float: left;
  padding: 50px 0;
  background: #F3F3F6;
}
.customerSuccessInner{
  width: 100%;
  float: left;
  margin-top: 20px;
}
.customerSuccessCont{
  width: 100%;
  float: left;
  background: #fff;
  padding: 28px 28px;
  border-radius: 3px;
  min-height: 232px;
}
.customerSuccessCont .mobi-servRight-img{
  border-radius: 3px;
  height: 54px;
  width: 54px;
  border: 1px solid #eee;
  overflow: hidden;
}
.customerSuccessCont .commo-conte-wrappi .section-title-block h1{
  color: #FB246A;
  font-size: 16px;
  padding: 0;
  margin: 0;
  line-height: 26px;
}
.customerSuccessCont .common-content.nil{
  color: #061678;
  font-size: 12px !important;
  line-height: 17px !important;
  margin-bottom: 11px !important;
  padding-left: 70px;
  font-weight: 600;
  letter-spacing: 1px;
}
.customerSuccessCont .common-content{
  color: #717377;
  font-size: 12px;
  line-height: 17px;
}
.customerSuccessCont .mobi-servRight-text .supra-btn-block .supbtnStyle-suup{
  font-size: 13px;
  padding: 0 20px;
  height: 37px;
  line-height: 34px;
}
.customerSuccessCont .commo-conte-wrappi{
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}
.customerSuccessCont .commo-conte-wrappi .section-title-block h1:before{
  display: none;
}
.myInndataOpac{

}
.myInndataOpac .serviceImg {
  width: 30%;
}

.stepperMain{
  width: 100%;
  float: left;
  padding: 50px 0;
}
.stepper {
  font-family: var(--fnt);
  font-size: var(--fnt-size);
  position: relative;
  counter-reset: step 0;
  width: 100%;
  margin: 2rem 0;
  display: flex;
  flex-flow: row nowrap;
  gap: 0;
  justify-content: space-around;
  align-items: flex-start;
}
.stepper > a .step {
  position: relative;
  counter-increment: step;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  transition: .5s;
  min-width: 114px;
}
.stepper > a .step:hover .step-description{
  color: #FB246A;
}
.stepper > a .step:hover .step-label{
  background-image: url(../images/cloud-ovr.svg);
}
.stepper > a .step::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background: #ffb8cf;
  left: 0;
  bottom: 10px;
}
.stepper > a .step > .step-label {
  position: relative;
  width: 31px;
  height: 27px;
  line-height: 27px;
  background-image: url(../images/cloud.svg);
  background-size: 100%; 
  background-position: center center;
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
  /* border-radius: 50%; */
  margin: 0 auto;
  font-size: 11px;
  font-weight: 600;
}
.stepper > a .step > .step-label::before {
  content: counter(step);
}
.stepper > a .step.active::before {
  background: linear-gradient(to right, var(--bs-pink), var(--bs-gray-200));
}
.stepper > a .step.active > .step-label {
  background: var(--bs-pink);
  color: var(--bs-light);
  font-weight: 500;
}
.stepper > a .step.completed::before {
  background: var(--bs-pink);
}
.stepper > a .step.completed > .step-label {
  background: var(--bs-pink);
  color: var(--bs-light);
}
.stepper > a .step > .step-description {
  font-size: 11px;
  margin-bottom: 10px;
  overflow-wrap: break-word;
  hyphens: auto;
  text-align: center;
  min-height: 40px;
  color: #081365;
  font-weight: 600;
  margin: 0 8px 8px;
}
.stepper > a .step.active > .step-description,
.stepper > a .step.completed > .step-description {
  color: var(--bs-gray-800);
}
.stepper > a .step.active > .step-description {
  font-weight: 700;
}
#section1, #section2, #section3, #section4, #section5, #section6, #section7, #section8, #section9, #section10{
  scroll-margin: 80px;
}
/* End */

.dataEngiContMain{
  text-align: left;
  padding: 50px;
}
.dataEngiContMain .forSpace{
  max-width: initial !important;
  margin-bottom: 20px;
}

.dataEngImgMainCont{
  padding: 50px;
}
.dataEngiImageDiv{
  width: 100%;
  margin-top: 20px;
}
.dataEngiImageDiv img{
  width: 100%;
  max-width: 600px;
}
.dataEngImgMainCont .subtextHeading{
  color: #081365;
  font-size: 15px;
}
.digramOut{
  margin-top: 50px;
  cursor: zoom-in;
  margin-bottom: 20px;
}



/**** LIGHT BOX START HERE ****/

html.lb-disable-scrolling {
  overflow: hidden;
  /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */
  position: fixed;
  height: 100vh;
  width: 100vw;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: fixed;
  top: 0 !important;
  height: 100%;
  left: 0 !important;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  margin-top: 30px !important;
  /* Image border */
  border: 15px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url('https://upload.cc/i1/2019/01/04/j0uwKV.gif') no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
 
.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url('https://upload.cc/i1/2019/01/04/YfFyRb.png') left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url('https://upload.cc/i1/2019/02/11/DBvqcK.png') right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 100%;
  float: left;
  text-align: center;
  line-height: 1.1em; 
  margin-top: 10px; 
  color: #fff; 
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: 500;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #ffffff;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url('https://upload.cc/i1/2019/01/04/JnqEeT.png') top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
 
 

.img-box{
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: auto;
  margin: 0 -15px;
  padding-top: 50px;
}
.img-box a{
   padding:0 15px;
   cursor: zoom-in;
}
.img-box .img{
   
}

/**** LIGHT BOX END HERE ****/





/***************************** RESPONSIVE CSS START HERE *****************************/

@media screen and (max-width: 1400px) {
  .mobilePop .modal-dialog {
    width: 346px;
    max-width: 346px;
    background: #fff;
    height: auto;
    border-radius: 8px;
  }
  .mobilePop .modal-dialog .modal-content {
    padding: 18px 2px 5px;
  }
  .mobilePop .modal-dialog .modal-content h4 {
    padding-bottom: 10px;
    font-size: 19px;
    border-bottom: 1px dotted #a4a4a4;
  }
  .channelLeft .leftgreyCorn {
    line-height: 22px;
  }
  .mobilePop .modal-dialog .modal-content .modal-header .close {
    right: 16px;
    top: -4px;
    font-size: 24px;
  }
  .mobilePop .modal-dialog .modal-content .modal-header {
    padding: 0 20px 0px;
  }
  .myInput {
    padding: 7px 12px;
    border-radius: 4px;
  }
  .mobilePop .modal-dialog .myInput {
    margin-bottom: 10px;
    font-size: 15px;
  }
  .mobilePop .modal-dialog .modal-content .btn.btnSpace {
    margin-top: 10px;
  }
  .mobilePop .modal-dialog .myInput.myTextArea {
    height: 115px;
  }
}

@media all and (max-width: 1199px) {
  /* Supra home page css start here */
  .common-page-wrapper {
    min-height: 400px;
  }
  .successHeadSub {
    padding: 20px 0;
  }
  .successHeadSub h5 {
    font-size: 18px;
    padding: 14px 15px;
    margin-right: 19px;
  }
  .successHeadSub span {
    width: 45%;
    font-size: 15px;
  }
  .successHeadSub .dealSize {
    font-size: 17px;
    padding: 6px 13px;
    width: 165px;
  }
  .cust-success-head {
    font-size: 16px;
    padding: 10px 15px;
  }
  .cust-success-ul li {
    font-size: 15px;
  }
  .commomPop .modal-dialog {
    margin-left: 0 !important;
    max-width: 97% !important;
    left: 1.5% !important;
  }
  .proData {
    padding: 15px 15px 15px 0;
  }
  .proData h2 {
    margin: 0 0 2px;
    font-size: 20px;
  }
  .proData a {
    margin-bottom: 2px;
  }
  .proImg {
    padding: 15px;
  }
  .successPDF h4 {
    font-size: 22px;
    padding: 17px 13px;
  }
  .mobilePop .modal-dialog {
    margin-top: 48px;
  }
  .banner-contentBlock .carousel-control.left {
    left: 10px;
  }
  .banner-contentBlock .carousel-control.right {
    right: 10px;
  }
  .banner-contentBlock .carousel-inner .item {
    padding: 150px 50px 0;
    height: 440px;
  }
  /*.banner-contentBlock{padding: 122px 0 40px}*/
  .banner-contentBlock .carousel-control.left {
    top: 240px;
  }
  .banner-contentBlock .carousel-control.right {
    top: 240px;
  }
  .everything-needInner {
    background-color: rgba(255, 255, 255, 0.2);
    padding: 20px;
    min-height: 214px;
  }
  .banner-contentBlock .carousel-inner .item .innerItem {
    max-width: 970px;
  }
  .video-section-block iframe {
    height: 260px;
  }
  .mainServiceImg.funnalImg img {
    margin-top: 0;
  }
  .mainServiceImg {
    float: right;
    width: 36%;
    padding-left: 30px;
    padding-right: 0px;
  }
  .commo-conte-wrappi .section-title-block h1.mainservHead {
    margin-top: 0;
  }
  .everything-needInner .small-header {
    font-size: 22px !important;
    margin: 4px 0 7px !important;
  }
  .everything-needInner .common-content {
    margin-bottom: 0px !important;
  }
  /* Supra home page css end here */
  /* Client page css start here */
  .banner-contentBlock.client-sliderMail .carousel-inner .item {
    height: 400px;
  }
  .banner-contentBlock.client-sliderMail .carousel-control.left {
    top: 166px;
  }
  .banner-contentBlock.client-sliderMail .carousel-control.right {
    top: 166px;
  }
  /* Client page css end here */
  /* Contact us page css start here */
  .common-page-banner {
    height: 300px;
  }
  .common-page-Headbanner h1 {
    font-size: 45px;
    margin: 118px 0 0;
  }
  /* Contact us page css end here */
  /* Home page css changes 16-11-2019 start here */
  .banner-contentBlock .carousel-inner .item {
    background-position: center center;
    background-size: cover;
    height: 545px;
    padding: 121px 50px 40px;
  }
  .slider-text-block .section-title-block h1 {
    font-size: 38px;
    line-height: 35px;
  }
  .slider-text-block .common-content.banner-under-tagline {
    font-size: 21px;
    line-height: 24px;
  }
  .slider-text-block .section-title-block h4 { 
    font-size: 21px;
  }
  .slider-text-block .common-content {
    font-size: 15px;
    line-height: 20px;
  }
  .banner-last ul li {
    height: 50px;
    width: 50px;
  }
  .banner-last ul li img {
    margin-top: 0px;
  }
  .solveRight .container {
    margin-left: -486px;
  }
  .dreamSqure {
    min-height: 502px;
  }
  .when-experience-flo {
    float: none;
  }
  .solutionsInner .everything-needInner {
    min-height: 132px !important;
  }
  .solutions.solutionsRight::after {
    height: 419px;
    top: 54px;
  }
  .social_icon_block ul li a {
    height: 30px;
    width: 30px;
    font-size: 14px;
    margin-right: 2px;
  }
  .infoGraphic {
    max-height: 390px;
    margin-top: -3px;
  }
  .banner-last ul.serveIcons li .fa {
    font-size: 26px;
    line-height: 42px;
  }
  .banner-last ul.serveIcons li:nth-child(2) .fa {
    font-size: 35px;
    line-height: 46px;
  }
  .banner-contentBlock .carousel-control.right {
    height: 40px;
    width: 40px;
    font-size: 33px;
    top: 286px;
  }
  .banner-contentBlock .carousel-control.left {
    height: 40px;
    width: 40px;
    font-size: 33px;
    top: 286px;
  }
  /* Home page css changes 16-11-2019 end here */
  /* Client page css changes 16-11-2019 start here */
  .solutionsPageHead {
    height: 310px;
    margin-top: 82px;
    background-position: 0px -49px;
  }
  .solutionsPageHead .slider-text-block {
    margin-top: 50px;
  }
  .solutionsPageHead .slider-text-block {
    padding: 9px 0 0 0 !important;
  }
  .featuredCleintSection .row .col-md-3 h4 {
    font-size: 20px;
  }
  .featuredCleintSection .row .col-md-3 h5 {
    margin: 13px 0 15px;
    overflow: hidden;
    height: 41px;
  }
  .client-catego-wrapp .row .col-lg-4 .everything-needInner {
    padding: 25px 20px 30px;
    min-height: 100%;
    margin-bottom: 50px;
  }
  .mobile-solution-wrapper.clintFor {
    padding: 30px 0 0 !important;
  }
  /* Client page css changes 16-11-2019 end here */
  /* About us page css changes 16-11-2019 start here */
  .about-menbers-block ul li a span {
    min-height: 59px;
  }
  .about-menbers-block ul li a span img {
    height: 55px;
  }
  /* About us page css changes 16-11-2019 end here */

  /* cess changes on 21Nov start*/
  .success-sevices-strip ul li img {
    height: 50px;
    width: 50px;
  }
  .success-sevices-strip ul li {
    margin: 0 7px 10px;
  }
  .success-sevices-strip {
    padding: 18px 15px 10px;
  }
  /* cess changes on 21Nov end*/
  .stepperMain{
    display: none;
  }
}

@media all and (max-width: 991px) {
  .container {
    width: 100% !important;
  }
  .img-box { 
    padding-top: 30px;
  }
  .solutionsPageHead .slider-text-block {
    padding: 20px !important;
  }
  /* Navigation css start here */
  .navbar-brand img {
    width: 130px;
  }
  h1.rightHead {
    font-size: 22px;
    line-height: 25px;
  }
  .common-content.nil {
    padding-left: 0px;
  }
  .header-wrapper .navbar {
    padding: 10px 0;
  }
  .header-wrapper.sticky .navbar-brand img {
    width: 130px;
  }
  .header-wrapper .navbar-nav ul li {
    margin: 0 2px;
  }
  .header-wrapper .navbar-nav ul li a {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
    padding: 4px 10px;
  }
  .header-wrapper .navbar-nav ul li a {
    padding: 0 8px !important;
    height: 36px;
    line-height: 33px;
  }
  .header-wrapper .navbar-nav {
    margin-top: 3px;
  }
  .mainServiceImg {
    float: right;
    width: 45%;
  }

  .successPDF h4 {
    font-size: 21px;
    padding: 14px 13px;
  }
  .successHeadSub span {
    width: 100%;
    padding: 20px 15px 15px;
    text-align: center;
  }
  .successHeadSub h5 {
    font-size: 17px;
  }
  .successHeadSub .arrow-right {
    border-bottom: 0px none !important;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    left: 50%;
    right: auto;
    top: auto;
    bottom: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    margin-left: -5px;
  }
  .successHeadSub .dealSize {
    margin-left: 0px;
  }
  .successHeadSub h5 {
    margin-right: 0px !important;
  }
  .custRight {
    width: 100%;
    padding: 0px;
    margin-top: 15px;
  }
  .custLeft {
    width: 100%;
  }
  .proData {
    font-size: 14px;
  }
  .proData h2 {
    font-size: 17px;
  }
  .supraCouldMain .section-title-block h1{
    margin-top: 1px !important;
  }
  .EmbraceCloudMain .section-title-block h1{
    margin-top: 1px !important;
  }
  .customerSuccessCont { 
    padding: 23px 23px; 
    margin-bottom: 20px;
    text-align: center;
  }
  .chooseSupraCloudMain{
    padding-bottom: 15px;
    padding-top: 30px;
  }
  .supraCouldCont { 
    margin-top: 0px;
  }
  .getingStartedMain { 
    padding: 30px 0 35px;
  }
  .EmbraceCloudMain { 
    padding: 30px 0 20px;
  }
  .supraCouldMain { 
    padding: 30px 0 25px 
  }
  .cloudeSolMain { 
    padding: 35px 0;
  }
  .successPoweredMain { 
    padding: 30px 0;
  }
  .underBanner .container div{
    font-size: 14px;
  }
  .underBanner {
    padding: 25px 0 50px;
  }
  .whyCloudSoluMain .solutionsRight .solutionsInner:nth-child(2){
    margin-bottom: 10px !important;
  }
  .chooseSupraCloudInr { 
    margin-top: 15px;
  }
  .solutionsMain { 
    padding: 30px 0 20px;
  }
  .whyCloudSoluMain .fun-fact-wrapper{
    padding-top: 30px !important;
  }
  .supraCouldMain .inndataOpac,
  .EmbraceCloudMain .inndataOpac{
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.00);
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.00);
  padding: 0;
  }
  /* Navigation css end here */

  /* Supra home page css start here */
  .common-page-wrapper {
    min-height: 200px;
  }
  /*.banner-contentBlock{padding: 96px 0 25px}*/
  .banner-contentBlock .carousel-control.left {
    height: 30px;
    width: 30px;
    font-size: 18px;
    top: 217px;
    left: 5px;
    line-height: 36px;
  }
  .banner-contentBlock .carousel-control.right {
    height: 30px;
    width: 30px;
    font-size: 18px;
    top: 217px;
    right: 5px;
    line-height: 36px;
  }
  .banner-contentBlock .carousel-inner .item {
    padding: 93px 30px 0;
    height: 408px;
  }
  .slider-img-block {
    height: 170px;
  }
  .everything-need-wrapper {
    padding: 37px 0 27px;
  }
  .section-title-block h1 {
    font-size: 22px;
    line-height: 30px;
    position: relative;
  }

  .when-experience-wrapper {
    padding: 36px 0 0;
  }
  .section-title-block h2 {
    font-size: 17px;
    line-height: 27px;
  }
  .section-title-block span {
    margin: 0 auto 19px;
    height: 2px;
    width: 55px;
  }
  .section-title-block span::before {
    height: 2px;
    width: 39px;
    top: 5px;
  }
  .when-experience-inner {
    padding: 0 0 30px;
  }
  .company-logo-wrapper {
    padding: 20px 0 20px;
  }
  .fun-fact-wrapper {
    padding: 66px 0 0px;
  }
  .our-founders-wrapper {
    padding: 33px 0 30px;
  }
  .footer_inner_main {
    padding: 30px 0 25px;
  }
  .copyright_block {
    padding: 14px 0 12px;
  }
  .our-foundImg {
    height: 150px;
    overflow: hidden;
    text-align: center;
    width: 150px;
    margin: 0 auto 20px;
    border-radius: 50%;
    border: 3px solid #e6e6e6;
    float: none;
  }
  .our-foundText {
    margin-left: 0;
  }
  .our-foundText h1 {
    font-size: 21px;
    line-height: 20px;
  }
  .our-foundText h3 {
    font-size: 14px;
    line-height: 16px;
  }
  .our-found-textBlock {
    text-align: center;
    z-index: 1;
  }
  .video-section-block iframe {
    height: 200px;
  }
  .everything-circle {
    padding-top: 20px;
    font-size: 31px;
  }
  .mobNeed .everything-circle {
    padding-top: 9px;
    font-size: 45px;
  }
  .everything-needInner {
    min-height: 273px;
  }
  /* Supra home page css end here */

  /* testimonial css start here*/
  #quote-carousel .carousel-control.left {
    left: 192px;
  }
  #quote-carousel .carousel-control.right {
    right: 192px;
  }
  /* testimonial css end here*/

  /* Mobile solutions page css start here */
  .blank-div {
    height: 63px;
  }
  .page-head-block {
    padding: 13px 0;
  }
  .page-head-block h1 {
    font-size: 25px;
    line-height: 36px;
  }
  .mobi-servi-img {
    margin-top: 20px;
  }
  .commo-conte-wrappi {
    margin-bottom: 20px;
  }
  .mobile-solution-wrapper {
    padding: 30px 0 0;
  }
  .mobi-servRight-img {
    float: none;
  }
  .mobi-servi-right ul li {
    margin-top: 0;
  }
  .mobi-servi-right .mobi-servRight-text {
    margin: 10px 0 0;
  }
  .commo-conte-wrappi .section-title-block h1 {
    font-size: 22px;
    line-height: 25px;
  }
  /* Mobile solutions page css end here */

  /*footer css start here*/
  .footer_heading {
    font-size: 21px;
    margin-bottom: 14px;
  }
  .footer_heading span {
    height: 2px;
    width: 15px;
  }
  .footer_links {
    border-top: 1px solid #565656;
    margin-top: 14px;
    padding-top: 14px;
  }
  .footer_heading {
    border-top: 1px solid #565656;
    margin-top: 15px;
    padding-top: 20px;
  }
  .social_icon_block {
    border-top: 1px solid #565656;
    margin-top: 15px;
    padding-top: 20px;
  }
  .footer_links.main_link ul li a {
    margin-bottom: 5px;
  }
  .footer_links ul li a i {
    top: 3px;
  }
  .foot_phara {
    margin-bottom: 0;
  }
  .footer_inner_main {
    padding: 30px 0 24px;
  }
  .newslett-Footer {
    margin-bottom: 23px;
  }
  .mobile-solution-wrapper {
    padding: 30px 0 30px;
  }
  /*footer css end here*/

  /* Client page css start here */
  .banner-contentBlock.client-sliderMail .carousel-inner .item {
    height: 300px;
  }
  .banner-contentBlock.client-sliderMail .carousel-control.left {
    top: 120px;
    left: 20px;
  }
  .banner-contentBlock.client-sliderMail .carousel-control.right {
    top: 120px;
    right: 20px;
  }
  /* Client page css end here */

  /* Contact us page css start here */
  .common-page-Headbanner h1 {
    font-size: 31px;
    margin: 65px 0 0;
  }
  .contat-wrapper {
    padding: 35px 0 0;
  }
  .contact_email_wrapp {
    padding: 30px 0 0px;
    margin-top: 30px;
  }
  .map-section-contact {
    height: 355px;
  }
  .contact_email_inner .circle_con {
    width: 70px;
    height: 70px;
    font-size: 23px;
  }
  /* Contact us page css end here */

  /* About us page css start here */
  .aboutUs-wrapper {
    padding: 33px 0 0;
  }
  .about-content-block {
    margin-bottom: 33px;
  }
  .about-menbers-block {
    margin: 19px 0 0;
  }
  .about-menbers-block ul li a:hover {
    margin-top: 0px !important;
  }
  .about-bottomContent {
    margin-bottom: 25px;
  }
  .about-bottomContent.experts .row .col-sm-4.col-md-3.col-lg-3 {
    width: 100% !important;
    margin-bottom: 15px;
  }
  .about-bottomContent.experts .row .col-sm-8.col-md-9.col-lg-9 {
    width: 100% !important;
  }
  .about-bottomImg {
    height: 100px;
    width: 100px;
    margin: 0;
    border: 1px solid#e6e6e6;
    border-radius: 50%;
    overflow: hidden;
  }
  .about-bottomImg img {
    height: auto;
  }
  .about-bottomText .section-title-block h1 {
    font-size: 21px;
    line-height: 25px;
  }
  /* About us page css end here */

  /* Home page css changes 16-11-2019 start here */
  .infoGraphic {
    display: none;
  }
  .mobi-servi-right ul li .commo-conte-wrappi .section-title-block h1 {
    font-size: 19px;
    padding-bottom: 2px !important;
  }
  .supra-btn-block .supbtnStyle-suup {
    height: 37px;
    line-height: 35px;
    font-size: 14px;
  }
  .common-content.nil {
    font-size: 15px !important;
    line-height: 21px !important;
    margin-bottom: 7px !important;
  }
  .mobi-servi-right ul li .common-content {
    line-height: 22px;
  }
  .slider-text-block .section-title-block h1 {
    font-size: 28px;
    line-height: 17px;
  }
  .slider-text-block .common-content.banner-under-tagline {
    font-size: 17px;
    line-height: 20px;
  }
  .slider-text-block .section-title-block h4 { 
    font-size: 17px;
  }
  .slider-text-block .common-content {
    color: #4f4e4e;
    font-size: 14px;
    line-height: 19px;
    height: 40px;
    overflow: hidden;
  }
  .banner-last ul li {
    height: 40px;
    width: 40px;
  }
  .slider-text-block .supra-btn-block {
    margin-top: 10px;
  }
  .banner-last ul.serveIcons li .fa {
    font-size: 21px;
    line-height: 34px;
  }
  .dottBg::before {
    display: none !important;
  }
  .dottBg::after {
    display: none !important;
  }
  .banner-last ul.serveIcons li:nth-child(2) .fa {
    font-size: 31px;
    line-height: 33px;
  }
  .dreamSqure::before {
    display: none !important;
  }
  .dreamSqure::after {
    display: none !important;
  }
  .solveRight {
    float: none;
    width: 100%;
    background-size: cover;
    padding: 30px 0 0;
  }
  .dreamSqure.rightFloat::before {
    display: none !important;
  }
  .dreamSqure.rightFloat::after {
    display: none !important;
  }
  .solveRight .container {
    margin-left: 0;
  }
  .video-section-block .vidbox::before {
    display: none;
  }
  .video-section-block .vidbox::after {
    display: none;
  }
  .video-section-block {
    background: none;
    margin-bottom: -3px;
    margin-top: 30px;
    padding-bottom: 0;
  }
  .peaceSection::after {
    display: none;
  }
  .solutions.solutionsRight::after {
    display: none;
  }
  .solutions.solutionsRight .solutionsInner::after {
    display: none;
  }
  .solutions .solutionsInner::after {
    display: none;
  }
  .solutionsInner .everything-circle {
    right: 0;
    top: -35px;
    height: 75px;
    width: 75px;
    border: 2px solid #0c1769;
    left: 0;
  }
  .everything-circle {
    padding-top: 18px;
    font-size: 25px;
  }
  .solutions {
    padding-right: 0;
  }
  .mobNeed .everything-circle {
    padding-top: 5px;
    font-size: 42px;
  }
  .solutionsInner .everything-needInner {
    min-height: 100%;
    padding: 50px 20px 21px 20px;
    text-align: center;
  }
  .solutionsInner {
    padding-right: 15px;
    margin-bottom: 64px;
  }
  .everything-needInner .common-content {
    margin-bottom: 0 !important;
  }
  .solutions.solutionsRight .solutionsInner .everything-needInner {
    text-align: center;
    padding: 50px 20px 21px 20px;
  }
  .solutions.solutionsRight {
    padding-left: 15px;
  }
  .solutions.solutionsRight .solutionsInner .everything-circle {
    left: 0;
    right: 0;
  }
  .solutions.solutionsRight .solutionsInner {
    padding-left: 0;
  }
  .fun-fact-wrapper
    .container
    .row
    .solutionsRight
    .solutionsInner:nth-child(3) {
    margin-bottom: 34px;
  }
  .our-foundImg {
    height: 100px;
    width: 100px;
    margin: 0 auto 15px;
    border: 1px solid #e6e6e6;
  }
  .container.dottBg {
    margin-top: -7px;
  }
  .everything-needInner .small-header {
    font-size: 21px !important;
    margin: 4px 0 9px;
  }
  h1.boxHead::before {
    height: 2px;
    bottom: 2px;
  }
  h1.boxHead {
    padding-bottom: 7px;
    font-size: 22px;
  }
  .peaceOut {
    padding: 22px 0 30px;
  }
  .dreamInn {
    width: 100%;
    box-shadow: 0 0 25px 0px rgba(0, 49, 84, 0.09);
    margin-bottom: 30px;
  }
  .dreamSqure {
    min-height: 100%;
    padding: 25px 25px 21px;
  }
  .dreamInn.dreamInnFull {
    margin: 17px 0 30px;
  }

  .footer_inner_main .footer_call:first-child {
    width: 100% !important;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .footer_inner_main .footer_call:nth-child(2) {
    width: 100% !important;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .footer_inner_main .footer_call:nth-child(3) {
    width: 100% !important;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .footer_inner_main .footer_call:nth-child(4) {
    width: 100% !important;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .footer_call h3 {
    border-top: 1px solid #565656;
    margin-top: 15px;
    padding-top: 15px;
  }
  .footer_links {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
  }
  .social_icon_block {
    border-top: none;
    margin-top: 0;
    padding-top: 8px;
  }
  .footer_inner_main .row .footer_call.firtFoot h3 {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
  }
  .footer_call h3 {
    margin: 17px 0 10px;
    font-size: 21px;
  }
  .footer_call h3::before {
    bottom: 2px;
    height: 3px;
  }
  /* Home page css changes 16-11-2019 ens here */

  /* Client page css changes 16-11-2019 start here */
  .solutionsPageHead {
    height: 300px;
  }
  .solutionsPageHead .slider-text-block {
    margin-top: 60px;
  }
  .solutionsPageHead {
    background-position: 0px -69px;
    margin-top: 62px;
  }
  .mobile-solution-wrapper .container::after,
  .supraCouldMain .container::after,
  .EmbraceCloudMain .container::after {
    display: none;
  }
  .inndataOpac::before {
    display: none;
  }
  .inndataOpac::after {
    display: none;
  }
  .mobile-solution-wrapper .container::before,
  .supraCouldMain .container::before,
  .EmbraceCloudMain .container::before{
    display: none;
  }
  .featuredCleintSection .row .col-md-3 {
    width: 33.33% !important;
    float: left;
    padding: 0 0 20px;
  }
  .mobile-solution-wrapper {
    padding: 10px 0 30px;
  }
  .featuredCleintSection {
    padding-top: 24px;
    padding-bottom: 10px;
    margin-top: 30px;
  }
  .featuredCleintSection .row .col-md-3 .everything-circle {
    margin: 10px auto 11px;
    height: 100px;
    width: 100px;
  }
  .our-founders-wrapper {
    padding: 25px 0 30px;
  }
  .client-catego-wrapp .row .col-lg-4 .everything-needInner::before {
    display: none;
  }
  .client-catego-wrapp .row .col-lg-4 .everything-needInner::after {
    display: none;
  }
  .client-catego-wrapp .row .col-lg-4 .everything-needInner {
    margin-bottom: 30px;
  }
  .client-catego-wrapp .everything-circle {
    height: 120px;
    width: 120px;
  }
  .client-catego-wrapp {
    padding: 32px 0 0;
  }
  .client-catego-wrapp .section-title-block h1 {
    margin: -10px 0 -11px !important;
  }
  .client-catego-wrapp.mobileCat .row .col-lg-4 .everything-needInner {
    min-height: 100% !important;
  }
  .client-catego-wrapp.intranetCat .row .col-lg-4 .everything-needInner {
    min-height: 100% !important;
  }
  .client-catego-wrapp .row .col-lg-4 .everything-needInner.lastStaffing {
    margin-bottom: 0;
  }
  .projectPage .everything-circle .projectoverlay {
    padding-top: 35px;
  }
  /* Client page css changes 16-11-2019 end here */

  /* About us page css changes 16-11-2019 start here */
  .about-menbers-block ul li a span {
    min-height: 59px;
  }
  .about-menbers-block ul li a span img {
    height: 55px;
  }
  .experts h1 em.aboutSub {
    font-size: 16px;
  }
  .aboutMin-pp .inndataOpac {
    padding: 20px 20px 6px !important;
  }
  /* About us page css changes 16-11-2019 end here */

  /* Contact us page css changes 16-11-2019 start here */
  .contat-wrapper {
    padding: 0;
  }
  .contat-wrapper .dreamSqure.innerDream {
    padding-bottom: 30px;
  }
  /* Contact us page css changes 16-11-2019 end here */

  #expSlideMain {
    margin-bottom: 0px;
  }
  .expSlide .carousel-control,
  .expSlide .carousel-control {
    width: 30px !important;
    height: 30px !important;
  }
  .multi-item-carousel .carousel-inner > .item {
    transition: 500ms ease-in-out left;
  }
  .multi-item-carousel .carousel-inner .active.left {
    left: -33%;
  }
  .multi-item-carousel .carousel-inner .active.right {
    left: 33%;
  }
  .multi-item-carousel .carousel-inner .next {
    left: 33%;
  }
  .multi-item-carousel .carousel-inner .prev {
    left: -33%;
  }
  .expSlide {
    padding: 0 34px !important;
  }
  .expSliderLogo span {
    width: 60px;
    height: 60px;
    display: inline-block;
    padding: 5px;
  }
  .expSliderLogo img {
    margin-top: 0px;
  }
  .expSliderLogo h3 {
    font-size: 14px;
    margin-top: 10px;
  }
  .expSlide .left.carousel-control .glyphicon {
    margin-top: -8px;
    margin-left: -8px;
    font-size: 16px;
  }
  .expSlide .right.carousel-control .glyphicon {
    margin-top: -8px;
    margin-right: -8px;
    font-size: 16px;
  }

  /* cess changes on 21Nov start*/
  /*.success-sevices-strip ul li:first-child {background: none;display: block;width: 100%;
 margin: 0 0 25px;padding: 0}*/
  .success-sevices-strip ul li h5 {
    font-size: 17px;
  }
  .success-sevices-strip ul li h5 .arrow-right {
    border-bottom: 0px none !important;
    border-left: 10px solid transparent;
    order-right: 10px solid transparent;
    border-top: 10px solid #fff;
    left: 0;
    right: 0;
    top: auto;
    bottom: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    margin: 0 auto;
  }
  /* cess changes on 21Nov end*/
  .whyCloudSoluMain .solutionsInner .everything-circle{
    top: -40px;
    margin-top: 0;
    height: 80px;
    width: 80px;
  }
  .whyCloudSoluMain .solutionsInner .everything-circle img{
    width: 40px; 
  } 
  .whyCloudSoluMain .forWhiteText .section-title-block h1{
    margin-bottom: 70px;
  }
  .section-title-block span::before{
    top: 7px;
    margin-left: -18px;
  }
  .contSubHeading {
    font-size: 16px;
    text-align: center;
    line-height: normal;
  }
  .solutionConDiv h1 {
    font-size: 15px;
  }
  .solutionConDiv p {
    font-size: 12px;
  }
  .solutionConDiv {
    margin-bottom: 20px;
    min-height: auto;
  }
  .subtextHeading {
    font-size: 12px;
  }
  .supColdInner p {
    font-size: 12px;
  }
  .supColdInner h2 {
    font-size: 15px;
  }
  .customerSuccessCont .common-content {
    text-align: center;
  }
  .customerSuccessCont .common-content.nil{
    padding-left: 0;
  }
  .customerSuccessCont .commo-conte-wrappi .section-title-block h1{
    font-size: 15px !important ; 
    text-align: center;
  }
  .customerSuccessCont .mobi-servRight-img{
    margin: 0px auto 12px;
  }
  .customerSuccessMain{
    padding-bottom: 20px;
    padding-top: 30px;
  }
  
  .cloudContDiv{
    min-height: auto;
    margin-bottom: 65px;
  }
  .cloudInrMain .row .col-md-3:last-child .cloudContDiv{
    margin-bottom: 0;
  }
  .dataEngImgMainCont .subtextHeading{
    font-size: 12px;
  }
  .dataEngiContMain .forSpace:last-child{
    margin-bottom: 0;
  }
}

@media all and (max-width: 767px) {
  /* Navigation css start here */
  .header-wrapper .navbar-nav ul li a {
    padding: 9px 15px !important;
    height: auto;
    line-height: normal;
  }
  body {
    letter-spacing: 0.2px;
  }
  .success-sevices-strip ul li img {
    height: 33px;
    width: 33px;
  }
  .about-bottomImg {
    margin-right: auto;
    margin-left: auto;
  }
  .mobile-solution-wrapper .inndataOpac .col-sm-7.col-md-8.col-lg-8 {
    border-right: 0px none;
    margin-right: 0px;
  }
  .commo-conte-wrappi .section-title-block h1 {
    padding-bottom: 9px;
  }
  .mobi-servi-right ul li .commo-conte-wrappi .section-title-block h1 {
    padding-bottom: 7px !important;
    padding-top: 10px;
  }
  h5,
  h6,
  h1,
  h2,
  h3,
  h4 {
    letter-spacing: 0.2px;
  }
  .blank-div {
    height: 52px;
  }
  .commo-conte-wrappi .section-title-block h1.mainservHead {
    text-align: left;
  }
  .innerTimeline .section-title-block h1 {
    text-align: left;
  }
  .social_icon_block {
    padding-top: 4px;
  }
  .mainServiceImg {
    width: 300px;
    padding-left: 15px;
  }
  .banner-contentBlock .slider-text-block {
    background: rgba(255, 255, 255, 0.8) !important;
    border-radius: 4px;
  }
  .navbar-brand {
    float: none;
  }
  .header-wrapper .navbar-nav {
    float: left;
    width: 100%;
    background: #1e2d88;
    margin: 15px 0 0;
  }
  .header-wrapper .navbar-nav ul li a {
    color: #fff !important;
  }
  .header-wrapper {
    padding: 0;
  }
  .header-wrapper .navbar-nav ul li a span {
    display: none !important;
  }
  .header-wrapper .navbar {
    padding: 10px 0;
  }
  .navbar-brand img {
    margin-left: 15px;
    width: 100px;
  }
  .header-wrapper.sticky .logo-stiky img {
    width: 100px;
  }
  .navbar-collapse {
    padding: 0;
    margin-bottom: -9px;
  }
  .header-wrapper .navbar-toggler {
    right: 12px;
    color: #000;
    display: block;
    top: 11px;
  }
  .header-wrapper.sticky .navbar-toggler {
    color: #f36;
  }
  .header-wrapper .navbar-nav ul li {
    display: block;
    border-top: 1px solid #1b2877;
    margin: 0 !important;
    float: left;
    width: 100%;
  }
  .header-wrapper .navbar-nav ul li a {
    display: block;
    padding: 7px 15px;
    color: #fff !important;
    font-size: 15px;
    border: none;
  }
  .header-wrapper .navbar-nav ul li a:hover {
    border: none !important;
  }
  .header-wrapper .navbar-nav ul li .dropdown-menu {
    position: relative;
    min-width: 100%;
  }
  .header-wrapper .navbar-nav ul li a:hover {
    color: #fff !important;
    border: none;
  }
  .header-wrapper .navbar-nav ul li a.active {
    border: none;
  }
  .header-wrapper .container {
    padding: 0;
  }
  .header-wrapper .navbar-nav ul li .head-log {
    border: none;
    background: none;
  }
  .header-wrapper .navbar-nav ul li .head-log:hover {
    border: none;
    background: none;
  }
  .common-content {
    max-width: 650px;
    margin: 0 auto;
  }
  .header-wrapper.sticky .navbar-nav ul li a {
    display: block;
  }
  .header-wrapper .navbar-nav ul li .dropdown-menu li {
    border-bottom: 0px none !important;
    border-top: 1px solid #040c39;
    background: #081351;
  }
  .header-wrapper .navbar-nav ul li .dropdown-menu li:first-child {
    border-top: 0px none !important;
  }
  .header-wrapper .navbar-nav ul li .dropdown-menu {
    background: #1a1a1a;
    margin: 0 !important;
    display: block;
    position: relative;
    border: 0px none !important;
    padding: 0px !important;
  }
  .header-wrapper .navbar-nav ul li .dropdown-menu li a {
    color: #bfbbc7 !important;
  }
  .header-wrapper.sticky .navbar-nav ul li a.active {
    border: none;
  }
  .header-wrapper .navbar-nav ul li .dropdown-menu li a:hover {
    background: none;
    color: #fff;
  }
  .header-wrapper.sticky .navbar-nav ul li .head-log {
    border: none;
    background: none;
    color: #777;
  }
  .header-wrapper.sticky .navbar-nav ul li .head-log:hover {
    border: none;
    background: none;
    color: #fff;
  }
  .successPDF {
    margin-top: 4px;
  }
  .mobilePop .modal-dialog {
    background: none;
    height: auto;
    width: 350px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .mobilePop .modal-dialog .modal-content {
    background: #fff;
    padding: 0 5px 5px;
  }
  .mobilePop .modal-dialog .modal-content .modal-header .close {
    right: 7px;
    top: 5px;
    font-size: 22px;
  }
  .mobilePop .modal-dialog .modal-content .modal-header {
    padding-top: 13px;
  }
  /* Navigation css end here */

  /* Supra home page css start here */
  .common-page-wrapper {
    min-height: 100%;
  }
  .banner-contentBlock .carousel-control.left {
    display: none;
  }
  .banner-contentBlock .carousel-control.right {
    display: none;
  }
  .banner-contentBlock .carousel-indicators {
    bottom: 10px;
    display: block;
  }
  .banner-contentBlock .carousel-inner {
    padding-bottom: 0;
  }
  /*.banner-contentBlock {padding: 87px 0 20px}*/
  .banner-contentBlock .carousel-inner .item {
    height: 320px;
    padding: 69px 15px 48px;
    background-position: center right;
  }
  .banner-contentBlock .carousel-inner {
    background-color: #fff;
  }
  .banner-contentBlock .carousel-indicators li {
    width: 12px;
    height: 12px;
    margin: 0 2px;
  }
  .banner-contentBlock .carousel-indicators li.active {
    width: 12px;
    height: 12px;
  }
  .when-experience-flo {
    float: none;
  }
  .slider-img-block {
    border: 2px solid rgba(255, 255, 255, 0.3);
    overflow: hidden;
    height: 170px;
    width: 100%;
    max-width: 420px;
    margin: 0 auto 15px;
  }
  .slider-text-block .section-title-block h1 {
    font-size: 24px;
    margin: -5px 0 0px;
    text-align: center;
  }
  .slider-text-block .common-content {
    text-align: center;
    margin-bottom: 9px;
    color: #000;
  }
  .slider-text-block .common-content.banner-under-tagline {
    display: block;
  }
  .slider-text-block .common-content {
    display: none;
  }
  .slider-text-block .supra-btn-block {
    text-align: center;
  }
  .supra-btn-block .supbtnStyle-suup {
    padding: 0 15px;
    height: 34px;
    line-height: 32px;
    font-size: 13px;
  }
  .video-section-block {
    margin: 20px 0 0px;
    text-align: center;
  }
  .video-section-block .vidbox iframe {
    max-width: 439px;
    height: 190px;
  }
  .video-section-block .vidbox {
    width: 100%;
  }
  .video-section-block audio,
  canvas,
  progress,
  video {
    height: auto;
    margin-bottom: 26px;
  }
  .when-experienc-textBlack {
    text-align: center;
  }
  .when-experience-inner {
    padding: 0 0 20px;
  }
  .when-experienc-imgBlack img {
    margin: 20px 0 25px;
  }
  .section-title-block h1 {
    font-size: 22px;
    line-height: 28px;
    text-align: center;
  }
  .section-title-block h2 {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
  }
  .fun-fact-wrapper {
    padding: 20px 0;
  }
  .everything-needInner {
    margin-bottom: 20px;
    display: block;
  }
  .fun-fact-wrapper {
    padding: 55px 0 0;
  }
  .whyCloudSoluMain .fun-fact-wrapper{
    padding-top: 30px !important;
  }
  .our-founders-wrapper {
    padding: 27px 0 20px;
  }
  .first-founder {
    margin-bottom: 20px;
  }
  .when-experience-wrapper {
    padding: 22px 0 0;
  }
  .company-logo-wrapper {
    padding: 15px 0 15px;
    margin-top: -1px;
    border-top: 1px solid #e6e6e6;
  }
  .slick-slide img {
    height: 33px;
  }
  .our-foundText h1 {
    font-size: 21px;
    line-height: 20px;
  }
  .our-foundText h3 {
    font-size: 14px;
    line-height: 16px;
  }
  .everything-needInner {
    min-height: 100%;
  }
  .peaceOut {
    padding: 22px 0 2px;
  }
  .common-content {
    font-size: 15px;
    line-height: 22px;
  }
  .everything-needInner .small-header {
    font-size: 21px !important;
    margin: 4px 0 2px;
  }
  .our-found-textBlock .dreamSqure {
    padding-bottom: 13px;
  }
  /* Supra home page css end here */

  /* testimonial css start here*/
  .testimonial-section {
    padding: 30px 0 10px;
  }
  #quote-carousel .carousel-control.left {
    left: 0;
  }
  #quote-carousel .carousel-control.right {
    right: 0;
  }
  #quote-carousel .carousel-indicators li {
    width: 65px;
    height: 65px;
  }
  #quote-carousel .carousel-indicators .active {
    width: 85px;
    height: 75px;
  }
  #quote-carousel .carousel-control {
    top: 39px;
  }
  #quote-carousel .item {
    margin: 130px auto 0;
  }
  .howIt-work-wrapper .btnBlockk .btn {
    width: 110px;
  }
  .testimonial-section .section-title-block span {
    margin: 0 auto 0px;
  }
  /* testimonial css end here*/

  /* Mobile solutions page css start here */
  .mobi-servi-listBlock {
    background: #f3f3f6;
    padding: 20px 15px 20px;
  }
  .commo-conte-wrappi .supra-btn-block {
    text-align: center;
  }
  .mobi-servi-right {
    text-align: center;
    margin-top: 20px;
  }
  .mobi-servRight-img {
    margin: 0 auto;
  }
  .mobi-Lagimg-right {
    height: auto;
    background: none;
  }
  .page-head-block {
    display: none;
  }
  .mobile-solution-wrapper {
    padding: 30px 0 10px;
  }
  /* Mobile solutions page css end here */

  /*footer css start here*/
  .footer_inner_main {
    padding: 20px 0 21px;
  }
  .copyright_text {
    line-height: 22px;
    text-align: center;
  }
  .copyright_block {
    padding: 13px 0 9px;
  }
  .copy-side-righ {
    float: none;
  }
  .social_icon_block ul li a {
    height: 30px;
    width: 30px;
    font-size: 14px;
    padding-top: 3px;
  }
  .foote-emailLinks ul li a {
    margin-bottom: 10px;
  }
  .footer_links ul li a {
    margin-bottom: 10px;
    font-size: 15px;
  }
  /*footer css end here*/

  /* Client page css start here */
  .banner-contentBlock.client-sliderMail .carousel-inner .item {
    height: 170px;
  }
  .banner-contentBlock.client-sliderMail .carousel-control.left {
    display: block;
    top: 66px;
    left: 10px;
  }
  .banner-contentBlock.client-sliderMail .carousel-control.right {
    display: block;
    top: 66px;
    right: 10px;
  }
  .banner-contentBlock.client-sliderMail .carousel-indicators {
    display: none;
  }
  .client-catego-wrapp .everything-needInner {
    padding: 0 10px;
    background-color: transparent;
  }
  .client-catego-wrapp .everything-circle {
    height: 130px;
    width: 130px;
    margin: 0 auto 10px;
  }
  .client-catego-wrapp .common-content {
    margin-bottom: 8px;
  }
  .client-catego-wrapp .section-title-block span {
    margin: 0 auto 25px;
  }
  /* Client page css end here */

  /* Contact us page css start here */
  .common-page-banner {
    height: 120px;
  }
  .common-page-Headbanner h1 {
    font-size: 26px;
    margin: 44px 0 0;
  }
  .contat-wrapper {
    padding: 25px 0 0;
  }
  .contact_email_wrapp {
    padding: 25px 0 0;
    margin-top: 20px;
  }
  .map-section-contact {
    height: 270px;
  }
  .contact_email_inner {
    margin-bottom: 25px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 20px 15px;
  }
  .contact_email_inner .circle_con {
    background: #1e2d88;
    color: #ffff;
    box-shadow: none;
  }
  /* Contact us page css end here */

  /* About us page css start here */
  .about-content-block .section-title-block h1 {
    text-align: center;
  }
  .about-content-block .common-content {
    text-align: center;
  }
  .about-menbers-block ul li a {
    width: 31.2%;
    margin: 0 5px 10px;
    padding: 20px 5px;
    font-size: 15px;
  }
  .about-menbers-block {
    margin: 13px 0 0;
  }
  .aboutUs-wrapper {
    padding: 30px 0 0;
  }
  .about-content-block {
    margin-bottom: 27px;
  }
  .about-bottomImg {
    margin-bottom: 16px;
    margin-top: -7px;
  }
  .about-bottomContent .section-title-block h1 {
    text-align: center;
  }
  .about-bottomContent .common-content {
    text-align: center;
  }
  .about-Linked {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
  }
  .about-Linked .aboutInner-din {
    height: 34px;
    line-height: 31px;
    font-size: 13px;
    margin-top: 5px;
  }
  .about-Linked .aboutInner-din span {
    margin-top: -4px;
    font-size: 12px;
  }
  .about-Linked .aboutInner-din {
    padding: 0 10px 0 10px;
  }
  /* About us page css end here */

  /* Terms Condition page css start here */
  .section-title-block h1 {
    font-size: 21px !important;
    line-height: 24px !important;
  }
  .terms-condition-wrapper .section-title-block h1 {
    text-align: center;
  }
  .terms-condition-wrapper .common-content {
    max-width: 100%;
    margin: 0 0;
  }
  .terms-condition-wrapper .mobi-servi-listBlock {
    padding: 24px 15px 10px;
  }
  .terms-condition-wrapper .mobi-servi-listBlock ul {
    margin-top: 10px;
  }
  /* Terms Condition page css end here */

  /* Home page css changes 16-11-2019 start here */
  .banner-contentBlock .carousel-indicators li {
    border: 1px solid #1e2d88;
  }
  .banner-contentBlock .carousel-indicators li.active {
    background-color: #1e2d88;
  }
  .banner-last {
    display: none;
  }
  h1.boxHead::before {
    display: none;
  }
  h1.boxHead {
    padding-bottom: 0;
    font-size: 21px;
    margin: 0px 0px 10px;
    line-height: 24px !important;
  }
  .header-wrapper {
    z-index: 99;
  }
  .banner-contentBlock .carousel-inner .item .innerItem {
    padding: 0;
  }
  .slider-text-block .common-content.banner-under-tagline {
    font-size: 16px;
    line-height: 19px;
    margin: 9px auto 0;
    overflow: hidden;
    width: 100%;
    max-width: 500px;
    letter-spacing: 0.2px;
  }
  .slider-text-block .section-title-block h4 { 
    font-size: 16px;
  }
  .slider-text-block .supra-btn-block {
    margin-top: 0;
  }
  .carousel-inner .slider-text-block .supra-btn-block {
    margin-top: 10px;
  }
  .carousel-inner .slider-text-block .common-content.banner-under-tagline {
    margin-bottom: 20px !important;
  }
  .banner-contentBlock .slider-text-block {
    padding: 20px 15px;
    background: rgba(255, 255, 255, 0.4);
  }
  .dreamInn.dreamInnFull {
    margin: 12px 0 26px;
  }
  .dreamInn.dreamInnFull .common-content {
    max-width: 100%;
  }
  .dreamInn.dreamInnFull .dreamSqure {
    padding: 15px 15px 11px !important;
  }
  .dreamInn {
    margin-bottom: 24px;
  }
  .fun-fact-wrapper
    .container
    .row
    .solutionsRight
    .solutionsInner:nth-child(3) {
    margin-bottom: 23px;
  }
  .solveRight {
    padding: 20px 0 0;
  }
  .solveRight .dreamSqure {
    padding: 14px 15px 13px;
  }
  .solveRight .dreamSqure .common-content {
    max-width: 100%;
  }
  /* Home page css changes 16-11-2019 ens here */

  /* Client page css changes 16-11-2019 start here */
  .solutionsPageHead {
    margin-top: 53px;
    height: 220px;
    margin-bottom: 0;
  }
  .solutionsPageHead .slider-text-block {
    margin-top: 23px;
  }
  .section-title-block h1 {
    font-size: 22px !important;
    line-height: 22px !important;
  }
  .solutionsPageHead {
    background-position: center right;
    background-size: cover !important;
  }
  .solutionsPageHead .slider-text-block {
    margin-top: 29px;
    float: left;
    width: 100%;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.8) !important;
    padding-bottom: 17px !important;
  }
  .solutionsPageHead .slider-text-block .section-title-block h1 {
    font-size: 21px !important;
  }
  .inndataOpac {
    padding: 20px 15px 20px;
  }
  .projectPage .everything-circle .projectoverlay {
    padding-top: 35px;
  }
  .featuredCleintSection .row .col-md-3 {
    width: 100% !important;
    float: none;
    padding: 10px 0 20px;
    margin: 0 auto 20px;
    background: #fff;
  }
  .featuredCleintSection {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .featuredCleintSection .row .col-md-3 h5 {
    height: 100%;
  }
  .client-catego-wrapp .row .col-lg-4 .everything-needInner {
    margin-bottom: 25px;
    padding: 24px 15px 21px;
  }
  .client-catego-wrapp .everything-circle {
    height: 100px;
    width: 100px;
  }
  .projectPage .everything-circle .projectoverlay {
    padding-top: 25px;
  }
  .our-founders-wrapper.client-catego-wrapp {
    padding: 25px 0 4px;
  }
  .mobile-solution-wrapper.clintFor {
    padding: 30px 0 21px;
  }
  .client-catego-wrapp .section-title-block h1 {
    margin: -10px 0 21px !important;
  }
  /* Client page css changes 16-11-2019 end here */

  /* About us page css changes 16-11-2019 start here */
  .mobile-solution-wrapper.aboutMin-pp {
    padding: 27px 0 28px;
  }
  .aboutMin-pp .inndataOpac {
    padding: 20px 15px 6px !important;
  }
  .about-menbers-block ul li {
    float: none;
    width: 100%;
    border: none;
    display: block;
  }
  .about-menbers-block ul li a {
    margin: 0 0 25px;
    border: dashed 1px #ccc;
    display: block;
    width: 100%;
  }
  .about-content-block {
    margin-bottom: 7px;
  }
  .about-menbers-block ul li h2 {
    font-size: 21px;
    margin: 8px 0 0;
  }
  .about-menbers-block ul {
    border-top: none;
  }
  /* About us page css changes 16-11-2019 end here */

  /* Contact us page css changes 16-11-2019 start here */
  .contat-wrapper .dottBg {
    padding-top: 3px;
  }
  .contat-wrapper .dreamSqure.innerDream {
    padding: 21px 15px 25px;
    margin-bottom: 6px;
  }
  .input_label {
    font-size: 14px;
    margin-bottom: 3px;
  }
  .input_box_style input {
    height: 35px;
    padding: 0 7px;
  }
  .contact_email_inner .research_head {
    font-size: 24px;
    line-height: 24px;
  }
  /* Contact us page css changes 16-11-2019 end here */
  .section-title-block h1 {
    font-size: 24px !important;
    line-height: 30px !important;
  }
  .commo-conte-wrappi .section-title-block h1:before {
    display: none;
  }
  h1.rightHead:before {
    display: none;
  }
  h1.rightHead {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 0;
    display: block;
  }
  .common-content.nil {
    padding-left: 0px;
  }
  .mobi-servi-right {
    border-top: 1px dashed #ccc;
    padding-top: 15px;
    padding-left: 0;
    display: block;
  }
  .commo-conte-wrappi .section-title-block h1 {
    margin-bottom: 0px;
  }
  .italcPink {
    margin-bottom: 12px;
  }
  .mobi-servi-right ul {
    display: block;
  }
  .mobi-servi-right .mobi-servRight-text {
    margin: 0;
  }
  .mobi-servi-right ul li .commo-conte-wrappi .section-title-block h1 {
    font-size: 20px !important;
  }
  .successHeadSub {
    padding: 15px 15px;
  }
  .successHeadSub span {
    padding: 15px 0;
  }
  .successPDF h4 {
    font-size: 20px;
    width: 100%;
    text-align: center;
  }
  .successHeadSub h5 {
    padding: 12px 15px;
    font-size: 15px;
  }
  .successPDF {
    text-align: center;
  }
  .successLogo {
    float: none;
    margin-bottom: 3px;
    margin-top: 0;
    display: inline-block;
  }
  .expSliderLogo {
    width: 100%;
  }
  .expSliderLogo h3 {
    margin-top: 8px;
  }
  .expSlide .carousel-control,
  .expSlide .carousel-control {
    margin-top: 83px;
  }
  #expSlideMain .col-md-12 {
    padding: 0px;
  }
  .expSliderLogo span {
    width: 50px;
    height: 50px;
  }
  .expSliderLogo h3.sm-exp-head {
    font-size: 9px !important;
  }

  /* cess changes on 21Nov start*/
  .success-sevices-strip ul li h5 {
    font-size: 15px;
    padding: 12px 15px;
  }
  /*.success-sevices-strip ul li:first-child{margin: 0 0 8px}*/
  .success-sevices-strip ul li {
    margin: 13px 10px 0;
  }
  .success-sevices-strip h5.successTech {
    margin-bottom: 11px;
  }
  /* cess changes on 21Nov end*/
  .justify-content-md-center {
    display: block;
  }
  .newInnerBanner .slider-text-block{
    background: transparent !important;
  }
  .newInnerBanner .slider-text-block .common-content.banner-under-tagline {
    font-size: 15px;
    line-height: normal;
  }
  .welContMain{
    display: flex;
    flex-direction: column;
  }
  h4.boxSubHead {
    color: #fb236a;
    font-weight: normal !important;
    font-size: 16px;
    margin-bottom: 8px;
    margin-top: 13px;
}
.peaceSection h4.boxSubHead { 
  text-align: center;
}
.img-box {
  display: block; 
  margin: 0; 
  padding-top: 3px;
}
.img-box a {
  padding: 0 0px;
  cursor: zoom-in;
  display: block;
  margin-top: 30px;
}
.img-box a img
{
  max-width: 380px;
  width: 100%;
}

}

@media all and (max-width: 500px) {
  .common-content {
    font-size: 14px;
    line-height: 20px;
  }
  h4.boxSubHead { 
    text-align: center;
  }
  .section-title-block h1,
  h1.boxHead,
  .section-title-block h1 {
    text-align: center;
    font-size: 20px !important;
    line-height: 23px !important;
  }
  .about-menbers-block ul li h2 {
    font-size: 19px;
  }
  .experts h1 em.aboutSub {
    font-size: 15px;
  }
  .section-title-block h1 {
    font-size: 20px !important;
    line-height: 23px !important;
  }
  .peaceOut {
    padding: 13px 0 2px;
  }
  .servRow .small-header {
    font-size: 19px;
  }
  h1.rightHead {
    font-size: 20px;
    line-height: 23px;
  }
  .mobi-servi-right ul li .commo-conte-wrappi .section-title-block h1 {
    font-size: 17px !important;
    padding-bottom: 4px !important;
    padding-top: 8px;
  }
  .common-content.nil {
    font-size: 15px !important;
    line-height: 18px !important;
    margin-bottom: 4px !important;
  }
  .footer_call h3 {
    margin: 17px 0 10px;
    font-size: 19px;
  }
  .featuredCleintSection .row .col-md-3 h4 {
    margin-top: 15px;
    font-size: 18px;
    margin-bottom: -3px;
  }
  .everything-needInner .small-header {
    font-size: 18px !important;
    margin: 14px 0 3px !important;
  }
  .cleintSubHead {
    font-size: 15px;
    margin-bottom: 4px;
  }
  .about-Linked {
    display: block;
    text-align: center;
  }
  .about-Linked .aboutInner-din {
    padding: 0 10px 0 10px;
    display: inline-block;
  }
  .contact_email_inner .research_head {
    font-size: 20px !important;
    line-height: 23px !important;
    color: #1e2d88 !important;
  }
  .contact_email_inner .sub_text {
    font-size: 14px;
  }
  .successPDF h4 {
    font-size: 18px;
    padding: 12px 13px;
  }
  .successHeadSub h5 {
    padding: 9px 15px;
    font-size: 15px;
  }
  .successHeadSub .dealSize {
    font-size: 16px;
    padding: 5px 13px 7px;
  }
  .everything-needInner .small-header {
    font-size: 20px !important;
    margin: 4px 0 5px !important;
  }
  .about-menbers-block ul li a {
    padding: 18px 5px 15px;
  }
  /* Supra home page css start here */
  .video-section-block iframe {
    height: 160px;
  }
  .successHeadSub span {
    padding: 15px 0 10px;
  }
  .cust-success-ul li {
    font-size: 14px;
    padding: 9px 15px 9px 26px;
  }
  .cust-success-head {
    font-size: 15px;
    padding: 10px 12px;
  }
  .cust-success-ul li:after {
    top: 17px;
    left: 12px;
  }
  .expSliderLogo h3 {
    margin-top: 8px;
    font-size: 11px;
    height: 22px;
    margin-bottom: 0px;
  }
  #expSlideMain {
    padding: 27px 0 30px;
  }
  .expSliderLogo h3.sm-exp-head {
    font-size: 7px !important;
  }

  /* Supra home page css end here */
  .mainServiceImg {
    width: 100%;
    padding: 0px !important;
  }
  /* About us page css start here */
  .about-menbers-block ul li a {
    width: 100%;
    margin: 0 0 15px;
  }
  .about-menbers-block ul {
    margin-left: 0;
    margin-right: 0;
  }
  .timeline {
    padding-left: 0;
  }
  .serviceImg {
    margin-bottom: 15px;
  }
  .innerTimeline {
    padding-left: 0;
  }
  .commo-conte-wrappi .section-title-block h1.mainservHead {
    text-align: center !important;
  }
  .common-content p,
  .common-content {
    text-align: center;
  }
  .innerTimeline .commo-conte-wrappi .timelineCount {
    left: 50%;
    margin-left: -50px;
    top: -118px;
  }
  .innerTimeline .commo-conte-wrappi {
    margin-top: 143px;
  }
  .innerTimeline .arrow-left {
    position: absolute;
    left: 50%;
    top: -25px;
    margin-left: -13px;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 15px solid #f3f3f6;
  }
  .supra-btn-block .supbtnStyle-suup.movButtom {
    margin-left: 0;
  }
  .innerTimeline .commo-conte-wrappi {
    margin-bottom: 19px;
  }
  .solutionsInnerServices a {
    padding-left: 0px;
    padding-top: 100px;
    text-align: center;
  }
  .solutionsInnerServices a .everything-circle {
    left: 50%;
    margin-left: -43px;
  }
  .innerTimeline .section-title-block h1 {
    text-align: center;
    margin-bottom: 0px;
  }
  .commo-conte-wrappi .section-title-block h1:before {
    display: none;
  }
  .innerTimeline .commo-conte-wrappi {
    text-align: center;
  }
  .serviceImg {
    width: 100%;
    padding: 0px;
  }
  /* About us page css end here */

  /* cess changes on 21Nov start*/
  .success-sevices-strip ul li h5 {
    font-size: 15px;
    padding: 9px 15px;
  }
  /* cess changes on 21Nov end*/
}

@media all and (max-width: 479px) {
  .mobilePop .modal-dialog .modal-content {
    padding: 0 0 5px;
  }
  .modal-dialog {
    width: 92% !important;
    max-width: 92% !important;
    margin-left: 4% !important;
  }
  .mobilePop .modal-dialog {
    margin-top: 30px;
  }
  .solutionsPageHead {
    /* height: 180px; */
    height: auto;
  }
  .solutionsPageHead .slider-text-block {
    margin-top: 28px;
  }
  .commomPop .modal-dialog {
    max-width: 97% !important;
  }
  .proImg,
  .proData {
    padding: 15px;
    height: auto;
    width: 100%;
    overflow: visible;
    min-height: inherit;
    max-height: inherit !important;
  }
  .proData {
    padding-top: 0px !important;
  }
  .commomPop .modal-dialog .modal-content {
    overflow: auto;
  }
  .commomPop button.close {
    top: 0px;
    right: 0;
    z-index: 9;
    width: 25px;
    height: 25px;
    background: #fff !important;
    opacity: 0.7;
  }
  .commomPop .modal-dialog {
    height: 96%;
    top: 2%;
  }
  .chooseSupraCloudCont { 
    display: block; 
    text-align: center;
  }
  .supraCouldMain .supColdInner{
    padding-left: 0;
    text-align: center;
  }
  .couldMarkDiv {
    position: static;
    margin-top: 0;
    margin: 0px auto;
    margin-top: 15px;
  }
  .supColdInner h2 {
    font-size: 15px;
    margin-top: 15px;
}
}

.multi-item-carousel .carouse-control.left,
.multi-item-carousel .carouse-control.right {
  background-image: none;
}