@import url("https://fonts.googleapis.com/css?family=Encode+Sans+Expanded:100,200,300,400,500,600,700,800,900&display=swap"); /*font-family:'Encode Sans Expanded',sans-serif;*/
@import url("https://fonts.googleapis.com/css?family=Encode+Sans:100,200,300,400,500,600,700,800,900&display=swap"); /*font-family:'Encode Sans',sans-serif;*/
html {
  overflow-y: inherit !important;
}
#wrapper {
  height: 100%;
}
.smartverc-main {
  color: #383838;
  font-size: 16px;
  line-height: 26px;
  font-family: "Encode Sans Expanded";
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-text-stroke: 1px transparent;
  -moz-osx-font-smoothing: grayscale;
  background-color: #f1f0f0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin-bottom: 20px;
}
h1,
h2 {
  line-height: 48px;
}
.img,
img {
  max-width: 100%;
}
figure {
  margin: 0;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.flex-row {
  display: flex;
  flex-wrap: wrap;
}
section {
  position: relative;
}
/*----------- bg gradion color ------------------------*/
.bg_gradion_Denim {
  background-image: linear-gradient(77deg, #1975d1 0%, #3f97ef 100%);
}
.bg_gradion_ButterflyBush {
  background-image: linear-gradient(77deg, #505094 0%, #6b6b9b 100%);
}
.bg_gradion_Disco {
  background-image: linear-gradient(77deg, #6d136d 0%, #8c238d 100%);
}
.bg_gradion_BlazeOrange {
  background-image: linear-gradient(77deg, #ff6500 0%, #fd8d43 100%);
}
.bg_gradion_PersianGreen {
  background-image: linear-gradient(77deg, #009999 0%, #00bcbb 100%);
}
/*-------- section title ------------*/
.section-title {
  position: relative;
  margin-bottom: 42px;
  text-align: center;
  font-size: 36px;
  color: #21418a;
  font-family: "Encode Sans";
  font-weight: 500;
}
.section-title .counts {
  font-size: 25px;
  color: #333333;
  font-weight: 400;
  margin-top: 19px;
  margin-bottom: 20px;
}
.section-title.st-white {
  color: white;
}
.section-title.st-white .counts {
  color: white;
}
@media screen and (max-width: 414px) {
  .section-title {
    font-size: 26px;
    line-height: 30px;
  }
}
/*---------------------------------------------*/
.topbanner {
  position: relative;
  padding-top: 62px;
  padding-bottom: 62px;
  text-align: center;
  background: url("../../images/case-study/smart-verc/banner-rain-1.png") no-repeat left calc(50% - 600px) bottom 85px / 700px,
    url("../../images/case-study/smart-verc/banner-rain-2.png") no-repeat right calc(50% - 800px) top 0px / 750px,
    linear-gradient(132deg, #1f3b81 0%, #2b97f7 100%);
}
.topbanner .container {
  position: relative;
}
.topbanner .kite1 {
  position: absolute;
  left: 14px;
  top: 14px;
  animation: kitesdance 2s linear infinite;
}
.topbanner .earth {
  position: absolute;
  right: -15%;
  top: 196px;
  width: 62%;
  mix-blend-mode: luminosity;
  animation: earthrotate2 95s linear infinite;
}
@keyframes earthrotate2 {
  to {
    transform: rotate(360deg);
  }
}
@keyframes kitesdance {
  50% {
    transform: skewY(4deg);
  }
}
.topbanner .bnrBottomshap {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 376px;
  width: 100%;
}
.topbanner-logo {
  margin-bottom: 6px;
}
.topbanner-content {
  max-width: 791px;
  margin: 0 auto;
  color: #fff;
}
.topbanner-content .font24 {
  margin-top: 40px;
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 7px;
}
.topbanner-screen-desktop-mobile {
  margin-top: 13px;
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  padding: 0 0 0 0;
}
.topbanner-screen-desktop-mobile .banner-laptop {
  width: 844px;
  padding: 3% 11% 7% 11.2%;
  background: url(../../images/case-study/smart-verc/banner-laptop-frame-1.png) no-repeat left top / 100% 100%;
}
.topbanner-screen-desktop-mobile .banner-laptop img {
  width: 100%;
}
.topbanner-screen-desktop-mobile .banner-mobile {
  position: relative;
  right: 141px;
  top: 23px;
  width: 207px;
  padding: 4.3% 1.2% 5% 1.1%;
  background: url(../../images/case-study/smart-verc/banner-mobile-frame-1.png) no-repeat left top / 100% 100%;
}
.topbanner-screen-desktop-mobile .banner-mobile img {
  width: 100%;
}
.topbanner-screen-desktop-mobile .downloadstore {
  position: absolute;
  bottom: 85px;
  right: -8px;
  display: flex;
  flex-flow: column;
}
@media screen and (max-width: 1199px) {
  .topbanner-screen-desktop-mobile .banner-laptop {
    width: 648px;
  }
  .topbanner-screen-desktop-mobile .banner-mobile {
    width: 157px;
    right: 97px;
  }
  .topbanner .kite1 {
    top: 369px;
    width: 222px;
  }
  .topbanner-screen-desktop-mobile .downloadstore {
    right: -55px;
  }
}
@media screen and (max-width: 991px) {
  .topbanner-screen-desktop-mobile .banner-laptop {
    width: 447px;
  }
  .topbanner-screen-desktop-mobile .banner-mobile {
    width: 104px;
    right: 66px;
  }
  .topbanner-screen-desktop-mobile .downloadstore {
    right: -44px;
    bottom: 28px;
  }
  .topbanner-screen-desktop-mobile .downloadstore img {
    width: 110px;
  }
  .topbanner .kite1 {
    top: 384px;
    width: 167px;
    left: 88px;
  }
}
@media screen and (max-width: 768px) {
  .topbanner .kite1 {
    left: 43px;
  }
}
@media screen and (max-width: 767px) {
  .topbanner-screen-desktop-mobile {
    flex-flow: column;
    display: flex;
  }
  .topbanner .kite1 {
    display: none;
  }
  .topbanner-screen-desktop-mobile .banner-laptop {
    width: 100%;
    padding: 4.3% 15.4% 10% 15.5%;
  }
  .topbanner-screen-desktop-mobile .banner-mobile {
    right: inherit;
    top: inherit;
    width: 250px;
    margin: 0 auto;
    padding: 8.3% 2.2% 9% 2.1%;
  }
  .topbanner-screen-desktop-mobile .downloadstore {
    position: inherit;
    right: inherit;
    bottom: inherit;
    flex-flow: row;
    margin: 17px auto;
  }
  .topbanner-screen-desktop-mobile .downloadstore img {
    width: inherit;
  }
  .topbanner .bnrBottomshap {
    height: 146px;
  }
}
@media screen and (max-width: 767px) {
  .topbanner-screen-desktop-mobile .banner-mobile {
    width: 164px;
    padding: 10.3% 3.2% 11% 3.1%;
  }
  .topbanner .bnrBottomshap {
    height: 51px;
  }
  .topbanner .earth {
    display: none;
  }
}
/*----------------------------------------------*/
.aboutproject {
  font-size: 14px;
  line-height: 22px;
  color: #333333;
  font-family: "Encode Sans";
  font-weight: 400;
  text-align: center;
  background-color: #fff;
}
.aboutproject .section-title {
  margin-top: -70px;
}
.aboutproject .row.r2 {
  margin-top: 40px;
}
.aboutproject .col-left figure {
  margin-left: -89px;
}
.aboutproject .col-left figure img {
  width: 100%;
}
.liststyle-circle {
  margin: 21px 0 0;
  padding: 0 0 0 15px;
  list-style: none;
}
.liststyle-circle li {
  position: relative;
  padding-left: 10px;
}
.liststyle-circle li:not(:last-child) {
  margin-bottom: 9px;
}
.liststyle-circle li::before {
  content: "";
  position: absolute;
  top: 6px;
  right: 100%;
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 7px;
  background-color: #ffffff;
  border: 3px solid #2985dc;
}
.card-accordion > .card {
  margin-bottom: 11px;
  text-align: left;
  border: 0px;
}
.card-accordion .card-header {
  position: relative;
  padding: 14px 15px 14px 66px;
  font-size: 20px;
  color: white;
  font-family: "Encode Sans";
  font-weight: 500;
  border-radius: 25px 5px 5px 5px;
  box-shadow: 1.254px 11.934px 21px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}
.card-accordion .card-header .shp {
  position: absolute;
  left: 19px;
  top: 12px;
}
.card-accordion .card-body {
  padding: 14px 8px 6px;
}
@media screen and (max-width: 1199px) {
  .aboutproject .col-left figure {
    margin: auto;
  }
  .aboutproject .card-accordion {
    margin: 25px auto;
  }
}
@media screen and (max-width: 767px) {
  .aboutproject .section-title {
    margin-top: 0;
  }
}
/*----------------------------------------------*/
.features {
  padding-top: 44px;
}
.features .section-title {
  margin-bottom: 0;
  padding-bottom: 8px;
}
.scrollmagic-after-content {
  background-color: #f1f0f0;
}
.featurestory-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.featurestory-wrap .featurestory-row {
  width: 3700px;
  height: 100%;
  perspective: 1000;
}
.fetureboxitem-wrpa {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 83px;
}
.fetureboxitem-wrpa .item {
  position: relative;
  padding: 24px 33px;
  text-align: center;
  margin-left: -10px;
}
.fetureboxitem-wrpa .item .item-inner1 {
  position: relative;
  width: 620px;
  margin-right: -329px;
  z-index: 1;
  padding: 96px 0 0 46px;
}
.fetureboxitem-wrpa .item .item-inner1 .shap1 {
  position: absolute;
  left: 85px;
  top: 33px;
}
.fetureboxitem-wrpa .item .item-inner1 .brd-top {
  left: inherit;
  right: -24px;
  width: 267px;
  height: 153px;
}
.fetureboxitem-wrpa .item .item-inner3 {
  width: 263px;
  min-height: 431px;
  visibility: hidden;
}
.fetureboxitem-wrpa .item .item-inner {
  width: 263px;
  min-height: 448px;
  padding: 41px 15px;
  border-radius: 132px;
  box-shadow: 0px 10px 57px rgba(0, 0, 0, 0.22);
  background-color: #ffffff;
  position: relative;
}
.fetureboxitem-wrpa .item .brd-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  pointer-events: none;
}
.fetureboxitem-wrpa .item .brd-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  pointer-events: none;
}
.fetureboxitem-wrpa .item picture {
  position: relative;
  display: inline-flex;
  justify-content: center;
  width: 105px;
  height: 105px;
  margin: 0 auto;
}
.fetureboxitem-wrpa .item picture img {
  position: relative;
}
.fetureboxitem-wrpa .item picture .shpCircle {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  pointer-events: none;
}
.fetureboxitem-wrpa .item h4 {
  margin-top: 15px;
  margin-bottom: 22px;
  font-size: 20px;
  color: #333333;
  font-weight: 500;
  line-height: 28px;
}
.fetureboxitem-wrpa .item p {
  font-size: 14px;
  line-height: 22px;
  color: #333333;
  font-weight: 400;
}
.fetureboxitem-wrpa .item.bottom-side .item-inner {
  padding: 85px 15px;
}
.fetureboxitem-wrpa .item.bottom-side picture {
  position: absolute;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 414px) {
  .fetureboxitem-wrpa {
    padding-top: 25px;
    padding-bottom: 74px;
  }
}
/*------------------------------------------*/
/*__________ custom tab _______________*/
.custom-tab {
  position: relative;
  display: flex;
  flex-flow: column;
  margin-top: 31px;
}
.custom-tab .tab-nav {
  list-style: none;
  display: inline-flex;
  align-self: center;
  min-width: 418px;
  padding: 12px 10px;
  border-radius: 30px;
  background-image: linear-gradient(0deg, #ebebeb 0%, #fcfeff 50%, #ebebeb 99%);
  box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.25);
}
.custom-tab .tab-nav2 {
  display: flex;
  flex-flow: column;
  padding: 8px 15px;
  border-radius: 5px;
  background-image: linear-gradient(0deg, #ebebeb 0%, #fcfeff 50%, #ebebeb 99%);
  box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.25);
  margin-bottom: 20px;
}
.custom-tab .tab-title {
  flex-grow: 1;
  padding: 5px 15px;
  font-size: 22px;
  color: #889999;
  font-weight: 400;
  text-align: center;
}
.custom-tab .tab-title.active {
  color: #000;
}
.custom-tab .tab-title:not(:last-child) {
  border-right: thin solid #9db8c6;
}
.custom-tab .tab-title a {
  color: inherit;
}
.custom-tab .tab-containt-wrap {
  position: relative;
}
.custom-tab .tab-containt {
  padding: 0;
}
.custom-tab.v_accordion .tab-nav {
  display: none;
}
.custom-tab:not(.v_accordion) .tab-containt-wrap .tab-nav2 {
  display: none;
}
.custom-tab .tab-containt:not(.active) {
  visibility: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
/*___________________________*/
.mobile-desktop-designs {
  padding-top: 50px;
  padding-bottom: 30px;
}
.mobile-desktop-designs .downloadstore {
  margin: 0 0 -48px auto;
}
.mobile-desktop-designs .inner-container-desktop {
  position: relative;
  margin-left: -118px;
  margin-right: -118px;
  margin-top: 35px;
  padding-bottom: 6.88%;
  margin-bottom: 136px;
}
.mobile-desktop-designs .desktop-mac {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 46%;
  padding-top: 34%;
  background: url("../../images/case-study/smart-verc/desktop-mac.png") no-repeat center center / 100% 100%;
  pointer-events: none;
  z-index: 1;
  transform: translateX(-50%);
}
.mobile-desktop-designs .deskotop-slider .slick-list {
  padding: 5.3% 0;
}
.mobile-desktop-designs .deskotop-slider .slick-slide {
  position: relative;
  transition: transform 0.5s linear;
  padding-top: 4.89%;
}
.mobile-desktop-designs .deskotop-slider .slick-slide:not(.slick-center) {
  cursor: pointer;
  z-index: 0;
  filter: blur(2px);
}
.mobile-desktop-designs .deskotop-slider .slick-center {
  transform: scale(1.3);
  z-index: 1;
}
.mobile-desktop-designs .deskotop-slider .slick-slide img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.mobile-desktop-designs .inner-container-mobile {
  position: relative;
  margin-right: -275px;
  padding-top: 114px;
  padding-bottom: 94px;
  padding-left: 25%;
}
.mobile-desktop-designs .mobileapp-slider .slick-list {
  padding: 0 261px 0 0;
}
.mobile-desktop-designs .mobileapp-slider .slick-slide {
  padding: 0 15px;
  outline: none;
}
.mobile-desktop-designs .mobileapp-slider .slick-slide.slick-current {
  display: none;
}
.mobile-desktop-designs .mobileapp-slider .slick-slide img {
  width: 100%;
  border-radius: 8px;
}
.mobile-desktop-designs .mobileframe-slider {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 20%;
  padding: 4.8% 1.2% 4.7% 1.2%;
  background: url("../../images/case-study/smart-verc/iPhone6SSilverFrame.png") no-repeat center center / 100% 100%;
  transform: translate(40px, 47px);
}
.mobile-desktop-designs .mobileframe-slider .slick-slide img {
  width: 100%;
}
@media screen and (max-width: 1100px) {
  .mobile-desktop-designs .downloadstore {
    margin: 0 auto 16px;
  }
}
@media screen and (max-width: 1024px) {
  .mobile-desktop-designs .inner-container-mobile {
    padding-top: 106px;
  }
}
@media screen and (max-width: 768px) {
  .mobile-desktop-designs .inner-container-mobile {
    padding-top: 95px;
  }
  .mobile-desktop-designs .inner-container-desktop {
    margin-bottom: 75px;
  }
  .mobile-desktop-designs .mobileframe-slider {
    width: 18%;
    padding: 4.3% 1.2% 4.1% 1.2%;
    transform: translate(22px, 52px);
  }
}
@media screen and (max-width: 575px) {
  .custom-tab .tab-nav {
    min-width: inherit;
    padding: 4px 10px;
  }
  .custom-tab .tab-title {
    font-size: 17px;
  }
  .mobile-desktop-designs .inner-container-mobile {
    padding-left: 30%;
    padding-top: 67px;
    padding-bottom: 35px;
  }
  .mobile-desktop-designs .mobileframe-slider {
    width: 22%;
    padding: 4.4% 2.1% 5.2% 1.3%;
    transform: translate(15px, 34px);
  }
}
@media screen and (max-width: 414px) {
  .mobileapp-slider {
    display: none;
  }
  .mobile-desktop-designs .inner-container-mobile {
    padding-left: 0;
    padding-top: 28px;
    padding-bottom: 35px;
    margin-right: auto;
  }
  .mobile-desktop-designs .mobileframe-slider {
    width: 74%;
    position: relative;
    margin: 0 auto;
    padding: 17.8% 4.1% 17.2% 3.8%;
    transform: inherit;
  }
  .mobile-desktop-designs .downloadstore img {
    width: 125px;
  }
}
/*----------------------------*/
.flowchart {
  padding-top: 25px;
  padding-bottom: 25px;
}
/*---------------------------------------------------*/
.Tehnologies {
  padding-top: 51px;
}
.Tehnologies .h4 {
  font-size: 26px;
  color: #dadada;
  font-weight: 500;
}
.Tehnologies .flex-row-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.Tehnologies .flex-row-wrap .col-left {
  width: 100%;
  max-width: 484px;
  text-align: center;
}
.Tehnologies .flex-row-wrap .col-right {
  width: 100%;
  max-width: 484px;
  text-align: center;
}
.Tehnologies .fill-labelgroup {
  display: flex;
  flex-wrap: wrap;
  margin-top: 35px;
}
.Tehnologies .fill-labelgroup.lbl-col-2 div {
  position: relative;
  width: 50%;
  padding: 10px;
}
.Tehnologies .fill-labelgroup.lbl-col-2 div::before {
  position: absolute;
  left: -10px;
  top: 50%;
  width: 30px;
  height: 1px;
  transform: translateY(-50%);
  background-color: #214691;
}
.Tehnologies .fill-labelgroup.lbl-col-2 div::after {
  position: absolute;
  left: 50%;
  top: -10px;
  width: 1px;
  height: 25px;
  transform: translate(-50%, 0);
  background-color: #214691;
}
.Tehnologies .fill-labelgroup.lbl-col-2 div:nth-child(even)::before {
  content: "";
}
.Tehnologies .fill-labelgroup.lbl-col-2 div:not(:nth-of-type(1)):not(:nth-of-type(2))::after {
  content: "";
}
.Tehnologies .fill-labelgroup div > span {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px 10px;
  font-size: 14px;
  line-height: 22px;
  color: #f9f9f9;
  font-weight: 400;
  border-radius: 10px;
  background-color: #214691;
  transition: all 0.5s;
  overflow: hidden;
}
.Tehnologies .fill-labelgroup div > span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    125deg,
    rgba(252, 252, 252, 0) 21%,
    rgb(251, 251, 251) 46%,
    rgb(255, 255, 255) 57%,
    rgba(255, 255, 255, 0) 84%
  );
  transition: all 1s;
  transform: translateX(-105%);
  opacity: 1;
  z-index: 1;
}
.Tehnologies .fill-labelgroup div > span:hover::before {
  opacity: 0;
  transform: translateX(100%);
}
.Tehnologies .bottom-shap-wrap {
  text-align: center;
  perspective: 100px;
  height: 237px;
}
.Tehnologies .bottom-shap-wrap .ractable3d {
  position: absolute;
  bottom: -79px;
  left: 50%;
  transform: translateX(-50%);
}
.Tehnologies .bottom-shap-wrap .writearrow {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -30px;
  filter: drop-shadow(0, 0, 0, #000);
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.5));
  margin-left: 33px;
}
.Tehnologies .bottom-shap-wrap .doteline-wrap {
  margin: auto;
  width: 100%;
  max-width: 465px;
  position: relative;
}
.Tehnologies .bottom-shap-wrap .dote-line {
  position: absolute;
  width: 2px;
  height: 262px;
  background-color: white;
}
.Tehnologies .bottom-shap-wrap .dote-line::before {
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  width: 5px;
  height: 5px;
  border-radius: 10px;
  background-color: white;
}
.Tehnologies .bottom-shap-wrap .dote-line.dl-left {
  left: 0;
  top: 0;
  transform: rotate(-45deg);
}
.Tehnologies .bottom-shap-wrap .dote-line.dl-right {
  right: 0;
  top: 0;
  transform: rotate(45deg);
}
.ripple-wrap {
  margin: auto;
  perspective: 1000px;
  position: absolute;
  bottom: -259px;
  left: 50%;
  transform: translateX(-50%);
}
.ripple-wrap .ripple-inner {
  position: relative;
  margin: auto;
  height: 490px;
  width: 490px;
  border-radius: 100px;
  z-index: 0;
  transform-style: preserve-3d;
  transform: rotateX(-11deg) rotateY(-1deg);
}
.ripple-wrap .ripple {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  border-radius: 500px;
  background-color: #f8b2b2;
  opacity: 0;
  z-index: -1;
  transform: rotateX(93deg) translateZ(0);
  animation: ripple3d 9s infinite;
}
.ripple-wrap .ripple:nth-child(2) {
  animation-delay: 0.8s;
}
.ripple-wrap .ripple:nth-child(3) {
  animation-delay: 0.11s;
}
.ripple-wrap.rw2 {
  bottom: -12px;
  overflow: hidden;
  height: 254px;
  opacity: 0.5;
}
.ripple-wrap.rw2 .ripple-inner {
  transform: rotateX(0deg) rotateY(-1deg);
}
.ripple-wrap.rw2 .ripple {
  transform: rotateX(50deg) translateZ(0);
}
@keyframes ripple3d {
  0% {
    opacity: 1;
    width: 0;
    height: 0;
  }
  100% {
    opacity: 0;
    width: 100%;
    height: 100%;
    background-color: #e2bcbc;
  }
}
@media screen and (max-width: 991px) {
  .Tehnologies .flex-row-wrap {
    display: inherit;
    flex-wrap: inherit;
    justify-content: inherit;
    margin-top: 21px;
    margin-bottom: 14px;
  }
  .Tehnologies .flex-row-wrap .col-right {
    max-width: inherit;
  }
  .Tehnologies .flex-row-wrap .col-left {
    max-width: inherit;
  }
}
@media screen and (max-width: 768px) {
  .Tehnologies .bottom-shap-wrap .ractable3d {
    bottom: -55px;
  }
  .Tehnologies .bottom-shap-wrap .writearrow {
    bottom: -19px;
  }
  .ripple-wrap .ripple-inner {
    height: 280px;
    width: 290px;
  }
  .ripple-wrap {
    bottom: -142px;
  }
  .ripple-wrap.rw2 {
    bottom: 6px;
    height: 142px;
  }
}
@media screen and (max-width: 575px) {
  .Tehnologies .bottom-shap-wrap {
    display: none;
  }
}
/*---------------------------------------------*/
.Challenges {
  padding-top: 86px;
  padding-bottom: 76px;
}
.Challenges .container {
  overflow: visible;
}
.Challenges .col-figure picture {
  position: relative;
}
.Challenges .col-figure picture img {
  position: absolute;
}
.Challenges .col-figure picture .shap1 {
  max-width: inherit;
  width: 693px;
  left: -115px;
  top: -90px;
}
.Challenges .col-figure picture .shap2 {
  max-width: inherit;
  left: 0;
  top: 192px;
  width: 466px;
}
.Challenges .col-figure picture .shap3 {
  left: 97px;
  top: 143px;
  width: 418px;
  max-width: inherit;
}
.Challenges .col-text {
  font-size: 14px;
  line-height: 22px;
  color: #333333;
  font-weight: 400;
  padding-top: 29px;
}
.Challenges .col-text .h2 {
  font-size: 60px;
  letter-spacing: 1px;
  color: #e4e2ea;
  font-weight: 800;
  line-height: 55px;
  margin-bottom: 11px;
  font-family: "Encode Sans Expanded";
}
@media screen and (max-width: 1199px) {
  .Challenges .col-figure {
    height: 500px;
    background-color: #276ec3;
  }
  .Challenges .col-figure picture {
    width: 500px;
    display: block;
    margin: 0 auto;
  }
  .Challenges .col-figure picture .shap1 {
    display: none;
  }
}
@media screen and (max-width: 575px) {
  .Challenges .col-figure picture {
    width: 280px;
  }
  .Challenges .col-figure picture .shap2 {
    left: 0;
    top: 33px;
    width: inherit;
  }
  .Challenges .col-figure picture .shap3 {
    left: 117px;
    top: 49px;
    width: 150px;
    max-width: 100%;
  }
  .Challenges .col-figure {
    height: 203px;
  }
}
/*---------------------------------------------*/
.BusinessBenefits {
  padding-bottom: 62px;
}
.BusinessBenefits .col-text {
  padding-top: 130px;
}
.BusinessBenefits .h4 {
  font-size: 26px;
  color: #333333;
  font-weight: 500;
  margin-bottom: 22px;
}
.BusinessBenefits p {
  font-size: 14px;
  line-height: 22px;
  color: #333333;
  font-weight: 400;
}
.BusinessBenefits .pcscreen-leftcorss-frame {
  position: relative;
  padding: 4% 5% 22% 7%;
  background: url("../../images/case-study/smart-verc/pcscreen-leftcross-frame-1.png") no-repeat left top / 100% 100%;
}
@media screen and (max-width: 1199px) {
  .BusinessBenefits .pcscreen-leftcorss-frame {
    width: 535px;
    max-width: inherit;
    margin: 0 auto;
    padding: 25px 30px 126px 40px;
  }
}
@media screen and (max-width: 575px) {
  .BusinessBenefits {
    padding-bottom: 0;
  }
  .BusinessBenefits .col-figur {
    margin-top: 81px;
  }
  .BusinessBenefits .pcscreen-leftcorss-frame {
    width: 312px;
    padding: 14px 19px 72px 24px;
  }
}
@media screen and (max-width: 375px) {
  .BusinessBenefits .pcscreen-leftcorss-frame {
    width: 276px;
    padding: 13px 17px 65px 21px;
  }
}
/*---------------------------------*/
/*.testimonial{padding-top:66px;padding-bottom:99px;background:url("../../images/case-study/smart-verc/Testimonial-bubble-right.svg") no-repeat right top / 256px,url("../../images/case-study/smart-verc/Testimonial-bubble-bottom.svg") no-repeat center bottom / 322px;}*/
.testimonial {
  padding-top: 66px;
  padding-bottom: 99px;
}
.testimonial .row-wrap {
  display: flex;
  margin-left: 0;
  margin-right: 0;
  align-items: flex-start;
}
.testimonial .testimonial-box {
  position: relative;
  width: 100%;
  max-width: 463px;
  min-width: 463px;
  margin-top: 28px;
}
.testimonial .video-banner {
  border-radius: 10px;
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.testimonial .video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  text-align: center;
  margin: -25px 0 0 -30px;
  border-radius: 100px;
  background-color: #2b90ee;
  z-index: 10;
}
.testimonial .video-play::before {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: 0 0 2px 30px rgba(255, 255, 255, 0.24);
  background: rgba(198, 16, 0, 0);
  opacity: 1;
  animation: pulsate1 2s forwards infinite;
}
.testimonial .video-play i {
  line-height: 60px;
  font-size: 18px;
  color: #fff;
}
.testimonial .quote-wrap {
  position: relative;
  max-width: 633px;
  margin-top: 94px;
  padding: 41px 61px 39px 39px;
  font-size: 14px;
  line-height: 22px;
  color: #fcfdfd;
  font-weight: 400;
  border-radius: 0 100px 100px 0;
  box-shadow: 3px 10px 20px rgba(0, 52, 74, 0.18);
  background-image: linear-gradient(0deg, #1f3b81 0%, #2b90ee 100%);
}
.testimonial .quote-wrap p {
  margin-bottom: 21px;
}
.testimonial .quote-wrap .quote-left {
  position: absolute;
  left: 30px;
  top: -32px;
  width: 54px;
}
.testimonial .quote-wrap .quote-right {
  position: absolute;
  right: 129px;
  bottom: -22px;
  width: 54px;
}
.testimonial .quote-wrap .emoji {
  position: absolute;
  right: -75px;
  bottom: 29px;
  width: 79px;
  max-width: inherit;
}
@media screen and (max-width: 1024px) {
  .testimonial .quote-wrap {
    margin-top: 66px;
  }
}
@media screen and (max-width: 991px) {
  .testimonial .row-wrap {
    flex-flow: column;
  }
  .testimonial .testimonial-box {
    margin: 0 auto;
  }
  .testimonial .quote-wrap {
    margin: 45px auto;
    border-radius: 100px;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .testimonial .quote-wrap .emoji {
    display: none;
  }
}
@media screen and (max-width: 575px) {
  .testimonial {
    padding-bottom: 0;
  }
  .testimonial .testimonial-box {
    max-width: inherit;
    min-width: inherit;
  }
  .testimonial .quote-wrap {
    border-radius: 12px;
    padding: 31px 13px;
  }
}
/******************************************************************************/
/*---------- left right side shape bg-------------------*/
.Tehnologies {
  background-image: url("../../images/case-study/smart-verc/shap-left-blue.svg");
  background-repeat: no-repeat;
  background-position: left top -58px;
  background-size: 1032px 620px;
  background-color: #2a87e2;
}
.mobile-desktop-designs {
  background-image: url("../../images/case-study/smart-verc/shap-left-blue.svg");
  background-repeat: no-repeat;
  background-position: left top 160px;
  background-size: 997px 620px;
  background-color: #2a87e2;
}
.flowchart {
  background-image: url("../../images/case-study/smart-verc/shap-right-lightgray.svg");
  background-repeat: no-repeat;
  background-position: right top 142px;
  background-size: 1022px 560px;
}
.Challenges {
  background-image: url("../../images/case-study/smart-verc/shap-right-lightgray.svg");
  background-repeat: no-repeat;
  background-position: right top 186px;
  background-size: 1072px 607px;
}
.BusinessBenefits {
  background-image: url("../../images/case-study/smart-verc/shap-left-lightgray.svg");
  background-repeat: no-repeat;
  background-position: left top 198px;
  background-size: 933px 521px;
}
.features {
  background-image: url("../../images/case-study/smart-verc/shap-right-lightgray.svg");
  background-repeat: no-repeat;
  background-position: right top -347px;
  background-size: 1072px 607px;
  background-color: #f1f0f0;
}
.featurestory-wrap {
  background: url("../../images/case-study/smart-verc/shap-right-lightgray.svg") no-repeat right top -567px /1072px 607px,
    url("../../images/case-study/smart-verc/shap-left-lightgray.svg") no-repeat left bottom -179px /1072px 607px;
  background-color: #f1f0f0;
}
@media screen and (min-width: 1400px) {
  .Tehnologies {
    background-position: left top -82px;
    background-size: 1232px 620px;
  }
  .mobile-desktop-designs {
    background-position: left top 146px;
    background-size: 1276px 702px;
  }
  .flowchart {
    background-position: right top 130px;
    background-size: 1286px 560px;
  }
  .Challenges {
    background-position: right top 187px;
    background-size: 1311px 611px;
  }
  .BusinessBenefits {
    background-position: left top 198px;
    background-size: 1205px 521px;
  }
  .features {
    background-position: right top -324px;
    background-size: 1264px 607px;
  }
  .featurestory-wrap {
    background: url("../../images/case-study/smart-verc/shap-right-lightgray.svg") no-repeat right top -564px /1292px 607px,
      url("../../images/case-study/smart-verc/shap-left-lightgray.svg") no-repeat left bottom -179px /1072px 607px;
    background-color: #f1f0f0;
  }
}
/********************* exta shape dote ******************************/
.outlineDote {
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 25px;
  background-color: #efedf1;
  border: 2px solid #5f5984;
}
.Doteblue {
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 4px;
  background-color: #3d6cff;
}
.testimonial .outlineDote {
  left: 50%;
  top: 219px;
  transform: translateX(-340px);
}
.testimonial .Doteblue {
  left: 50%;
  top: 46px;
  transform: translate(120px);
}
.BusinessBenefits .outlineDote {
  left: 50%;
  top: 131px;
  transform: translateX(-349px);
}
.BusinessBenefits .Doteblue {
  left: 50%;
  top: 1px;
  transform: translate(164px);
}
.Challenges .outlineDote {
  left: 50%;
  top: 233px;
  transform: translateX(-349px);
}
.Challenges .Doteblue {
  left: 50%;
  top: 76px;
  transform: translate(164px);
}
.flowchart .outlineDote {
  left: 50%;
  top: 163px;
  transform: translateX(-349px);
}
.flowchart .Doteblue {
  left: 50%;
  top: 44px;
  transform: translate(164px);
}
.features .outlineDote {
  left: 50%;
  top: 163px;
  transform: translateX(-349px);
}
.features .Doteblue {
  left: 50%;
  top: 44px;
  transform: translate(164px);
}
.Tehnologies .outlineDote {
  left: 50%;
  top: 176px;
  transform: translateX(-349px);
  background-color: #3c9fff;
  border: 2px solid #5f5984;
}
.Tehnologies .Doteblue {
  left: 50%;
  top: 52px;
  transform: translate(164px);
  background-color: #124388;
}
.mobile-desktop-designs .outlineDote {
  left: 50%;
  top: 176px;
  transform: translateX(-349px);
  background-color: #3c9fff;
  border: 2px solid #5f5984;
}
.mobile-desktop-designs .Doteblue {
  left: 50%;
  top: 52px;
  transform: translate(164px);
  background-color: #124388;
}
/*******************************************************/