@import url('../../fonts/stylesheet.css');

/*font-family: 'proxima_novablack';  'proxima_novaregular', 'proxima_novabold', 'proxima_novasemibold', 'proxima_novathin', 'proxima_novaextrabold'*/

:root {
  --blue: #0062ce;
  --darkBlue: #0051ab;
  --black: #000000;
  --gray: #5A7184;
  --sky: #009e98;
  --darkSky: #078e89;
}

button:focus,
input:focus {
  outline: none;
}

body {
  font-size: 14px;
  color: var(--black);
  /*font-family: 'proxima_novaregular';*/
  font-family: 'Source Sans Pro', sans-serif !important;
}

img {
  max-width: 100%;
}

.wrapper {
  position: relative;
}

.container {
  max-width: 1200px;
}

.middle {
  min-height: 500px;
}


/*.header {
  padding: 25px 0px 25px 0px;
  transition: all .1s linear;
}*/

.header {
  padding: 0px 0px 0px 0px;
  transition: all .1s linear;
}

.header .container {
  max-width: 1800px;
}

.headerFix {
  box-shadow: 0px 0px 5px #0c6d4740;
  padding: 5px 0px 5px 0px;
  position: fixed;
  background: #ffffff;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 11;
}

.headerFix+.middle {
  padding-top: 110px;
}

.whiteLogo {
  display: none;
}

.logo {
  max-width: 200px;
}

.logo a {
  display: inline-block;
  max-width: 100%;
}

.logo a img {
  max-height: 100px;
}

.headerRightLinks .email {
  display: inline-block;
  vertical-align: middle;
  color: var(--black);
  font-size: 16px;
  position: relative;
  padding-left: 30px;
  margin-right: 20px;
}

.headerRightLinks .email:before {
  content: "";
  width: 20px;
  height: 16px;
  position: absolute;
  left: 0px;
  top: 3px;
  background: url(../../images/sprite.png) no-repeat -19px -228px;
  transition: all 0.2s linear;
}

.headerRightLinks .email:hover {
  text-decoration: none;
}

.headerRightLinks .email:hover:before {
  left: 3px;
}

.skyBtn {
  border-radius: 0px;
  background: var(--sky);
  border: none;
  color: #ffffff;
  font-size: 14px;
  font-family: 'proxima_novabold';
  padding: 15px 25px;
  display: inline-block;
  text-transform: uppercase;
  position: relative;
}

/*ul.mai.subMenu {
  width: 300px;
  height: 300px;
  overflow: auto;
}*/

.skyBtn:hover {
  text-decoration: none;
  color: #ffffff;
}

.skyBtn span {
  position: relative;
}

.skyBtn:before {
  content: "";
  background: var(--darkSky);
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0px;
  height: 100%;
  transition: width 0.2s linear;
}

.skyBtn:hover:before {
  width: 100%;
}

.blueBtn {
  border-radius: 0px;
  background: var(--blue);
  border: none;
  color: #ffffff;
  font-size: 14px;
  font-family: 'proxima_novabold';
  padding: 15px 25px;
  display: inline-block;
  text-transform: uppercase;
  position: relative;
}

.blueBtn:hover {
  text-decoration: none;
  color: #ffffff;
}

.blueBtn span {
  position: relative;
}

.blueBtn:before {
  content: "";
  background: var(--darkBlue);
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0px;
  height: 100%;
  transition: width 0.2s linear;
}

.blueBtn:hover:before {
  width: 100%;
}

.whiteBtn {
  border-radius: 0px;
  background: #ffffff;
  border: none;
  color: var(--sky);
  font-size: 14px;
  font-family: 'proxima_novabold';
  padding: 15px 25px;
  display: inline-block;
  text-transform: uppercase;
  position: relative;
}

.whiteBtn:hover {
  text-decoration: none;
  color: #ffffff;
}

.whiteBtn span {
  position: relative;
}

.whiteBtn:before {
  content: "";
  background: var(--darkSky);
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0px;
  height: 100%;
  transition: width 0.2s linear;
}

.whiteBtn:hover:before {
  width: 100%;
}

.arrowTextLink {
  font-size: 14px;
  font-family: 'proxima_novabold';
  display: inline-block;
  padding: 0px 30px 0px 0px;
  position: relative;
  color: #ffffff;
  text-transform: uppercase;
}

.arrowTextLink:before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  right: 2px;
  top: 2px;
  background: url(../../images/sprite.png) no-repeat -98px -8px;
  transition: all 0.1s linear;
}

.arrowTextLink:hover {
  text-decoration: none;
  color: #ffffff;
}

.arrowTextLink:hover:before {
  right: 4px;
}

.mainNav {
  position: relative;
  text-align: center;
}

.mobileNavBtn:focus {
  outline: none;
  box-shadow: none;
}

.mobileNavBtn {
  display: none;
  border: none;
  cursor: pointer;
  margin-top: 1px;
  float: right;
  width: 22px;
  height: 18px;
  border-radius: 0px;
  background: none;
  position: relative;
  z-index: 101;
  transition: right .3s linear;
}

.mobileNavBtn span {
  width: 100%;
  left: 0px;
  top: 7px;
  height: 2px;
  background: var(--sky);
  position: absolute;
  transition: all 0.3s linear;
}

.mobileNavBtn span:nth-child(2) {
  top: 0px;
}

.mobileNavBtn span:nth-child(3) {
  top: 14px;
}

.openNav {
  overflow: hidden;
}


/*.openNav .mobileNavBtn {right: 310px;}*/

.openNav .mobileNavBtn span {
  background: var(--sky);
}

.openNav .mobileNavBtn span:nth-child(2) {
  display: none;
}

.openNav .mobileNavBtn span:nth-child(1) {
  transform: rotate(45deg)
}

.openNav .mobileNavBtn span:nth-child(3) {
  transform: rotate(-45deg);
  top: 7px;
}

@media (min-width: 1024px) {
  .navigation>ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
  }
  .navigation>ul>li {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    margin: 0px;
    padding: 21px 10px;
  }
  .navigation>ul>li>a {
    color: var(--black);
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    font-family: 'proxima_novabold';
  }
  .navigation>ul>li>a:hover {
    color: var(--sky);
    text-decoration: none;
  }
  .navigation>ul>.hasChild:hover>a {
    color: var(--sky);
  }
  .overLay {
    display: none;
  }
  .navigation>ul>li>a.whiteBtn {
    border-radius: 8px;
    background: #ffffff;
    padding: 14px 30px 16px 30px;
    color: var(--blue);
  }
  .navigation>ul>li>a.whiteBtn:hover {
    background: var(--darkBlue);
    color: #ffffff;
  }
  .hasChild>a:after {
    content: "";
    width: 5px;
    height: 5px;
    display: inline-block;
    vertical-align: 4px;
    margin-left: 7px;
    border-right: solid 1px var(--black);
    border-bottom: solid 1px var(--black);
    transform: rotate(45deg);
  }
  .hasChild:hover>a:after {
    border-right-color: var(--sky);
    border-bottom-color: var(--sky);
  }
  .subMenu {
    box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.2);
    display: block;
    left: -15px;
    top: 90%;
    list-style: none;
    margin: 20px 0 0;
    opacity: 0;
    padding: 5px 0;
    position: absolute;
    visibility: hidden;
    width: 190px;
    z-index: 13;
    text-align: left;
    background: var(--sky);
    border-radius: 5px;
  }
  .subMenu li a {
    color: #ffffff;
    display: block;
    font-size: 14px;
    padding: 8px 15px;
    transition: all .15s linear;
    text-decoration: none;
  }
  li.hasChild {
    position: relative;
  }
  li.hasChild:hover>.subMenu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    transition: all .5s ease;
  }
  .subMenu li a:hover {
    background-color: var(--darkSky);
    color: #ffffff;
  }
  .subMenu li a:hover {
    background-color: var(--darkSky);
    color: #ffffff;
  }
  .subMenu .subMenu {
    left: 100%;
    top: 0px;
    border-radius: 0px 5px 5px 5px;
  }
  .subMenu .hasChild>a:after {
    position: absolute;
    right: 15px;
    top: 10px;
    transform: rotate(-45deg);
  }
  .transparentHeader .header {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 11;
    /*background: transparent;*/
    /*background-color: #000 !important;*/
  }
  .transparentHeader .headerFix+.middle {
    padding-top: 0px;
  }
  /*.transparentHeader ul>li>a {
    color: #ffffff;
  }*/
  .transparentHeader .hasChild>a:after {
    border-right-color: #000;
    border-bottom-color: #000;
  }
  .transparentHeader .email {
    /*color: #ffffff;*/
  }
  /*.headerRightLinks .email:before {background-position: -21px -6px;}*/
  .transparentHeader .whiteLogo {
    display: inline-block;
  }
  .transparentHeader .blueLogo {
    display: none;
  }
}

.overLay {
  transition: all 0.3s linear;
}

@media (max-width: 1025px) {
  .logo a {
    vertical-align: middle;
  }
  .logo img {
    max-width: 200px;
  }
  .header {
    padding: 10px 0px;
  }
  .mobileNavBtn {
    display: inline-block;
  }
  .navMain {
    text-align: right;
    position: relative;
    margin: 7px 15px 3px 0px;
    display: inline-block;
    width: 100%;
  }
  .navigation {
    position: fixed;
    right: 0px;
    top: 0px;
    width: 100%;
    bottom: 0px;
    background: #ffffff;
    z-index: 100;
    max-height: 100%;
    overflow-y: auto;
    right: -105%;
    transition: all .2s linear;
    text-transform: uppercase;
    height: 100%;
    display: flex;
  }
  .openNav .navigation {
    right: 0px;
  }
  .navigation>ul {
    margin: 70px auto 30px auto;
    padding: 10px 0px 10px 0px;
    list-style: none;
    max-height: calc(100% - 100px);
    overflow-x: auto;
    text-align: left;
    width: 100%;
  }
  .navigation>ul>li {
    font-size: 18px;
  }
  .navigation>ul>li>a {
    padding: 10px 20px 10px 20px;
    display: block;
    color: var(--black);
  }
  .navigation>ul>li>a:hover {
    text-decoration: none;
  }
  .navigation>ul>li>a.orangeBtn {
    background: transparent;
    color: #fff;
    font-size: 22px;
  }
  .navigation a.orangeBtn .arrow {
    display: none;
  }
  .openNav .overLay {
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: var(--blue);
    z-index: 11;
  }
  li.hasChild {
    position: relative;
  }
  .subMenu {
    display: none;
    list-style: none;
    padding: 0px 5px;
    background: var(--darkBlue);
  }
  .subMenu li a {
    display: block;
    padding: 7px 16px;
    text-transform: capitalize;
    color: #ffffff;
    font-size: 18px;
    text-decoration: none;
  }
  .subMenu .subMenu {
    background: var(--blue);
  }
  .subMenu .subMenu li a {
    background: var(--blue);
    font-size: 16px;
  }
  li.hasChild>a:after {
    border: 1px solid var(--black);
    border-width: 0 0 2px 2px;
    content: "";
    position: relative;
    width: 8px;
    height: 8px;
    transform: rotate(225deg);
    display: inline-block;
    right: -10px;
    top: -2px;
    transition: all 0.3s linear;
  }
  li.hasChild.openSubMenu>a:after {
    transform: rotate(314deg);
  }
  /* .openNav .whiteLogo {display: inline-block; }
  .openNav .blueLogo {display: none; }*/
  .logo a {
    position: relative;
    z-index: 101;
  }
}

