:root {
  --app-bg-red: #ff5562;
  --app-bg-blue: #3535e3;
  --app-bg-white: #fff;
}

@font-face {
  font-family: "Poppins";
  src: url("https://www.dotsquares.com/css/assets_web_development/fonts/Poppins-Bold.woff2") format("woff2"),
    url("https://www.dotsquares.com/css/assets_web_development/fonts/Poppins-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("https://www.dotsquares.com/css/assets_web_development/fonts/Poppins-Medium.woff2") format("woff2"),
    url("https://www.dotsquares.com/css/assets_web_development/fonts/Poppins-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("https://www.dotsquares.com/css/assets_web_development/fonts/Poppins-ExtraBold.woff2") format("woff2"),
    url("https://www.dotsquares.com/css/assets_web_development/fonts/Poppins-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("https://www.dotsquares.com/css/assets_web_development/fonts/Poppins-MediumItalic.woff2") format("woff2"),
    url("https://www.dotsquares.com/css/assets_web_development/fonts/Poppins-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("https://www.dotsquares.com/css/assets_web_development/fonts/Poppins-Regular.woff2") format("woff2"),
    url("https://www.dotsquares.com/css/assets_web_development/fonts/Poppins-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("https://www.dotsquares.com/css/assets_web_development/fonts/Poppins-SemiBold.woff2") format("woff2"),
    url("https://www.dotsquares.com/css/assets_web_development/fonts/Poppins-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

*,
*::after,
*::before {
  box-sizing: border-box;
}
body {
  margin: 0;
  padding: 0;
  font-family: "Poppins";
}
table,
tr,
th,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
div,
span,
p,
a {
  padding: 0;
  margin: 0;
  text-decoration: none;
}
h1,
h2,
h3,
h4 {
  font-family: "Poppins";
  padding: 0;
  margin: 0;
  text-decoration: none;
}
p,
span,
a,
li,
label,
input {
  font-family: "Poppins";
  padding: 0;
  margin: 0;
  text-decoration: none;
  outline: none;
}
textarea {
  outline: none;
}
ul,
ol {
  list-style: none;
}
button {
  font-family: "Poppins";
}
img {
  max-width: 100%;
}

.container {
  width: 1170px;
  max-width: 100%;
  margin: auto;
}

.title-main {
  font-size: 35px;
  color: #000;
  font-weight: 600;
  line-height: 1.2;
  margin: 5px 0 40px;
}
p {
  font-size: 16px;
  line-height: 1.3;
  color: #2b2f33;
  line-height: 25px;
}
.ds-btn-primary {
  background: #E10A0A;
  font-size: 18px;
  min-width: 182px;
  max-width: 100%;
  color: #fff;
  text-align: left;
  padding: 10px 27px;
  display: inline-block;
  font-weight: 400;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
  position: relative;
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
  border: none;
  cursor: pointer;
  justify-content: center;
  font-weight: 600;
  width: 100%;
}
.ds-btn-primary::after {
  background: url(https://www.dotsquares.com/css/assets_web_development/images/icon.png) no-repeat;
  content: "";
  width: 25px;
  height: 18px;
  margin-left: 12px;
  position: relative;
  top: 4px;
  display: inline-block;
}
.ds-btn-primary:hover {
  background: #ff3f3f;
}
.container-fluid {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 6%;
}
.container {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.container-fluid::after,
.container::after {
  display: table;
  clear: both;
  content: "";
}
.dflex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dflex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.bg-blue {
  background-color: #2b2ba8;
}
.section-bg-gradient {
  background: transparent linear-gradient(123deg, #8969c1 0%, #4f68d7 100%) 0%
    0% no-repeat;
  position: relative;
}
.block-bg-gradient {
  background: transparent
    linear-gradient(116deg, #2b2ba8 0%, #8bd5dc 94%, #ec74e7 100%) 0% 0%
    no-repeat;
  position: relative;
}
.white-color {
  color: #fff;
}

/*Header section css here*/
.app-header {
  width: 100%;
  right: 0;
  left: 0;
  top: 0;
  padding: 30px 0;
  position: absolute;
  z-index: +1;
}
.app-header .header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.app-header .logo a {
  display: inline-block;
  position: relative;
}

/*app Banner section css here*/
.app-slider h1 {
  font-size: 50px;
  color: #fff;
  line-height: 1.3;
  font-weight: 600;
  margin:10px 0 30px 0;
}
.app-slider h1 i{color: #ff5562;display: inline-block;font-style: inherit;}
.app-slider .banner-subtitle{color: #fff;margin: 0 0 30px}

.app-slider {
  background: url(https://www.dotsquares.com/css/assets_web_development/images/app-dev-bg.jpg);
  padding: 160px 0 90px;
  background-position: top;
  position: relative;
}
.app-slider:after {
    position: absolute;
    width: 100%;
    content: '';
    background: rgba(0, 0, 0, 0.1);
    z-index: 0;
    height: 100%;
    top: 0;
}
.app-slider .container{
    z-index: 1;
    position: relative;
}
.banner-block {
  margin-left: -15px;
  margin-right: -15px;
}
.app-slider .block-content{
  width:60%;
}
.app-slider .side-img{margin: 40px 0 0px;max-width: 430px}
.app-slider .subtitle{margin: 15px 0 0;font-size:18px;line-height:24px;color:#Fff }
.banner-block .block {
  max-width: 50%;
  flex: 0 0 auto;
  width: 50%;
  padding-right: 15px;
  padding-left: 15px;
}
.banner-block .block.block-form {
  position: absolute;
  bottom: 0;
  right: 0;
}
.app-slider .points {
}
.app-slider .points ul {
  margin: 0 0 45px;
}
.app-slider .points li {
  font-size: 16px;
  color: #fff;
  font-weight: normal;
  position: relative;
  padding-left: 33px;
  padding-bottom: 15px;
}
.app-slider .points li:last-child {
  padding-bottom: 0;
}
.app-slider .points li:before {
  position: absolute;
  width: 21px;
  height: 21px;
  left: 0;
  content: "";
  background: url(https://www.dotsquares.com/css/assets_web_development/images/right-icon.svg) no-repeat;
}
.app-slider span {
  color: #f48120;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}
.call-left img {
  background: var(--app-bg-red);
  border-radius: 21px;
  padding: 9px;
  width: 34px;
  height: 34px;
}
.call-left a {
  color: #fff;
  padding: 10px 0px 10px 10px;
}
.call-left img {
  background: #f48120;
  border-radius: 21px;
  padding: 9px;
  width: 34px;
  height: 34px;
}
.call-left {
  display: flex;
  align-items: center;
}
/*.side-img {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}*/
.app-divider{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.app-slider .form-head {font-size: 28px;line-height: 34px;font-weight: 600;margin: 0 0 5px;color: #000000;}
.app-slider .form-group {margin: 20px 0 20px;}
.app-slider .form-group textarea{resize: none;}
.app-slider .form-control{padding: 21px 16px;font-size: 15px;border: 1px solid #e8e8e8;}
.app-slider .form-control:focus{box-shadow: none;background-color: #fff;} 
.app-slider  .common-btn{ background-color: #E10A0A;color: #fff;text-transform: uppercase;padding: 12px 48px;width: 100%;font-size: 20px;border: none;border-radius: 5px;line-height: 22px;}
.right-form {width: 38%;text-align: center;background: #fafafa;padding: 25px;border-radius: 20px}
.app-slider .form-subhead{font-size: 16px;line-height: 20px;margin: 0 0 25px;}
.banner-lsit {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;row-gap: 13px;
}
.banner-lsit li{font-size: 18px;line-height: 24px;color: #FFFFFF;width: 100%;position: relative;    list-style: disc inside;}
/*.banner-lsit li:before{content: '';background: url(../images/bannerlist.svg);display: inline-block;width: 19px;height: 19px;position: absolute;left: 0}*/
/*partner*/

section.partner-logo {
  box-shadow: 0px 0px 15px #00000029;
}
.partner-logo .item {
  height: 126px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.partner-logo .item img {
 width: auto;
margin: auto;
}
/* How Do We Work */

section.working-process {
  padding: 90px 0;
  background: #FAFAFA;
}
.working-process span {
  color: var(--app-bg-red);
  font-size: 15px;
}
.working-process li {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 9px;
  position: relative;
}
.process-1 {
  margin-bottom: 45px;
}
.process-1:last-child {
  margin-bottom: 0;
}
.process-50 {
  width: 50%;
}
.process-1 p {
  font-size: 16px;
  max-width: 389px;
  line-height: 22px;
}
.process-50 ul {
  padding-left: 100px;
  margin-bottom: 0;
}
.process-1 span {
  font-size: 24px;
  color: #fff;
  position: absolute;
  left: -16%;
  background: #000;
  width: 47px;
  height: 47px;
  border-radius: 50%;
  padding: 8px 17px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.working-process .form-head,
.working-process .contact-form span {
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  color: #fff;
}

.working-process .form-head span {
  color: var(--app-bg-red);
}
.working-process .contact-form {
  box-shadow: 0px 0px 15px #00000029;
  background: #000;
  border-radius: 15px;
  padding: 35px 40px;
  width: 575px;
}
.working-process .contact-form .form-block label {
  font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    color: #fff;
}
.form-techno .work-label{color: #fff}
.technologymsg {
  margin-bottom: 10px;
}
.Industrymsg {
  margin-bottom: 7px;
}
.working-process .contact-form .form-block {
  margin-bottom: 20px;
}
.working-process .contact-form .form-block.textarea{
  margin-bottom: 25px;
}
.working-process .contact-form p {
  text-align: center;
  margin: 7px 0 25px 0;
  color: #fff;
}
.working-process select:not(:checked) {
  padding: 0px 10px 0px 9px;
    background: #000;
}
.working-process input.input-text,
.working-process select {
  width: 100%;
  border: none;
  margin: 0px 0 0px 0;
  padding: 0px 10px 0px 15px;
  resize: none;
  height: 45px;
  background: transparent;
  border: solid 1px #dddcdc;
  box-shadow: 0 0 0;
  font-size: 16px;
  color: #fff !important;
  border-radius: 4px;
}

.bts-popup .form-techno .work-label, #dialog1 .form-techno .work-label{color: #000 !important}
.working-process textarea.input-text {
  padding: 4px 10px 0px 11px;
  width: 100%;
  border: none;
  background: transparent;
  border: solid 1px #dddcdc;
  height: 90px;
  margin: 4px 0 0 0;
  resize: none;
  font-size: 16px;
  box-shadow: 0 0 0;
  color: #fff;
}

.form-techno {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.form-techno span {
  font-size: 15px;
  color: #000;
}
.form-techno .form-option{
  padding: 0 3px;
}
.working-process .contact-form .form-block.form-techno.w-50 {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.working-process .contact-form .form-block.form-techno.w-50 .workmsg {display: block;width: 100%;}

.working-process .dflex-wrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.working-process li::before {
  content: "";
  position: absolute;
  width: 1px;
  width: 1px;
  height: 200px;
  background: #000;
  left: -11%;
}
li.process-last:before {
  position: relative;
}
input[type="radio"]{
  accent-color: #FF5562;
}

.clutch-testimonial{background: #fafafa}
.clutch-testimonial .carousel_widget__wrapper{padding-bottom: 30px 0 0}
/* Portfolio */
.portfolio{padding: 80px 0;background: #fafafa}
.portfolio-center {
  text-align: center;
}
.portfolio span,.hire-box-wrap span,
.testimonial-page span ,.services span,.clutch-testimonial span{
  color: var(--app-bg-red);
  font-size: 15px;
  display: block;
}
.clutch-testimonial{padding: 40px 0}
.clutch-testimonial .title-main{margin: 5px 0 0}
.portfolio h2.title-main {
  margin-bottom: 10px;
}
.portfolio .tab-30 {
  padding: 5px;
      display: flex;
    flex-direction: column;
    justify-content: space-between;
    row-gap: 25px;
}
.portfolio .dflex-wrap {
  justify-content: center;
  flex-wrap: inherit;
}
.portfolio .tab-30  img {
   max-height: 230px;
   object-fit: contain;
}
.portfolio .tab-30 .slide-middle img {
   max-height: 500px;
}
.portfolio .owl-stage{
  display: flex;
}
.portfolio .owl-item{
   position: relative;
    overflow: hidden;
    /* margin-bottom: 80px; *//*This is optional*/
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
}
.portfolio .tab-30 img:last-child {
  margin-bottom: 0;
}
.portfolio p {
  margin-bottom: 35px;
}

.portfolio .owl-dots {
  display: inline-block !important;
  width: 100%;
  text-align: center;
  margin-top: 0px;
}
.portfolio .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  display: inline-block;
  background: #cccccc;
  border-radius: 50%;
  margin: 0 10px;
}
.portfolio .owl-dots .owl-dot:hover,
.portfolio .owl-dots .owl-dot.active {
  background: #6d6d6d !important;
}

.slide-wrap {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  
  overflow: hidden;
  border-radius: 15px;
}
.slide-wrap .client-overlay {
  background: rgb(53 53 227 / 86%);
  position: absolute;
  bottom: -100%;
  left: -15px;
  padding: 20px 40px;
  height: 100%;
  transition: 0.3s ease-in-out;
  right: 0;
}
.slide-wrap .client-overlay .clients-head {
  color: #fff;
  font-size: 18px;
  margin-bottom: 5px;
}
.slide-wrap .client-overlay p {
  color: #fff;
  font-size: 13px;
  line-height: normal;
}
.slide-wrap:hover .client-overlay {
  bottom: 0;
  transition: 0.3s ease-in-out;
}

/* Testimonials */

.testimonial-30 {
  width: 30%;
}
.dflex-wrap .testimonial-30 {
  width: 30%;
}
.testimonial-page p {
  font-style: italic;
}
.author h4 {
  font-size: 20px;
  font-weight: 500;
  margin-top: 20px;
  line-height: normal;
}
.author {
  float: right;
}
.author p {
  font-size: 15px;
  font-style: normal;
}
section.testimonial-page .testimonial-pageinner .testimonial-30 {
  width: 35%;
}
section.testimonial-page
  .testimonial-pageinner
  .testimonial-70
  .dflex-wrap
  .testimonial-30 {
  width: 33%;
  display: inline-block;
}
section.testimonial-page
  .testimonial-pageinner
  .testimonial-70
  .dflex-wrap
  .testimonial-30
  img {
  padding: 0 0 30px;
}

section.testimonial-page .testimonial-pageinner .testimonial-70 {
  width: 55%;
}

section.testimonial-page {
  padding: 140px 0px 0;
}
section.testimonial-page .testimonial-pageinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
section.testimonial-page .dflex-wrap {
     display: grid;
      grid-template-columns: 24% 24% 24% 24%;
    gap: 10px;
}
section.testimonial-page .testimonial-pageinner .testimonial-70 .dflex-wrap .testimonial-30 {
    height: 116px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
section.testimonial-page .testimonial-pageinner .testimonial-70 .dflex-wrap .testimonial-30 img {
    transition: all 0.2s ease-in-out;
    width: auto;
    margin: 0 auto;
    padding: 0 5px ;
    max-width: 90%;
    display: block;
}
.testimonial-70 .testimonial-30 img {
  object-fit: cover;
  padding: 33px 0;
  max-width: 230px;
}
.testimonial-page i.fa.fa-star {
  color: #ecc605;
}

.testimonial-pageinner .owl-dots {
  display: inline-block !important;
  width: 100%;
  text-align: center;
  margin-top: 40px;
}
.testimonial-pageinner .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  display: inline-block;
  background: #cccccc !important;
  border-radius: 50%;
  margin: 0 10px;
}
.testimonial-pageinner .owl-dots .owl-dot:hover,
.testimonial-pageinner .owl-dots .owl-dot.active {
  background: #6d6d6d !important;
}

/* Expand Your Digital Footprint */

.footprint {
  background: url(https://www.dotsquares.com/css/assets_web_development/images/bg-footprint.png) no-repeat;
  padding: 60px;
  color: #fff;
  background-position: center;
  background-size: cover;
  border-radius: 25px;
  overflow: hidden;
  box-shadow: 1px 4px 18px 4px #d9d9d9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.footprint h3 {
  font-size:30px;
  color: #fff;
  font-weight:600;
}
.footprint p {
  font-size: 22px;
  color: #fff;
  max-width: 530px;
  margin-top: 8px;
  line-height: 28px;
}
.footprint a.footprint-btn {
  background: var(--app-bg-white);
  color: #000000;
  font-weight: 600;
  font-size: 19px;
  border-radius: 28px;
  white-space: nowrap;
  padding: 13px 38px;
  box-shadow: 0px 0px 15px #ffffff59;
  display: inline-block;
}

/* footer */

footer {
  background: #000000 0% 0% no-repeat padding-box;
  padding: 20px;
}
footer p {
  text-align: center;
  color: #fff;
  font-size: 14px;
  max-width: 848px;
  margin: auto;
}
footer * {
  color: #fff;
}
footer p a {
  color: #fff;
}
section.digital-footprint {
  padding: 75px 0px;
}

.footer_call {
  display: none;
}

#dialog,
#dialog1 {
  width: 90%;
  max-width: 530px;
  border: none;
  padding: 0;
  position: fixed;
  top: 40px;
  bottom: 0;
  z-index: 9;
  left: 50%;
  transform: translate(-50%, 0%);
  right: initial;
  margin-bottom: 40px;
  max-height: 100%;
  overflow-y: auto;
}

.dialog-popup {
  display: none;
}
.dialog-popup.open-popup {
  display: block;
}

.dialog-popup .exit {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0;
  background: none;
}
.dialog-popup .exit:before,
.dialog-popup .exit:before {
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 30px;
  top: 13px;
  background: #fff !important;
  position: absolute;
  z-index: 9999;
  width: 16px;
  height: 3px;
}
.dialog-popup .exit:after,
.dialog-popup .exit:after {
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 6px;
  top: 13px;
  background: #fff !important;
  z-index: 99999;
  width: 16px;
  height: 3px;
  position: absolute;
}

.bg-opacity:before {
  content: "";
  background: rgb(0 0 0 / 66%);
  width: 100%;
  height: 100%;
  position: fixed;
  display: inline-block;
  z-index: 2;
}
.information-form {
  background: #fff;
}
#dialog h3.modal-title,
#dialog1 h3.modal-title {
  background: #3535e3;
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  font-weight: 600;
  padding: 25px 40px;
}
#dialog .information-form .request-form,
#dialog1 .information-form .request-form {
  padding: 22px 15px 22px 15px;
  margin: 0;
}
#dialog .information-form .request-form fieldset .form-control,
#dialog1 .information-form .request-form fieldset .form-control {
  border: none;
  border-bottom: 1px solid #d0d0d0;
  padding: 30px 15px 15px 0;
  font-family: "Poppins";
  color: var(--ds-text);
  box-shadow: none;
  border-radius: 0px;
  height: 34px;
  font-size: 14px;
}

#dialog .information-form .request-form fieldset textarea.form-control,
#dialog1 .information-form .request-form fieldset textarea.form-control {
  height: 100px;
  resize: none;
  font-weight: normal;
  overflow: hidden;
  display: inline-block;
}
.information-form .form-block label {
  font-weight: normal;
}
.information-form .form-block select {
  background: #fff;
  border: none;
  outline: none;
  border-bottom: 1px solid #d0d0d0;
  display: block;
  width: 100%;
  margin-top: 9px;
  padding-bottom: 9px;
  color: #6b6b6b;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#dialog .information-form .request-form button,
#dialog1 .information-form .request-form button {
  background: #3535e3;
  border: none;
  border-radius: 40px;
  padding: 10px 42px;
  font-size: 14px;
  color: #fff;
  font-weight: 600 !important;
  line-height: 28px;
  transition: all 0.2s ease-in-out;
  text-transform: capitalize;
  margin-top: 16px;
}

#dialog .exit,
#dialog1 .exit {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0;
  background: none;
  border: none;
  width: 35px;
  display: inline-block;
  height: 30px;
}

#dialog .exit button,
#dialog1 .exit button {
  font-size: 0;
  background: none;
}

.dialog-popup .exit:before,
.dialog-popup .exit:before {
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 13px;
  top: 13px;
  background: #fff !important;
  position: absolute;
  z-index: 9999;
}
.dialog-popup .exit:after,
.dialog-popup .exit:after {
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 6px;
  top: 13px;
  background: #fff !important;
  z-index: 99999;
  width: 16px;
  height: 3px;
  position: absolute;
}
.bts-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  z-index: 9999999;
}
.bts-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.bts-popup-container {
  position: relative;
  width: 90%;
  max-width: 530px;
  margin: auto;
  background: #ffffff;
  border-radius: none;
  text-align: center;
  box-shadow: 0 0 2px rgb(0 0 0 / 20%);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  top: 50%;
  transform: translate(0, -50%) !important;
  min-height: 325px;
}
.bts-popup-container .form-fields {
  padding: 22px;
}
.bts-popup-container .request-form .form-fields .form-group {
  margin-bottom: 15px;
}
.bts-popup-container .request-form .form-fields .form-block {
  margin: 20px 0;
}
.bts-popup-container .request-form .form-fields .form-block.form-techno.w-50{-ms-flex-wrap: wrap;flex-wrap: wrap;}
.bts-popup-container .request-form .form-fields .form-block.form-techno.w-50 .pworkmsg {width: 100%;}

.bts-popup-container .request-form .form-fields label {
  font-weight: normal;
}
.bts-popup-container .request-form .error-message {
  text-align: left;
}
.bts-popup-container .btn-primary {
  background: #3535e3;
  background: #3535e3;
  border: none;
  border-radius: 40px;
  padding: 10px 42px;
  font-size: 14px;
  color: #fff;
  font-weight: 600 !important;
  line-height: 28px;
  transition: all 0.2s ease-in-out;
  text-transform: capitalize;
  margin-top: 16px;
}
.bts-popup-container img {
  padding: 20px 0 0 0;
}
.bts-popup-container p {
  color: #06045c;
  font-weight: 600;
  padding: 25px 40px 0;
  font-size: 24px;
  text-transform: capitalize;
  max-width: 384px;
  margin: auto;
  line-height: 32px;
}
.bts-popup-container .bts-popup-button {
  padding: 5px 25px;
  border: 2px solid white;
  display: inline-block;
  margin-bottom: 10px;
}

.bts-popup-container a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
}
.bts-popup-container .bts-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.bts-popup-container .bts-popup-close::before,
.bts-popup-container .bts-popup-close::after {
  content: "";
  position: absolute;
  top: 12px;
  width: 16px;
  height: 3px;
  background-color: #06045c;
}
.bts-popup-container .bts-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
  top: 13px;
}
.bts-popup-container .bts-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 6px;
  top: 13px;
}
.is-visible .bts-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.bts-popup-container {
  max-height: 100%;
  overflow-y: auto;
}
.bts-popup .form-fields .form-control {
    padding: 7px 11px;
    height: 40px;
    background: none;
    border: 1px solid #ccc;
    box-shadow: none;
    border-radius: 4px;
}

.bts-popup .form-fields textarea.form-control {
  margin-top: 13px;
  height: 81px;
}
.information-form .form-techno{
  margin: 15px 0;
  -ms-flex-wrap: wrap;flex-wrap: wrap;
}
.information-form .form-block.form-techno.w-50 {
    -ms-flex-wrap: wrap;flex-wrap: wrap;
}
.information-form .form-techno label {
    font-weight: normal;
    font-size: 16px;
    line-height: 23px;
}
.cookiealert .acceptcookies {
  color: #000;
}
.cookiealert a {
  color: #b1addf;
}

/*hire-box-wrap start*/
.hire-box-wrap{padding: 90px 0 0;}
.hire-box-wrap .portfolio-center{margin-bottom: 65px}
.hire-box-wrap .title-main{margin-bottom: 10px}
.hire-box-inner{box-shadow:0 3px 6px rgb(0 0 0/8%),0 3px 6px rgb(0 0 0/5%);text-align:center;position:relative;background-color:#f5f5f5;padding-top:65px;border-radius: 25px;border: 1px solid #e7e7e7;}
.hire-box-inner .duration{border-bottom:1px solid #efeeee;margin:22px;padding-bottom:20px}
.hire-box-inner .button-wrap{position:absolute;bottom:-25px;left:0;right:0}
.hire-box-inner .title{background-color: #3535E3;padding:10px;font-size:20px;font-weight:600;color: #fff;text-transform: uppercase;}
.hire-box-inner .duration span{font-size:16px;color:#000;display:block}
.hire-box-inner .duration strong{font-size:18px;font-weight:600;color:#000}
.hire-dedicated-resources-wrap .step-box-wrap span{max-width:45px;margin-right:10px;width:10%}
.hire-box-inner .icon{max-width:150px;margin:auto;position:absolute;top:-75px;left:0;right:0}
.hire-box-wrap .btn {background-color: #3535E3;font-weight: 600;font-size:18px;border-radius: 30px;padding: 10px 35px;color: #fff;outline:none}
.hire-box-wrap .last-duration{padding-bottom: 40px}

/*services start*/
.services{padding: 90px 0;}
.services .title-main,.main-services .title-main{margin-bottom: 10px;}
.services .service-list {display: flex;flex-wrap: wrap;justify-content: space-between;row-gap: 35px;column-gap: 35px;margin: 50px 0 0;}
.services .service-box {    background: #f5f5f5; padding: 25px; width: 31%; border-radius: 25px;border: 1px solid #e7e7e7;}
.services .service-types {padding: 0;list-style-type: none;margin: 20px 0 0;display: flex;flex-wrap: wrap;column-gap: 10px;row-gap: 10px;}
.services li { display: inline-block;background: #F3F7FF;padding: 5px 12px;border-radius: 16px; font-size: 14px;font-weight: 600;}
.services .service-title {font-size: 18px;font-weight: 600;}
.services .service-title img{margin: 0 15px 0 0}
.services .service-content {font-size: 14px;color: #707070;line-height: 20px;margin: 10px 0 0;}

/*clients*/
.clients-preferred{padding: 80px 0}
.clients-preferred .title-main{margin-bottom: 10px}
.clients-preferred  p {margin: 0px auto 40px;}
.clientsbox {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.clientsbox .clients-preferred-inner {width: 54%;}
.clientsbox .clients-preferred-inner .coll-lg-6 {display: inline-block;width: 48%;margin: 0 0 25px;vertical-align: top;}
.clientsbox .clients-preferred-inner .coll-lg-6:nth-last-child(-n + 2){margin: 0}
.clientsbox .clients-preferred-inner .coll-lg-6 .col {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.clientsbox .clients-preferred-inner .coll-lg-6 .col .icon {display: inline-block;float: left;}
.clientsbox .clients-preferred-inner .clientsbox-head {font-size: 19px;font-weight: 500 !important;margin: 0;line-height: 31px;margin: 0 0 0 4px;}
.clientsbox .coll-lg-6 {width: 45%;}

.clients-preferred-box .col {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: 0 0 88px;}
.clients-preferred-box .col .icon {display: inline-block;float: left;}
.clients-preferred-box .col .clientsbox-head {font-size: 1.2rem;font-weight: 500;color: #212832;}
.client-preferredimg .col-md-4 {margin: 10px 0;padding-right: 0;}
.client-preferredimg .col-md-6,.client-preferredimg .col-md-12 {padding-right: 0;}

.client-img-secone img {width: 100%;}
.client-preferredimg .client-img-sectwo {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; margin: 15px 0;}
.client-preferredimg .client-img-secthree {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.client-preferredimg .client-img-sectwo .coll-md-4,
.client-preferredimg .client-img-secthree .coll-md-6,
.client-preferredimg .client-img-secthree .coll-md-6,
.client-preferredimg .client-img-sectwo .coll-md-4 img,
.client-preferredimg .client-img-secthree .coll-md-6 img {width: 100%;}
.client-preferredimg .client-img-sectwo .coll-md-4.client-workto {margin: 0 15px;}
.client-preferredimg .client-img-secthree .coll-md-6.client-workthr {margin-left: 15px;}

.main-services{padding: 90px 0;}
.main-flex {
    display: flex;
    justify-content: space-between;
}
.main-box {
    width: 19%;
    margin: 50px 0 0;
    background: #fafafa;
    padding: 30px 15px;
    border-radius: 13px;
}
.main-box:hover{box-shadow: 0 3px 6px rgb(0 0 0 / 8%), 0 3px 6px rgb(0 0 0 / 5%);}
.main-box img{width: 70px;height: 70px}
.main-name {
    font-size: 20px;
    line-height: 26px;
    margin: 20px 0 5px;
    font-weight: 600;
}
.main-desc {
    font-size: 15px;
}
.main-services .ds-btn-primary {
    display: block;
    margin: 40px auto 0;
    width: fit-content;
}
.development-services {padding: 90px 0;background: #fafafa}
.development-services .title-main,.our-projcts .title-main {    margin:20px 0 10px;}
.development-flex {
    display: flex;
    justify-content: space-between;
}
.development-left {
    width: 48%;
}
.development-right {
    width: 48%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 20px;
}
.dev-box {
    width: 49%;
    background: #fff;
    padding: 18px;
    border-radius: 5px;
}
.dev-name {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    margin: 0 0 8px;
}
.box-desc {
    font-size: 15px;
    line-height: 24px;
}
.development-services .ds-btn-primary {
    display: inline-block;
    width: fit-content;
    
}
.dev-flex-btn {
  margin: 20px 0 0;
    display: flex;
    justify-content: left;
    column-gap: 23px;
    align-items: center;
}
.dev-flex-btn .call-left a{padding: 0 0 0 10px}
.dev-flex-btn .call-left img{width: 25px ;height: 26px;padding: 5px}
.dev-flex-btn .call-left {
    padding: 10px 27px;
    background: #000;
    border-radius: 12px;
}
.our-projcts .project-list {background-image: linear-gradient(to right, #1a5eb4 50% , #ffff 50%);margin: 20px 0 0;}
.our-projcts .slick-track {transition: fade 2000ms ease-out;  infinite: true;  }
.our-projcts .project-list1 {background-image: linear-gradient(to right, #e50311 50% , #ffff 50%);}
.our-projcts .project-list2 {background-image: linear-gradient(to right, #7e3e97 50% , #ffff 50%);}
.our-projcts .project-list3 {background-image: linear-gradient(to right, #117e40 50% , #ffff 50%);}
.our-projcts .project-list4 {background-image: linear-gradient(to right, #4368e7 50% , #ffff 50%);}
.our-projcts .left-detail {width: 49%;color: #fff;padding: 50px 0;}
.our-projcts .right-detail{width: 49%;padding: 50px 0 0 ;}
.our-projcts .right-detail img{margin: 0 0  0 auto;width: 70%;}
.our-projcts h3 {font-size: 36px;line-height: 40px;margin: 25px 0 10px;font-weight: 600}
.our-projcts p {font-size: 16px;line-height: 21px;}
.our-projcts .download-flex {margin: 20px 0 0;display: flex;}
.our-projcts .list {width: 50%;font-size: 14px;}
.our-projcts .list p {font-size: 17px;font-weight: 600; margin: 5px 0 0;}
.our-projcts .project-divide{align-items: center;justify-content: space-between;display: flex;}
.our-projcts .store_icon {column-gap: 10px;margin: 30px 0 0;}
.our-projcts button.slick-arrow {background: #ffffff;left: 35px;padding: 6px;border: 1px solid #ccc;width: 50px;height: 50px;border-radius: 50%;color: #000;z-index: 1;}
.our-projcts button.slick-next.slick-arrow{left: inherit;right: 35px;}
.our-projcts .slick-prev:before,.our-projcts  .slick-next:before{color: #000;}
.our-projcts .slick-slide{height: auto;margin-right: 0 !important}
.our-projcts .featured-project{margin: 40px 0 0;}
.our-projcts .featured-project p{color: #fff}
.our-projcts .project-subhead {font-size: 20px;margin: 20px 0 5px;font-weight: 600; line-height: 26px;} 
.our-projcts .owl-carousel .owl-nav button.owl-next,.our-projcts  .owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    top: 50%;
    font-size: 40px;
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    border: 1px solid #d8d8d8;
}
.our-projcts .owl-carousel .owl-nav button.owl-next{right: 0}

@media (min-width: 767px) {
  section.portfolio.portfolio-mobile {
    display: none;
  }
}
@media (max-width:1400px){
  .portfolio .tab-30  img {
   max-height: 214px;
}
.portfolio .tab-30 .slide-middle img {
    max-height: 453px;
}
}
@media (max-width: 1100px) {
  .app-slider::after {
    display: none;
  }
    .process-50 ul{padding-left: 70px}
    /* clientsbox start   */
    .clientsbox{align-items: center;}
    .clientsbox .clients-preferred-inner .coll-lg-6{margin: 0 0 30px;}
    .htlcr_frstcta_mn.strip-1img{background-position: left;background-size: 190%;}

    .app-slider{padding: 140px 0 50px;}
    .services .service-list{row-gap: 25px;column-gap: 25px;}
    .services .service-box{padding: 20px;}
    .our-projcts .project-divide {width: 91%;margin: 0 auto;}
    .our-projcts .owl-carousel .owl-nav button.owl-next,.our-projcts  .owl-carousel .owl-nav button.owl-prev{width: 40px;height: 40px;left: 10px;    line-height: 36px;}
    
    .our-projcts .owl-carousel .owl-nav button.owl-next{right: 10px;left: inherit;}
}

@media (max-width: 1400px) {
  
  .working-process .contact-form {
    width: auto;
        padding: 35px 25px;
  }

  .footprint h3 {
    font-size: 30px;
  }
  .footprint p {
    margin-top: 5px;
  }
}

@media (max-width: 991px) {
  .app-slider {
    height: auto;
  }
  .app-slider .container-fluid {
    padding: 0;
  }

 .app-slider .block.block-form {
    width: 100%;
    margin: 50px auto 0;
    text-align: center;
}
  .app-slider .block-content .descrp {
    margin: auto;
  }
  .banner-lsit li{font-size: 15px;}
  .app-slider .side-img{margin: 30px 0 0}
  .app-slider .block-content{width: 51%}
  .right-form{width: 46%;padding: 15px}
  .app-slider .form-head{font-size: 20px;}
  .app-slider textarea.form-control{height: 80px;}
.process-50 {
    width: 41%;
}
.app-slider{padding: 100px 0 60px;}
  section.testimonial-page
    .testimonial-pageinner
    .testimonial-70
    .tech-partner-tect {
    padding: 24px 0 0 0;
  }
  section.testimonial-page .dflex-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  section.testimonial-page
    .testimonial-pageinner
    .testimonial-70
    .dflex-wrap
    .testimonial-30 {
    width: 32%;
  }
section.testimonial-page .testimonial-pageinner .testimonial-70 .dflex-wrap .testimonial-30{
  width: 100%;
}
  .side-img {
    position: relative;
  }
  .app-slider .block.block-form img {
    width: auto;
  }
  .banner-block .block.block-content {
    padding: 0 40px;
  }
  .banner-block .block.block-form {
    position: relative;
    z-index: 99;
  }
  .banner-block .block.block-form img.side-img {
    float: right;
    width: 80%;
    margin: 50px 0 0;
  }

  .banner-block .block {
    max-width: 100%;
    flex: 0 0 auto;
    width: 100%;
  }
  .app-slider::after {
    position: absolute;
    top: inherit;
    right: 0;
    width: 100%;
    bottom: 0;
    height: 40vw;
  }
  .app-slider h1 {
    font-size: 24px;
  }
  .app-slider .points ul {
    margin: 0 0 25px;
    padding: 0;
  }
  .title-main {
    font-size: 26px;
  }
.process-50.process-50b {
    width: 56%;
}
  .process-50 ul {
    padding-left: 57px;
  }
  .process-1 span {
    left: -21%;
  }
  .form-techno{
    display: block;
  }
  .working-process .contact-form .work-label{
        display: block;
    width: 100%;
    text-align: left;
  }
  .form-techno .form-option{
    display: inline-block;
  }
  .working-process .contact-form {
    padding: 28px 12px;
}
  .working-process li::before{
    left: -12%;
  }
  .working-process li {
    font-size: 18px;
  }

  section.testimonial-page {
    padding: 25px 0px 0;
  }
  section.testimonial-page .testimonial-pageinner {
    width: 100%;
    text-align: center;
    margin: 30px 0 0;
    display: block;
  }
  section.testimonial-page .testimonial-pageinner .testimonial-30 {
    width: 100%;
    margin-bottom: 10px;
  }
  section.testimonial-page
    .testimonial-pageinner
    .testimonial-70
    .dflex-wrap
    .testimonial-30
    img {
    padding: 0 0 0px;
  }
  section.testimonial-page .testimonial-pageinner .testimonial-70 {
    width: 100%;
  }

  section.digital-footprint {
    padding: 30px 0px;
  }
  .footprint {
    padding: 40px;
  }
  .footprint h3 {
    font-size: 24px;
  }
  .footprint p {
    margin-top: 5px;
  }
  .footprint a.footprint-btn {
    font-size: 14px;
    padding: 13px 26px;
    box-shadow: 0px 0px 15px #ffffff59;
  }
    .portfolio .tab-30  img {
   max-height: 142px;
}
.portfolio .tab-30 .slide-middle img {
    max-height: 304px;
}

    .hire-box-inner{margin-top:90px}
    .hire-box-wrap .hire-box-inner-first{margin-top: 0}
    .hire-box-inner .duration{padding-bottom: 10px;}
    .hire-box-wrap .last-duration{padding-bottom: 50px;}

        /* client box start*/
    .clientsbox {flex-direction: column-reverse;}
    .clientsbox .clients-preferred-inner, .clientsbox .coll-lg-6 {width: 100%;}
    .clientsbox .clients-preferred-inner {text-align: center;margin: 40px 0 0px;}
    .clientsbox .clients-preferred-inner .coll-lg-6 {width: 32%;    margin: 0 0 20px;}
    .clientsbox .clients-preferred-inner .coll-lg-6 .col {display: block;text-align: center;}
    .clientsbox .clients-preferred-inner .coll-lg-6 .col .icon {width: 100%;}
    .clientsbox .clients-preferred-inner .clientsbox-head {    font-size: 15px;line-height: 20px;}


    .services, section.working-process,.clients-preferred,.portfolio,.hire-box-wrap,.main-services,.development-services{padding: 50px 0}
    .services .service-box{width: 48%}

    .our-projcts .slick-prev:before, .our-projcts .slick-next:before{line-height: 7px;}
  .our-projcts h3 {font-size:22px;line-height: 30px;margin: 0px 0 10px;}
  .our-projcts p{font-size: 15px;line-height: 19px}
  .our-projcts .download-flex {margin: 12px 0 0;}
  .our-projcts .list p {font-size: 16px;}
  .main-flex{flex-wrap: wrap;    justify-content: center;
    column-gap: 14px;}
  .main-box {
    width: 31%;
    margin: 20px 0 0;}
    .development-right {
    width: 54%;}
    .development-left {
    width: 42%;
}
.dev-flex-btn{    flex-direction: column;
    row-gap: 20px;}
}

@media (max-width: 767px) {
  .call-left img {
    width: 30px;
    height: 30px;
    margin-right: 4px;
  }

  .slide-wrap .client-overlay .clients-head {
    display: none;
  }
section.testimonial-page .dflex-wrap{
  grid-template-columns:2fr 2fr;
}

  .app-slider .points {
    margin: 31px 0 0 0;
  }

  .app-slider .block.block-form {
    width: 100%;
  }
  .app-slider .block.block-form {
    width: 100%;
    overflow: hidden;
  }




  section.testimonial-page
    .testimonial-pageinner
    .testimonial-70
    .dflex-wrap
    .testimonial-30
    img {
    width: auto;
    max-width: 83%;
  }

  .partner-logo .item img {
    padding: 15px;
  }

  .dflex-wrap {
    display: block;
  }
  .process-50,
  .working-process .contact-form,
  .dflex-wrap .testimonial-30,
  .testimonial-70 {
    width: 100%;
  }
.process-50.process-50b{
  width: 100%;
}
  .title-main {
    font-size: 26px;
  }
  section.testimonial-page {
    padding: 21px 10px;
  }
  .logo img {
    width: 138px;
  }
  .app-slider span {
    font-size: 15px;
  }

  .footprint {
    display: block;
    padding: 25px;
    margin: 0 0 30px;
    text-align: center;
  }
  .footprint p {
    font-size: 20px;
  }
  section.digital-footprint {
    padding: 0;
  }
  .footprint h3 {
    font-size: 25px;
  }
  .footprint a.footprint-btn {
    margin: 15px 0 0;
  }

  .app-header {
    padding: 15px 0;
  }
  .app-slider {
        padding: 100px 0 40px;
  }
  .app-divider{display: block;}
  .app-slider .block-content{width: 100%;margin: 0 0 30px;}
  .right-form{width: 100%}
  .app-slider .side-img {
    margin: 30px 0 0;
    max-width: 400px;width: 100%;
}

  .partner-logo .item {
    height: auto;
  }

  .process-50 ul {
    padding-left: 53px;
  }
  .process-1 span {
    font-size: 16px;
    color: #fff;
    position: absolute;
    left: -54px;
    background: #000;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 8px 17px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .working-process li::before {
    left: -38px;
  }
  .working-process li {
    font-size: 16px;
  }

  section.working-process {
    padding: 28px 2px;
  }
  section.working-process .process-50 .contact-form {
    margin: 35px 0;
  }
  .form-techno {
    display: block;
  }
  .form-techno span {
    margin: 0px 0 6px;
    color: #000;
    display: inline-block;
  }
 .information-form .form-techno .work-label{
      display: block;
    width: 100%;
    text-align: left;
 }
 #dialog .information-form .request-form fieldset textarea.form-control{
      padding: 15px 15px 15px 0;
 }
  section.portfolio {
    display: none;
  }
  section.portfolio.portfolio-mobile {
    display: block;
  }

  section.portfolio.portfolio-mobile .slide-wrap .client-overlay p {
    font-size: 12px;
    line-height: normal;
  }

  .slide-wrap.mid-auto {
    max-width: 300px;
    margin: auto;
  }
  .portfolio .tab-30  img {
   max-height: 189px;
}
.portfolio .tab-30 .mid-auto img {
 max-height: 399px
}
.portfolio .slide-wrap{
  margin: 5px  auto;
}
.portfolio p {
    margin-bottom: 15px;
}
.form-techno .form-option {
    margin: 0 0 7px;
}
.form-techno .form-option:last-child {
    margin: 0;
}
.testimonial-pageinner .owl-dots{
      margin-top: 20px;
}

.bts-popup-container p{ font-size: 16px; line-height: 24px }
.hire-box-wrap{padding: 40px 0 0;}
.hire-box-inner{margin-top: 100px;}
.hire-box-inner .duration strong{font-size: 18px}
.hire-box-inner .duration span{font-size: 16px;}
.hire-box-inner .duration{margin: 16px;}
.hire-box-inner .title{font-size: 21px;}

 /* client box start*/
    .clientsbox .clients-preferred-inner .coll-lg-6 {width: 49%;    margin: 0 0 15px;}
    .clients-preferred p{width: 100%;margin: 10px auto 25px;}
    .services .service-list {
    row-gap: 15px;
    column-gap: 15px;    margin: 30px 0 0;
}
.services .service-box {
    padding: 15px;
}
.our-projcts .left-detail{padding: 25px 0;}
  .our-projcts h3 {font-size: 19px;line-height: 21px;}
  .our-projcts .list p{font-size: 15px;margin: 3px 0 0}
  .our-projcts .slick-dots li button:before{font-size: 24px}
  .our-projcts .slick-list{margin: 0 0 60px}
  .our-projcts .download-flex {margin: 20px 0 0;}
  .our-projcts .right-detail img{width: 86%}
  .our-projcts p {font-size: 15px;} 
  .our-projcts .featured-project{margin: 25px auto 0}
  .our-projcts .project-divide {width: 100%;}
  .our-projcts .project-subhead {font-size: 17px;margin: 12px 0 2px;line-height: 23px;}
  .our-projcts .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 3px;
}
.our-projcts .owl-dots button.owl-dot.active {
  background-color: #000;
}
.our-projcts .owl-dots{text-align: center;margin: 20px 0 40px;}
    .main-box {width: 47%;    padding: 20px 10px;}
    .main-name {
    font-size: 17px;
    line-height: 23px;
    margin: 12px 0 5px;}
    .main-desc{line-height: 21px}
    .development-flex {
      flex-direction: column;
      row-gap: 20px;
    }
    .development-left,.development-right{width: 100%}
    .dev-box{padding: 10px}
    .dev-name{font-size: 17px;line-height: 23px;}
}
@media (max-width:575px){
  .app-slider{padding: 80px 0 40px}
  .app-slider .banner-subtitle{margin: 0 0 20px}
  .banner-lsit li{width: 100%}
  .app-slider .side-img{margin: 20px 0 0;}
  .services, section.working-process,.clients-preferred,.portfolio,.hire-box-wrap, .main-services, .development-services{padding: 30px 0}
  .services .service-box{width: 100%}
  .services .service-title img{margin: 0 5px 0 0}
  section.testimonial-page .testimonial-pageinner{margin: 0}
  .footprint h3 {font-size: 20px;}
  .footprint p {font-size: 16px;}
  .footprint a.footprint-btn{padding: 10px 33px}
}
@media (max-width: 427px) {
  .call-left a {
    color: #fff;
    padding: 0;
    font-size: 12px;
  }
  .logo img {
    width: 125px;
  }
  .slide-wrap .client-overlay {
    padding: 5px 5px 20px 25px;
  }
.our-projcts .left-detail,.our-projcts .right-detail {width: 100%;padding: 0}
  .our-projcts .project-divide{flex-direction: column;}
  .our-projcts .right-detail img{width: 65%;margin: 0 auto;}
  .our-projcts .project-list{background:#1a5eb4;}
  .our-projcts .project-list1{background: #9b1733;}
  .our-projcts .project-list2{background:#7e3e97;}
  .our-projcts .project-list3{background: #117e40;}
  .our-projcts .project-list4{background: #4368e7}
  .our-projcts p {font-size: 14px;}
  .our-projcts h3{margin: 12px 0 8px;}  
  .our-projcts .list p {font-size: 16px;margin: 3px 0 0;}
  .our-projcts .slick-dots li button:before{font-size: 25px;}
}

footer.footer.footer-wrap {
  display: none;
}
/*blackfriday*/
/*.offerpopup .bts-popup-container img{width: 100%;padding: 0 }
.offerpopup .bts-popup-container .bts-popup-close::after,.offerpopup .bts-popup-container .bts-popup-close::before {background: #fff !important;}*/
/*black friday remove below after blackfriday*/

/*.offerpopup .bts-popup-container img{padding: 0}*/
/*bts-popup start*/
/*.new-popup {width: 90%;max-width: 1000px;border: none;padding: 0;position: fixed;top: 39%;bottom: 0;z-index: 99999;left: 50%;transform: translate(-50%, -50%);right: initial;display: none;}
.new-popup.open-popup{display: block;}
.new-popup-flex {display: flex;}
.new-popup-flex .left {background: #fff;width: 50%;padding:30px 40px}
.new-popup-flex .mobile-head {font-size: 27px;line-height: 30px;font-weight: 600;margin: 0 0 10px; }
.new-popup-flex .mobile-head span{color: #E10A0A}
.new-popup-flex .mobile-subhead { font-size: 16px;color: #5C5C5E;margin: 0 0 15px;line-height: 20px;}
.new-popup-flex .information-form fieldset, .new-popup-flex .mb-30 {margin: 0 0 15px;}
.new-popup-flex .information-form .form-control {border: 1px solid #DCDCDC;background: #FCFCFC;padding: 11px 15px;color: #000 !important;box-shadow: none;border-radius: 3px;height: 40px; font-size: 14px;}
.new-popup-flex .information-form textarea.form-control {height: 75px; resize: none;font-weight: normal;overflow: hidden;display: inline-block;}
.new-popup-flex .information-form .form-control:focus{box-shadow: none;background-color: #fcfcfc;border: 1px solid #E10A0A;}
.new-popup-flex button.call-action {background: #E10A0A;border: none;border-radius: 3px;padding: 14px 30px;font-size: 18px;color: #fff;font-weight: 600 !important;line-height: 21px;transition: all 0.2s ease-in-out;text-transform: capitalize;width: 100%;}
.new-popup-flex button.call-action:hover{background:#E10A0A;color:#fff }
.new-popup-flex .right{width: 50%;background: #fff;display: flex;align-items: end;}

.bg-opacity:before {content: "";background: rgb(0 0 0 / 66%);width: 100%;height: 100%;position: fixed;display: inline-block;z-index: 9999;}
.new-popup .exit, .bts-popup .exit {position: absolute;top: 5px;right: 5px;font-size: 0;border: none;width: 30px;background: none;height: 30px;padding:0; }
.new-popup .exit:after, .bts-popup .exit:after {content: "";-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);right: 6px;top: 13px;background: #000 !important;z-index: 99999; width: 25px;height: 3px;position: absolute;}
.new-popup .exit:before, .bts-popup .exit:before {content: "";transform: rotate(45deg);left: 0px;top: 13px;background: #000 !important;position: absolute;z-index: 9999; width: 25px;height: 3px;}
*/
/*exit-popup*/
/*.bts-popup{ position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;z-index: 9999999;}
.bts-popup.is-visible{opacity: 1;visibility: visible;}
.bts-popup-container {position: relative;width: 90%;max-width: 1000px;margin: auto;background-color: #296cda;border-radius: none;box-shadow: 0 0 2px rgb(0 0 0 / 20%);-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);-o-transform: translateY(-40px);transform: translateY(-40px);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;top: 50%;transform: translate(0, -50%) !important;}




.offerpopup-blackfriday .bts-popup-container{max-width: 1000px}
.offerpopup-blackfriday .new-popup-flex .mobile-head{color: #000;text-align: left;padding: 0}
.offerpopup-blackfriday .bts-popup-container p{text-align: left;max-width: max-content;padding: 0}
.offerpopup-blackfriday .bts-popup-container img {padding: 0;width: 100%;height: 100%;object-fit: cover;}
.offerpopup-blackfriday.bts-popup .form-fields .form-control{padding: 15px}
.offerpopup-blackfriday .bts-popup-container .form-fields{padding: 0}
@media (max-width:767px){
 .offerpopup-blackfriday  .new-popup-flex .right{display: none;}
  .offerpopup-blackfriday .new-popup-flex .left{width: 100%;padding: 30px 20px}
  .offerpopup-blackfriday .new-popup-flex .mobile-head {font-size: 22px;line-height: 27px;}

}*/