/*** CUSTOM CSS ***/



.cp-inner a {

  display: inline-block;

  margin-right: 5px;

}



.in-f-sprt {

  background: url(../images/home-footer-sprt-new-v1.png) no-repeat scroll 0 0;

  display: inline-block;

}



.cp-inner a.btm-img3 {

  background-position: -100px -70px;

  width: 119px;

  height: 34px;

}



.cp-inner span.btm-img4 {

  background-position: -224px -80px;

  width: 61px;

  height: 23px;

  display: inline-block;

}



.cp-inner span.btm-img5 {

  background-position: -284px -80px;

  width: 60px;

  height: 23px;

  display: inline-block;

}



.v-bottom {

  vertical-align: bottom;

}



.v-t-top {

  vertical-align: text-top;

}



.v-t-bottom {

  vertical-align: text-bottom;

}



.footer-row1:before {

  content: "";

  width: 100%;

  height: 500px;

  position: absolute;

  bottom: 0;

  left: 0;

  background: url(../images/inq-bg.webp) no-repeat center;

  background-size: cover;

  background-attachment: fixed;

}



.pt-8 {

  padding-top: 80px;

}



.pb-8 {

  padding-bottom: 80px;

}



.bdr-radius-50 {

  border-radius: 50%;

}



.footer-row1 .form-block label {

  font-family: "Poppins", sans-serif;

  color: #050748;

  font-weight: 500;

  font-size: 15px;

  margin-bottom: 15px;

}



.footer-row1 .form-block input[type="text"],

.footer-row1 .form-block input[type="email"] {

  background: #e6e6e6;

  border: none;

  border-radius: 30px;

  font-size: 14px;

  padding-left: 20px;

  margin-bottom: 20px;

}



.footer-row1 .form-block textarea {

  background: #e6e6e6;

  border: none;

  font-size: 14px;

  border-radius: 20px;

  padding-left: 20px;

}



.text-lightblack {

  color: #050748 !important;

}



.bg-black {

  background: #050748 !important;

}



.text-lightgrey {

  color: #6a6a8e !important;

}



.logos_technologies li {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  justify-content: center;

}



.logos_technologies li {

  margin: 15px 30px;

  display: inline-block;

  vertical-align: top;

}



.logos_technologies li a {

  width: 150px;

  height: 150px;

  display: flex;

  border: 1px solid transparent;

  align-items: center;

  justify-content: center;

  transition: all 0.3s ease-in-out;

  border-radius: 4px;

  flex-direction: column;

  padding: 10px;

  text-align: center;

  font-size: 18px;

  color: #000;

}



.logos_technologies li a:hover {

  border: 1px solid #eee;

  background: #fff;

  box-shadow: 0 0 10px 10px rgb(0 0 0 / 3%);

}



.logos_technologies li a img {

  filter: gray;

  /* IE */

  -webkit-filter: grayscale(1);

  /* Old WebKit */

  -webkit-filter: grayscale(100%);

  /* New WebKit */

  filter: grayscale(100%);

  /* Current draft standard */

  width: 57px;

  height: 60px;

}



.logos_technologies li a:hover img {

  filter: gray;

  /* IE */

  -webkit-filter: grayscale(0);

  /* Old WebKit */

  -webkit-filter: grayscale(0%);

  /* New WebKit */

  filter: grayscale(0%);

  /* Current draft standard */

}



.logos_technologies li span {

  font-size: 18px;

  line-height: 28px;

  display: block;

  margin: 15px 0 0;

  margin: 0 0;

}



.dsk-logo .nav-brand img {

  transition: all 0.3s;

}



.main-header.sticky .dsk-logo .nav-brand img {

  max-height: 55px;

}



.review-ref {

  display: flex;

  align-items: center;

  justify-content: space-around;

  background: #ecf6ff;

  padding: 40px;

  border-radius: 14px;

}



.bg-f5f5f5 {

  background: #f5f5f5;

}



.breadcrumb-area:before {

  display: none;

}



.bg-lightgrey1 {

  background: #fbfbfb !important;

}



.bg-lightgrey {

  background: #fdfdfd !important;

}



.text-grey {

  color: #6a6a8e;

}



.image-sr-mm img {

  top: 25px;

  max-width: 88%;

}



.footer-brands .bordet-brand {

  border-top: 2px solid #eee;

  border-bottom: 2px solid #eee;

}



.footer-row3 .copyright p {

  font-size: 14px;

  line-height: 24px;

}



.footer-social-media-icons a {

  font-size: 23px;

  width: 32px;

  height: 30px;

  line-height: 29px;

}



.custom-nav .nav-list li {

  padding: 0 15px;

}



.custom-nav .nav-list li a.menu-links {

  padding: 0;

}



.custom-nav .nav-list li.sbmenu>a.menu-links {

  padding-right: 15px;

}



div.custom-nav>ul>li.sbmenu>a:after {

  background: #ff1f8e;

  height: 1px;

  bottom: 25px;

}



div.custom-nav>ul>li.sbmenu>a:hover {

  color: #ff1f8e;

}



div.custom-nav .link-hover a::after {

  bottom: 25px;

}



.main-header.sticky div.custom-nav .link-hover a::after,

.main-header.sticky div.custom-nav>ul>li.sbmenu>a:after {

  bottom: 20px;

}



.main-header.sticky .custom-nav .nav-list li a.menu-links:hover,

.main-header.sticky .custom-nav .nav-list li.sbmenu.hover a.menu-links {

  color: #ff1f8e;

}



.sub-menu-column ul li a {

  position: relative;

  overflow: hidden;

  display: inline-block;

  width: auto;

}



.sub-menu-column ul li a:hover {

  color: #ff1f8e;

}



.sub-menu-column ul li a:after {

  background: #ff1f8e;

  height: 1px;

  content: "";

  position: absolute;

  width: 100%;

  left: -100%;

  bottom: 0px;

  opacity: 0;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}



.sub-menu-column ul li a:hover:after {

  left: 0;

  opacity: 1;

}



.menu-extra-info {

  background: #fbf1ef;

  padding: 20px 0;

  border-bottom: 2px solid #ff5b2e;

}



.menu-extra-info-inner ul {

  display: flex;

  grid-gap: 20px;

}



.menu-extra-info-inner ul>li {

  display: inline-flex;

  align-items: center;

  width: 25%;

}



.menu-extra-info-inner ul>li a {

  color: #050748;

}



.menu-extra-info-inner .menu-icon-ree {

  width: 45px;

  margin-right: 5px;

}



.webiocon {

  text-align: center;

  background: #fff;

  color: #ff5b2e;

  width: 40px;

  height: 40px;

  line-height: 40px;

  border-radius: 50px;

  -webkit-box-shadow: 0 19px 40px -10px #ffa880;

  box-shadow: 0 10px 30px -6px #ffa880;

}



.ree-nav>ul>li.megamenu>div>div.menu-extra-info>div>div>ul>li a {

  font-size: 16px;

  color: #050748;

  padding-left: 10px;

}



.ree-nav>ul>li.megamenu>div>div.menu-extra-info>div>div>ul>li a {

  font-size: 16px;

  color: #050748;

  padding-left: 10px;

}



.threeblock .sub-menu-column {

  width: 33.333%;

  float: left;

  padding: 0 20px;

}



.hdr-links a {

  color: #6a6a8e;

  display: block;

  padding: 10px;

}



.hdr-links .icondiv {

  width: 60px;

  background: #e8e8e8;

  border-radius: 100%;

  padding: 9px;

  margin-right: 20px;

}



.hdr-links .icondiv img {

  width: 100%;

}



.hdr-links h4 {

  font-size: 18px;

  line-height: 28px;

}



.hdr-links p {

  font-size: 15px;

  line-height: 25px;

}



.hdr-links p.td-hdlnk {

  font-weight: 600;

  font-size: 14px;

  display: inline-block;

  margin-top: 5px;

  color: #0400ff;

}



.hdr-links+.hdr-links {

  margin-top: 30px;

}



.color-skype {

  color: #00aff0;

}



.color-email {

  color: #d4483b;

}



.color-call {

  color: #36c836;

}



img.img85w {

  max-width: 85% !important;

}



.f-normal {

  font-weight: 400 !important;

}



.text-capital {

  text-transform: capitalize !important;

}



.hdrbtnblock {

  padding: 10px 0;

  box-shadow: 0 10px 20px 0 rgb(0 0 0 / 4%);

  background: #f5f5f5;

  background: #fbf1ef;

  border-bottom: 2px solid #ff5b2e;

}



.snglctta .icondiv {

  width: 50px;

  margin-right: 15px;

  line-height: 55px;

}



.snglctta .media-body p {

  color: #050748;

  font-size: 14px;

  line-height: 23px;

  font-weight: 600;

  margin-bottom: 0px;

}



a.td-hdlnk {

  font-weight: 600;

  font-size: 13px;

  display: inline-block;

  margin-top: 5px;

  color: #4b48f5;

}