.homeTopBanner {
  /*background: var(--black) url(../../images/home-top-banner.jpg) no-repeat center / cover;*/
  background-size: 100% 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
  padding-top: 25px 12px;
  min-height: 35vh;
  height: 400px;
  margin-top: 94px;
  /*border: 3px solid green;*/
  display: flex;
  align-items: center;
}

.homeTopBanner:before {
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  opacity: 0.85;
}

.homeTopBannerText {
  margin: 0px auto 0px 0px;
}

.homeTopBannerText .h1 {
  /*font-size: 64px;*/
  font-size: 54px;
  color: #ffffff;
  margin: 0px 0px 40px 0px;
  font-family: 'proxima_novaextrabold';
}

.homeTopBannerText .desc {
  font-size: 18px;
  color: #ffffff;
  margin: 0px 0px 60px 0px;
}

.homeTopBannerPartnerLogos {
  padding: 10px 0px 80px 0px;
}

.homeTopBannerPartnerLogos .heading {
  position: relative;
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  margin: 0px 30px 10px 0px;
  vertical-align: middle;
  padding-left: 50px;
  opacity: 0.7;
}

.homeTopBannerPartnerLogos .heading:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 9px;
  width: 40px;
  height: 1px;
  background: #ffffff;
}

.homeTopBannerPartnerLogos .partnerLogo {
  margin: 0px 30px 10px 0px;
  vertical-align: middle;
  display: inline-block;
  opacity: 0.7;
}

.homeTopBannerPartnerLogos .partnerLogo:hover {
  opacity: 1;
}

.homeTopBannerVideoBlock {
  text-align: center;
}

.homeTopBannerVideoBlock .videoIcon {
  display: inline-block;
  width: 116px;
  height: 116px;
  background: url(../../images/video-play-icon.png) no-repeat 0px 0px;
  transition: all 0.1s linear;
}

.homeTopBannerVideoBlock .videoIcon:hover {
  opacity: 0.8;
  transform: scale(0.95);
}

.homeTopTechSec {
  position: relative;
}

.homeTopTechSec .boxABg {
  position: relative;
  background-repeat: no-repeat;
  height: 100%;
  transition: all 0.2s linear;
}

.homeTopTechSec .boxABg:before {
  content: "";
  background: var(--black);
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  /*opacity: 0.8;*/
  opacity: 0;
}

.homeTechBlueBox:before {
  content: " ";
  background-image: url('../../../images/request-quote-bg.html') !important;
  position: absolute;
}

.homeTopTechSec .text {
  margin: 0px 0px 0px auto;
  padding: 40px;
  max-width: 520px;
  color: #ffffff;
  position: relative;
}

.homeTopTechSec h2 {
  font-size: 32px;
  margin: 0px 0px 20px 0px;
}

.homeTopTechSec .desc {
  font-size: 18px;
  margin: 0px 0px 20px 0px;
}

.homeTechBlueBox {
  /*background: var(--blue);*/
  color: #000;
  padding: 14px;
  margin: 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  height: 100%;
  border-left: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
  position: relative;
  height: 270px;
}

.homeTechBlueBox h3 {
    font-size: 24px;
    margin: 0px 0px 12px 0px;
    font-family: 'proxima_novaextrabold';
    color: #000;
    position: absolute;
    bottom: 25px;
    left: 20px;
}


/*.homeTechBlueBox h3 a {
  color: #ffffff;
  text-decoration: none;
}*/

.homeTechBlueBox h3 a {
  color: #000;
  text-decoration: none;
  font-size: 14px;
  /*position: relative;
  top: -59px;*/
}

img.ml-3.imgess {
  width: 80px;
  height: 80px;
  display: block;
  object-fit: cover;
}

.media-body h5 a {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

h5 .mt-0.mb-1.dona-heads {
  font-size: 16px;
}

span.doll {
  text-decoration: line-through;
  color: red;
}

.middle1 {
  min-height: 0px;
}

.thali {
  margin-top: 16px;
}

.Badgeddsd {
  display: inline-block;
  background: #009e98;
  color: white;
  padding: 4px 24px;
  border-radius: 15px;
  font-size: 12px;
  font-weight: bold;
}

span.numbers-span {
  font-weight: bold;
  font-size: 20px;
}

.btn-one {
  float: right;
}

.btn-one button {
    border: 2px solid #009e98;
    border-radius: 5px;
    font-size: 14px;
    padding: 2px 6px;
    font-weight: bold;
    position: relative;
    bottom: 20px;
    left: 7px;
}

.FOOTERS {
  POSITION: relative;
  /*BOTTOM: 12PX;*/
}


/*.frst_row {
  border: 2px solid #009e98;
  padding: 29PX 20PX;
  BORDER-RADIUS: 20PX;
  MARGIN-BOTTOM: 30PX;
}*/

.scd-div {
  margin-top: 20px;
}

.DONAS {
  BORDER: 2PX SOLID #009e98;
  PADDING: 12PX 30PX;
  BORDER-RADIUS: 10PX;
  box-shadow: 1px 5px 0px 0px rgb(0 0 0 / 16%);
}

h3.heads a {
  position: relative;
  /*top: -77px;*/
}

.viewsall h4 a {
    font-size: 15px;
    float: right;
    position: relative;
    top: 7px;
    color: #000;
    text-decoration: none;
    right: 0px;
}

span.views i {
    height: 20px;
    width: 20px;
    background: #009e98;
    border-radius: 50px;
    line-height: 15px;
    padding: 2px 8px;
    color: white;
    font-size: 11px;
    margin-left: 9px;
}

section.sectionthree {
  margin: 40px 0px;
}

.homeTechBlueBox .desc {
  font-size: 14px;
  margin: 0px 0px 20px 0px;
  text-transform: uppercase;
}

.homeTechBlueBox .desc a {
  color: #ffffff;
}

.homeTechBlueBox .desc a:hover {
  color: var(--sky);
  text-decoration: none;
}

.homeTechBlueBox .arrowTextLink {
  position: absolute;
  left: 20px;
  bottom: 20px;
  transform: translate(0px, 30px);
  opacity: 0;
  transition: all 0.3s linear;
}

.homeTechBlueBox:hover {
  background: var(--darkBlue);
  }

  .homeTechBlueBox:hover h3.heads a {
    color: #fff;
  }

.homeTechBlueBox.lastBox {
  background: var(--sky);
  display: flex;
}

.homeTechBlueBox.lastBox .center {
  flex: 0 0 100%;
  padding-top: 15px;
}

.homeTechBlueBox.lastBox h3 {
  max-width: 270px;
}

.homeTechBlueBox .descB {
  font-size: 14px;
  margin: 0px 0px 40px 0px;
  opacity: 0;
  height: 0px;
  transition: all 0.3s linear;
}

.homeTechBlueBox .icon {
  display: inline-block;
  height: 48px;
  width: 58px;
  margin: 15px 0px 25px 0px;
  transition: all 0.3s linear;
  background: url(../../../d3mds3ychln71.cloudfront.net/img/new-icons.html) no-repeat 0 0;
}

.homeTechBlueBox:hover .icon {
  opacity: 0;
  height: 0px;
  margin-bottom: 0px;
}

.homeTechBlueBox:hover .descB {
  height: 90px;
  opacity: 1;
}

.homeTechBlueBox:hover .arrowTextLink {
  opacity: 1;
  transform: translate(0px, 0px);
}

.homeIntroductingSec {
  position: relative;
  padding: 60px 0px 40px 0px;
}

.homeIntroductingSec .text {
  font-family: "proxima_novasemibold";
  font-size: 24px;
  margin: 0px 0px 0px 0px;
}

.homeIntroductingSec h2 {
  font-size: 52px;
  margin: 0px 0px 15px 0px;
  font-family: 'proxima_novaextrabold';
}

p.MsoNormal {
  font-size: 18px;
}

section.aboutSectionE {
  margin-top: 50px;
}

h5#exampleModalLabel {
  font-size: 30px;
  font-weight: bold;
}

p.para {
  font-size: 16px;
  font-weight: 600;
}

.stepBlock {
  position: relative;
  padding: 10px 0px 10px 0px;
}

.stepBlock .img {
  margin: 10px 0px 20px 0px;
}

.stepBlock h4 {
  margin: 0px 0px 10px 0px;
  font-size: 20px;
  text-transform: uppercase;
}

.stepBlock .desc {
  font-size: 18px;
}

.stepBlock img {
  transition: transform 0.2s linear;
}

.stepBlock:hover img {
  transform: scale(0.95);
}

.homeIntroductingImg {
  transition: transform 0.2s linear;
}

.homeIntroductingImg:hover {
  transform: scale(0.95);
}

.tagline {
  position: relative;
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--blue);
  margin: 0px 30px 20px 0px;
  vertical-align: middle;
  padding-left: 50px;
  font-family: "proxima_novabold";
  letter-spacing: 1px;
}

.tagline:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 9px;
  width: 40px;
  height: 1px;
  background: var(--blue);
}

.countingSectionBg {
  position: relative;
  background: var(--blue);
  padding: 25px 0px;
}

.countingSectionBg .tagline {
  font-size: 24px;
  font-family: "proxima_novabold";
  color: #ffffff;
  letter-spacing: 1px;
  margin: 0px 0px 20px 0px;
}

.countingSectionBg .tagline:before {
  background: #ffffff;
  top: 16px;
}

.counterBlock {
  text-align: center;
  margin: 0px 0px 20px 0px;
}

.counterBlock .count {
  font-size: 50px;
  color: #ffffff;
  line-height: 1.2;
  font-family: "proxima_novabold";
}

.counterBlock .desc {
  color: #ffffff;
  font-size: 16px;
  font-family: "proxima_novasemibold";
  text-transform: uppercase;
}

.homeSpecializeSec {
  padding: 100px 0px;
}

.homeSpecializeSec h2 {
  font-size: 56px;
  margin: 0px 0px 50px 0px;
  font-family: 'proxima_novaextrabold';
}

.joinUsSec {
  background: var(--sky);
  padding: 40px 60px;
  color: #ffffff;
}

.joinUsSec h3 {
  font-size: 30px;
  margin: 0px 0px 10px 0px;
  font-family: 'proxima_novaextrabold';
}

.joinUsSec .desc {
  font-size: 18px;
  max-width: 700px;
}

.featuredWorkSec {
  position: relative;
  padding: 50px 0px;
}

.featuredWorkSec .container {
  max-width: 1800px;
}

.featuredWorkSec h2 {
  font-size: 56px;
  margin: 0px 0px 50px 0px;
  text-align: center;
  font-family: 'proxima_novaextrabold';
}

.featureBoxRow {
  margin-left: -3px;
  margin-right: -3px;
}

.featureBoxRow div[class*="col"] {
  padding-left: 3px;
  padding-right: 3px;
  margin-bottom: 6px;
}

.featureBox {
  position: relative;
  overflow: hidden;
  background: #000;
  cursor: pointer;
}

.featureBox .img {
  height: 490px;
  width: 100%;
  object-fit: cover;
  transition: transform 0.3s linear;
}

