section.peppy_services {width: 100%;float: left;padding: 50px 20px 30px;}
/**************** Banner css start here ****************/
.peppyocean-container {margin: 0 auto;max-width: 100%;width: 1230px;}
.peppy-what-we-do-banner {float: left;width: 60%;box-sizing: border-box;padding: 40px 0px 110px 150px;}
.col-40 {float: left;width: 40%;box-sizing: border-box;padding: 5px 0px 0px 100px;}
div#slideshow-wrapper {position: relative;top: 8px;}
.peppy-case-banner-box h2 {font-family: 'ralewaybold';font-weight: normal;color: #ffffff;font-size: 44px;text-transform: none;line-height: 130%;}
.main-btn {background-color: #52418a;padding: 12px 15px;border: none;color: #fff;font-size: 18px;margin-top: 20px;border-radius: 5px;cursor: pointer;}
section.peppy-home-first-row {width: 100%;float: left;position: relative;background-size: 100% 100% !important;padding: 130px 0;}
.peppy-section-space{
    overflow:hidden;
}


section.peppy_about {float: left;width: 100%;}
.about_text h1 {text-align: center;padding: 20px 0;font-family: 'exo_2bold';font-size: 28px;}
.about_text p {text-align: center;font-size: 18px;}
.about_text {padding: 15px;}


.peppy-about-data{ float:left; padding: 15px;}
.peppy-about-count-col{ float:left; width: calc(33.20% - 1%);}
.peppy-happyclient-box{ float:left; width:100%; box-sizing:border-box; padding:140px 0 0 0;}
.peppy-client-no{ width:100%; float:left;  font-size:60px; color:#000; text-align:center; padding-bottom:6px;line-height: normal;font-family: 'exo_2Bold';}
.peppy-about-des {color: #000;float: left;width: 100%;text-align: center;font-size: 22px;}
.peppy-about-col-line{ border-left:1px solid #cfd8dc;}
.peppy-other-count-box{ height:220px; float:left; width:100%; border-bottom:1px solid #cfd8dc; box-sizing:border-box; padding-top:50px;}
.peppy-team-count{ float:left; width:100%; font-size:45px; color:#000; text-align:center; padding-bottom:6px;line-height: normal;font-family: 'exo_2Bold';}
.border-bottom {border-bottom: none;}

section.peppy_services.grey_section {width: 100%;float: left;background-color: #f1f1f1;padding: 30px 20px 50px;}

.main-services ul {display: flex;flex-wrap: wrap;padding: 0;}
.main-services ul li {margin: 0 0 37px;padding: 0 15px;display: block;text-align: center;width: calc(22% - 25px);width: -o-calc(22% - 25px);width: -ms-calc(22% - 25px);width: -moz-calc(22% - 25px);width: -webkit-calc(22% - 25px);}
.main-services ul li b {margin: 0 0 5px;padding: 0;text-align: center;display: inline-flex;width: 120px;height: 120px;align-items: center;justify-content: center;box-shadow: 0 0 0 2px #bbb;border-radius: 50%;}
.main-services ul img {height: 80px;width: 80px;transition: .8s;}
.main-services ul li strong {margin: 8px 0 0;padding: 0;text-align: center;font-size: 16px;font-weight: 600;display: block;color: #181818;text-transform: none;}

#polygonal-effect canvas {width: 100% !important;}


/* techno css start */
section.peppy_techno {width: 100%;float: left;padding: 30px 0 50px;}
li.technology {display: inline-block;width: 23%;border: 1px solid #52418a;padding: 25px 15px;margin: 10px;border-radius: 5px;text-align: left;}
li.technology img {width: 50px;display: inline-block;margin-top: 10px;}
li.technology strong {position: relative;left: 20px;bottom: 20px;}
section.peppy_techno ul {text-align: center;}
/* techno css end */


/*---------- portfolio slider start ----------*/
.peppy-home-forth-row {float: left;width: 100%;position: relative;z-index: 00;background: #52418a;}
#polygonal-effect {float: left;width: 100%;position: relative;min-height: 842px;}
.port_text h1 {text-align: center;padding: 20px 0;font-family: 'exo_2bold';font-size: 28px;color: #fff;}
.port_text p {text-align: center;color: #fff;}
.port_text {padding: 15px;}
.white_btn {background-color: #ffffff;padding: 12px 25px;border: none;color: #52418a;font-size: 18px;margin-top: 20px;border-radius: 5px;cursor: pointer;}
.seq { position: relative; height: 360px; width: 100%; max-width: 100%; overflow: hidden; margin: 0 auto; padding: 0;}
.seq .seq-screen,
.seq .seq-canvas,
.seq .seq-canvas > * { margin: 0; padding: 0; height: 100%; width: 100%; list-style: none;}
.seq .seq-canvas > * { position: absolute;}
.seq .seq-nav { position: absolute; z-index: 200; top: 50%; width: 100%; margin: 0 auto; padding: 0; pointer-events: none; border: none;}
.seq .seq-next,
.seq .seq-prev { position: absolute; top: 50%; margin-top: -33px; width: 45px; height: 45px; border: none; cursor: pointer; pointer-events: auto; -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border: 0; font: 0/0 a; text-shadow: none; color: transparent; outline:none;}
.seq .seq-next { right: 20px; background: url("../images/bt-next.png");}
.seq .seq-next:focus,
.seq .seq-next:hover { -webkit-transform: translate3d(4px, 0, 0); -ms-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 0);}
.seq .seq-prev { left: 20px; background: url("../images/bt-prev.png");}
.seq .seq-prev:focus,
.seq .seq-prev:hover { -webkit-transform: translate3d(-4px, 0, 0); -ms-transform: translate3d(-4px, 0, 0); transform: translate3d(-4px, 0, 0);}
.seq .seq-model,
.seq .seq-title { position: absolute;}
.seq .seq-title { bottom: 0%; margin: 0 2.5%; width: 95%;}
.seq .seq-model { bottom: 15%; height: 81%; width: 100%; max-height: 568px;}
.seq .seq-model img { max-height: 568px; display: block; height: 100%; width: auto; margin: 0 auto; opacity: 0; -webkit-transform: translate3d(60px, 0, 0); -ms-transform: translate3d(60px, 0, 0); transform: translate3d(60px, 0, 0); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-properties: transform, opacity; transition-properties: transform, opacity; -webkit-transition-timing-function: ease-out !important; transition-timing-function: ease-out !important;}
.seq .seq-title span { padding: .2em 1%;color: white;text-transform: none;float: none !important;font-size: 32px;line-height: normal;font-family: 'ensoenso';font-weight: bold;}
.seq .seq-title p { display: none; clear: left; color:#FFF;}
.seq .seq-in .seq-model img { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}
.seq .seq-in .seq-title span,
.seq .seq-in .seq-title p, .seq .seq-in .seq-title .peppy-view-project-btn { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.seq .seq-out .seq-model img { -webkit-transform: translate3d(-60px, 0, 0); -ms-transform: translate3d(-60px, 0, 0); transform: translate3d(-60px, 0, 0); opacity: 0;}
.seq .seq-out .seq-title span,
.seq .seq-out .seq-title p, .seq-out .seq-title .peppy-view-project-btn { opacity: 0; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.peppy-methodology-pick { width:100%;}



.pro_shape{
    width: 100%;
    position: absolute;
    height: 310px;
    z-index: -1;
}
.pro_title h2 {
    font-family: 'ralewaybold';
    font-weight: normal;
    color: #000000;
    font-size: 44px;
    text-transform: none;
    line-height: 130%;
    text-align: center;
}

.pro_title p {
    text-align: center;
    font-size: 18px;
    padding-top: 5px;
    color: #000;
}


.tabs-style-iconbox nav ul li a {
    overflow: visible;
    padding: 25px;
    line-height: 1;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    background: #52418a;
    margin: 10px;
    background-color: #ffffff;
    color: #52418a;
    box-shadow: 0 0 5px #e5e5e5;
    border-radius: 5px;
}

.tabs-style-iconbox nav ul li a span {
  font-weight: 700;
  font-size: 0.7em;
}

.tabs-style-iconbox nav ul li.tab-current {
  z-index: 100;
}

.tabs-style-iconbox nav ul li.tab-current a {
    background: #fff;
    margin: 10px;
    background-image: linear-gradient(90deg, #52418a, #1f0a63);
    color: #ffffff;
}

.tabs-style-iconbox nav ul li.tab-current a::after {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 10px;
  border-top-color: #392677;
  content: '';
  pointer-events: none;
}



.tabs-style-iconbox nav ul li:first-child::before {
  right: auto;
  left: 0;
}

.tabs-style-iconbox .icon::before {
  display: block;
  margin: 0 0 0.25em 0;
}


.tabs {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    font-weight: 300;
    font-size: 1.25em;
    padding-top: 50px;
}

/* Nav */
.tabs nav {
  text-align: center;
}

.tabs nav ul {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  -ms-box-orient: horizontal;
  -ms-box-pack: center;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}

.tabs nav ul li {
  position: relative;
  z-index: 1;
  display: block;
  margin: 0;
  text-align: center;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.tabs nav a {
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 2.5;
}

.tabs nav a span {
  vertical-align: middle;
  font-size: 0.75em;
}

.tabs nav li.tab-current a {
  color: #74777b;
}

.tabs nav a:focus {
  outline: none;
}

li.tab-current svg {
    fill: #fff;
}

.tabs svg {
    fill: #52418a;
}
/* Content */
.content-wrap {
  position: relative;
}

.content-wrap section {
    display: none;
    margin: 50px auto;
    text-align: left;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
    background-color: #ffffff;
    padding: 0;
    border-radius: 5px;
    position: relative;
    min-height: 320px;
}

.col-60_ {
    width: 60%;
    display: flex;
}
.col-40_ {
    width: 40%;
    box-sizing: border-box;
    padding: 40px;
    display: flex;
    float: left;
}
.clone {
    display: inline-block;
    background-image: linear-gradient(90deg, #52418a, #1f0a63);
    padding: 15px 10px;
    margin: 10px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    width: 29%;
    margin-top: 20px;
    font-size: 15px;
}
li.clone a {
    color: #fff;
}
.tab_con {
    padding: 20px;
}

.content-wrap section.content-current {
  display: block;
}
.tab_con h2 {
    text-align: left;
    padding: 20px 0;
    font-family: 'exo_2bold';
    font-size: 23px;
}
.tab_con p {
    text-align: left;
    font-size: 18px;
}

/* Fallback */
.no-js .content-wrap section {
  display: block;
  padding-bottom: 2em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.no-flexbox nav ul {
  display: block;
}

.no-flexbox nav ul li {
  min-width: 15%;
  display: inline-block;
}


.small-11.medium-6.large-3.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    float: left;
    padding: 15px;
}
.service-card img {
    width: 200px;
}
.service-number {
    color: #d0d0d0;
    font-size: 46px;
    font-weight: bold;
    padding: 15px 0;
}
.service-title {
    font-size: 28px;
    line-height: 38px;
    margin: 8px 0;
    color: #000;
    font-weight: bold;
}
.service-description {
    font-size: 16px;
    color: #000;
}
.col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
    float: left;
}
.col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
    float: right;
}
.features-content-area span {
    font-size: 16px;
    color: #594a8c;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
}
.features-content-area h3 {
    font-size: 38px;
    color: #000000;
    font-weight: bold;
    margin: 0 0 25px;
    position: relative;
    line-height: normal;
}
.features-content-area p {
    margin: 0;
}
.col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 15px;
    float: left;
}
.single-features-item.bg-f1eff8 {
    background: #fff9cf;
    border: 1px solid #fff9cf;
}
.single-features-item {
    -webkit-box-shadow: 0 0 30px rgba(56, 46, 46, 0.1);
    box-shadow: 0 0 30px rgba(56, 46, 46, 0.1);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-align: center;
    padding: 40px 30px;
    position: relative;
    z-index: 1;
    border-radius: 5px;
    margin-bottom: 30px;
}
.single-features-item h3 {
    font-size: 20px;
    color: #3b3663;
    font-weight: 600;
    margin: 20px 0 10px 0;
}
.single-features-item p {
    margin: 0;
}
.col-lg-7 .col-lg-6:nth-child(2) .single-features-item {
    margin-top: 40px;
}
.single-features-item.bg-fbe6d4 {
    background: #fbe6d4;
    border: 1px solid #fbe6d4;
}
.col-lg-7 .col-lg-6:nth-child(3) .single-features-item {
    margin-top: -40px;
    margin-bottom: 0;
}
.single-features-item.bg-f0fffc {
    background: #f0fffc;
    border: 1px solid #f0fffc;
}
.col-lg-7 .col-lg-6:nth-child(4) .single-features-item {
    margin-top: 0;
    margin-bottom: 0;
}
.single-features-item.bg-f8e1eb {
    background: #f8e1eb;
    border: 1px solid #f8e1eb;
}
.row.align-items-center {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.bg-particles {
    z-index: 0;
    position: initial;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    display: none;
}

.bg-particles li {
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.35);
    animation: particle-animation 25s linear infinite;
    bottom: -150px;
    border-radius: 100%;
}

.bg-particles li:nth-child(1) {
    left: 25%;
    width: 40px;
    height: 40px;
    animation-delay: 0s;
}


.bg-particles li:nth-child(2) {
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.bg-particles li:nth-child(3) {
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.bg-particles li:nth-child(4) {
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.bg-particles li:nth-child(5) {
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.bg-particles li:nth-child(6) {
    left: 75%;
    width: 80px;
    height: 80px;
    animation-delay: 3s;
}

.bg-particles li:nth-child(7) {
    left: 35%;
    width: 90px;
    height: 90px;
    animation-delay: 7s;
}

.bg-particles li:nth-child(8) {
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.bg-particles li:nth-child(9) {
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.bg-particles li:nth-child(10) {
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}

@keyframes particle-animation {    
    10% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
    }

    100% {
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
    }
}





@media only screen and (min-width: 640px) {
  .seq { position: relative; height: auto; height: 100%; max-height: 90vh; min-height: 360px;}
  .seq:before { display: block; content: ""; width: 100%; padding-top: 56.25%;}
  .seq .seq-screen { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
  .seq .seq-canvas > *:before { content: ""; height: 100%; display: inline-block; vertical-align: middle;}
  .seq .seq-model,
  .seq .seq-title { position: relative; display: inline-block; vertical-align: middle; margin: 0 5% 0 2.5%;}
  .seq .seq-model { top: 0; bottom: 0; width: 25%; margin-left: 12.5%;}
  .seq .seq-model img { float: right; opacity: 0; -webkit-transform: translate3d(60px, 0, 0); -ms-transform: translate3d(60px, 0, 0); transform: translate3d(60px, 0, 0); -webkit-transition-properties: transform, opacity; transition-properties: transform, opacity;}
  .seq .seq-title { bottom: 0; width: 40%; margin-right: 12.5%;}
  .seq .seq-title span,
  .seq .seq-title p, .seq-title .peppy-view-project-btn { display: inline-block; width: 100%; margin: 0; opacity: 0; text-align: left; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-properties: transform, opacity; transition-properties: transform, opacity;}
  .seq .seq-title span { margin-bottom: .1em; padding: .2em 0; -webkit-transform: translate3d(-120px, 0, 0); -ms-transform: translate3d(-120px, 0, 0); transform: translate3d(-120px, 0, 0);}
  .seq .seq-title p { display: block; -webkit-transform: translate3d(120px, 0, 0); -ms-transform: translate3d(120px, 0, 0); transform: translate3d(120px, 0, 0);}
  .seq .seq-in .seq-model img { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}  
  .seq .seq-out .seq-model img { -webkit-transform: translate3d(-60px, 0, 0); -ms-transform: translate3d(-60px, 0, 0); transform: translate3d(-60px, 0, 0);}
}

@media only screen and (min-width: 860px) {
  .seq .seq-model { margin-left: 10%; width: 27.5%;}
  .seq .seq-title { width: 42.5%; margin-right: 10%;}  
}
@media only screen and (min-width: 1020px) {
  .seq .seq-model { margin-left: 5%; width: 32.5%;}
  .seq .seq-title { width: 47.5%; margin-right: 5%;}
}

.peppy-sec-portfolio-row{ float:left; width:100%; position:relative;}
.peppy-portfolio-mian{ position: absolute;left: 0;top: 0;padding: 15px;}
.peppy-portfolio-data{ float:left; width:100%; padding-top:0;}
/**************** Banner css end here ****************/


.hide {display: none;}

.tab-content {padding: 15px;text-align: center;}

#material-tabs {position: relative;display: block;padding: 0;border-radius: 50px;text-align: center;margin: 0 auto;}

#material-tabs>a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    padding: 8px 25px;
    font-size: 18px;
    color: #52418a;
    text-align: center;
    margin: 3px;
    border-radius: 50px;
    box-shadow: 0px 0px 5px #cbcbcb;
    background-color: #fff;
}
#material-tabs>a.active {
    outline: none;
    color: white;
    transition: left .2s ease;
    -webkit-transition: left .2s ease;
    background-color: #52418a;
}

#material-tabs>a:not(.active):hover {background-color: inherit;}
.paddy15 header {padding: 15px;}

.peppy-section-space {
    padding: 30px 15px;
}


/* request a quote */
section.contact_us.pt30 {    padding-bottom: 50px;margin-top: 75px;width: 100%;float: left;background-size: 100%;background-repeat: no-repeat;background-position: center center;}
.peppy-quote.width50 {background-color: #fff;box-shadow: 0px 0px 5px #d0d0d0;position: relative;padding: 15px 30px 20px 30px;}
.width50 {width: 50%;float: left;text-align: center;padding: 16px 14px 0 14px;}
.peppy-quote.width50 h3 {padding-top: 70px;}
.width50 img {width: 130px;}
.width50 h3 {font-weight: bold;padding-top: 10px;}
.peppy-contact.width50 p {text-align: left;line-height: 30px;}
.peppy-input {width: 100%;padding: 13px;margin: 10px 0;background-color: #f1f1f1;border: none;border-radius: 5px;font-size: 18px;outline: none;font-family: 'exo_2regular' !IMPORTANT;}
form.cus_input.pt30 {text-align: left;}
.peppy-contact.width50 {padding-top: 150px;text-align: left;
}
.captcha{width: 240px !important;}
.quote_img{position: absolute;top: 0;right: auto;transform: translate(-50%, -50%);}
/* end request a quote */


@media screen and (min-width: 1650px){

}
@media screen and (max-width: 1340px) {
.peppy-case-banner-box h2{ font-size:40px;}

}
@media screen and (max-width: 1210px) {
li.technology{width: 30%;}
.clone{width: 30%;}
}
@media screen and (max-width: 1089px) {
.peppy-what-we-do-banner {
    float: left;
    width: 60%;
    box-sizing: border-box;
    padding: 0px 0px 50px 95px;
}
.peppy-case-banner-box h2{ padding-bottom: 14px;}
}

@media screen and (max-width: 1024px) {  
.clone {
    display: inline-block;
    padding: 15px 24px !important;
    margin: 10px;
    border-radius: 5px;
    text-align: center;
    width: 29%;
    margin-top: 25px;
    font-size: 16px;
}
}

@media screen and (max-width: 991px) { 
.col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 100%;
    max-width: 100%;
    float: left;
}
.col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 100%;
    max-width: 100%;
    float: right;
}
.small-11.medium-6.large-3.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    float: left;
    padding: 15px;
} 
.col-40_ {
    width: 100% !important;
}
.tab_img {
    text-align: center;
}
.col-60_ {
    width: 100% !important;
    float: none !important;
}
.seq {overflow: visible;}
#polygonal-effect {float: left;width: 100%;position: relative;min-height: 980px;}
.seq .seq-model {margin: 0;width: 33%;}
.seq .seq-title {width: 100%;margin: 30px 0 0;overflow: hidden;text-align: center;}
.seq .seq-title span {font-size: 2em;display: inline-block;opacity: 0;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-properties: transform,opacity;transition-properties: transform,opacity;}
.peppy-what-we-do-banner {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 50px 50px 0;
}
.col-40 {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 20px 0px 20px;
}
#slideshow {
    overflow: hidden;
    white-space: nowrap;
    width: 50%;
    margin: 0 auto;
}
section.peppy-home-first-row {
    width: 100%;
    float: left;
    position: relative;
    background-size: cover !important;
    padding: 65px 0;
}
}

@media screen and (max-width: 768px) {

.clone {display: inline-block;width:40%;padding: 25px 15px;margin: 10px;border-radius: 5px;text-align: left;}
li.technology {display: inline-block;width:40%;border: 1px solid #52418a;padding: 25px 15px;margin: 10px;border-radius: 5px;text-align: left;}
.peppy-case-banner-box {float: left;width: 100%;}
section.contact_us.pt30 {padding: 15px;margin-top: 30px;}
.width50 {width: 100%;float: left;text-align: center;padding: 16px 14px 0 14px;}
.peppy-contact.width50 p {text-align: center;line-height: 30px;}

.peppy-contact.width50 {padding-top: 0;text-align: center;padding-bottom: 95px;}


.peppy-case-banner-box p {font-size: 19px;color: #000;}
.peppy-case-banner-box span {font-family: 'ralewaybold';font-weight: normal;font-size: 35px !important;text-transform: none;line-height: 143% !important;}
}
@media screen and (max-width: 639px) {
.col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 15px;
    float: left;
}
.col-lg-7 .col-lg-6:nth-child(2) .single-features-item {
    margin-top: 0px;
}
.col-lg-7 .col-lg-6:nth-child(3) .single-features-item {
    margin-top: 0;
    margin-bottom: 0;
}
.single-features-item {
    margin-bottom: 0px;
}
.service-card {
    text-align: center;
}
.small-11.medium-6.large-3.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    float: left;
    padding: 15px;
}
.seq .seq-next {
    right: 0;
    background: url(../images/bt-next.png);
}
.seq .seq-prev {
    left: 0px;
    background: url(../images/bt-prev.png);
}
#slideshow {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    margin: 0 auto;
}

.peppy-section-space {
    padding: 0px 15px;
    overflow:hidden;
}
.peppy-section-space {
    padding: 0px 0px 30px;
}

p {
    font-size: 14px !important;
}
.peppy-team-count {
    font-size: 27px;
}
section.peppy-home-first-row {
    background-position: center !important;
}

.peppy-about-des {color: #000;float: left;width: 100%;text-align: center;font-size: 15px;}
li.technology strong {position: relative;left: 20px;bottom: 20px;display: table-footer-group;}
li.technology {display: inline-block;width: 35%;border: 1px solid #52418a;padding: 25px 15px;margin: 10px;border-radius: 5px;text-align: left;}
.clone {
    display: inline-block;
    width: 100%;
    padding: 25px 15px;
    margin: 10px 0;
    border-radius: 5px;
    text-align: left;}
.seq .seq-title span {float: none;}
.seq .seq-title p {display: block;opacity: 0;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.peppy-client-no {font-size: 30px;}
#polygonal-effect {float: left;width: 100%;position: relative;min-height: 1300px;}
.peppy-other-count-box {height: 145px;padding-top: 30px;}
.peppy-happyclient-box {float: left;width: 100%;box-sizing: border-box;padding: 110px 0 0 0;}
.main-services ul li {width: calc(55% - 30px);width: -o-calc(55% - 30px);width: -ms-calc(55% - 30px);width: -moz-calc(55% - 30px);width: -webkit-calc(55% - 30px);}
.seq {min-height: 600px;}
.seq .seq-model {max-height: 360px;bottom: 0;height: 100%;margin: 0;top: 0;width: 100%;}
}
@media screen and (max-width: 442px) {

.main-services ul li {width: calc(50% - 0px);width: -o-calc(50% - 0px);width: -ms-calc(50% - 0px);width: -moz-calc(50% - 0px);width: -webkit-calc(50% - 0px);}
.nav-tabs#material-tabs>li>a {font-size: 11px;}
}

@media screen and (max-width: 450px) {
.seq {min-height: 730px;}
#polygonal-effect {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1160px;
}
}
@media screen and (max-width: 350px) {
.seq {min-height: 750px;}
#polygonal-effect {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1260px;
}
}
#slideshow {
  overflow: hidden;
  white-space: nowrap;
}

#slideshow img {
  display: inline-block;
  width: 100%;
  height: 100%;
}


/*.peppy-case-banner-box span {
    color: #ffffff;
    position: relative;
    z-index: 1;
}
.peppy-case-banner-box span::after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 5px;
    z-index: -1;
    background: #ffffff;
}*/
.peppy-case-banner-box p {
    color: #ffff;
    padding-top: 20px;
}
.main_btn2{
    background-color: #ffffff;
    padding: 12px 15px;
    border: none;
    color: #52418a;
    font-size: 18px;
    margin-top: 20px;
    border-radius: 5px;
    cursor: pointer;
}

#curve path {
    fill: #f1f1f1;
}
.bg {
    background-color: #f1f1f1;
    width: 100%;
    float: left;
    padding: 0px 20px;
}
svg#curve {
    position: relative;
    top: 10px;
}



@media screen and (max-width: 58em) {
  .tabs nav a.icon span {
    display: none;
  }

  .tabs nav a:before {
    margin-right: 0;
  }
}




/*   2 section css add here */

.purple_bg{
    background-color: #52418a;
    padding: 0 !important;
}
.mobile_img img{
    width: 100%;
}
.whatmakes {
    padding: 10% 10% 5px;
}
.whatmakes h3 {
    color: #fff;
}
.align_none{
    align-items: unset !important;
}
.make_text {
    padding-left: 100px;
}
.make_img {
    display: inline-block;
    float: left;
    position: absolute;
}
.make_text h3 {
    font-size: 25px;
    margin: 10px 0;
}
.make_text p {
    font-size: 16px;
    margin: 10px 0;
    color: #fff;
}
.make_features {
    margin: 50px 0;
}
.clients-photo{
    padding-top: 30px;
}
.clients-photo img{
    width:100%;
}
/* 2 section css end here */

.peppy-case-banner-box span {font-family: 'ralewaybold';font-weight: normal;color: #ffffff;font-size: 44px;text-transform: none;line-height: 130%;}
.about_text h2, .pro_title h2 {font-family: 'exo_2bold';font-weight: normal;color: #000000;font-size: 38px;text-transform: none;line-height: 130%;text-align: center;margin-bottom: 20px;}
.single-features-item span {font-size: 20px;color: #3b3663;font-weight: 600;margin: 20px 0 10px 0;display: inline-block;}
.peppy-testimonial-left-col span {float: left;width: 100%;color: #FFF;line-height: normal;font-weight: bold;font-size: 2.500em;padding-bottom: 16px;}
.whatmakes h2 {color: #fff !important;}
.whatmakes .make_text span {font-size: 25px;margin: 10px 0;color: #fff !important;font-weight: bold;position: relative;line-height: normal;}
.features-content-area h2 {font-size: 37px;color: #000000;font-weight: bold;margin: 0 0 25px;position: relative;line-height: normal;}
.tab_con span {text-align: left;padding: 20px 0;font-family: 'exo_2bold';font-size: 23px;display: inline-block;}

.first_title{
    font-family: 'exo_2bold' !important;
    font-weight: normal;
    color: #000000;
    font-size: 38px !important;
    text-transform: none;
    line-height: 130%;
    text-align: center !important;
    margin-bottom: 20px;
}
.work_title{
    font-family: 'exo_2bold' !important;
    font-weight: normal;
    color: #fff;
    font-size: 38px !important;
    text-transform: none;
    line-height: 130% !important;
    text-align: center;
    margin-bottom: 20px;
}

.contact-field-captcha{
    width: 20%;
    margin-left:10px; 
    padding: 13px;
    background-color: #f1f1f1;
    border: none;
    border-radius: 5px;
    font-size: 18px;
    outline: none;
    font-family: 'exo_2regular' !important;
}