.yearinbusiness {

  background: #fc00c7;

  background-image: -webkit-linear-gradient(-45deg,

      #fc00c7 0%,

      #1c4efd 54%,

      #00aded 100%);

  background-image: linear-gradient(135deg,

      #fc00c7 0%,

      #1c4efd 54%,

      #00aded 100%);

  -webkit-background-clip: text;

  -moz-background-clip: text;

  background-clip: text;

  -webkit-text-fill-color: transparent;

  font-size: 44px;

  line-height: 55px;

  font-weight: 700;

}



.aarro img {

  margin-left: 4px;

  -webkit-transition: 1.2s cubic-bezier(0.17, 0.85, 0.438, 0.99);

  -o-transition: 1.2s cubic-bezier(0.17, 0.85, 0.438, 0.99);

  transition: 1.2s cubic-bezier(0.17, 0.85, 0.438, 0.99);

}



.aarro:hover img {

  margin-left: 10px;

}



.size15 {

  font-size: 15px;

}



.size19 {

  font-size: 19px;

}



.lh-34 {

  line-height: 34px;

}



.call-to-action {

  padding-top: 80px;

  padding-bottom: 80px;

}



.pt170 {

  padding-top: 170px;

}



.sub-menu-column .menuheading {

  border: none;

  padding-bottom: 0;

}



.sub-menu-section .sub-menu-column.remov-li-pd ul li {

  padding-left: 0;

}



.hdr-links:hover .bdr-hover:after {

  left: 0;

  opacity: 1;

}



.bdr-hover:after {

  background: #ff1f8e;

  height: 1px;

  content: "";

  position: absolute;

  width: 100%;

  left: -100%;

  bottom: 0px;

  opacity: 0;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}



.footer-row1:after {

  content: "";

  width: 100%;

  height: 500px;

  position: absolute;

  bottom: 0;

  left: 0;

  background: #673ab7;

  background: -moz-linear-gradient(left, #673ab7 0%, #2196f3 100%);

  background: -webkit-linear-gradient(left, #673ab7 0%, #2196f3 100%);

  background: linear-gradient(to right, #673ab7 0%, #2196f3 100%);

  opacity: 0.63;

}



.footer-row1:before {

  background: url(../images/bg-footer1.png) no-repeat center;

  background-size: cover;

  background-attachment: fixed;

}



.work-bg:before {

  background: url(../images/bg-work.jpg) #f9f9f9;

  background-attachment: fixed;

}



.work-bg .container {

  z-index: 9;

}



.common-heading>span.text-w {

  color: #fff;

}



.work-bg:after {

  content: "";

  width: 100%;

  height: 400px;

  position: absolute;

  top: 0;

  left: 0;

  background: #ffbd84;

  background: -moz-linear-gradient(left, #ffbd84 0%, #ff1f8e 100%);

  background: -webkit-linear-gradient(left, #ffbd84 0%, #ff1f8e 100%);

  background: linear-gradient(to right, #ffbd84 0%, #ff1f8e 100%);

  opacity: 0.8;

}



.w200 {

  width: 200px;

}



.w350 {

  width: 350px;

}



.animaated-elements-four .image-one,

.animaated-elements-four .image-two,

.animaated-elements-four .image-three,

.animaated-elements-four .image-four,

.animaated-elements-four .element-bg-shape {

  position: absolute;

}



.animaated-elements-four {

  position: relative;

  height: 705px;

  margin-right: -100px;

}



.animaated-elements-four .element-bg-shape {

  right: -25px;

  top: 155px;

}



.animaated-elements-four .image-one {

  left: 130px;

  top: 60px;

  z-index: 2;

}



.animaated-elements-four .image-one,

.animaated-elements-four .image-two,

.animaated-elements-four .image-three,

.animaated-elements-four .image-four,

.animaated-elements-four .element-bg-shape {

  position: absolute;

}



.animaated-elements-four .image-two {

  top: 0;

  left: 300px;

}



.animaated-elements-four .image-three {

  z-index: 3;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}



.animaated-elements-four .image-four {

  bottom: 82px;

  right: 95px;

  z-index: -1;

}



.animaated-elements-four .image-four img {

  -webkit-animation: wave 6s infinite linear;

  animation: wave 6s infinite linear;

}



.animaated-elements-four .element-bg-shape {

  right: -25px;

  top: 155px;

}



.hero-main-rp.container.plr-15 {

  padding-left: 15px;

  padding-right: 15px;

}



.animaated-elements {

  position: relative;

  height: 540px;

  width: 570px;

}



.animaated-elements img,

.animaated-elements .elm-mass {

  position: absolute;

}



.animaated-elements .elm-clock {

  left: 20px;

}



/********** **********/

/********* Animation css *********/



/*--------------------------------------------------------------

##  Animation

--------------------------------------------------------------*/

@-webkit-keyframes zoom {

  from {

    -webkit-transform: scale(1) translate(0px);

  }



  to {

    -webkit-transform: scale(1.03) translate(0px);

  }

}



@keyframes zoom {

  from {

    -webkit-transform: scale(1) translate(0px);

  }



  to {

    -webkit-transform: scale(1.03) translate(0px);

  }

}



@-webkit-keyframes zoommd {

  0% {

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

  }



  100% {

    -webkit-transform: scale(1.5);

    transform: scale(1.5);

  }

}



@keyframes zoommd {

  0% {

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

  }



  100% {

    -webkit-transform: scale(1.5);

    transform: scale(1.5);

  }

}



@-webkit-keyframes zoomin {

  0% {

    -webkit-transform: scale(0.5);

    transform: scale(0.5);

    opacity: 0;

  }



  50% {

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

    opacity: 1;

  }



  100% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}



@keyframes zoomin {

  0% {

    -webkit-transform: scale(0.5);

    transform: scale(0.5);

    opacity: 0;

  }



  50% {

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

    opacity: 1;

  }



  100% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}



@-webkit-keyframes bounce {

  0% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }



  100% {

    -webkit-transform: translateY(40px);

    transform: translateY(40px);

  }

}



@keyframes bounce {

  0% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }



  100% {

    -webkit-transform: translateY(40px);

    transform: translateY(40px);

  }

}



@-webkit-keyframes movexy {

  0% {

    -webkit-transform: translateX(-10px) scale(0.9);

    transform: translateX(-10px) scale(0.9);

  }



  100% {

    -webkit-transform: translateX(30px) scale(1.3) translateY(10px);

    transform: translateX(30px) scale(1.3) translateY(10px);

  }

}



@keyframes movexy {

  0% {

    -webkit-transform: translateX(-10px) scale(0.9);

    transform: translateX(-10px) scale(0.9);

  }



  100% {

    -webkit-transform: translateX(30px) scale(1.3) translateY(10px);

    transform: translateX(30px) scale(1.3) translateY(10px);

  }

}



@-webkit-keyframes wave {

  0% {

    -webkit-transform: rotateZ(0deg) translate3d(0, 1%, 0) rotateZ(0deg);

    transform: rotateZ(0deg) translate3d(0, 1%, 0) rotateZ(0deg);

  }



  100% {

    -webkit-transform: rotateZ(360deg) translate3d(0, 1%, 0) rotateZ(-360deg);

    transform: rotateZ(360deg) translate3d(0, 1%, 0) rotateZ(-360deg);

  }

}



@keyframes wave {

  0% {

    -webkit-transform: rotateZ(0deg) translate3d(0, 1%, 0) rotateZ(0deg);

    transform: rotateZ(0deg) translate3d(0, 1%, 0) rotateZ(0deg);

  }



  100% {

    -webkit-transform: rotateZ(360deg) translate3d(0, 1%, 0) rotateZ(-360deg);

    transform: rotateZ(360deg) translate3d(0, 1%, 0) rotateZ(-360deg);

  }

}



@-webkit-keyframes pixFade {

  0% {

    opacity: 0;

  }



  100% {

    opacity: 1;

  }

}



@keyframes pixFade {

  0% {

    opacity: 0;

  }



  100% {

    opacity: 1;

  }

}



@-webkit-keyframes pixFadeUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(20px);

    transform: translateY(20px);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}



@keyframes pixFadeUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(20px);

    transform: translateY(20px);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}



@-webkit-keyframes pixFadeDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-20px);

    transform: translateY(-20px);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}



@keyframes pixFadeDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-20px);

    transform: translateY(-20px);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}



@-webkit-keyframes pixFadeLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(20px);

    transform: translateX(20px);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}



@keyframes pixFadeLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(20px);

    transform: translateX(20px);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}



@-webkit-keyframes pixFadeRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-20px);

    transform: translateX(-20px);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}



@keyframes pixFadeRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-20px);

    transform: translateX(-20px);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}



@-webkit-keyframes pixZoomIn {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.7);

    transform: scale(0.7);

  }



  100% {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}



@keyframes pixZoomIn {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.7);

    transform: scale(0.7);

  }



  100% {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}



@-webkit-keyframes pixBounceIn {

  0% {

    -webkit-transform: scale(0.1);

    transform: scale(0.1);

    opacity: 0;

  }



  60% {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

    opacity: 1;

  }



  100% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}



@keyframes pixBounceIn {

  0% {

    -webkit-transform: scale(0.1);

    transform: scale(0.1);

    opacity: 0;

  }



  60% {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

    opacity: 1;

  }



  100% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}



.pixFade {

  -webkit-animation-name: pixFade;

  animation-name: pixFade;

}



.pixFadeUp {

  -webkit-animation-name: pixFadeUp;

  animation-name: pixFadeUp;

}



.pixFadeDown {

  -webkit-animation-name: pixFadeDown;

  animation-name: pixFadeDown;

}



.pixFadeLeft {

  -webkit-animation-name: pixFadeLeft;

  animation-name: pixFadeLeft;

}



.pixFadeRight {

  -webkit-animation-name: pixFadeRight;

  animation-name: pixFadeRight;

}



.pixZoomIn {

  -webkit-animation-name: pixZoomIn;

  animation-name: pixZoomIn;

}



.pixBounceIn {

  -webkit-animation-name: pixBounceIn;

  animation-name: pixBounceIn;

}



.zoomIn {

  -webkit-animation-name: zoomin;

  animation-name: zoomin;

}



@-webkit-keyframes jumping {

  0% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

    opacity: 0;

  }



  50% {

    -webkit-transform: translateY(-20px);

    transform: translateY(-20px);

    opacity: 1;

  }



  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

    opacity: 0;

  }

}



@keyframes jumping {

  0% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

    opacity: 0;

  }



  50% {

    -webkit-transform: translateY(-20px);

    transform: translateY(-20px);

    opacity: 1;

  }



  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

    opacity: 0;

  }

}



@-webkit-keyframes jump {

  0% {

    -webkit-transform: translateY(5px);

    transform: translateY(5px);

  }



  50% {

    -webkit-transform: translateY(-10px);

    transform: translateY(-10px);

  }



  100% {

    -webkit-transform: translateY(5px);

    transform: translateY(5px);

  }

}



@keyframes jump {

  0% {

    -webkit-transform: translateY(5px);

    transform: translateY(5px);

  }



  50% {

    -webkit-transform: translateY(-10px);

    transform: translateY(-10px);

  }



  100% {

    -webkit-transform: translateY(5px);

    transform: translateY(5px);

  }

}



@-webkit-keyframes stickySlideDown {

  from {

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%);

  }



  to {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}



@keyframes stickySlideDown {

  from {

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%);

  }



  to {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}



@-webkit-keyframes moveclouds {

  0% {

    -webkit-transform: translate3d(-10px, -10px, 0);

    transform: translate3d(-10px, -10px, 0);

    opacity: 1;

  }



  50% {

    -webkit-transform: translate3d(-20px, 20px, 0);

    transform: translate3d(-20px, 20px, 0);

    opacity: 1;

  }



  100% {

    -webkit-transform: translate3d(30px, 0px, 0);

    transform: translate3d(30px, 0px, 0);

    opacity: 1;

  }

}



@keyframes moveclouds {

  0% {

    -webkit-transform: translate3d(-10px, -10px, 0);

    transform: translate3d(-10px, -10px, 0);

    opacity: 1;

  }



  50% {

    -webkit-transform: translate3d(-20px, 20px, 0);

    transform: translate3d(-20px, 20px, 0);

    opacity: 1;

  }



  100% {

    -webkit-transform: translate3d(30px, 0px, 0);

    transform: translate3d(30px, 0px, 0);

    opacity: 1;

  }

}



@-webkit-keyframes animationFramesLeft {

  0% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);

  }



  20% {

    -webkit-transform: translate(-73px, 1px) rotate(-36deg);

    transform: translate(-73px, 1px) rotate(-36deg);

  }



  40% {

    -webkit-transform: translate(-141px, -72px) rotate(-72deg);

    transform: translate(-141px, -72px) rotate(-72deg);

  }



  60% {

    -webkit-transform: translate(-83px, -122px) rotate(-108deg);

    transform: translate(-83px, -122px) rotate(-108deg);

  }



  80% {

    -webkit-transform: translate(40px, -72px) rotate(-144deg);

    transform: translate(40px, -72px) rotate(-144deg);

  }



  100% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);

  }

}



@keyframes animationFramesLeft {

  0% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);

  }



  20% {

    -webkit-transform: translate(-73px, 1px) rotate(-36deg);

    transform: translate(-73px, 1px) rotate(-36deg);

  }



  40% {

    -webkit-transform: translate(-141px, -72px) rotate(-72deg);

    transform: translate(-141px, -72px) rotate(-72deg);

  }



  60% {

    -webkit-transform: translate(-83px, -122px) rotate(-108deg);

    transform: translate(-83px, -122px) rotate(-108deg);

  }



  80% {

    -webkit-transform: translate(40px, -72px) rotate(-144deg);

    transform: translate(40px, -72px) rotate(-144deg);

  }



  100% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);

  }

}



@-webkit-keyframes animationFramesRight {

  0% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);

  }



  20% {

    -webkit-transform: translate(73px, 1px) rotate(36deg);

    transform: translate(73px, 1px) rotate(36deg);

  }



  40% {

    -webkit-transform: translate(141px, 72px) rotate(72deg);

    transform: translate(141px, 72px) rotate(72deg);

  }



  60% {

    -webkit-transform: translate(83px, 122px) rotate(108deg);

    transform: translate(83px, 122px) rotate(108deg);

  }



  80% {

    -webkit-transform: translate(-40px, 72px) rotate(144deg);

    transform: translate(-40px, 72px) rotate(144deg);

  }



  100% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);

  }

}



@keyframes animationFramesRight {

  0% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);

  }



  20% {

    -webkit-transform: translate(73px, 1px) rotate(36deg);

    transform: translate(73px, 1px) rotate(36deg);

  }



  40% {

    -webkit-transform: translate(141px, 72px) rotate(72deg);

    transform: translate(141px, 72px) rotate(72deg);

  }



  60% {

    -webkit-transform: translate(83px, 122px) rotate(108deg);

    transform: translate(83px, 122px) rotate(108deg);

  }



  80% {

    -webkit-transform: translate(-40px, 72px) rotate(144deg);

    transform: translate(-40px, 72px) rotate(144deg);

  }



  100% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);

  }

}



@keyframes wave {

  0% {

    -webkit-transform: rotateZ(0deg) translate3d(0, 3%, 0) rotateZ(0deg);

    transform: rotateZ(0deg) translate3d(0, 3%, 0) rotateZ(0deg);

  }



  100% {

    -webkit-transform: rotateZ(360deg) translate3d(0, 3%, 0) rotateZ(-360deg);

    transform: rotateZ(360deg) translate3d(0, 3%, 0) rotateZ(-360deg);

  }

}



@-webkit-keyframes waveRote {

  0% {

    -webkit-transform: rotateZ(0deg) rotate(0deg) translate3d(0, 1%, 0) rotateZ(0deg);

    transform: rotateZ(0deg) rotate(0deg) translate3d(0, 1%, 0) rotateZ(0deg);

  }



  100% {

    -webkit-transform: rotateZ(360deg) rotate(45deg) translate3d(0, 1%, 0) rotateZ(-360deg);

    transform: rotateZ(360deg) rotate(45deg) translate3d(0, 1%, 0) rotateZ(-360deg);

  }

}