.featureBox .textBlock {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  color: #ffffff;
  padding: 150px 50px 50px 50px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transition: top 0.3s linear;
  background: rgba(0, 0, 0, 0.5);
}

.featureBox .textBlock .featureLogo {
  position: absolute;
  top: 50px;
}

.featureBox .textBlock .desc {
  font-size: 18px;
  transform: translate(0px, 30px);
  opacity: 0;
  transition: all 0.3s linear;
}

.featureBox .textBlock .text {
  font-size: 14px;
  text-transform: uppercase;
  font-family: "proxima_novasemibold";
  transform: translate(0px, 30px);
  opacity: 0;
  transition: all 0.3s linear;
}

.featureBox .textBlock .text a {
  color: #ffffff;
}

.featureBox .textBlock .text a:hover {
  color: #ffffff;
}

.featureBox:hover .img {
  transform: scale(1.1);
}

.featureBox:hover .textBlock {
  background: rgba(0, 0, 0, 0.7);
}

.featureBox:hover .textBlock .desc {
  transform: translate(0px, 0px);
  opacity: 1;
}

.featureBox:hover .textBlock .text {
  transform: translate(0px, 0px);
  opacity: 1;
}

.industryWeServeSec {
  position: relative;
  padding: 50px 0px;
  text-align: center;
}

.industryWeServeSec .container {
  max-width: 1830px;
}

.industryWeServeSec h2 {
  font-size: 56px;
  margin: 0px 0px 20px 0px;
  text-align: center;
  font-family: 'proxima_novaextrabold';
}

.industryWeServeSec .desc {
  font-size: 18px;
  margin: 0px auto 70px auto;
  max-width: 760px;
}

.industreiesBox {
  position: relative;
  overflow: hidden;
  background: #000;
  display: block;
  height: 400px;
}

.industreiesBox img {
  opacity: 0.8;
  transition: all 0.3s linear;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.industreiesBox h3 {
  color: #ffffff;
  font-size: 22px;
  margin: 0px;
  font-family: 'proxima_novaextrabold';
  position: absolute;
  bottom: 45px;
  left: 10px;
  width: calc(100% - 20px);
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.3s linear;
}

.industreiesBox:hover img {
  opacity: 0.3;
  transform: scale(1.5);
}

.industreiesBox:hover h3 {
  bottom: calc(50% - 20px);
}

.industriesSlider {
  margin: 0px 0px 40px 0px;
}

.industriesSlider .owl-dots {
  display: block;
  text-align: center;
  position: absolute;
  left: 0px;
  bottom: -50px;
  left: 0px;
  width: 100%;
}

.owlNav.owl-carousel button.owl-dot {
  width: 8px;
  height: 8px;
  background: #c1c2c4;
  border-radius: 5px;
  margin: 5px 7px;
}

.owlNav.owl-carousel button.owl-dot.active {
  background: var(--yellow);
}

.owlNav.owl-carousel .owl-dot:focus {
  outline: none;
}

.owlNav.owl-carousel .owl-nav button {
  background: #fff url(../../images/sprite.png) no-repeat -82px -41px;
  /*background: #fff;*/
  width: 48px;
  height: 48px;
  position: absolute;
  right: 50px;
  top: calc(55% - 15px);
  border-radius: 50%;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  opacity: 0.8;
}

.owlNav.owl-carousel .owl-nav button.owl-prev {
  transform: rotate(180deg);
  left: 20px;
  right: inherit;
}

.owlNav.owl-carousel .owl-nav button span {
  display: none;
}

.owlNav.owl-carousel .owl-nav button:hover {
  opacity: 1;
}

.homeTestimonialSec {
  position: relative;
  text-align: center;
}

.homeTestimonialSec .container {
  max-width: 1830px;
}

.homeTestimonialBg h2 {
  font-size: 56px;
  margin: 0px 0px 80px 0px;
  position: relative;
  color: #ffffff;
  font-family: 'proxima_novaextrabold';
}

.homeTestimonialBg h2 span {
  position: relative;
}

.homeTestimonialBg h2:before {
  content: "";
  position: absolute;
  left: calc(50% - 80px);
  width: 160px;
  height: 140px;
  top: -30px;
  background: url(../../images/testmonial-icon.png) no-repeat 0px 0px;
  opacity: 0.2;
}

.homeTestimonialBg {
  background: #1c242e;
  padding: 100px 0px;
}

.testmonailSlider {
  max-width: 830px;
  margin: 20px auto;
}

.testmonailItem {
  color: #ffffff;
}

.testmonailItem .desc {
  margin: 0px 0px 10px 0px;
  min-height: 220px;
  font-size: 20px;
}

.testmonailItem .writerInfo {
  position: relative;
  padding-left: 50px;
  text-align: left;
  display: inline-block;
}

.testmonailItem .writerInfo:before {
  content: "";
  position: absolute;
  left: 0px;
  width: 30px;
  height: 30px;
  top: 8px;
  background: url(../../images/testmonial-icon.png) no-repeat 0px 0px;
  background-size: auto 20px;
}

.testmonailItem .name {
  margin: 0px 0px 2px 0px;
  font-size: 22px;
  font-family: "proxima_novabold";
}

.testmonailItem .position {
  font-size: 16px;
}

.testmonailItem .ratingBlock {
  margin: 0px 0px 20px 0px;
}

.ratingView {
  width: 140px;
  height: 30px;
  display: inline-block;
  background: url(../../images/star-rating-bg.png) no-repeat 0px 0px / 140px auto;
}

.ratingView .rate {
  background: url(../../images/star-rating.png) no-repeat 0px 0px / 140px auto;
  display: inline-block;
  height: 30px;
}

.footerContactSec {
  background: #ffffff;
  box-shadow: -2px 10px 20px rgba(7, 85, 171, 0.15);
  position: relative;
  bottom: -40px;
  margin-bottom: -70px;
}

.footerContactLeft {
  height: 100%;
  background: url(../../images/footer-contact-img.jpg) no-repeat bottom 20px center;
  padding: 20px 40px 400px 40px;
}

.footerContactLeft h2 {
  font-size: 48px;
  margin: 0px 0px 10px 0px;
  font-family: 'proxima_novaextrabold';
}

.footerContactLeft .desc {
  font-size: 18px;
  text-transform: uppercase;
}

.footerContactBlueBg {
  background: var(--blue);
  padding: 60px 40px;
}

.footerContactBlueBg .textA {
  font-size: 18px;
  font-family: "proxima_novasemibold";
  color: #ffffff;
  margin: 0px 0px 15px 0px;
  text-transform: uppercase;
}

.footerContactBlueBg .textB {
  font-size: 26px;
  font-family: "proxima_novabold";
  color: #ffffff;
  margin: 0px 0px 25px 0px;
  padding-bottom: 15px;
  position: relative;
}

.footerContactBlueBg .textB:before {
  content: "";
  width: 50px;
  height: 4px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: #ffffff;
}


/*form input field css*/

.inputfield {
  position: relative;
  margin: 10px 0px 25px 0px;
  display: inline-block;
  width: 100%;
}

.inputfield.icon:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 12px;
  width: 18px;
  height: 18px;
  background: url(../../images/input-icons.png) no-repeat -5px -5px;
}

.inputfield .lblTitle {
  color: #fff;
  font-size: 16px;
  position: absolute;
  pointer-events: none;
  left: 6px;
  top: 10px;
  transition: all 0.2s linear;
  text-transform: uppercase;
  margin: 0px;
}

.inputfield .input {
  background: none;
  border: none;
  border-bottom: 1px solid #ffffff;
  border-radius: 0px;
  padding: 0px 30px 0px 6px;
  font-size: 16px;
  height: 44px;
  width: 100%;
  transition: all 0.3s linear;
  color: #ffffff;
}

.inputfield .input:focus {
  border-bottom-color: var(--sky);
  outline: none;
}

.inputfield .input:focus~.lblTitle {
  color: #ffffff;
  top: -6px;
  font-size: 12px;
}

.inputfield .lblTitle.active {
  top: -6px;
  font-size: 12px;
}

.inputfield .error {
  position: absolute;
  width: 100%;
  bottom: -29px;
  right: 0;
  font-size: 12px;
  color: red;
}

.inputfield select.input option:first-child {
  display: none;
}

.inputfield select.input {
  padding-right: 30px;
  appearance: none;
  -webkit-appearance: none;
  background: transparent url('../../images/drop-down.png') no-repeat right 16px top 18px;
}

.inputfield textarea.input {
  padding-top: 10px;
  height: 80px;
}

.inputfield.icon .lblTitle {
  left: 26px;
}

.inputfield.icon .input {
  padding-left: 26px;
}

.inputfield.email:before {
  background-position: -6px -34px;
}

.inputfield.number:before {
  background-position: -6px -67px;
}

.inputfield.skype:before {
  background-position: -5px -105px;
  width: 20px;
  height: 22px;
}

.inputfield.number .input {
  background-color: var(--blue);
}

.checkboxInputRow {
  margin-bottom: 30px;
}

.checkboxInputRow .custom-control-label {
  color: #ffffff;
  font-size: 16px;
  padding: 3px 0px 0px 5px;
}

.checkboxInputRow .custom-control-label::before {
  border: solid 2px #ffffff;
  background: none;
  width: 20px;
  height: 20px;
}

.checkboxInputRow .custom-control {
  width: 100%;
  margin-top: 10px;
}

.checkboxInputRow .custom-control-input:focus~.custom-control-label::before {
  box-shadow: none;
}

.checkboxInputRow .custom-control-label::after {
  width: 20px;
  height: 20px;
}

.footer {
  background: #032c51;
  padding: 158px 0px 20px 0px;
}

.footerLogo {
  margin: 0px 0px 0px 0px;
  max-width: 100px;
}

.footerLogo a {
  display: inline-block;
  max-width: 100%;
}

.copyRigtText {
  font-size: 16px;
  color: #ffffff;
  margin: 10px 0px 10px 0px;
  text-align: center;
}

.footer h3 {
  margin: 0px 0px 20px 0px;
  font-size: 16px;
  color: rgb(255, 255, 255, 0.8);
  text-transform: uppercase;
  font-family: "proxima_novasemibold";
}

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

.footerLink li {
  margin-bottom: 17px;
  font-size: 18px;
}

.footerLink a {
  color: white;
  text-decoration: none;
  font-size: 16px;
}

.footerLink a:hover {
  color: #fff;
}

a.facebook i {
  color: #3b5998;
  padding: 9px;
  text-align: center;
  font-size: 20px;
}

a.linkedin {
  color: #0e76a8;
  padding: 6px;
  text-align: center;
  font-size: 20px;
}

a.youtube {
  color: #c4302b;
  padding: 3px;
  text-align: center;
  font-size: 20px;
}

a.print {
  color: #E60023;
  padding: 3px;
  text-align: center;
  font-size: 20px;
}

a.instagram {
  color: #8a3ab9;
  padding: 6px;
  text-align: center;
  font-size: 20px;
}

a.twitter {
  color:  #00acee;
  padding: 4px;
  text-align: center;
  font-size: 20px;
}

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

a.linkdin {
  color: white;
}

.footerSocil li {
  display: inline-block;
  margin: 0px 20px 0px 0px;
}

.footerSocil li a {
  /*background: url(../../images/social-icons.png) no-repeat 2px 3px;*/
  width: 36px;
  height: 36px;
  display: block;
  border-radius: 50%;
  background: #fff;
}

.footerSocil li a.linkedin {
  background-position: -57px 1px;
}

.homeTechBlueBox img {
  height: 242px;
  width: 259px;
  object-fit: cover;
}

.footerSocil li a.twitter {
  background-position: -120px 2px;
}

.footerSocil li a.print {
  background-position: -177px 2px;
}


/*.footerSocil li a:hover {
  background-color: rgba(0, 0, 0, 0.5);
}*/

.footerContactInfo {
  margin: 0px 0px 20px 0px;
  display: inline-block;
  width: 100%;
}

.footerContactInfo a {
  padding-left: 40px;
  margin-bottom: 20px;
  display: inline-block;
  color: #ffffff;
  position: relative;
  font-family: "proxima_novabold";
  font-size: 16px;
  float: left;
  clear: left;
}

img.blueLogo {
  max-width: 140px;
}

.thanking h3 {
  text-align: center;
  margin: 10px 0px;
  font-size: 45px;
  color: #009e98;
}

.modal-body {
  padding-bottom: 40px;
}

.thanking p {
  text-align: center;
  font-size: 17px;
  font-weight: 700;
  margin: 0px 0px;
}

.imges img {
  margin: 0px auto;
  display: flex;
  width: 65px;
}

.footerContactInfo a:hover {
  text-decoration: none;
  color: #898d93;
  color: #ffffff;
}

.footerContactInfo a:before {
  content: "";
  width: 27px;
  height: 27px;
  border-radius: 50%;
  position: absolute;
  left: 0px;
  top: -2px;
  background: url(../../images/sprite.png) no-repeat -14px -142px;
}

.footerContactInfo a:nth-child(2):before {
  background-position: -13px -276px;
}

.footerContactInfo a:nth-child(3):before {
  background-position: -90px -383px;
}

.footerPartnerLogo {
  padding: 50px 0px 10px 0px;
}

.footerPartnerLogo a {
  display: inline-block;
  margin: 0px 60px 10px 0px;
  opacity: 0.5;
}

.footerPartnerLogo a:hover {
  opacity: 1;
}

.footerPartnerLogo a:last-child {
  margin-right: 0px;
}

.goTop {
  width: 51px;
  height: 51px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  background: #009e98 url(../../images/sprite.png) no-repeat -82px -83px;
  border-radius: 50%;
  display: none;
  z-index: 111;
}

.mobilesicky {
  display: none;
  position: fixed;
  width: 100%;
  left: 0;
  z-index: 10;
  padding: 10px 5px;
  bottom: 0;
  background-color: #fff;
  box-shadow: 0 0 5px #6666665d;
  font-size: 11px;
  text-align: center;
}

.mobilesicky a {
  color: #444;
}

.mobilesicky a:hover {
  text-decoration: none;
}

.footerlogo {
  display: inline-block;
  position: relative;
}

.footerlogo.stickyfoot1 {
  background-position: -166px -8px;
  width: 50px;
  height: 21px;
}

.footerlogo.stickyfoot3 {
  background-position: -166px -106px;
  width: 50px;
  height: 21px;
}

.footerlogo.stickyfoot2 {
  background-position: -166px -57px;
  width: 50px;
  height: 21px;
}

.footerlogo.stickyfoot4 {
  background-position: -166px -157px;
  width: 50px;
  height: 21px;
}

.whatsappIcon {
  background-color: #4dc247;
  border-radius: 50%;
  height: 48px;
  width: 48px;
  position: relative;
  top: -20px;
  display: inline-block;
}

.whatsappIcon svg {
  fill: white;
  height: 48px;
  width: 48px;
}

.requestQuotePopup {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
  background: url(../../images/request-quote-bg.jpg) no-repeat center / cover;
  z-index: 111;
  overflow-y: auto;
  display: none;
  transform: rotateX(90deg);
  transition: transform 0.3s linear;
}

.requestQuoteHead .container {
  max-width: 1800px;
}

.popUpLogo {
  display: inline-block;
  margin: 32px 0px;
}

.popUpClose {
  width: 22px;
  height: 22px;
  display: inline-block;
  background: url(../../images/sprite.png) no-repeat -178px -217px;
  cursor: pointer;
}

.openPopUp {
  overflow: hidden;
}

.openPopUp .requestQuotePopup {
  transform: rotateX(0deg);
}

.requestQuotePopup::-webkit-scrollbar {
  width: 5px;
}

.requestQuotePopup::-webkit-scrollbar-track {
  background: transparent;
}

.requestQuotePopup::-webkit-scrollbar-thumb {
  background: #888;
}

#popUpTestiSlider {
  margin: 20px 0px 40px 0px;
}

#popUpTestiSlider button.owl-dot {
  background-color: #ffffff;
  opacity: 0.5;
}

#popUpTestiSlider button.owl-dot.active {
  opacity: 1;
}

#popUpTestiSlider .owl-dots {
  margin-top: 20px;
}

.popUpTestiMonailItem {
  color: #ffffff;
}

.popUpTestiMonailItem .text {
  margin: 0px 0px 30px 0px;
  font-size: 20px;
}

.popUpTestiMonailItem .writerInfo {
  position: relative;
  padding-left: 50px;
  text-align: left;
  display: inline-block;
}

.popUpTestiMonailItem .writerInfo:before {
  content: "";
  position: absolute;
  left: 0px;
  width: 30px;
  height: 30px;
  top: 8px;
  background: url(../../images/testmonial-icon.png) no-repeat 0px 0px;
  background-size: auto 20px;
}

.popUpTestiMonailItem .name {
  margin: 0px 0px 2px 0px;
  font-size: 22px;
  font-family: "proxima_novabold";
}

.popUpTestiMonailItem .position {
  font-size: 16px;
}

.popUpTestiMonailItem .ratingBlock {
  margin: 0px 0px 5px 0px;
}

.popUpRightBlock {
  background: #ffffff;
  padding: 30px 20px;
}

.popUpRightBlock h2 {
  font-size: 46px;
  font-family: "proxima_novaextrabold";
  margin: 0px 0px 5px 0px;
}

.popUpRightBlock .desc {
  font-size: 18px;
  margin: 0px 0px 20px 0px;
}

.customFormOnWhite .inputfield label {
  color: #000;
}

.customFormOnWhite .inputfield .input {
  color: var(--black);
  border-bottom: 1px solid #ccc;
}


/*.customFormOnWhite .inputfield.icon:before {
  background-image: url(../../images/input-icons-w.png);
}*/


/*zoomIn.css*/