@keyframes waveRote {

  0% {

    -webkit-transform: rotateZ(0deg) rotate(0deg) translate3d(0, 1%, 0) rotateZ(0deg);

    transform: rotateZ(0deg) rotate(0deg) translate3d(0, 1%, 0) rotateZ(0deg);

  }



  100% {

    -webkit-transform: rotateZ(360deg) rotate(45deg) translate3d(0, 1%, 0) rotateZ(-360deg);

    transform: rotateZ(360deg) rotate(45deg) translate3d(0, 1%, 0) rotateZ(-360deg);

  }

}



@-webkit-keyframes animateRight {

  49% {

    -webkit-transform: translateX(100%);

    transform: translateX(100%);

  }



  50% {

    opacity: 0;

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%);

  }



  51% {

    opacity: 1;

  }

}



@keyframes animateRight {

  49% {

    -webkit-transform: translateX(100%);

    transform: translateX(100%);

  }



  50% {

    opacity: 0;

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%);

  }



  51% {

    opacity: 1;

  }

}



@-webkit-keyframes animationFramesOne {

  0% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);

  }



  20% {

    -webkit-transform: translate(73px, -1px) rotate(36deg);

    transform: translate(73px, -1px) rotate(36deg);

  }



  40% {

    -webkit-transform: translate(141px, 72px) rotate(72deg);

    transform: translate(141px, 72px) rotate(72deg);

  }



  60% {

    -webkit-transform: translate(83px, 122px) rotate(108deg);

    transform: translate(83px, 122px) rotate(108deg);

  }



  80% {

    -webkit-transform: translate(-40px, 72px) rotate(144deg);

    transform: translate(-40px, 72px) rotate(144deg);

  }



  100% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);

  }

}



@keyframes animationFramesOne {

  0% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);

  }



  20% {

    -webkit-transform: translate(73px, -1px) rotate(36deg);

    transform: translate(73px, -1px) rotate(36deg);

  }



  40% {

    -webkit-transform: translate(141px, 72px) rotate(72deg);

    transform: translate(141px, 72px) rotate(72deg);

  }



  60% {

    -webkit-transform: translate(83px, 122px) rotate(108deg);

    transform: translate(83px, 122px) rotate(108deg);

  }



  80% {

    -webkit-transform: translate(-40px, 72px) rotate(144deg);

    transform: translate(-40px, 72px) rotate(144deg);

  }



  100% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

    transform: translate(0px, 0px) rotate(0deg);

  }

}



@-webkit-keyframes animationFramesTwo {

  0% {

    -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);

    transform: translate(0px, 0px) rotate(0deg) scale(1);

  }



  20% {

    -webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9);

    transform: translate(73px, -1px) rotate(36deg) scale(0.9);

  }



  40% {

    -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1);

    transform: translate(141px, 72px) rotate(72deg) scale(1);

  }



  60% {

    -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2);

    transform: translate(83px, 122px) rotate(108deg) scale(1.2);

  }



  80% {

    -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1);

    transform: translate(-40px, 72px) rotate(144deg) scale(1.1);

  }



  100% {

    -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);

    transform: translate(0px, 0px) rotate(0deg) scale(1);

  }

}



@keyframes animationFramesTwo {

  0% {

    -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);

    transform: translate(0px, 0px) rotate(0deg) scale(1);

  }



  20% {

    -webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9);

    transform: translate(73px, -1px) rotate(36deg) scale(0.9);

  }



  40% {

    -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1);

    transform: translate(141px, 72px) rotate(72deg) scale(1);

  }



  60% {

    -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2);

    transform: translate(83px, 122px) rotate(108deg) scale(1.2);

  }



  80% {

    -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1);

    transform: translate(-40px, 72px) rotate(144deg) scale(1.1);

  }



  100% {

    -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);

    transform: translate(0px, 0px) rotate(0deg) scale(1);

  }

}



@-webkit-keyframes animationFramesThree {

  0% {

    -webkit-transform: translate(165px, -179px);

    transform: translate(165px, -179px);

  }



  100% {

    -webkit-transform: translate(-346px, 617px);

    transform: translate(-346px, 617px);

  }

}



@keyframes animationFramesThree {

  0% {

    -webkit-transform: translate(165px, -179px);

    transform: translate(165px, -179px);

  }



  100% {

    -webkit-transform: translate(-346px, 617px);

    transform: translate(-346px, 617px);

  }

}



@-webkit-keyframes animationFramesFour {

  0% {

    -webkit-transform: translate(-300px, 151px) rotate(0deg);

    transform: translate(-300px, 151px) rotate(0deg);

  }



  100% {

    -webkit-transform: translate(251px, -200px) rotate(180deg);

    transform: translate(251px, -200px) rotate(180deg);

  }

}



@keyframes animationFramesFour {

  0% {

    -webkit-transform: translate(-300px, 151px) rotate(0deg);

    transform: translate(-300px, 151px) rotate(0deg);

  }



  100% {

    -webkit-transform: translate(251px, -200px) rotate(180deg);

    transform: translate(251px, -200px) rotate(180deg);

  }

}



@-webkit-keyframes animationFramesFive {

  0% {

    -webkit-transform: translate(61px, -99px) rotate(0deg);

    transform: translate(61px, -99px) rotate(0deg);

  }



  21% {

    -webkit-transform: translate(4px, -190px) rotate(38deg);

    transform: translate(4px, -190px) rotate(38deg);

  }



  41% {

    -webkit-transform: translate(-139px, -200px) rotate(74deg);

    transform: translate(-139px, -200px) rotate(74deg);

  }



  60% {

    -webkit-transform: translate(-263px, -164px) rotate(108deg);

    transform: translate(-263px, -164px) rotate(108deg);

  }



  80% {

    -webkit-transform: translate(-195px, -49px) rotate(144deg);

    transform: translate(-195px, -49px) rotate(144deg);

  }



  100% {

    -webkit-transform: translate(-1px, 0px) rotate(180deg);

    transform: translate(-1px, 0px) rotate(180deg);

  }

}



@keyframes animationFramesFive {

  0% {

    -webkit-transform: translate(61px, -99px) rotate(0deg);

    transform: translate(61px, -99px) rotate(0deg);

  }



  21% {

    -webkit-transform: translate(4px, -190px) rotate(38deg);

    transform: translate(4px, -190px) rotate(38deg);

  }



  41% {

    -webkit-transform: translate(-139px, -200px) rotate(74deg);

    transform: translate(-139px, -200px) rotate(74deg);

  }



  60% {

    -webkit-transform: translate(-263px, -164px) rotate(108deg);

    transform: translate(-263px, -164px) rotate(108deg);

  }



  80% {

    -webkit-transform: translate(-195px, -49px) rotate(144deg);

    transform: translate(-195px, -49px) rotate(144deg);

  }



  100% {

    -webkit-transform: translate(-1px, 0px) rotate(180deg);

    transform: translate(-1px, 0px) rotate(180deg);

  }

}



.animaated-elements {

  position: relative;

  height: 540px;

  width: 570px;

}



.animaated-elements img,

.animaated-elements .elm-mass {

  position: absolute;

}



.animaated-elements .elm-clock {

  left: 20px;

}



.animaated-elements .elm-man {

  left: 127px;

  bottom: 39px;

}



.animaated-elements .elm-table {

  bottom: 40px;

  left: 45px;

  z-index: 2;

}



.animaated-elements .elm-sm-vase {

  left: 70px;

  bottom: 254px;

}



.animaated-elements .elm-vase {

  bottom: 40px;

  right: -27px;

  z-index: 1;

}



.animaated-elements .elm-mass {

  right: 103px;

  top: 92px;

  width: 135px;

}



.animaated-elements .elm-mass .mass-img {

  -webkit-animation: jumping 1.6s infinite;

  animation: jumping 1.6s infinite;

}



.animaated-elements-two {

  position: relative;

  height: 560px;

  width: 570px;

  margin-top: 87px;

  z-index: 22;

}



.animaated-elements-two .elm-two {

  left: 20px;

  bottom: 85px;

}



.animaated-elements-two .elm-three {

  top: -115px;

  right: 40px;

  -webkit-animation: jump 2s infinite;

  animation: jump 2s infinite;

}



.animaated-elements-two .elm-four {

  right: 192px;

  bottom: 38px;

}



.animaated-elements-two img {

  position: absolute;

}



.genera-informes-content {

  position: relative;

  z-index: 22;

}



/** Image Content Three **/

#job_image_content {

  padding: 120px 0 80px;

}



@media (max-width: 991px) {

  #job_image_content {

    padding: 80px 0 40px;

  }

}



.animaated-elements-three {

  position: relative;

  margin-left: -190px;

  height: 520px;

}



.interface-image-wrapper {

  height: 500px;

}



.interface-image-wrapper .image-one {

  margin-left: -60px;

  margin-top: 178px;

}



.interface-image-wrapper .image-two {

  position: absolute;

  top: 0;

  left: 160px;

}



.svgbg-one {

  position: absolute;

  top: -12px;

  left: 50px;

  z-index: -1;

  -webkit-animation: wave 3s 0.1s infinite linear;

  animation: wave 3s 0.1s infinite linear;

}



.interface-image-wrapper.style-two .image-one {

  position: absolute;

  bottom: 0;

  left: -20px;

  margin: 0;

  z-index: 22;

}



.interface-image-wrapper.style-two .image-two {

  position: static;

  margin-left: 135px;

}



.svgbg-two {

  position: absolute;

  top: -70px;

  left: -37%;

  z-index: -1;

  -webkit-animation: wave 3s 0.1s infinite linear;

  animation: wave 3s 0.1s infinite linear;

}



.interface-image-wrapper .adminss {

  position: absolute;

  top: 57px !important;

  left: 50px !important;

}



.three-set .icon-set {

  width: 33.33%;

}



.three-set .work-card {

  padding: 30px 13px;

}



.head-of {

  vertical-align: middle;

  line-height: 15px;

  font-size: 10px;

  padding: 2px 7px !important;

  font-weight: 500;

  background: #ffbd84;

  background: -moz-linear-gradient(left, #ffbd84 0, #ff1f8e 100%);

  background: -webkit-linear-gradient(left, #ffbd84 0, #ff1f8e 100%);

  background: linear-gradient(to right, #ffbd84 0, #ff1f8e 100%);

  -webkit-box-shadow: 0 10px 15px 0 rgb(175 0 87 / 20%);

  box-shadow: 0 0px 15px 0 rgb(175 0 87 / 20%);

}



.service .two-col {

  margin-left: 0;

}



.s-box {

  padding: 120px 40px;

  border-radius: 24px;

  overflow: hidden;

  box-shadow: 0 5px 15px 0 rgb(0 0 0 / 6%);

  margin-bottom: 0;

  height: 600px;

  display: inline-block;

  width: 100%;

  position: relative;

  z-index: 999;

}



.right .bg-shape:after {

  left: auto;

  right: -55px;

}



.right .bg-shape:before {

  right: auto;

  left: -55px;

}



.sws1 img {

  transform: rotate(352deg);

  left: 55px;

}



.sws2 img {

  transform: rotate(365deg);

  right: 55px;

}



.swserviceimg {

  position: absolute;

}



.rellax-animation {

  -webkit-transition: 1.1s cubic-bezier(0.16, 0.84, 0.442, 0.98);

  -o-transition: 1.1s cubic-bezier(0.16, 0.84, 0.442, 0.98);

  transition: 1.1s cubic-bezier(0.16, 0.84, 0.442, 0.98);

}



@media (max-width: 480px) {

  .animaated-elements-three {

    height: 440px;

  }

}



@media (max-width: 576px) {

  .animaated-elements-three {

    margin-left: 0;

  }

}



.animaated-elements-three .map-bg {

  position: absolute;

  top: 100px;

}



.animaated-elements-three .image-one,

.animaated-elements-three .image-two,

.animaated-elements-three .image-three {

  position: absolute;

}



.animaated-elements-three .image-one {

  top: 0;

  left: 140px;

}



@media (max-width: 576px) {

  .animaated-elements-three .image-one {

    left: 0;

  }

}



.animaated-elements-three .image-two {

  right: 50px;

  top: 160px;

}



@media (max-width: 768px) {

  .animaated-elements-three .image-two {

    right: -80px;

  }

}



@media (max-width: 480px) {

  .animaated-elements-three .image-two {

    top: 60px;

  }

}



.animaated-elements-three .image-three {

  top: 291px;

  left: 73px;

}



@media (max-width: 576px) {

  .animaated-elements-three .image-three {

    top: 230px;

    left: -45px;

  }

}



@media (max-width: 480px) {

  .animaated-elements-three .image-three {

    top: 175px;

    left: -45px;

  }

}



.animaated-elements-four {

  position: relative;

  height: 705px;

  margin-right: -100px;

}



@media (max-width: 991px) {

  .animaated-elements-four {

    margin-right: 0;

  }

}



@media (max-width: 480px) {

  .animaated-elements-four {

    height: 560px;

  }

}



.animaated-elements-four .image-one,

.animaated-elements-four .image-two,

.animaated-elements-four .image-three,

.animaated-elements-four .image-four,

.animaated-elements-four .element-bg-shape {

  position: absolute;

}



.animaated-elements-four .element-bg-shape {

  right: -25px;

  top: 155px;

}



.animaated-elements-four .image-one {

  left: 130px;

  top: 60px;

  z-index: 2;

}



@media (max-width: 991px) {

  .animaated-elements-four .image-one {

    left: 60px;

  }

}



@media (max-width: 480px) {

  .animaated-elements-four .image-one {

    left: 15px;

    max-width: 300px;

  }

}



.animaated-elements-four .image-two {

  top: 0;

  left: 300px;

}



@media (max-width: 991px) {

  .animaated-elements-four .image-two {

    left: 145px;

  }

}



@media (max-width: 480px) {

  .animaated-elements-four .image-two {

    left: 90px;

  }

}



.animaated-elements-four .image-three {

  z-index: 3;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}



.animaated-elements-four .image-four {

  bottom: 82px;

  right: 95px;

  z-index: -1;

}



.animaated-elements-four .image-four img {

  -webkit-animation: wave 6s infinite linear;

  animation: wave 6s infinite linear;

}



@media (max-width: 991px) {

  .animaated-elements-four .image-four {

    bottom: 150px;

    right: 30px;

  }

}



@media (max-width: 991px) {

  .image-content-three {

    margin-top: 50px;

  }

}



.image-content-three .section-title {

  margin-bottom: 41px;

}



.image-content-three .section-title .title {

  font-size: 38px;

  line-height: 1.1;

  margin-bottom: 25px;

}



@media (max-width: 991px) {

  .image-content-three .section-title .title {

    font-size: 34px;

  }

}



.typer {

  color: #ff3870 !important;

}



.cursorx {

  color: #ff3870;

  -webkit-animation: blink 2s infinite both;

  animation: blink 2s infinite both;

}



@-webkit-keyframes blink {

  0%,

  50%,

  100% {

    opacity: 1;

  }



  25%,

  75% {

    opacity: 0;

  }

}



@keyframes blink {

  0%,

  50%,

  100% {

    opacity: 1;

  }



  25%,

  75% {

    opacity: 0;

  }

}



@media (min-width: 992px) and (max-width: 1200px) {

  .editor-design-two {

    padding-top: 160px;

  }



  .editor-design {

    padding-top: 100px;

    padding-bottom: 0;

  }



  .editor-content {

    padding-left: 50px;

  }



  .animaated-elements-two {

    left: -90px;

  }



  .genera-informes-content {

    padding-right: 50px;

  }



  .animaated-elements {

    width: 470px;

    height: 440px;

  }



  .animaated-elements .elm-clock {

    width: 120px;

  }



  .animaated-elements .elm-table {

    width: 380px;

    bottom: 25px;

  }



  .animaated-elements .elm-man {

    width: 225px;

  }



  .animaated-elements .elm-sm-vase {

    width: 35px;

    bottom: 205px;

  }



  .animaated-elements .elm-vase {

    width: 120px;

    bottom: 27px;

  }



  .animaated-elements .elm-mass {

    right: 60px;

  }



  .animaated-elements .elm-mass img {

    width: 110px;

  }



  .animaated-elements-two {

    width: 470px;

    height: 460px;

    left: 0;

  }



  .animaated-elements-two .elm-two {

    bottom: 65px;

    width: 120px;

    left: 25px;

  }



  .animaated-elements-two .elm-three {

    width: 180px;

    top: -70px;

  }



  .animaated-elements-two .elm-four {

    width: 160px;

    right: 160px;

  }

}



@media (max-width: 768px) {

  .animaated-elements {

    left: -50px;

  }



  .animaated-elements {

    width: 470px;

    height: 440px;

  }



  .animaated-elements .elm-clock {

    width: 120px;

  }



  .animaated-elements .elm-table {

    width: 380px;

    bottom: 25px;

  }



  .animaated-elements .elm-man {

    width: 225px;

  }



  .animaated-elements .elm-sm-vase {

    width: 35px;

    bottom: 205px;

  }



  .animaated-elements .elm-vase {

    width: 120px;

    bottom: 27px;

  }



  .animaated-elements .elm-mass {

    right: 60px;

  }



  .animaated-elements .elm-mass img {

    width: 110px;

  }



  .animaated-elements-two {

    width: 470px;

    height: 460px;

    margin-top: 35px;

  }



  .animaated-elements-two .elm-two {

    bottom: 65px;

    width: 120px;

    left: 25px;

  }



  .animaated-elements-two .elm-three {

    width: 180px;

    top: -70px;

  }



  .animaated-elements-two .elm-four {

    width: 160px;

    right: 160px;

  }

}



@media (max-width: 576px) {

  .editure-feature-image {

    position: relative;

    left: 0;

    margin-bottom: 30px;

  }



  .editure-feature-image .image-one {

    max-width: 400px;

  }



  .editure-feature-image .image-two {

    right: -80px;

  }



  .editor-content {

    padding-left: 0;

  }



  .animaated-elements {

    width: 320px;

    height: 340px;

    left: 0;

  }



  .animaated-elements .elm-clock {

    width: 80px;

  }



  .animaated-elements .elm-table {

    width: 260px;

    bottom: 35px;

  }



  .animaated-elements .elm-man {

    width: 160px;

  }



  .animaated-elements .elm-sm-vase {

    width: 25px;

    bottom: 158px;

  }



  .animaated-elements .elm-vase {

    width: 70px;

    bottom: 35px;

  }



  .animaated-elements .elm-mass {

    right: -40px;

    top: 80px;

  }



  .animaated-elements .elm-mass img {

    width: 70px;

  }



  .animaated-elements-two {

    width: 330px;

    height: 340px;

  }



  .animaated-elements-two .elm-two {

    bottom: 65px;

    width: 70px;

    left: 25px;

  }



  .animaated-elements-two .elm-three {

    width: 120px;

    top: -25px;

  }



  .animaated-elements-two .elm-four {

    width: 105px;

    right: 120px;

  }



  .genera-informes-two .scroll-circle {

    left: -70% !important;

  }

}



@media (max-width: 480px) {

  .editure-feature-image .image-one {

    max-width: 300px;

  }



  .editure-feature-image .image-two {

    right: 0;

  }



  .editure-feature-image .image-two-inner img {

    max-width: 150px;

  }



  .genera-informes-two .scroll-circle {

    left: -100% !important;

  }

}



/******** ********/



img {

  max-width: 100%;

}



.logos-ul ul li {

  float: none;

  display: inline-block;

  width: 12%;

}



.download-feature-image {

  position: relative;

  z-index: 1;

}



.download-feature-image .image-one {

  margin-left: 185px;

  z-index: 22;

  position: relative;

}



.download-feature-image .image-two {

  position: absolute;

  right: 10px;

  top: -20px;

}



.download-feature-image svg {

  position: absolute;

  z-index: -1;

  top: 43px;

  right: 0;

}



.pad-work {

  padding: 25px 15px;

}



.work-img {

  max-width: 120px;

}



.tec-icon .services-cuntr {

  display: inline-block;

  font-weight: 900;

  font-size: 30px;

  color: #050748;

  padding: 15px 0;

}



.tec-icon .text {

  display: inline-block;

  width: 100%;

  line-height: 22px;

  font-weight: 600;

  color: #6a6a8e;

}



.tec-icon.work-tech li {

  width: 33.33%;

}



a.play-video {

  background: #f5f5f5;

}



a.play-video::after {

  border-color: #f5f5f5;

}



.h-170 {

  height: 170px;

}



.hrbg-new {

  background: #f3f5ff;

}



.footer-social-media-icons a,

.footer-address-list li a,

.footer- p a {

  color: #3a3a3a;

}



.onloadpage .pre-text- {

  font-size: 22px;

  line-height: 30px;

}



.contact-info- .inquiry-card-nn i {

  vertical-align: middle;

}



.bg-grey {

  background: #fafafa !important;

}



.bg-gradient11 {

  background: #e4fffe;

  background: -moz-linear-gradient(top, #e2ffe7 0%, #ffdba3 100%);

  background: -webkit-linear-gradient(top, #e2ffe7 0%, #ffdba3 100%);

  background: linear-gradient(to bottom, #e2ffe7 0%, #ffdba3 100%);

}



.w-90 {

  width: 90% !important;

}



.font-20 {

  font-size: 20px;

}



.v-text-top {

  vertical-align: text-top;

}



.serv {

  padding: 35px 20px;

}



.s-block:hover .setps {

  opacity: 1;

}



.develop-process .s-block {

  padding: 25px 20px;

}



.setps {

  opacity: 0;

  font-size: 60px;

  font-weight: 700;

  position: absolute;

  right: 0px;

  top: 0px;

  color: #547efd;

  z-index: 99;

  transition: all 0.3s;

}



.btn-main.arrow-btn {

  width: 50px;

  height: 50px;

  line-height: 50px;

  text-align: center;

  padding: 0;

  top: 0;

  right: 0;

}



.tab-17.tabs-layout .nav-tabs .nav-link.pd {

  padding: 20px 15px;

}



.bg-white {

  background: #fff !important;

}



.design-service,

.deve-service,

.market-service {

  width: 400px;

}



.fixed {

  position: fixed;

  top: 100px;

}



.contact-info- .inquiry-card-nn ul li a {

  font-weight: 400;

}



.contact-info- .inquiry-card-nn ul li i {

  font-size: 25px;

  width: 25px;

}



.contact-info- .inquiry-card-nn ul li img {

  margin-right: 7px;

}



.img-wide-blocktt.imd-ed {

  right: -40px;

}



.pbwide.edit-pad {

  position: relative;

  padding: 20px 50px;

}



.progress-wrap {

  position: fixed;

  right: 50px;

  bottom: 50px;

  height: 46px;

  width: 46px;

  cursor: pointer;

  display: block;

  border-radius: 50px;

  box-shadow: inset 0 0 0 2px rgb(95 58 252 / 20%);

  z-index: 999;

  opacity: 0;

  visibility: hidden;

  transform: translateY(15px);

  -webkit-transition: all 200ms linear;

  transition: all 200ms linear;

}



.progress-wrap.active-progress {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);

}



.progress-wrap svg.progress-circle path {

  stroke: #0b32e7;

  stroke-width: 4;

  box-sizing: border-box;

  -webkit-transition: all 200ms linear;

  transition: all 200ms linear;

}



.progress-wrap::after {

  position: absolute;

  font-family: "Font Awesome 5 Free";

  content: "\f062";

  font-family: "Font Awesome 5 Free";

  text-align: center;

  line-height: 46px;

  font-size: 20px;

  color: #0b32e7;

  left: 0;

  top: 0;

  height: 46px;

  width: 46px;

  cursor: pointer;

  display: block;

  z-index: 1;

  -webkit-transition: all 200ms linear;

  transition: all 200ms linear;

  font-weight: 900;

}



.progress-wrap svg path {

  fill: none;

}



.media-body.name-own {

  padding-left: 35px;

  position: relative;

}



.media-body.name-own:before {

  content: "";

  position: absolute;

  width: 23px;

  height: 2px;

  background: #000;

  left: 0;

  top: 14px;

}



.icon-qut {

  display: inline-block;

  width: 60px;

  height: 60px;

  line-height: 60px;

  text-align: center;

  border-radius: 50%;

  margin-bottom: 35px;

  color: #fff;

  font-size: 20px;

}



#scrollUp {

  display: none !important;

}



.project-screens .owl-dots {

  text-align: center;

  display: inline-block;

  margin-top: 25px;

  width: 100%;

}



.the-result-sec .statistics p {

  font-size: 16px;

}



.card-stats .statistics {

  padding: 40px 25px;

  text-align: center;

}



.w50px {

  width: 50px;

}



.logo-animater {

  width: 100%;

  height: auto;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  padding: 15px 15px;

  padding-left: 8%;

}



.logo-animater .text {

  width: 100%;

  max-width: 500px;

}



.logo-animater .text text {

  color: #000;

  stroke-width: 3px;

  stroke-dashoffset: -800;

  stroke-dasharray: 800;

}



.logo-animater .text text tspan tspan {

  font-weight: 100;

  position: relative;

  margin-top: -9px;

}



.logo-animater .text text.is-active {

  animation: text 2.5s infinite alternate;

  animation-fill-mode: forwards;

}



@keyframes icon {

  50% {

    stroke-dashoffset: 0;

    fill: transparent;

  }



  75% {

    fill: transparent;

    stroke-width: 3px;

  }



  100% {

    stroke-dashoffset: 0;

    fill: #000;

    stroke-width: 0px;

  }

}



@keyframes text {

  50% {

    fill: transparent;

  }



  75% {

    fill: transparent;

    stroke-dashoffset: 0;

    stroke-width: 3px;

  }



  100% {

    stroke-dashoffset: 0;

    fill: #000;

    stroke-width: 0px;

  }

}



.uniq-card {

  border-radius: 14px;

  padding: 20px 15px;

  display: flex;

  align-items: center;

  justify-content: flex-start;

  align-content: center;

  flex-direction: row;

  text-align: left;

}



.uniq-card i {

  margin-bottom: 15px;

  font-size: 35px;

}



.uniq-card p {

  font-size: 16px;

  line-height: 24px;

  padding-left: 12px;

}



.ucb {

  background: #ffefe8;

  color: #ec7c47;

}



.uca {

  background: #e7e9ff;

  color: #838ae0;

}



.ucc {

  background: #fff7df;

  color: #8c8265;

}



.uniq-points {

  display: grid;

  grid-template-columns: auto auto auto;

  grid-gap: 30px;

  text-align: center;

}



.v-middle {

  vertical-align: middle;

}



.sol-image {

  border-radius: 14px;

  overflow: hidden;

  width: fit-content;

  margin: 0 auto;

}



@media screen and (max-width: 1920px) and (min-width: 1500px) {

  .container.container-1400 {

    max-width: 1400px;

  }

}



.ree-card-img {

  background: #fff;

  box-shadow: 0 15px 30px -10px rgb(0 0 0 / 14%);

  padding: 15px;

  border-radius: 14px;

  position: absolute;

  width: 80px;

  height: 80px;

  top: -50px;

  left: 17px;

}



/*

.dsk-logo {

}





@-webkit-keyframes fading {

  from {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}

@-moz-keyframes fading {

  from {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}



@keyframes fading {

  from {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}







.nav-list>li {

}





.dsk-logo {

    -webkit-animation-delay: 0s;

    animation-delay:0s;

}



.invisble {

	opacity: 0;

	-webkit-animation: fading ease-in 1s;

	animation: fading ease-in 1s;

	-webkit-animation-fill-mode: forwards;

	animation-fill-mode: forwards;

	-webkit-animation-duration: 1s;

	animation-duration: 1s;

}



.nav-list>li:first-child {

    -webkit-animation-delay: 0.1s;

    animation-delay:0.1s;

}



.nav-list>li:nth-child(2) {

    -webkit-animation-delay: 0.2s;

    animation-delay:0.2s;

}



.nav-list>li:nth-child(3) {

    -webkit-animation-delay: 0.3s;

    animation-delay:0.3s;

}



.nav-list>li:nth-child(4) {

	animation-delay: 0.4s;

}



.nav-list>li:nth-child(5) {

	animation-delay: 0.5s;

}



.nav-list>li:nth-child(6) {

	animation-delay: 0.6s;

}



*/



.proce-arrow-li {

  margin-top: 60px;

  transform: scale(1.2);

}



.proce-arrow-li.fliy {

  transform: rotateY(180deg) scale(1.2);

  margin-right: 7px;

}



.ps-block span {

  border: 1px solid #e8e8e8;

  color: #fff;

  background: #407bff;

  margin-right: 30px;

}



.numbric-inf .proce-arrow-li {

  margin-top: 60px;

  transform: scale(1);

  position: absolute;

  bottom: -135px;

  left: 65px;

}



.numbric-inf .proce-arrow-li.fliy {

  transform: rotateY(180deg) scale(1.2);

  margin-right: 7px;

}



.num-text.ps-block span {

  border: 1px solid #e8e8e8;

  color: #fff;

  background: #407bff;

  margin-right: 10px;

}



.numbric-inf .upset {

  margin-bottom: 120px;

}



.numbric-inf .num-text.ps-block {

  padding: 0;

}



.para-help {

  font-size: 30px;

  line-height: 44px;

  font-weight: 400;

  color: #050748;

}



.mb140 {

  margin-bottom: 140px;

}



.list-style-disc li {

  line-height: 32px;

  list-style-type: disc;

}



ul.two-col {

  display: flex;

  display: -ms-flexbox;

  flex-wrap: wrap;

  margin-left: 30px;

  margin-bottom: 0;

}



ul.two-col li {

  width: 50%;

}



.mh-85 {

  min-height: 85px;

}



.image-block img.rt-img {

  -webkit-box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #ffffff;

  box-shadow: 31px 20px 35px #dcdcdc;

}



.mh65 {

  min-height: 65px;

}



.andro-serv {

  padding: 25px 20px;

}



.andro-serv .s-card-icon {

  width: 60px;

}



.three_ul li {

  width: 33.33%;

  float: left;

  color: #3a3a3a;

  padding: 0 0px 3px 29px;

}



.three_ul li a {

  color: #3a3a3a;

}



.three_ul li:before {

  content: "\f061";

  top: 4px;

}



.sitemap-section .h3-size,

.terms-section .h3-size,

.privacy-section .h3-size,

.faqs-info .h3-size {

  font-size: 28px;

  line-height: 32px;

}



/**** ANIMATION LOGO CSS ****/

svg .svg-elem-1 {

  stroke-dashoffset: 3061.90478515625px;

  stroke-dasharray: 3061.90478515625px;

  fill: transparent;

  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,

    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;

  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,

    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;

}



svg.active .svg-elem-1 {

  stroke-dashoffset: 0;

  fill: url("#SVGID_1_");

}



svg .svg-elem-2 {

  stroke-dashoffset: 1499.3603515625px;

  stroke-dasharray: 1499.3603515625px;

  fill: transparent;

  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,

    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;

  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,

    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;

}



svg.active .svg-elem-2 {

  stroke-dashoffset: 0;

  fill: rgb(255, 255, 255);

}



svg .svg-elem-3 {

  stroke-dashoffset: 2348.1728515625px;

  stroke-dasharray: 2348.1728515625px;

  fill: transparent;

  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,

    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;

  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,

    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;

}



svg.active .svg-elem-3 {

  stroke-dashoffset: 0;

  fill: rgb(255, 255, 255);

}



.list-style-.disc li {

  list-style-type: disc;

}



.blog-page .entry-blog-post {

  width: 175px;

}



.blog-page .single-blog-info- h4 a {

  height: 94px;

  margin: 0 auto;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  display: inline-block;

}



.blog-page .single-blog-info- p {

  height: 60px;

  margin: 0 auto;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

}



.blog-page .user-image img {

  width: 60px;

}



.blog-page .media-body h5 {

  font-size: 18px;

  margin-top: 0;

}



.blog-page .media-body p {

  font-size: 14px;

}



.perks-benifits .s-card-icon {

  width: 45px;

  margin: 0;

}



.perks-benifits .wide-sblock {

  display: inline-flex;

  text-align: left;

  padding: 15px 15px;

  width: 100%;

}



.what-we-look {

  padding-top: 20px;

  padding-bottom: 20px;

}



.what-we-look .list-ul li {

  width: 50%;

  float: left;

  padding-left: 57px;

  padding-top: 11px;

  margin-bottom: 15px;

}



.what-we-look .list-ul li:before {

  content: "\f00c";

  background: #407bff;

  color: #fff;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  text-align: center;

  line-height: 40px;

  font-size: 15px;

  background-image: -moz-linear-gradient(45deg,

      #9217de 0,

      #4775ff 50%,

      #00b6d4 100%);

  background-image: -webkit-linear-gradient(45deg,

      #9217de 0,

      #4775ff 50%,

      #00b6d4 100%);

  background-image: linear-gradient(45deg,

      #9217de 0,

      #4775ff 50%,

      #00b6d4 100%);

}



.what-we-look .list-ul li h5 {

  font-size: 18px;

}



.bg-gradient-dark {

  background: #ffcccb;

  background: -moz-linear-gradient(top, #ffcccb 0%, #fff4d2 100%);

  background: -webkit-linear-gradient(top, #ffcccb 0%, #fff4d2 100%);

  background: linear-gradient(to bottom, #ffcccb 0%, #fff4d2 100%);

}



.bg-gradient-orange {

  background: #ffbf98;

  background: -moz-linear-gradient(top, #ffbf98 0%, #fff9f4 100%);

  background: -webkit-linear-gradient(top, #ffbf98 0%, #fff9f4 100%);

  background: linear-gradient(to bottom, #ffbf98 0%, #fff9f4 100%);

}



.info-list-ul li.text-w {

  color: #fff;

}



.mapplication .sws1 img {

  left: 3px;

}



.hc-offcanvas-nav h2 {

  line-height: 36px;

  display: none;

}



.logo-pre {

  background: linear-gradient(to bottom, #43464b 0%, #6c6464 100%);

}



.logo-pre img {

  margin-top: 3px;

}



.progress-wrap {

  right: 17px;

}



.btn-outline:hover {

  background: #673ab7;

  background: -moz-linear-gradient(left, #673ab7 0%, #2196f3 100%);

  background: -webkit-linear-gradient(left, #673ab7 0%, #2196f3 100%);

  background: linear-gradient(to right, #673ab7 0%, #2196f3 100%);

  border-color: #673ab7;

}



.bg-gradient-freshhaat {

  background: #e2f3ff;

  background: -moz-linear-gradient(top, #c4f5d6 0%, #ffffff 100%);

  background: -webkit-linear-gradient(top, #c4f5d6 0%, #ffffff 100%);

  background: linear-gradient(to bottom, #c4f5d6 0%, #ffffff 100%);

}



.bg-gradient-logues {

  background: #ffe2e2;

  background: -moz-linear-gradient(top, #f9f9f9 0%, #fff9f4 100%);

  background: -webkit-linear-gradient(top, #f9f9f9 0%, #fff9f4 100%);

  background: linear-gradient(to bottom, #f9f9f9 0%, #fff9f4 100%);

}



.bg-gradient-reekaya {

  background: #ffe2e2;

  background: -moz-linear-gradient(top, #cef5de 0%, #ffe9e1 100%);

  background: -webkit-linear-gradient(top, #cef5de 0%, #ffe9e1 100%);

  background: linear-gradient(to bottom, #cef5de 0%, #ffe9e1 100%);

}



.hero-heading-sec h1 {

  color: #fff;

  font-size: 55px;

  line-height: 67px;

  text-transform: uppercase;

  font-weight: 700;

}



.hero-heading-sec h1 span {

  display: block;

}



.intera h3.ft {

  font-size: 22px;

  line-height: 32px;

  color: #fff;

  font-weight: 600;

}



.intera h3 {

  font-size: 20px;

  line-height: 30px;

  color: #050748;

  font-weight: 600;

}



.s-h4 {

  font-size: 20px;

  line-height: 30px;

}



/**** Industries Work ****/

.indus-work .nav-tabs {

  border: none;

}



.indus-work .nav-tabs .nav-link {

  border: none;

  background: none;

  padding: 0;

  box-shadow: none;

}



.indus-work .nav-tabs .nav-link.active .industry-workfor {

  background: #2d86e8;

}



.indus-work .nav-tabs .nav-link.active .industry-workfor h6 {

  color: #fff !important;

  font-weight: 500;

}



.indus-work .nav-tabs {

  display: flex;

}



.indus-work .nav-tabs .nav-item {

  margin-bottom: 0px;

  width: 25%;

  padding: 0 12px;

}



.indus-work .industry-workfor {

  text-align: center;

  display: block;

  padding: 17px 5px 12px 5px;

  border-radius: 5px;

}



.indus-work .industry-workfor h6 {

  margin: 12px 0 0 0;

  font-weight: 400;

  font-size: 13px;

}



.indus-work .industry-workfor img {

  width: 50px;

}



.indus-work .industry-workfor {

  margin-top: 20px;

}



/********* Responsive CSS Style **********/

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

  .xs-float-none {

    float: none !important;

  }



  .xs-text-center {

    text-align: center !important;

  }



  .xs-text-right {

    text-align: right !important;

  }



  .logos_technologies li {

    margin: 15px 5px;

  }



  .bg-dec-mob.p-5 {

    padding: 3rem 1.5rem !important;

  }



  .footer-row2 {

    padding-bottom: 40px;

  }



  .animaated-elements-four .element-bg-shape {

    width: 100%;

    left: 0;

  }



  .animaated-elements img,

  .animaated-elements .elm-mass,

  .svgbg-one,

  .svgbg-two,

  .svgbg-three {

    width: 100%;

    left: 0;

  }



  .svgbg-one,

  .svgbg-two,

  .svgbg-three {

    width: 100%;

    left: 0;

  }



  .interface-image-wrapper .image-two {

    left: 20px;

  }



  .interface-image-wrapper.style-two .image-two {

    margin-left: 0px;

  }



  .download-feature-image .image-one {

    margin-left: 0;

    max-width: 200px;

  }



  .download-feature-image .image-two {

    top: -18px;

    max-width: 270px;

    right: auto;

    left: 15%;

  }



  .download-feature-image svg {

    right: auto;

    left: 0;

  }



  .interface-image-wrapper {

    height: 600px;

  }



  .logos-ul ul li {

    width: 49%;

  }



  .proce-arrow-li {

    display: none;

  }



  ul.two-col li {

    width: 100%;

  }



  .sws1 img {

    transform: rotate(352deg);

    left: 15px;

  }



  .sws2 img {

    right: 47px;

  }



  .s-box {

    height: 375px;

  }



  .innerwidedevice {

    left: 0;

    transform: scale(1) !important;

  }



  .portfolio-item-info-tt {

    margin-bottom: 17px;

  }



  .display-4 {

    font-size: 1.9rem !important;

  }



  .why-choos-lg p.para-help {

    font-size: 18px;

    line-height: 29px;

    margin-bottom: 25px;

  }



  .bread-title h2,

  h2 {

    font-size: 24px;

    line-height: 32px;

  }



  .faqs-info .h3-size {

    font-size: 24px;

    line-height: 32px;

  }



  .about-block-ceo {

    padding: 45px 25px !important;

  }



  .about-sec-app {

    padding-bottom: 0;

  }



  .service.heading-small-left .common-heading.text-left,

  .service.heading-small-left .common-heading.text-left p {

    text-align: left !important;

  }



  h4 {

    font-size: 17px;

    line-height: 25px;

  }



  .perks-benifits .s-card-icon {

    margin-right: 15px;

  }



  .what-we-look {

    padding-top: 60px;

  }



  .what-we-look .list-ul li {

    width: 100%;

  }



  .call-to-action .common-heading h2 {

    margin-bottom: 35px;

  }



  .call-to-action p.size19.lh-34 br {

    display: none;

  }



  .call-to-action p.size19.lh-34 {

    line-height: 29px;

    font-size: 15px;

  }



  .terms-section.service p {

    text-align: left;

  }



  .three_ul li {

    width: 100%;

  }



  .faqs-info .card-2 .card-header button {

    font-size: 15px;

    padding-right: 20px;

  }



  .faqs-info .accordion .acc-icon:after {

    top: 50%;

    margin-top: -9px;

  }



  .work-card p {

    line-height: 22px;

    font-size: 14px;

  }



  .indus-work .nav-tabs {

    margin-top: 30px;

  }



  .indus-work .nav-tabs .nav-item {

    width: 33.33%;

  }



  .indus-work .industry-workfor {

    padding: 17px 2px 12px 2px;

  }



  .indus-work .nav-tabs {

    margin-top: 30px;

  }



  .indus-work .industry-workfor {

    padding: 17px 2px 12px 2px;

  }



  .indus-work .industry-workfor h6 {

    font-size: 11px;

  }



  .indus-work .nav-tabs {

    margin: 0 0 0px;

    display: flex;

    flex-wrap: nowrap;

    overflow-y: hidden;

    overflow-x: auto;

  }



  .indus-work .hoshd:hover {

    transform: translate(0px, 0px);

  }



  .indus-work .nav-tabs .nav-item {

    width: 121px;

    min-width: 106px;

    padding: 0 5px;

  }



  .indus-work ::-webkit-scrollbar {

    height: 4px;

  }



  .indus-work .common-heading.text-l,

  .indus-work .common-heading.text-l h2,

  .indus-work .common-heading.text-l span {

    text-align: left !important;

  }

}



li.hidedesktop.darkmodeswitch {

  padding: 0;

}



li.darkmodeswitch .switch-wrapper {

  display: inline-block;

  align-items: center;

  position: relative;

  z-index: 55555;

  top: 12px;

  transform: none;

  margin: 0;

}



li.darkmodeswitch .switch-wrapper .switch {

  display: inline-block;

  height: 34px;

  position: relative;

  width: 34px;

  margin: 0;

}



li.darkmodeswitch .switch-wrapper input:checked+.slider:before {

  transform: translateX(0px);

}



@media (max-width: 991px) {

  .animaated-elements-four {

    margin-right: 0;

  }



  .animaated-elements-four .image-two {

    left: 145px;

  }



  .animaated-elements-four .image-four {

    bottom: 150px;

    right: 30px;

  }



  .animaated-elements-four {

    height: 560px;

  }



  .animaated-elements-four .image-one {

    left: 15px;

    max-width: 300px;

  }



  .animaated-elements-four .image-two {

    left: 90px;

  }



  .element-bg-shape img {

    max-width: 100%;

  }



  .interface-image-wrapper.style-two .image-one {

    left: 0;

  }



  .interface-image-wrapper .image-one {

    z-index: 22;

    position: relative;

    margin-left: -30px;

  }



  .interface-image-wrapper .image-two {

    max-width: 300px;

    left: 70px;

  }



  .three-set .icon-set {

    width: 50%;

  }



  .logo-animater {

    padding-left: 24%;

  }



  .uniq-points {

    grid-template-columns: auto;

  }



  .btn-main {

    width: auto;

    margin: 0 auto;

    display: inline-block;

  }



  .footer-brands a.smllbtnn {

    margin-top: 20px;

  }



  .bg-shape:before {

    right: -10px;

  }



  .display-4 {

    font-size: 2.6rem;

  }



  .hero-heading-sec {

    text-align: left;

  }



  .hero-heading-sec h2 span {

    display: block;

  }



  .uniq-card i {

    margin-bottom: 0px;

  }



  .uniq-card {

    padding: 15px 15px;

  }



  .btn-main.btn-sm {

    margin-left: 0;

  }



  .footer-brands p {

    margin: 12px 0;

  }



  .work-category .common-heading p {

    margin-bottom: 15px;

  }



  .xs-text-left {

    text-align: left !important;

  }



  .review-ref {

    padding: 40px 20px;

  }



  .review-icons a {

    padding: 0 10px;

  }



  .mobileblock {

    display: block !important;

    max-width: 114px;

    left: 0px;

    top: -20px;

  }



  .mobile-mt0 {

    margin-top: 0 !important;

  }



  .review-icons {

    margin-top: 1rem !important;

  }



  .display-3 {

    font-size: 2.7rem;

  }



  .dsk-logo .nav-brand img {

    max-height: 60px;

  }



  .pr-mob {

    padding-right: 20px;

  }



  .design-service,

  .deve-service,

  .market-service {

    width: 100%;

    margin-bottom: 20px;

  }



  .review-ref {

    padding: 40px 20px;

    width: 100%;

  }



  .progress-wrap {

    right: 17px;

    bottom: 103px;

  }

}



.h2-size {

  font-size: 40px;

  line-height: 52px;

  color: #050748;

  font-weight: 600;

}



/*** wow animation desiabled ***/

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

  .wow {

    animation-name: none !important;

    visibility: visible !important;

  }

}



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

  .hero-heading-sec h1 {

    font-size: 45px;

    line-height: 57px;

  }

}



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

  .h2-size {

    font-size: 24px;

    line-height: 32px;

  }

}



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

  .hero-heading-sec h1 {

    font-size: 35px;

    line-height: 45px;

  }

}



/* custom 2 */



.header-heading span {

  font-weight: 300;

}



.shopify-section .bd-hor-base .s-card-icon {

  margin: 0 0px 20px;

}



/*.element-page{

	background-color: rgba(251, 241, 239, 1);

}*/

.element-page .s-card-icon img {

  width: 80%;

}



.element-page .minhight,

.hire-page .minhight,

.service-block .minhight {

  min-height: 100px;

}



.opl .clients-logo {

  display: grid;

  padding: 15px;

}



.opl .clients-logo img {

  width: 70px;

}



/*.clients-section{

	background: linear-gradient(180deg, #FFF9F4 -19.71%, #FFE2E2 100%);

}*/

ul.timeline {

  list-style-type: none;

  position: relative;

}



ul.timeline:before {

  content: " ";

  background: rgba(33, 150, 243, 1);

  display: inline-block;

  position: absolute;

  left: -5px;

  width: 2px;

  height: 83%;

  z-index: 400;

}



ul.timeline>li {

  margin: 20px 0;

  padding-left: 20px;

}



ul.timeline>li:before {

  content: "";

  background: rgba(33, 150, 243, 1);

  display: inline-block;

  position: absolute;

  border-radius: 50%;

  border: 3px solid #22c0e8;

  left: -15px;

  width: 20px;

  height: 20px;

  z-index: 400;

}



.timeline li p {

  margin-top: 10px;

}



/*.hire-page{

	background: rgba(255, 219, 202, 1);

}*/

.shopify-section.service-block .s-card-icon {

  position: absolute;

  top: -30px;

  left: 40px;

  width: 60px;

  background: white;

  text-align: center;

  border-radius: 10px;

  box-shadow: rgba(44, 44, 44, 0.2) 0px 0px 5px;

  padding: 10px;

}



/*.service-block{

	background: rgba(251, 241, 239, 1);

}*/



/*marquee css.............................*/



.separatewebhranimation {

  overflow: hidden;

  background: #c3d0ff;

  padding: 30px 0;

  color: #010101;

}



.alternate {

  margin: 0 20px;

  border-radius: 4px;

  display: inline-block;

}



.marquee-item-list {

  display: inline-flex;

  width: 100%;

  overflow-x: hidden;

}



.marquee-item-list li {

  font-size: 20px;

  white-space: nowrap;

  text-transform: uppercase;

  font-weight: 600;

}



.marquee {

  position: absolute;

  top: 0;

  left: 0;

  overflow: hidden;

  pointer-events: none;

  background: #0057ff;

  transform: translate3d(0, 101%, 0);

}



.marquee__inner {

  width: fit-content;

  align-items: center;

  display: flex;

  position: relative;

  animation: sw-marquee 15s linear infinite;

  will-change: transform;

}



.animation-2 {

  animation-direction: reverse;

}



@keyframes sw-marquee {

  to {

    transform: translate3d(-50%, 0, 0);

  }

}



.ct-index {

  position: absolute;

  right: 657px;

  top: 395px;

  width: 150px;

  height: 150px;

  margin: 0 auto;

  background: #fff;

  z-index: 20;

  border-radius: 100px;

  overflow: hidden;

  border: 1px solid #e1e6ff;

  padding: 4px;

}



.round-text {

  position: relative;

  border-radius: 100px;

}



.round-text,

.round-text .texts {

  width: 140px;

  height: 140px;

}



.round-text .innerlogo {

  top: 50%;

  position: absolute;

  transform: translateY(-50%);

  width: 80px;

  height: 80px;

  right: 0px;

  left: 0;

  margin: 0 auto;

  rotate: 0deg;

}



.round-text.brands-logo .innerlogo {

  top: 46%;

}



.texts {

  position: relative;

  transform: rotate(0deg);

  /* Initial rotation angle */

  transition: transform 0.1s ease;

}



.cd-words-wrapper,

.cd-words-wrapper b.is-visible {

  position: relative;

}



.cd-headline.clip .cd-words-wrapper,

.cd-headline.loading-bar .cd-words-wrapper,

.cd-headline.slide .cd-words-wrapper,

.cd-headline.type .cd-words-wrapper {

  overflow: hidden;

  vertical-align: top;

}



.cd-words-wrapper {

  display: inline-block;

  text-align: left;

}



.cd-words-wrapper b {

  display: inline-block;

  position: absolute;

  white-space: nowrap;

  left: 0;

  top: 0;

}



.cd-headline.clip b,

.cd-headline.push b,

.cd-headline.rotate-2 b,

.cd-headline.rotate-3 b,

.cd-headline.scale b,

.cd-headline.zoom b,

.no-js .cd-words-wrapper b {

  opacity: 0;

}



.cd-headline.clip b.is-visible,

.is-visible .cd-headline.rotate-2 i,

.is-visible .cd-headline.scale i,

.no-csstransitions .cd-headline.rotate-2 .is-visible i,

.no-csstransitions .cd-headline.rotate-3 .is-visible i,

.no-csstransitions .cd-headline.scale .is-visible i,

.no-js .cd-words-wrapper b.is-visible {

  opacity: 1;

}



.cd-headline.rotate-1 .cd-words-wrapper,

.cd-headline.rotate-2 .cd-words-wrapper,

.cd-headline.rotate-3 .cd-words-wrapper,

.cd-headline.zoom .cd-words-wrapper {

  -webkit-perspective: 300px;

  -moz-perspective: 300px;

  perspective: 300px;

}



.cd-headline.rotate-1 b {

  opacity: 0;

  -webkit-transform-origin: 50% 100%;

  -moz-transform-origin: 50% 100%;

  -ms-transform-origin: 50% 100%;

  -o-transform-origin: 50% 100%;

  transform-origin: 50% 100%;

  -webkit-transform: rotateX(180deg);

  -moz-transform: rotateX(180deg);

  -ms-transform: rotateX(180deg);

  -o-transform: rotateX(180deg);

  transform: rotateX(180deg);

}



.cd-headline.rotate-1 b.is-visible {

  opacity: 1;

  -webkit-transform: rotateX(0);

  -moz-transform: rotateX(0);

  -ms-transform: rotateX(0);

  -o-transform: rotateX(0);

  transform: rotateX(0);

  -webkit-animation: 1.2s cd-rotate-1-in;

  -moz-animation: 1.2s cd-rotate-1-in;

  animation: 1.2s cd-rotate-1-in;

}



.cd-headline.rotate-1 b.is-hidden {

  -webkit-transform: rotateX(180deg);

  -moz-transform: rotateX(180deg);

  -ms-transform: rotateX(180deg);

  -o-transform: rotateX(180deg);

  transform: rotateX(180deg);

  -webkit-animation: 1.2s cd-rotate-1-out;

  -moz-animation: 1.2s cd-rotate-1-out;

  animation: 1.2s cd-rotate-1-out;

}



@keyframes cd-rotate-1-in {

  0% {

    -webkit-transform: rotateX(180deg);

    -moz-transform: rotateX(180deg);

    -ms-transform: rotateX(180deg);

    -o-transform: rotateX(180deg);

    transform: rotateX(180deg);

    opacity: 0;

  }



  35% {

    -webkit-transform: rotateX(120deg);

    -moz-transform: rotateX(120deg);

    -ms-transform: rotateX(120deg);

    -o-transform: rotateX(120deg);

    transform: rotateX(120deg);

    opacity: 0;

  }



  65% {

    opacity: 0;

  }



  100% {

    -webkit-transform: rotateX(360deg);

    -moz-transform: rotateX(360deg);

    -ms-transform: rotateX(360deg);

    -o-transform: rotateX(360deg);

    transform: rotateX(360deg);

    opacity: 1;

  }

}



@keyframes cd-rotate-1-out {

  0% {

    -webkit-transform: rotateX(0);

    -moz-transform: rotateX(0);

    -ms-transform: rotateX(0);

    -o-transform: rotateX(0);

    transform: rotateX(0);

    opacity: 1;

  }



  35% {

    -webkit-transform: rotateX(-40deg);

    -moz-transform: rotateX(-40deg);

    -ms-transform: rotateX(-40deg);

    -o-transform: rotateX(-40deg);

    transform: rotateX(-40deg);

    opacity: 1;

  }



  65% {

    opacity: 0;

  }



  100% {

    -webkit-transform: rotateX(180deg);

    -moz-transform: rotateX(180deg);

    -ms-transform: rotateX(180deg);

    -o-transform: rotateX(180deg);

    transform: rotateX(180deg);

    opacity: 0;

  }

}



.cd-headline.type .cd-words-wrapper::after {

  content: "";

  position: absolute;

  right: 0;

  top: 50%;

  bottom: auto;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  height: 90%;

  width: 1px;

  background-color: #aebcb9;

}



.cd-headline.type .cd-words-wrapper.waiting::after {

  -webkit-animation: 1s infinite cd-pulse;

  -moz-animation: 1s infinite cd-pulse;

  animation: 1s infinite cd-pulse;

}



.cd-headline.type .cd-words-wrapper.selected {

  background-color: #aebcb9;

}



.cd-headline.type .cd-words-wrapper.selected::after,

.cd-headline.type b {

  visibility: hidden;

}



.cd-headline.type .cd-words-wrapper.selected b {

  color: #0d0d0d;

}



.cd-headline.type b.is-visible {

  visibility: visible;

}



.cd-headline.type i {

  position: absolute;

  visibility: hidden;

}



.cd-headline.type i.in {

  position: relative;

  visibility: visible;

}



@-webkit-keyframes cd-pulse {

  0% {

    -webkit-transform: translateY(-50%) scale(1);

    opacity: 1;

  }



  40% {

    -webkit-transform: translateY(-50%) scale(0.9);

    opacity: 0;

  }



  100% {

    -webkit-transform: translateY(-50%) scale(0);

    opacity: 0;

  }

}



@-moz-keyframes cd-pulse {

  0% {

    -moz-transform: translateY(-50%) scale(1);

    opacity: 1;

  }



  40% {

    -moz-transform: translateY(-50%) scale(0.9);

    opacity: 0;

  }



  100% {

    -moz-transform: translateY(-50%) scale(0);

    opacity: 0;

  }

}



@keyframes cd-pulse {

  0% {

    -webkit-transform: translateY(-50%) scale(1);

    -moz-transform: translateY(-50%) scale(1);

    -ms-transform: translateY(-50%) scale(1);

    -o-transform: translateY(-50%) scale(1);

    transform: translateY(-50%) scale(1);

    opacity: 1;

  }



  40% {

    -webkit-transform: translateY(-50%) scale(0.9);

    -moz-transform: translateY(-50%) scale(0.9);

    -ms-transform: translateY(-50%) scale(0.9);

    -o-transform: translateY(-50%) scale(0.9);

    transform: translateY(-50%) scale(0.9);

    opacity: 0;

  }



  100% {

    -webkit-transform: translateY(-50%) scale(0);

    -moz-transform: translateY(-50%) scale(0);

    -ms-transform: translateY(-50%) scale(0);

    -o-transform: translateY(-50%) scale(0);

    transform: translateY(-50%) scale(0);

    opacity: 0;

  }

}



.cd-headline.rotate-2 em,

.cd-headline.rotate-2 i {

  display: inline-block;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}



.cd-headline.rotate-2 i {

  -webkit-transform-style: preserve-3d;

  -moz-transform-style: preserve-3d;

  -ms-transform-style: preserve-3d;

  -o-transform-style: preserve-3d;

  transform-style: preserve-3d;

  -webkit-transform: translateZ(-20px) rotateX(90deg);

  -moz-transform: translateZ(-20px) rotateX(90deg);

  -ms-transform: translateZ(-20px) rotateX(90deg);

  -o-transform: translateZ(-20px) rotateX(90deg);

  transform: translateZ(-20px) rotateX(90deg);

  opacity: 0;

}



.cd-headline.rotate-2 i.in {

  -webkit-animation: 0.4s forwards cd-rotate-2-in;

  -moz-animation: 0.4s forwards cd-rotate-2-in;

  animation: 0.4s forwards cd-rotate-2-in;

}



.cd-headline.rotate-2 i.out {

  -webkit-animation: 0.4s forwards cd-rotate-2-out;

  -moz-animation: 0.4s forwards cd-rotate-2-out;

  animation: 0.4s forwards cd-rotate-2-out;

}



.cd-headline.rotate-2 em {

  -webkit-transform: translateZ(20px);

  -moz-transform: translateZ(20px);

  -ms-transform: translateZ(20px);

  -o-transform: translateZ(20px);

  transform: translateZ(20px);

}



.no-csstransitions .cd-headline.rotate-2 i {

  -webkit-transform: rotateX(0);

  -moz-transform: rotateX(0);

  -ms-transform: rotateX(0);

  -o-transform: rotateX(0);

  transform: rotateX(0);

  opacity: 0;

}



.no-csstransitions .cd-headline.rotate-2 i em {

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

}



@-webkit-keyframes cd-rotate-2-in {

  0% {

    opacity: 0;

    -webkit-transform: translateZ(-20px) rotateX(90deg);

  }



  60% {

    opacity: 1;

    -webkit-transform: translateZ(-20px) rotateX(-10deg);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateZ(-20px) rotateX(0);

  }

}



@-moz-keyframes cd-rotate-2-in {

  0% {

    opacity: 0;

    -moz-transform: translateZ(-20px) rotateX(90deg);

  }



  60% {

    opacity: 1;

    -moz-transform: translateZ(-20px) rotateX(-10deg);

  }



  100% {

    opacity: 1;

    -moz-transform: translateZ(-20px) rotateX(0);

  }

}



@keyframes cd-rotate-2-in {

  0% {

    opacity: 0;

    -webkit-transform: translateZ(-20px) rotateX(90deg);

    -moz-transform: translateZ(-20px) rotateX(90deg);

    -ms-transform: translateZ(-20px) rotateX(90deg);

    -o-transform: translateZ(-20px) rotateX(90deg);

    transform: translateZ(-20px) rotateX(90deg);

  }



  60% {

    opacity: 1;

    -webkit-transform: translateZ(-20px) rotateX(-10deg);

    -moz-transform: translateZ(-20px) rotateX(-10deg);

    -ms-transform: translateZ(-20px) rotateX(-10deg);

    -o-transform: translateZ(-20px) rotateX(-10deg);

    transform: translateZ(-20px) rotateX(-10deg);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateZ(-20px) rotateX(0);

    -moz-transform: translateZ(-20px) rotateX(0);

    -ms-transform: translateZ(-20px) rotateX(0);

    -o-transform: translateZ(-20px) rotateX(0);

    transform: translateZ(-20px) rotateX(0);

  }

}



@-webkit-keyframes cd-rotate-2-out {

  0% {

    opacity: 1;

    -webkit-transform: translateZ(-20px) rotateX(0);

  }



  60% {

    opacity: 0;

    -webkit-transform: translateZ(-20px) rotateX(-100deg);

  }



  100% {

    opacity: 0;

    -webkit-transform: translateZ(-20px) rotateX(-90deg);

  }

}



@-moz-keyframes cd-rotate-2-out {

  0% {

    opacity: 1;

    -moz-transform: translateZ(-20px) rotateX(0);

  }



  60% {

    opacity: 0;

    -moz-transform: translateZ(-20px) rotateX(-100deg);

  }



  100% {

    opacity: 0;

    -moz-transform: translateZ(-20px) rotateX(-90deg);

  }

}



@keyframes cd-rotate-2-out {

  0% {

    opacity: 1;

    -webkit-transform: translateZ(-20px) rotateX(0);

    -moz-transform: translateZ(-20px) rotateX(0);

    -ms-transform: translateZ(-20px) rotateX(0);

    -o-transform: translateZ(-20px) rotateX(0);

    transform: translateZ(-20px) rotateX(0);

  }



  60% {

    opacity: 0;

    -webkit-transform: translateZ(-20px) rotateX(-100deg);

    -moz-transform: translateZ(-20px) rotateX(-100deg);

    -ms-transform: translateZ(-20px) rotateX(-100deg);

    -o-transform: translateZ(-20px) rotateX(-100deg);

    transform: translateZ(-20px) rotateX(-100deg);

  }



  100% {

    opacity: 0;

    -webkit-transform: translateZ(-20px) rotateX(-90deg);

    -moz-transform: translateZ(-20px) rotateX(-90deg);

    -ms-transform: translateZ(-20px) rotateX(-90deg);

    -o-transform: translateZ(-20px) rotateX(-90deg);

    transform: translateZ(-20px) rotateX(-90deg);

  }

}



.cd-headline.loading-bar span,

.cd-headline.slide span {

  display: inline-block;

  padding: 0.2em 0;

}



.cd-headline.loading-bar .cd-words-wrapper::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  height: 3px;

  width: 0;

  background: #0096a7;

  z-index: 2;

  -webkit-transition: width 0.3s -0.1s;

  -moz-transition: width 0.3s -0.1s;

  transition: width 0.3s -0.1s;

}



.cd-headline.loading-bar .cd-words-wrapper.is-loading::after {

  width: 100%;

  -webkit-transition: width 3s;

  -moz-transition: width 3s;

  transition: width 3s;

}



.cd-headline.loading-bar b {

  top: 0.2em;

  opacity: 0;

  -webkit-transition: opacity 0.3s;

  -moz-transition: opacity 0.3s;

  transition: opacity 0.3s;

}



.cd-headline.loading-bar b.is-visible {

  opacity: 1;

  top: 0;

}



.cd-headline.slide b {

  opacity: 0;

  top: 0.2em;

}



.cd-headline.slide b.is-visible {

  top: 0;

  opacity: 1;

  -webkit-animation: 0.6s slide-in;

  -moz-animation: 0.6s slide-in;

  animation: 0.6s slide-in;

}



.cd-headline.slide b.is-hidden {

  -webkit-animation: 0.6s slide-out;

  -moz-animation: 0.6s slide-out;

  animation: 0.6s slide-out;

}



@keyframes slide-in {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    transform: translateY(-100%);

  }



  60% {

    opacity: 1;

    -webkit-transform: translateY(20%);

    -moz-transform: translateY(20%);

    -ms-transform: translateY(20%);

    -o-transform: translateY(20%);

    transform: translateY(20%);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

  }

}



@keyframes slide-out {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

  }



  60% {

    opacity: 0;

    -webkit-transform: translateY(120%);

    -moz-transform: translateY(120%);

    -ms-transform: translateY(120%);

    -o-transform: translateY(120%);

    transform: translateY(120%);

  }



  100% {

    opacity: 0;

    -webkit-transform: translateY(100%);

    -moz-transform: translateY(100%);

    -ms-transform: translateY(100%);

    -o-transform: translateY(100%);

    transform: translateY(100%);

  }

}



.cd-headline.clip span {

  display: block;

  padding: 0.2em 0;

  width: min-content;

}



.cd-headline.clip .cd-words-wrapper::after {

  content: "";

  position: absolute;

  top: 12px;

  right: 0;

  width: 2px;

  height: 70%;

  background-color: #aebcb9;

}



.cd-headline.zoom b.is-visible {

  opacity: 1;

  -webkit-animation: 0.8s zoom-in;

  -moz-animation: 0.8s zoom-in;

  animation: 0.8s zoom-in;

}



.cd-headline.zoom b.is-hidden {

  -webkit-animation: 0.8s zoom-out;

  -moz-animation: 0.8s zoom-out;

  animation: 0.8s zoom-out;

}



@keyframes zoom-in {

  0% {

    opacity: 0;

    -webkit-transform: translateZ(100px);

    -moz-transform: translateZ(100px);

    -ms-transform: translateZ(100px);

    -o-transform: translateZ(100px);

    transform: translateZ(100px);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateZ(0);

    -moz-transform: translateZ(0);

    -ms-transform: translateZ(0);

    -o-transform: translateZ(0);

    transform: translateZ(0);

  }

}



@keyframes zoom-out {

  0% {

    opacity: 1;

    -webkit-transform: translateZ(0);

    -moz-transform: translateZ(0);

    -ms-transform: translateZ(0);

    -o-transform: translateZ(0);

    transform: translateZ(0);

  }



  100% {

    opacity: 0;

    -webkit-transform: translateZ(-100px);

    -moz-transform: translateZ(-100px);

    -ms-transform: translateZ(-100px);

    -o-transform: translateZ(-100px);

    transform: translateZ(-100px);

  }

}



.cd-headline.rotate-3 i {

  display: inline-block;

  -webkit-transform: rotateY(180deg);

  -moz-transform: rotateY(180deg);

  -ms-transform: rotateY(180deg);

  -o-transform: rotateY(180deg);

  transform: rotateY(180deg);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}



.is-visible .cd-headline.rotate-3 i {

  -webkit-transform: rotateY(0);

  -moz-transform: rotateY(0);

  -ms-transform: rotateY(0);

  -o-transform: rotateY(0);

  transform: rotateY(0);

}



.cd-headline.rotate-3 i.in {

  -webkit-animation: 0.6s forwards cd-rotate-3-in;

  -moz-animation: 0.6s forwards cd-rotate-3-in;

  animation: 0.6s forwards cd-rotate-3-in;

}



.cd-headline.rotate-3 i.out {

  -webkit-animation: 0.6s forwards cd-rotate-3-out;

  -moz-animation: 0.6s forwards cd-rotate-3-out;

  animation: 0.6s forwards cd-rotate-3-out;

}



.no-csstransitions .cd-headline.rotate-3 i {

  -webkit-transform: rotateY(0);

  -moz-transform: rotateY(0);

  -ms-transform: rotateY(0);

  -o-transform: rotateY(0);

  transform: rotateY(0);

  opacity: 0;

}



@keyframes cd-rotate-3-in {

  0% {

    -webkit-transform: rotateY(180deg);

    -moz-transform: rotateY(180deg);

    -ms-transform: rotateY(180deg);

    -o-transform: rotateY(180deg);

    transform: rotateY(180deg);

  }



  100% {

    -webkit-transform: rotateY(0);

    -moz-transform: rotateY(0);

    -ms-transform: rotateY(0);

    -o-transform: rotateY(0);

    transform: rotateY(0);

  }

}



@keyframes cd-rotate-3-out {

  0% {

    -webkit-transform: rotateY(0);

    -moz-transform: rotateY(0);

    -ms-transform: rotateY(0);

    -o-transform: rotateY(0);

    transform: rotateY(0);

  }



  100% {

    -webkit-transform: rotateY(-180deg);

    -moz-transform: rotateY(-180deg);

    -ms-transform: rotateY(-180deg);

    -o-transform: rotateY(-180deg);

    transform: rotateY(-180deg);

  }

}



.cd-headline.scale i {

  display: inline-block;

  opacity: 0;

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  -o-transform: scale(0);

  transform: scale(0);

}



.cd-headline.scale i.in {

  -webkit-animation: 0.6s forwards scale-up;

  -moz-animation: 0.6s forwards scale-up;

  animation: 0.6s forwards scale-up;

}



.cd-headline.scale i.out {

  -webkit-animation: 0.6s forwards scale-down;

  -moz-animation: 0.6s forwards scale-down;

  animation: 0.6s forwards scale-down;

}



.no-csstransitions .cd-headline.scale i {

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

  opacity: 0;

}



@keyframes scale-up {

  0% {

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    transform: scale(0);

    opacity: 0;

  }



  60% {

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

    opacity: 1;

  }



  100% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    opacity: 1;

  }

}



@keyframes scale-down {

  0% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    opacity: 1;

  }



  60% {

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    transform: scale(0);

    opacity: 0;

  }

}



.cd-headline.push b.is-visible {

  opacity: 1;

  -webkit-animation: 0.6s push-in;

  -moz-animation: 0.6s push-in;

  animation: 0.6s push-in;

}



.cd-headline.push b.is-hidden {

  -webkit-animation: 0.6s push-out;

  -moz-animation: 0.6s push-out;

  animation: 0.6s push-out;

}



@keyframes push-in {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-100%);

    -moz-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    -o-transform: translateX(-100%);

    transform: translateX(-100%);

  }



  60% {

    opacity: 1;

    -webkit-transform: translateX(10%);

    -moz-transform: translateX(10%);

    -ms-transform: translateX(10%);

    -o-transform: translateX(10%);

    transform: translateX(10%);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

  }

}



@keyframes push-out {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

  }



  60% {

    opacity: 0;

    -webkit-transform: translateX(110%);

    -moz-transform: translateX(110%);

    -ms-transform: translateX(110%);

    -o-transform: translateX(110%);

    transform: translateX(110%);

  }



  100% {

    opacity: 0;

    -webkit-transform: translateX(100%);

    -moz-transform: translateX(100%);

    -ms-transform: translateX(100%);

    -o-transform: translateX(100%);

    transform: translateX(100%);

  }

}



.position-stick {

  position: sticky;

  top: 100px;

}



.featurelist {

  border: 1px solid #f5f5f5;

  padding: 20px;

  border-radius: 8px;

}



.featurelist+.featurelist {

  margin-top: 30px;

}



.media .icon-div {

  height: 64px;

  width: 64px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0 20px 0 0;

}



.media {

  display: flex;

}



.media div:first-child {

  flex-shrink: 0;

}



.media-body-content h4 {

  margin-bottom: 5px;

  font-size: 20px;

  line-height: 30px;

}



.tilt3d .tilt-img {

  transform-style: preserve-3d;

  transform: perspective(1000px);

  overflow: initial;

}



.tilt3d .tilt-img img {

  transform: translateZ(15px);

}



.tilt3d .tilt-end {

  transform: translateZ(25px);

}



.dot-image {

  padding: 40px;

  background-image: radial-gradient(#2c4bff 1px, transparent 1px);

  height: 100%;

  background-size: 16px 16px;

}



.two-image {

  position: relative;

  display: grid;

  grid-template-columns: auto auto;

  align-items: end;

  grid-gap: 15px;

  z-index: 10;

}



.two-image img {

  width: 100%;

  position: relative;

  z-index: 55;

}



.image--1 {

  top: -25px;

  position: relative;

}



.image--2 {

  position: relative;

  top: 30px;

  right: 50px;

  z-index: 55;

}



.roundimg-x {

  overflow: hidden;

  border-radius: 200px;

}



.socialmedias {

  display: flex;

  grid-gap: 20px;

  font-size: 25px;

  justify-content: center;

}



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

  .pad-tb-100 {

    padding-top: 100px;

    padding-bottom: 60px;

  }

}



/* faizan css */

.pt85 {

  padding-top: 85px;

}



.swtextanimate {

  background: linear-gradient(to left,

      #e100ff,

      #7f00ff,

      #00c6ff,

      #0057ff,

      #e100ff);

  background-size: 400%;

  background-position: 0% 0%;

  color: transparent;

  -webkit-background-clip: text;

  animation: gradient 60s linear infinite;

}



@keyframes gradient {

  0% {

    background-position: 0% 0%;

  }



  25% {

    background-position: 100% 0%;

  }



  50% {

    background-position: 200% 0%;

  }



  75% {

    background-position: 300% 0%;

  }



  100% {

    background-position: 400% 0%;

  }

}



/* Styles specific to the target section */

.target-section {

  position: relative;

  overflow: hidden;

}

.section-style {

  padding-bottom: 0px;

  margin-top: -100px;

  position: relative;

  z-index: 1;

  overflow: hidden;

  min-height: 620px;

  margin-bottom: 0;

  /* background: white;  */

  transform-origin: center top;

}

.sol-section {

  position: relative;

  z-index: 5;

  background: #fff;

}

.call-i {

  color: #012169 !important;

}



/* shopify round text shopify development page  */



.ct-index.shopify-circle-content {

  left: 5% !important;

  top: 64% !important;

}



@media (min-width: 576px) {

  .ct-index.shopify-circle-content {

    left: 15% !important;

    top: 80% !important;

  }

}



/* mobile circle rounded */

@media (max-width: 575.98px) {

  .ct-index.shopify-circle-content {

    width: 130px;

    height: 130px;

  }



  .ct-index.shopify-circle-content .round-text .texts {

    width: 120px;

    height: 120px;

  }



  .ct-index.shopify-circle-content .round-text .innerlogo {

    width: 60px;

    height: 60px;

    top: 40%;

    margin: 0 30px;

  }

}



/* laravel services card - xs */

@media (max-width: 575.98px) {

  .services-lrv-container .service-boxes.service-box-2 {

    margin-top: -15px;

  }

  .mt-0-xs {

    margin-top: 0 !important;

  }

  .pt-xs100 {

    padding-top: 100px !important;

  }

}



/* flutter tabs gap add  */

.tat-tabs .nav .nav-item {

  margin-bottom: 15px;

}


/* home services app  */

.bg-gradient-17 {

  background-image: linear-gradient(to bottom, #C7FFEC 0%, #F6FFFC 80%, #FFFFFF 100%);

}


.bg-gradient-18 {

  background-image: linear-gradient(to bottom, #DBF2FF 10%, #FFFFFF 100%);

}

.tx-green {

  color: #0A9A69;

}

.tx-dark-blue{

   color: #0A6AB1;

}
.tx-blue-title{
  color: #056DCC;
}

/* multi vendor page   */

    .multi-vendor-head {
        position: relative;
    }

    .multi-vendor-head .line-vector {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 0;
    }

    .multi-vendor-head .line-vector img {
        width: 100%;
        height: auto;
        max-width: 800px;
    }

    ul.about-list-outline li::before {
        border-radius: 50%;
        border: 1px solid #FF385C;
        color: #FF385C;
        padding: 4px;
        line-height: 15px;
        top: 6px;
    }

    ul.about-list-outline li {
        padding: 4px 0px 4px 34px;
        margin-bottom: 5px;
    }

    .marketplace-dev-services .card-content .isotope_item .item-image {
        position: relative;
        background-color: transparent;
        box-shadow: none;
        height: 320px;
        overflow: hidden;
    }

    .marketplace-dev-services .card-content .isotope_item .item-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* end  */


    /* service app page  */


        .essential-features-panel .panel-list-green li:before {
        background: #0A9A69 !important;
        width: 32px;
        height: 32px;
        line-height: 34px;
    }

    .essential-features-panel .panel-list-blue li:before {
        background: #44A3D9 !important;
        width: 32px;
        height: 32px;
        line-height: 34px;
    }

    .essential-features-panel .panel-list-green li,
    .essential-features-panel .panel-list-blue li {
        padding-left: 52px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-bottom: 15px;
        text-align: left;
    }