.zoomit-ghost {
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  cursor: zoom-in;
  display: block;
  position: absolute;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.zoomit-zoomed {
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 5;
  position: absolute;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  min-width: 100% !important;
  min-height: 100% !important;
  transition: transform 0.1s ease, opacity 0.2s ease;
}

.zoomit-container {
  overflow: hidden;
  position: relative;
  vertical-align: top;
  display: inline-block;
}

.zoomit-container img {
  vertical-align: top;
}

.zoomit-container.loaded .zoomit-ghost {
  cursor: zoom-in;
}

.zoomit-container.loaded .zoomit-zoomed {
  opacity: 1;
}

.machibne-head h3 {
  font-size: 25px;
  margin-bottom: 49px;
}

section.dona-sec {
  padding: 40px 0px;
}

.detils1 span {
  text-decoration: line-through;
}

span.spnoff {
  font-size: 20px;
  margin-left: 15px;
  color: #009e98;
  font-weight: bold;
}

.btn-two button {
  margin-top: 23px;
  border: 2px solid #009e98;
  background: #009e98;
  color: white;
  padding: 5px 63px;
  font-weight: bold;
  font-size: 16px;
  border-radius: 5px;
}

.btn-two1 button {
  margin-top: 23px;
  border: 2px solid #009e98;
  background: #009e98;
  color: white;
  padding: 5px 46px;
  font-weight: bold;
  font-size: 16px;
  border-radius: 5px;
}

.btn-two button:hover {
  background: #009e98;
  border: 2px solid #009e98;
}

h3.prd-heads {
  font-size: 20px;
  margin-left: 20px;
  margin-bottom: 24px;
  font-weight: bold;
}

.machibne-head a span i {
  margin-right: 10px;
  font-size: 24px;
  color: #000;
}

.prodct-dtls h6 {
  padding-top: 20px;
  font-size: 31px;
}

.prodct-dtls small {
  display: block;
}

.zoomit-container img {
  height: 400px;
  object-fit: cover;
}

span.spaning i {
  position: absolute;
  bottom: 34px;
}

.customFormOnWhite .inputfield .input:focus {
  border-bottom-color: var(--sky);
  outline: none;
}

.customFormOnWhite .inputfield .input:focus~label {
  color: var(--black);
  top: -6px;
  font-size: 12px;
}

.customFormOnWhite .inputfield label.active {
  top: -6px;
  font-size: 12px;
}

.customFormOnWhite .inputfield.number .input {
  background-color: #ffffff;
}

.customFormOnWhite .custom-control-label {
  color: var(--black);
  font-size: 16px;
  padding: 3px 0px 0px 5px;
}

.customFormOnWhite .custom-control-label::before {
  border: solid 1px #cccc;
  background: none;
  width: 20px;
  height: 20px;
}

.homeSection {
  padding: 50px 0px;
}

.homeHeading {
  margin: 0px 0px 40px 0px;
  display: inline-block;
  width: 100%;
}

.homeHeading h2 {
  margin: 0px 0px 20px 0px;
  font-size: 56px;
  font-family: 'proxima_novabold';
}

.homeHeading .desc {
  margin: 0px auto 30px auto;
  max-width: 880px;
  font-size: 18px;
}

.blogSec .homeHeading {
  text-align: center;
}

.blogSec .btnRow {
  text-align: center;
  padding-top: 30px;
}

.homeBlogList .col-md-4 {
  margin-bottom: 30px;
}

.blogBox {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
  background: #ffffff;
  height: 100%;
}

.blogBox .img {
  overflow: hidden;
  margin-bottom: 10px;
}

.blogBox .img a {
  text-decoration: none;
  width: 100%;
  max-width: 100%;
}

.blogBox .img img {
  display: block;
  transition: all 0.2s linear;
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.blogBox h3 {
  margin: 15px 0px 5px 0px;
  min-height: 60px;
  font-size: 22px;
  font-family: 'proxima_novabold';
}

.blogBox h3 a {
  color: var(--black);
  text-decoration: none;
}

.blogBox .catName {
  color: var(--black);
  text-transform: uppercase;
  text-decoration: none;
  font-size: 16px;
}

.blogBox .catName a {
  color: var(--black);
  text-decoration: none;
}

.blogBox .date {
  color: #696d72;
  font-size: 16px;
  margin: 0px 0px 15px 0px;
}

.blogBox .blogText {
  padding: 20px 25px 25px 25px;
}

.blogBox:hover h3 a {
  color: var(--black);
}

.blogBox:hover .img img {
  transform: scale(1.03);
}

.blogBox:hover {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
}

.blogBox .readmore {
  color: var(--sky);
}

.blogBox .readmore:hover {
  color: var(--darkSky);
  text-decoration: none;
}

.animation {
  opacity: 0;
  transform: translate(0px, 20px);
  transition: all 0.5s linear;
}

.animation.ani {
  opacity: 1;
  transform: translate(0px, 0px);
}

@media (min-width: 1350px) {
  .homePage .middle {
    overflow: hidden;
  }
  .testmonailSlider .owlNav.owl-carousel .owl-nav button {
    right: -100px;
  }
  .testmonailSlider .owlNav.owl-carousel .owl-nav button.owl-prev {
    left: -100px;
  }
  .goTop {
    bottom: 30px;
    right: 30px;
  }
}

@media (min-width: 1600px) {
  .homeIntroductingImg {
    margin: 0px 0px 0px -30px;
    max-width: 680px;
  }
  .navigation>ul>li {
    margin: 0px 20px;
  }
  .homeTopBannerVideoBlock {
    width: calc(50vw - 220px);
  }
  .homeTopTechLeft {
    flex: 0 0 29%;
    max-width: 29%;
  }
  .homeTopTechRight {
    flex: 0 0 71%;
    max-width: 71%;
  }
  .homeTechBlueBox {
    padding: 35px;
  }
  .homeTechBlueBox .descB {
    font-size: 18px;
  }
  .homeTechBlueBox .arrowTextLink {
    left: 35px;
  }
  .technologyCounter {
    right: -200px;
  }
}

@media(min-width: 1025px) {
  .openPopUp {
    padding-right: 20px;
  }
}

@media (max-width:1300px) {
  .headerRightLinks .email {
    display: none;
  }
}

@media (max-width:1024px) {
  .homeTopBannerText {
    padding: 40px 0px;
  }
  .homeTopBannerPartnerLogos {
    padding: 10px 0px 40px 0px;
  }
  .homeTopBannerText .h1 {
    margin: 0px 0px 30px 0px;
    font-size: 44px;
  }
  .homeTopBannerText .desc {
    margin: 0px 0px 30px 0px;
  }
  .homeTopBannerVideoBlock {
    text-align: center;
  }
  .homeTopBannerVideoBlock .videoIcon {
    width: 40px;
    height: 40px;
    background-size: 40px auto;
  }
  .homeIntroductingSec {
    padding: 50px 0px;
  }
  .homeIntroductingSec .text {
    font-size: 18px;
    margin: 0px 0px 30px 0px;
  }
  .homeIntroductingSec h2 {
    font-size: 46px;
    margin: 0px 0px 30px 0px;
  }
  .scrollEleA {
    height: auto;
  }
  .scrollEleA:after {
    display: none;
  }
  .scrollEleB {
    position: relative;
    height: auto;
    top: 0px;
  }
  .homeSpecializeSec {
    padding: 50px 15px 10px 15px;
    display: block;
    height: auto;
  }
  .technologyTabNav {
    pointer-events: inherit;
  }
  .homeSpecializeSec h2 {
    font-size: 46px;
    margin: 0px 0px 40px 0px;
  }
  .featuredWorkSec h2 {
    font-size: 46px;
    margin: 0px 0px 30px 0px;
  }
  .industryWeServeSec {
    padding: 0px 0px 50px 0px;
  }
  .industryWeServeSec h2 {
    font-size: 46px;
  }
  .industryWeServeSec .desc {
    font-size: 16px;
    margin: 0px auto 30px auto;
  }
  .industriesSlider {
    margin: 0px 0px 50px 0px;
  }
  .footerContactLeft {
    padding: 20px 20px 400px 20px;
    background-size: 90% auto;
  }
  .footerContactLeft h2 {
    font-size: 28px;
  }
  .footerContactSec {
    bottom: 0px;
    margin: 30px 0px;
  }
  .footerContactBlueBg {
    padding: 15px 15px;
  }
  .footer {
    padding: 60px 0px 0px 0px;
  }
}

@media (max-width: 767px) {
  .headerRightLinks {
    display: none;
  }
  .homeTopBannerVideoBlock {
    display: none;
  }
  .header .col-auto:nth-child(3) {
    display: none;
  }
  .homeTopBanner {
    padding-top: 10px;
    min-height: 400px;
  }
  .homeTopBannerText {
    padding: 30px 0px;
  }
  .homeTopBannerPartnerLogos {
    padding: 10px 0px 40px 0px;
  }
  .homeTopBannerText .h1 {
    margin: 0px 0px 20px 0px;
    font-size: 26px;
  }
  .homeTopBannerText .desc {
    margin: 0px 0px 20px 0px;
    font-size: 16px;
  }
  .homeTopBannerPartnerLogos .heading {
    margin: 0px 0px 20px 0px;
    display: block;
  }
  .homeSlider .owl-nav {
    display: none;
  }
  .homeSlider .owl-dots {
    text-align: center;
  }
  .homeTopTechSec .text {
    padding: 30px 15px 15px 15px;
  }
  .homeTopTechSec h2 {
    font-size: 22px;
    margin: 0px 0px 15px 0px;
  }
  .homeTopTechSec .desc {
    font-size: 14px;
  }
  .homeTechBlueBox {
    height: auto;
    padding: 20px 15px 15px 15px;
    border-left: none;
  }
  .homeTechBlueBox .icon {
    display: none;
  }
  .homeTechBlueBox .desc {
    margin-bottom: 20px;
  }
  .homeTechBlueBox .descB {
    opacity: 1;
    height: auto;
    margin-bottom: 45px;
  }
  .homeIntroductingImg {
    margin-top: 20px;
  }
  .product-single-filter .config-swatch-list li {
    margin-bottom: 0;
  }
  .config-swatch-list li a {
    position: relative;
    display: flex;
    align-items: center;
    width: 2.2rem;
    height: 2.2rem;
    color: #000;
  }
  .config-swatch-list li.active a::before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: #fff;
    font-family: 'porto';
    font-size: 1.1rem;
    line-height: 1;
    content: '\e84e';
  }
  .homeTechBlueBox .arrowTextLink {
    left: 15px;
    padding-bottom: 10px;
    opacity: 1;
  }
  .homeTechBlueBox.lastBox .center {
    padding-top: 0px;
    padding-bottom: 5px;
  }
  .homeTechBlueBox h3 {
    font-size: 20px;
  }
  .homeIntroductingSec {
    padding: 30px 0px;
  }
  .homeIntroductingSec .text {
    font-size: 16px;
    margin: 0px 0px 20px 0px;
    font-family: "proxima_novaregular";
  }
  .homeIntroductingSec h2 {
    font-size: 26px;
    margin: 0px 0px 30px 0px;
  }
  .stepBlock {
    padding: 0px 0px 20px 0px;
    text-align: center;
  }
  .stepBlock .img {
    margin: 0px 0px 10px 0px;
  }
  .stepBlock .desc {
    font-size: 16px;
  }
  .homeSpecializeSec {
    padding: 30px 15px 0px 15px;
  }
  .homeSpecializeSec h2 {
    font-size: 26px;
    margin: 0px 0px 20px 0px;
  }
  .technologyTabSec {
    margin: 0px;
    padding-right: 0px;
  }
  .technologyCounter {
    display: none;
  }
  .technologyTabNav li {
    margin-bottom: 5px;
  }
  .technologyTabNav li a {
    font-size: 16px;
  }
  .technologyBlock {
    padding-bottom: 20px;
  }
  .technologyBlock h3 {
    font-size: 22px;
    margin: 15px 0px;
  }
  .technologyBlock .desc {
    font-size: 16px;
    margin: 0px 0px 10px 0px;
  }
  .countingSectionBg {
    padding: 30px 0px 10px 0px;
  }
  .countingSectionBg .tagline {
    font-size: 20px;
  }
  .counterBlock {
    margin: 0px 0px 30px 0px;
  }
  .counterBlock .count {
    font-size: 36px;
  }
  .counterBlock .desc {
    font-size: 14px;
  }
  .joinUsSec {
    padding: 20px 15px;
  }
  .joinUsSec h3 {
    font-size: 20px;
    margin: 0px 0px 10px 0px;
  }
  .joinUsSec .desc {
    font-size: 16px;
    max-width: 700px;
    margin-bottom: 15px;
  }
  .featuredWorkSec {
    padding: 10px 0px 30px 0px;
  }
  .featuredWorkSec h2 {
    font-size: 26px;
    margin: 0px 0px 20px 0px;
  }
  .featureBox .textBlock {
    background: rgba(0, 0, 0, 0.5);
    top: 0px;
    padding: 120px 20px 20px 20px;
  }
  .featureBox .img {
    min-height: 350px;
  }
  .featureBox .textBlock .desc {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  .feature.featureBox .textBlock .text {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  .industryWeServeSec {
    padding: 0px 0px 10px 0px;
  }
  .industryWeServeSec h2 {
    font-size: 26px;
    margin: 0px 0px 15px 0px;
  }
  .industriesSlider .owl-dots {
    bottom: -35px;
  }
  .homeTestimonialBg {
    padding: 50px 15px 20px 15px;
  }
  .homeTestimonialBg h2 {
    font-size: 26px;
    margin: 0px 0px 30px 0px;
  }
  .homeTestimonialBg h2:before {
    left: calc(50% - 40px);
    width: 80px;
    height: 70px;
    top: -15px;
    background-size: 70px auto;
  }
  .testmonailItem .desc {
    font-size: 16px;
    margin: 0px 0px 30px 0px;
    min-height: inherit;
  }
  .testmonailSlider .owl-dots {
    padding-top: 20px;
  }
  .testmonailItem .name {
    font-size: 18px;
  }
  .testmonailItem .writerInfo {
    padding-left: 40px;
  }
  .customForm .whiteBtn {
    width: 100%;
    margin-top: 15px;
  }
  .footer {
    padding: 35px 0px 0px 0px;
  }
  .footer h3 {
    margin: 0px 0px 20px 0px;
    font-size: 18px;
  }
  .footBlock {
    display: none;
    padding: 0px 0px 10px 0px;
  }
  .footBlockHead {
    position: relative;
  }
  .footBlockHead:after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 0px;
    background: transparent url(../../images/slider-arrow.png) no-repeat 3px 2px;
    transition: all 0.1s linear;
  }
  .openTab.footBlockHead:after {
    transform: rotate(90deg);
    top: -2px;
  }
  .footerLink {
    margin: 0px 10px;
  }
  .footerLink li {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .footerLink a {
    color: #ffffff;
  }
  .footer .col-md-5 {
    order: 1;
  }
  .copyRigtText {
    display: block;
    margin: 0px 0px 25px 0px;
  }
  .footerPartnerLogo {
    padding: 20px 0px 20px 0px;
  }
  .footerPartnerLogo a {
    margin: 0px 0px 30px 0px;
    width: 49%;
  }
  .footerContactInfo {
    margin: 0px 0px 10px 0px;
  }
  .footerContactInfo a {
    color: #ffffff;
  }
  .goTop {
    display: none !important;
  }
  .mobilesicky {
    display: block;
  }
  .customFormOnWhite .inputfield {
    margin: 10px 0px 15px 0px;
  }
  .customFormOnWhite .skyBtn {
    margin: 20px 0px 0px 0px;
    width: 100%;
  }
  .popUpTestiMonailItem .text {
    font-size: 16px;
  }
  .popUpTestiMonailItem .name {
    font-size: 18px;
  }
  .popUpTestiMonailItem .position {
    font-size: 16px;
  }
  .popUpRightBlock {
    padding: 15px;
    margin-bottom: 20px;
  }
  .popUpRightBlock h2 {
    font-size: 20px;
    margin: 0px 0px 10px 0px;
  }
  .popUpRightBlock .desc {
    font-size: 16px;
    margin: 0px 0px 20px 0px;
  }
  .homeSection {
    padding: 30px 0px;
  }
  .homeHeading {
    margin: 0px 0px 20px 0px;
  }
  .homeHeading h2 {
    font-size: 24px;
    margin: 0px 0px 10px 0px;
  }
  .homeHeading .desc {
    font-size: 16px;
    margin: 0px auto 20px auto;
  }
  .blogSec .btnRow {
    padding-top: 10px;
  }
}

.project-tab {
  padding: 10%;
  margin-top: -8%;
}

.project-tab #tabs {
  background: #007b5e;
  color: #eee;
}

.project-tab #tabs h6.section-title {
  color: #eee;
}

.project-tab #tabs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #0062cc;
  background-color: transparent;
  border-color: transparent transparent #f3f3f3;
  border: 3px solid !important;
  font-size: 16px;
  font-weight: bold;
}

a#nav-profile-tab img {
  width: 80px;
  height: 80px;
}

a#nav-contact-tab img {
  width: 80px;
  height: 80px;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
  margin: 20px 0px;
}

.product-single-filter {
  display: flex;
  align-items: center;
  padding-bottom: 2.2rem;
}

.product-single-filter label {
  margin-right: 1.3rem;
  margin-bottom: 0;
  color: #21293c;
  font: 600 1.5rem/1.1 "Poppins", sans-serif;
  letter-spacing: .005em;
}

.config-swatch-list li a {
  position: relative;
  display: flex;
  align-items: center;
  width: 20px;
  height: 20px;
  color: #000;
}

.eddddd {
  display: inline-flex;
}

.config-swatch-list a {
  transition: all .3s;
}

.config-swatch-list li {
  margin-right: .4rem;
}

.product-single-filter {
  margin-top: 30px;
}

.product-single-filter label {
  font-size: 16px;
}

.config-swatch-list li.active a::before {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: #fff;
  font-family: 'porto';
  font-size: 1.1rem;
  line-height: 1;
  content: '\e84e';
}

.product-single-filter .config-swatch-list {
  display: inline-flex;
  margin: 0;
  list-style: none;
}

.space {
  padding-bottom: 2px;
}

.prodct-dtls p {
  text-align: justify;
}

.prodct-dtls p {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  background: #fff;
  position: absolute;
}

#section {
  /*height: 400px;*/
  word-wrap: break-word;
  margin-top: 20px;
}

.article p {
  text-align: justify;
}

.moretext {
  display: none;
}

.widget-title {
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 600;
  color: #151515;
  /*margin: .5rem 0 1.3rem;*/
}

.config-size-list {
  margin-right: -.4rem;
}

.config-swatch-list,
.config-size-list {
  margin: 0px 48px;
  padding: 0;
  font-size: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 15px 13px !important;
}

.nav-fill .nav-item {
  flex: none !important;
  text-align: center;
}

.config-size-list li {
  display: inline-flex;
  margin-right: .4rem;
  margin-bottom: .4rem;
}

.config-size-list li a {
  position: relative;
  display: block;
  min-width: 30px;
  height: 30px;
  transition: all .3s;
  padding-left: .2rem;
  padding-right: .2rem;
  font-weight: 400;
  text-align: center;
  font-size: 13px;
  line-height: 28px;
  border: 1px solid #dadada;
  background-color: #f0f0f0;
  text-decoration: none;
  color: #949494;
}

.product-single-share {
  display: flex;
  align-items: center;
  margin: -20px 0px;
}

.product-single-share label {
  margin-right: 1.2rem;
  margin-bottom: .5rem;
  color: #333;
  font: 600 1.4rem/1.1 "Poppins", sans-serif;
  letter-spacing: .005em;
  text-transform: uppercase;
}

.addthis-animated {
  animation-fill-mode: both;
  animation-timing-function: ease-out;
  animation-duration: .3s;
}

.at4-show {
  display: block!important;
  opacity: 1!important;
}

.addthis-smartlayers,
div#at4-follow,
div#at4-share,
div#at4-thankyou,
div#at4-whatsnext {
  padding: 0;
  margin: 0;
}

.at-resp-share-element {
  position: relative;
  line-height: 0;
  font-size: 0;
}

.at4-visually-hidden {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  overflow: hidden;
}

.at-resp-share-element .at-share-btn {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 2px 5px;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  text-decoration: none;
  text-transform: none;
  color: #fff;
  cursor: pointer;
  transition: all .2s ease-in-out;
  border: 0;
  font-family: helvetica neue, helvetica, arial, sans-serif;
  background-color: transparent;
}

.at4-visually-hidden {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  overflow: hidden;
}

.product-single-share label {
  font-size: 15px;
}

h3.widget-title a {
  font-size: 18px;
  color: black !important;
  position: absolute;
}

.config-size-list li.active a {
  border-color: #009e98;
  background-color: #009e98;
  color: #fff;
}

.config-size-list li a:hover,
.config-size-list li a:focus {
  border-color: #009e98;
  background-color: #009e98;
  color: #fff;
  text-decoration: none;
}

.project-tab .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  color: #0062cc;
  font-size: 16px;
  font-weight: 600;
}

.project-tab .nav-link:hover {
  border: none;
}

.project-tab thead {
  background: #f3f3f3;
  color: #333;
}

.project-tab a {
  text-decoration: none;
  color: #333;
  font-weight: 600;
}

a#nav-home-tab img {
  width: 80px;
  height: 80px;
}


/*gallery css*/

/* Portfolio Nav */

.portfolio-menu {
  text-align: center;
  margin: 20px 0 50px 0;
}

#portfolio-nav {
  display: inline-block;
  background: #fff;
  margin: 0;
  overflow: hidden;
}

#portfolio-nav li {
  padding: 0;
  position: relative;
  cursor: pointer;
  background: transparent;
  box-shadow: none;
  color: #2E2751;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-size: 16px;
  float: left;
  margin: 0 5px 0 0;
  text-transform: capitalize;
  font-weight: 600;
  margin-right: 15px;
  padding-right: 15px;
  border-right: 1px solid #cccccc9e;
}

#portfolio-nav li:last-child {
  margin-right: 0px;
  padding-right: 0px;
  border: none;
}

#portfolio-nav li.active,
#portfolio-nav li:hover {
  color: #17a2b8;
}

.single-portfolio .portfolio-head.overlay::before {
  opacity: 0;
  visibility: hidden;
}

.single-portfolio:hover .portfolio-head.overlay::before {
  opacity: 0.8;
  visibility: visible;
}

.single-portfolio .portfolio-content.hover {
  position: absolute;
  bottom: 0;
  padding: 15px 20px;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 333;
  top: 0;
}

.single-portfolio:hover .portfolio-content.hover {
  opacity: 1;
  visibility: visible;
}

.single-portfolio .portfolio-content.hover h4 a {
  color: #fff !important;
}

.single-portfolio .portfolio-content.hover p {
  color: #eee;
}

.single-portfolio .portfolio-content .zoom {
  height: 70px;
  width: 70px;
  line-height: 68px;
  text-align: center;
  font-size: 20px;
  color: #179e66;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -35px;
  margin-top: -35px;
  display: block;
  z-index: 34;
  background: #fff;
  border-radius: 50px;
  border: 2px solid transparent;
}

.single-portfolio .portfolio-content .zoom:hover {
  border-color: #fff;
  color: #fff;
  background-color: transparent;
}

.single-portfolio {
  position: relative;
  background: #fff;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.single-portfolio .portfolio-head {
  position: relative;
  z-index: 66;
  height: 240px;
}

.single-portfolio img {
  display: block;
  width: 100%;
  z-index: 3;
  transition: all 0.8s ease;
}

.single-portfolio .more {
  height: 50px;
  width: 50px;
  opacity: 0;
  line-height: 51px;
  text-align: center;
  color: #fff;
  background: #F3A712;
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  bottom: 0;
  font-size: 17px;
  border-radius: 100%;
  box-shadow: 0px 5px 5px #00000024;
  z-index: 333;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  visibility: hidden;
}

.single-portfolio .more:hover {
  background: #fff;
  color: #F3A712;
}

.single-portfolio:hover .more {
  opacity: 1;
  visibility: visible;
}

.single-portfolio .portfolio-content {
  position: relative;
  top: -30px;
  text-align: left;
  width: 78%;
  padding: 18px 20px;
  border-left: 3px solid #179e66;
  background: #fff;
  left: 15px;
  display: inline-block;
  z-index: 22222;
  margin-bottom: -30px;
  -webkit-box-shadow: -2px 2px 6px #0000002e;
  -moz-box-shadow: -2px 2px 6px #0000002e;
  box-shadow: -2px 2px 6px #0000002e;
}

.single-portfolio .portfolio-content h4 {
  line-height: 24px;
  font-size: 18px;
}

.single-portfolio .portfolio-content h4 a {
  font-size: 18px;
  color: #2E2751;
  text-transform: capitalize;
}

.single-portfolio .portfolio-content h4:hover a {
  opacity: 0.8;
  color: #179e66;
}

.single-portfolio .portfolio-content p {
  font-size: 14px;
}


/* Portfolio Details */

.pf-details {
  padding: 70px 0 100px !important;
  background: #fff;
}

.pf-details .project-head {
  margin-top: 30px;
}

.pf-details .portfolio-meta {
  display: block;
  border-top: 3px solid #179E66;
  text-align: center;
  margin-top: 30px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.14);
}

.pf-details .portfolio-meta ul {}

.pf-details .portfolio-meta ul li {
  font-size: 14px;
  color: #fff;
  display: block;
  text-align: left;
  background: #fff;
  position: relative;
  padding: 15px 20px 15px 55px;
  border-bottom: 1px solid #ebebeb;
}

.pf-details .portfolio-meta ul li:last-child {
  margin: 0;
  text-align: center;
  padding: 15px 0;
}

.pf-details .portfolio-meta ul li i {
  position: absolute;
  left: 20px;
  color: #F3A712;
  font-size: 25px;
  top: 50%;
  margin-top: -12.5px;
}

.pf-details .portfolio-meta ul li span {
  font-size: 15px;
  background: #fff;
  display: inline-block;
  color: #2E2751;
  border-radius: 30px;
  font-weight: 600;
}

.pf-details .portfolio-meta ul li span i {
  margin-right: 5px;
}

.pf-details .portfolio-meta ul li b {
  display: block;
  margin-top: 2px;
  color: #666;
  font-weight: 400;
}

.pf-details .single-content {
  margin-top: 25px;
}

.pf-details .single-content h1 {
  margin-bottom: 10px;
  font-size: 28px;
  padding-left: 20px;
}

.pf-details .single-content h1:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background: #179E66;
}

.pf-details .single-content p {
  margin-bottom: 20px;
}

.pf-details .single-content p:last-child {
  margin: 0;
}

.pf-details .portfolio-space {
  margin-bottom: 20px;
}

.pf-details .body-text h3 {
  font-size: 28px;
  font-weight: 600;
  color: #2E2751;
  margin-bottom: 10px;
  text-transform: capitalize;
}

.pf-details .wpb_content_element {
  margin-bottom: 20px;
}

.pf-details .wpb_content_element:last-child {
  margin: 0;
}

.pf-details #portfolio-slider {
  margin: 0;
}

.pf-details .single-portfolio .portfolio-content {
  padding: 15px 0 0px;
}

.pf-details .portfolio-meta .bizwheel-btn {
  padding: 12px 30px;
}

.pf-details #portfolio-slider .owl-dots {
  text-align: left;
  margin-top: 10px;
}


/* Portfolio Details */

.pf-details .pf-details-slider,
.pf-details .pf-details-slider .single-slide {
  overflow: hidden;
}


/* Slider Nav */

.pf-details .pf-details-slider .owl-nav {
  margin: 0;
  width: 100%;
}

.pf-details .pf-details-slider .owl-nav div {
  width: 50px;
  height: 60px;
  line-height: 60px;
  background: #f3a712;
  color: #fff;
  position: absolute;
  margin: 0;
  text-align: center;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-radius: 0px;
  top: 50%;
  margin-top: -30px;
  padding: 0;
  font-size: 20px;
}

.pf-details .pf-details-slider .owl-nav div:hover {
  color: #fff;
  background: #2E2751;
}

.pf-details .pf-details-slider .owl-prev {
  left: -100px;
}

.pf-details:hover .pf-details-slider .owl-nav .owl-prev {
  left: 0px;
}

.pf-details .pf-details-slider .owl-nav .owl-next {
  right: -100px;
}

.pf-details:hover .pf-details-slider .owl-nav .owl-next {
  right: 0px;
}


/*======================================
  End Portfolio CSS
========================================*/


/*======================================
  Testimonial CSS
========================================*/

.testimonials {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.testimonial-inner {
  position: relative;
  text-align: center;
}

.testimonial-inner .testimonial-slider {
  margin: -15px;
}

.testimonial-inner .single-slider {
  position: relative;
  padding: 30px;
  background: #fff;
  text-align: left;
  -webkit-box-shadow: 0 0 15px #1010101f;
  -moz-box-shadow: 0 0 15px #1010101f;
  box-shadow: 0 0 15px #10101036;
  margin: 15px;
}

.testimonial-inner .star-list {
  margin-bottom: 10px;
}

.testimonial-inner .star-list li {
  display: inline-block;
  margin-right: 3px;
}

.testimonial-inner .star-list li:last-child {
  margin: 0;
}

.testimonial-inner .star-list li i {
  font-size: 15px;
  color: #179e66;
}

.testimonial-inner .single-slider p {
  position: relative;
  font-size: 15px;
}


/* Testimonial Info */

.testimonial-inner .t-info {
  margin-top: 25px;
  position: relative;
  overflow: hidden;
}

.testimonial-inner .t-left {
  float: left;
}

.testimonial-inner .client-head {
  display: inline-block;
  float: left;
}

.testimonial-inner .t-info img {
  width: 75px;
  height: 75px;
  border: 2px solid #ebebeb;
  padding: 5px;
  margin-right: 15px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.testimonial-inner .single-slider:hover .t-info img {
  border-color: #179e66;
}

.testimonial-inner .t-left h2 {
  margin-top: 0;
  font-size: 20px;
  position: relative;
  top: 0;
  line-height: initial;
  display: inline-block;
  margin-top: 5px;
}

.testimonial-inner .t-left h2 span {
  display: block;
  color: #555;
  font-size: 15px;
  font-weight: 400;
}

.testimonial-inner .t-right .quote {
  color: #f3a712;
  float: right;
  z-index: 3;
  line-height: initial;
  height: 80px;
  font-size: 50px;
}


/* Slider Nav */

.testimonial-slider .owl-controls .owl-dots {
  margin-top: 10px;
}

.testimonial-slider .owl-controls .owl-dot {
  margin-right: 8px;
}

.testimonial-slider .owl-controls .owl-dot:last-child {
  margin-right: 0px;
}

.testimonial-slider .owl-controls .owl-dot span {
  background: transparent;
  border: 4px solid #f3a712;
  width: 13px;
  height: 13px;
  margin: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.testimonial-slider .owl-controls .owl-dot:hover span,
.testimonial-slider .owl-controls .owl-dot.active span {
  background: transparent;
  border-color: transparent;
  background: #f3a712;
}


/*======================================
  End Testimonial CSS
========================================*/


/*======================================
  CounterUp CSS
========================================*/

.counterup {
  padding: 50px 0 80px;
  background: #2E2751;
}

.counterup .title-bg {
  opacity: 0.2;
  color: #fff;
}

.single-counter {
  margin-top: 30px;
  position: relative;
  padding-left: 90px;
}

.single-counter .conter-content {
  border-left: 1px solid #ffffff36;
  padding-left: 20px;
}

.single-counter .icon {
  position: absolute;
  left: 0;
}

.single-counter .icon:before {
  content: "";
  position: absolute;
  width: 70px;
  height: 70px;
  background: #fff;
  z-index: 3;
  border-radius: 100%;
  opacity: 0.3;
  top: 4px;
  left: -7px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.single-counter:hover .icon:before {
  background: #F3A712;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.single-counter .icon i {
  color: #179e66;
  width: 70px;
  height: 70px;
  background: #fff;
  text-align: center;
  line-height: 70px;
  border-radius: 100%;
  z-index: 33;
  font-size: 25px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.single-counter:hover .icon i {
  background: #F3A712;
  color: #fff;
}

.single-counter h3 {
  font-size: 30px;
  font-weight: 500;
  color: #fff;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.single-counter h3 span {
  display: inline-block;
  color: #F3A712;
  margin-left: 5px;
}

.single-counter p {
  color: #eee;
  font-size: 15px;
  text-transform: capitalize;
  font-weight: 500;
  margin-top: 2px;
}


/*======================================
  End CounterUp CSS
========================================*/


/*======================================
  Team CSS
========================================*/

.single-team {
  background: #fff;
  text-align: center;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-box-shadow: 0px 4px 10px #0000001a;
  -moz-box-shadow: 0px 4px 10px #0000001a;
  box-shadow: 0px 4px 10px #0000001a;
}

.single-team .team-head {
  position: relative;
}

.single-team .team-head img {
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.single-team .team-arrow {
  position: absolute;
  top: -24px;
  z-index: 333;
  left: 10px;
}

.single-team .team-arrow a {
  left: 5px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-size: 25px;
  background: #2E2751;
  display: block;
  color: #fff !important;
  border-radius: 100%;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 10px #0000001a;
  -moz-box-shadow: 0px 0px 10px #0000001a;
  box-shadow: 0px 0px 10px #0000001a;
}

.single-team .team-arrow a:hover {
  background: #F3A712;
  color: #fff !important;
}

.single-team .t-content {
  text-align: center;
  padding: 25px 15px;
  position: relative;
}

.single-team .t-content .name {
  line-height: 22px;
}

.single-team .t-content .name a {
  font-size: 20px;
  color: #2E2751;
  text-transform: capitalize;
}

.single-team .t-content .name a:hover {
  color: #179e66;
}

.single-team .t-content .designation {
  position: relative;
  font-size: 14px;
  display: block;
  padding-bottom: 12px;
  margin-top: 5px;
}

.single-team .t-content .designation::before {
  position: absolute;
  content: "";
  left: 50%;
  bottom: 0;
  height: 2px;
  width: 50px;
  margin-left: -25px;
  background: #f3a712;
}

.single-team .t-content .text {
  font-size: 14px;
}

.single-team .t-content p {
  line-height: 22px;
}

.single-team .team-social {
  margin: 0;
  background: #fff;
  position: absolute;
  text-align: left;
  right: 0;
  top: 0;
  width: 48px;
  border-radius: 30px;
  height: auto;
  padding: 12px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

.single-team .team-social::before {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 0;
  border-right: 24px solid transparent;
  border-left: 24px solid transparent;
  border-top: 14px solid #FFF;
}

.single-team:hover .team-social {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

.single-team .team-social li {
  display: inline-block;
  display: block;
  margin: 0;
  text-align: center;
  margin-bottom: 5px;
}

.single-team .team-social li:last-child {
  margin: 0;
}

.single-team .team-social li a {
  font-size: 15px;
  color: #2e2751;
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #cccccc5e;
  line-height: 30px;
  border-radius: 100%;
}

.single-team .team-social li a:hover {
  color: #F3A712;
}



/*======================================
  Testimonial CSS
========================================*/

.testimonials {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.testimonial-inner {
  position: relative;
  text-align: center;
}

.testimonial-inner .testimonial-slider {
  margin: -15px;
}

.testimonial-inner .single-slider {
  position: relative;
  padding: 30px;
  background: #fff;
  text-align: left;
  -webkit-box-shadow: 0 0 15px #1010101f;
  -moz-box-shadow: 0 0 15px #1010101f;
  box-shadow: 0 0 15px #10101036;
  margin: 15px;
}

.testimonial-inner .star-list {
  margin-bottom: 10px;
}

.testimonial-inner .star-list li {
  display: inline-block;
  margin-right: 3px;
}

.testimonial-inner .star-list li:last-child {
  margin: 0;
}

.testimonial-inner .star-list li i {
  font-size: 15px;
  color: #179e66;
}

.testimonial-inner .single-slider p {
  position: relative;
  font-size: 15px;
}


/* Testimonial Info */

.testimonial-inner .t-info {
  margin-top: 25px;
  position: relative;
  overflow: hidden;
}

.testimonial-inner .t-left {
  float: left;
}

.testimonial-inner .client-head {
  display: inline-block;
  float: left;
}

.testimonial-inner .t-info img {
  width: 75px;
  height: 75px;
  border: 2px solid #ebebeb;
  padding: 5px;
  margin-right: 15px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.testimonial-inner .single-slider:hover .t-info img {
  border-color: #179e66;
}

.testimonial-inner .t-left h2 {
  margin-top: 0;
  font-size: 20px;
  position: relative;
  top: 0;
  line-height: initial;
  display: inline-block;
  margin-top: 5px;
}

.testimonial-inner .t-left h2 span {
  display: block;
  color: #555;
  font-size: 15px;
  font-weight: 400;
}

.testimonial-inner .t-right .quote {
  color: #f3a712;
  float: right;
  z-index: 3;
  line-height: initial;
  height: 80px;
  font-size: 50px;
}


/* Slider Nav */

.testimonial-slider .owl-controls .owl-dots {
  margin-top: 10px;
}

.testimonial-slider .owl-controls .owl-dot {
  margin-right: 8px;
}

.testimonial-slider .owl-controls .owl-dot:last-child {
  margin-right: 0px;
}

.testimonial-slider .owl-controls .owl-dot span {
  background: transparent;
  border: 4px solid #f3a712;
  width: 13px;
  height: 13px;
  margin: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.testimonial-slider .owl-controls .owl-dot:hover span,
.testimonial-slider .owl-controls .owl-dot.active span {
  background: transparent;
  border-color: transparent;
  background: #f3a712;
}


/*======================================
  End Testimonial CSS
========================================*/


/*======================================
  CounterUp CSS
========================================*/

.counterup {
  padding: 50px 0 80px;
  background: #2E2751;
}

.counterup .title-bg {
  opacity: 0.2;
  color: #fff;
}

.single-counter {
  margin-top: 30px;
  position: relative;
  padding-left: 90px;
}

.single-counter .conter-content {
  border-left: 1px solid #ffffff36;
  padding-left: 20px;
}

.single-counter .icon {
  position: absolute;
  left: 0;
}

.single-counter .icon:before {
  content: "";
  position: absolute;
  width: 70px;
  height: 70px;
  background: #fff;
  z-index: 3;
  border-radius: 100%;
  opacity: 0.3;
  top: 4px;
  left: -7px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.single-counter:hover .icon:before {
  background: #F3A712;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.single-counter .icon i {
  color: #179e66;
  width: 70px;
  height: 70px;
  background: #fff;
  text-align: center;
  line-height: 70px;
  border-radius: 100%;
  z-index: 33;
  font-size: 25px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.single-counter:hover .icon i {
  background: #F3A712;
  color: #fff;
}

.single-counter h3 {
  font-size: 30px;
  font-weight: 500;
  color: #fff;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.single-counter h3 span {
  display: inline-block;
  color: #F3A712;
  margin-left: 5px;
}

.single-counter p {
  color: #eee;
  font-size: 15px;
  text-transform: capitalize;
  font-weight: 500;
  margin-top: 2px;
}


/*======================================
  End CounterUp CSS
========================================*/


/*======================================
  Team CSS
========================================*/

.single-team {
  background: #fff;
  text-align: center;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-box-shadow: 0px 4px 10px #0000001a;
  -moz-box-shadow: 0px 4px 10px #0000001a;
  box-shadow: 0px 4px 10px #0000001a;
}

.single-team .team-head {
  position: relative;
}

.single-team .team-head img {
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.single-team .team-arrow {
  position: absolute;
  top: -24px;
  z-index: 333;
  left: 10px;
}

.single-team .team-arrow a {
  left: 5px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-size: 25px;
  background: #2E2751;
  display: block;
  color: #fff !important;
  border-radius: 100%;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 10px #0000001a;
  -moz-box-shadow: 0px 0px 10px #0000001a;
  box-shadow: 0px 0px 10px #0000001a;
}

.single-team .team-arrow a:hover {
  background: #F3A712;
  color: #fff !important;
}

.single-team .t-content {
  text-align: center;
  padding: 25px 15px;
  position: relative;
}

.single-team .t-content .name {
  line-height: 22px;
}

.single-team .t-content .name a {
  font-size: 20px;
  color: #2E2751;
  text-transform: capitalize;
}

.single-team .t-content .name a:hover {
  color: #179e66;
}

.single-team .t-content .designation {
  position: relative;
  font-size: 14px;
  display: block;
  padding-bottom: 12px;
  margin-top: 5px;
}

.single-team .t-content .designation::before {
  position: absolute;
  content: "";
  left: 50%;
  bottom: 0;
  height: 2px;
  width: 50px;
  margin-left: -25px;
  background: #f3a712;
}

.single-team .t-content .text {
  font-size: 14px;
}

.single-team .t-content p {
  line-height: 22px;
}

.single-team .team-social {
  margin: 0;
  background: #fff;
  position: absolute;
  text-align: left;
  right: 0;
  top: 0;
  width: 48px;
  border-radius: 30px;
  height: auto;
  padding: 12px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

.single-team .team-social::before {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 0;
  border-right: 24px solid transparent;
  border-left: 24px solid transparent;
  border-top: 14px solid #FFF;
}

.single-team:hover .team-social {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

.single-team .team-social li {
  display: inline-block;
  display: block;
  margin: 0;
  text-align: center;
  margin-bottom: 5px;
}

.single-team .team-social li:last-child {
  margin: 0;
}

.single-team .team-social li a {
  font-size: 15px;
  color: #2e2751;
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #cccccc5e;
  line-height: 30px;
  border-radius: 100%;
}

.single-team .team-social li a:hover {
  color: #F3A712;
}

.team-grid .single-team {
  margin-top: 30px;
}


/* Team SLider */

.team-slider {
  margin-top: 30px;
}

.team-slider .single-slider {
  margin: 10px;
}


/* Slider Nav */

.team-slider .owl-controls .owl-dots {
  margin-top: 25px;
}

.team-slider .owl-controls .owl-dot {
  margin-right: 8px;
}

.team-slider .owl-controls .owl-dot:last-child {
  margin-right: 0px;
}

.team-slider .owl-controls .owl-dot span {
  background: transparent;
  border: 4px solid #f3a712;
  width: 13px;
  height: 13px;
  margin: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.team-slider .owl-controls .owl-dot:hover span,
.team-slider .owl-controls .owl-dot.active span {
  background: transparent;
  border-color: transparent;
  background: #f3a712;
}

.team-archive .single-team {
  margin-top: 30px;
}

.date {
  font-size: 13px;
  font-weight: 400;
  padding-bottom: 10px;
}

span.text-span {
  color: #ef2f1a;
}

.date span i {
  margin-right: 10px;
}

.heading h3 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 25px;
}

.headings2 {
  padding-top: 40px;
}

.headings2 p {
  font-size: 14px;
  color: black;
}

.card-body a {
    background: #17a2b8;
    border: #17a2b8;
    margin-top: 20px;
}

.card-body> h5.card-title a {
    font-size: 14px;
    color: #17a2b8;
    background: none;
}

p.card-text {
    font-size: 14px;
    text-align: justify;
}

section.blogs-sec h3 {
    margin: 20px 0px;
    text-align: center;
}

section.blogs-sec {
    padding: 40px 0px;
}



/*footer css start*/
.content {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-align: left;
    padding-left: 10px;
    width: 80%;
}
li.site-footer__linklist-item.shop-address i {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    line-height: 45px;
    font-size: 24px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    background: #17a2b8;
    color: white;
    transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
}
li.site-footer__linklist-item.shop-contact i {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    line-height: 45px;
    font-size: 24px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    background: #17a2b8;
    color: white;
    transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
}
li.site-footer__linklist-item.shop-email i {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    line-height: 45px;
    font-size: 24px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    background: #17a2b8;
    color: white;
    transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-t: ;
}
.newsletter_icon svg {
    height: 50px;
    width: 39px;
    text-align: center;
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 15px;
}
.newsletter_text h2 {
    font-size: 19px;
    text-align: center;
}
.field {
    position: relative;
    width: 100%;
    display: flex;
}
input#NewsletterForm--footer_layout1 {
    background: #fff;
    padding: 4px 40px 5px 15px;
    height: 46px;
    border-radius: 30px;
    border: 2px solid #17a2b8;
}
.newsletter_icon {
    display: flex;
    justify-content: center;
    align-items: center;
}
label.field__label {
    font-size: 14px;
    left: 1.5rem;
    top: 1.2rem;
    margin-bottom: 0;
    pointer-events: none;
    position: absolute;
    transition: top .1s ease,font-size .1s ease;
    color: #666;
    font-weight: 400;
    letter-spacing: .1rem;
    line-height: 1.5;
}
.hidden {
    display: none!important;
}
button#Subscribe {
    height: 42px;
    width: 42px;
    padding: 0;
    position: absolute;
    margin: 0;
    top: 2px;
    left: 206px;
    background: #17a2b8;
    border-radius: 30px;
}
ul.footer__list-social.list-unstyled.list-social li {
    margin-left: 10px;
    font-size: 16px;
    margin-bottom: 30px;
}
.footer .newsletter-form .newsletter-form__button svg {
    height: 40px;
    width: 40px;
    fill: currentColor;
}
.list-social li {
    display: inline-block;
    vertical-align: middle;
}
ul.site-footer__linklist li {
    margin-bottom: 30px;
}
footer.footering {
    background: white;
    padding: 50px 0px;
}
.title {
    font-size: 18px;
    font-weight: 600;
    color: black;
}
.accts h4 {
    font-size: 18px;
}
.accts ul li {
    margin-bottom: 18px;
    font-size: 14px;
    font-weight: bold;
    color: black;
}
i.fa.fa-paper-plane {
    color: white;
}
ul.footer__list-social.list-unstyled.list-social li i {
    background: #fff;
    width: 35px;
    height: 35px;
    /* color: white; */
    text-align: center;
    padding: 4px 0px;
    border-radius: 30px;
    padding: 8px 0px;
}
ul.footer__list-social.list-unstyled.list-social {
    display: flex;
    justify-content: center;
    align-items: center;
}
/*footer css end*/



/*testimonals*/
.para p {
    text-align: center;
}

.captions {
    height: 352px;
    text-align: center;
}

.testimonial-img img {
    padding: 10px 0px;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    background-image: none;
    color: #fff;
    font-size: 14px;
    background-color: #267360 !important;
    height: 32px;
    line-height: 32px;
    width: 32px;
    border-radius: 30px;
}

i.fa.fa-star {
    color: #fec42d;
}
.user-name {
    font-size: 20px;
    font-weight: bold;
    color: black;
    margin: 10px 0px;
}

section.sec-testi {
    padding: 65px 0px;
    background: #17a2b82e;
}

.section-space {
    padding: 50px 0 !important;
}

.para p {
    font-weight: bold;
    color: black;
}

.my_card {
  width: 270px;
  height: 425px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  padding:8px;
}

/* Testimonial inbuilt */
.card {
      margin: 0 auto;
      border: none;
      }
.card .carousel-item {
  min-height: 190px;
}
.card .carousel-caption {
  padding: 0;
  right: 15px;
  left: 15px;
  top: 15px;
  color: #3d3d3d;
  border: 1px solid #ccc;
  min-height: 175px;
  padding: 15px;
}
.card .carousel-caption .col-sm-3 {
  display: flex;
  align-items: center;
}
.card .carousel-caption .col-sm-9 {
  text-align: left;
}
.card .carousel-control-prev,
.card .carousel-control-next {
  color: #3d3d3d !important;
  opacity: 1 !important;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-image: none;
  color: #fff;
  font-size: 14px;
  background-color: #cd3a54;
  height: 32px;
  line-height: 32px;
  width: 32px;
}
.carousel-control-prev-icon:hover,
.carousel-control-next-icon:hover {
  opacity: 0.85;
}
.carousel-control-prev {
  left: 40%;
  top: 110%;
}
.carousel-control-next {
  right: 40%;
  top: 110%;
}
.midline {
  width: 60px;
  border-top: 1px solid #d43025;
}
.carousel-caption h2 {
  font-size: 14px;
}
.carousel-caption h2 span {
  color: #cd3a54;
}
@media (min-width: 320px) and (max-width: 575px) {
  .carousel-caption {
    position: relative;
  }
  .card .carousel-caption {
    left: 0;
    top: 0;
    margin-bottom: 15px;
  }
  .card .carousel-caption img {
    margin: 0 auto;
  }
  .carousel-control-prev {
    left: 35%;
    top: 105%;
  }
  .carousel-control-next {
    right: 35%;
    top: 105%;
  }
  .card .carousel-caption h3 {
    margin-top: 0;
    font-size: 16px;
    font-weight: 700;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .carousel-caption {
    position: relative;
  }
  .card .carousel-caption {
    left: 0;
    top: 0;
    margin-bottom: 15px;
  }
  .card .carousel-caption img {
    margin: 0 auto;
  }
  .card .carousel-caption h3,
  .card .carousel-caption small {
    text-align: center;
  }
  .carousel-control-prev {
    left: 35%;
    top: 105%;
  }
  .carousel-control-next {
    right: 35%;
    top: 105%;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .card .carousel-caption h3 {
    margin-top: 0;
    font-size: 16px;
    font-weight: 700;
  }
}