.project_inside_banner_image .image-left {
  float: left;
}

.project_inside_banner_image .__mobile_with_shadow {
  width: 30%;
}

.project_inside_banner_image .__mac_with_side_mobile {
  width: 70%;
}

@-moz-document url-prefix() {
  .off-right-empty-image-section-div {
    margin-top: -300px;
  }
}

.project_inside_banner_image_two_side_mobile {
  z-index: 1000 !important;
  margin-top: 16%;
  position: relative;
}

.project_inside_banner_image_two_side_mobile .image-left {
  float: left;
}

.project_inside_banner_image_two_side_mobile .__two_side_mobile {
  width: 37%;
}

.scrollhref {
  float: left;
  margin-top: -28px;
  -webkit-animation-name: levitate;
  animation-name: levitate;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.scrollhref span {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #fff !important;
  float: left;
  letter-spacing: 4px;
  margin-left: -34px;
  margin-top: -65px;
}

.scrollhref img {
  float: left;
}

@-webkit-keyframes levitate {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
  }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes levitate {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
  }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.navbar-brand img {
  padding-top: 5px;
}

.__nav_header {
  margin-left: 5.2% !important;
  margin-top: 10px;
}

.fullheight {
  height: 100vh;
}

.halfheight {
  height: 60vh;
}

.o-gradient {
  background: #4712c9;
  background: -webkit-linear-gradient(to left, #8d55e8, #4712c9);
  background: linear-gradient(to left, #8d55e8, #4712c9);
}

.ogradient-off-home {
  position: relative;
}

.__all_top_centered {
  transform: translateY(35%);
  z-index: 1000;
  position: relative;
}

.ogradient-off-home::before {
  content: "";
  background: -webkit-linear-gradient(50deg, #4712c9, #8d55e8) !important;
  background: -o-linear-gradient(50deg, #4712c9, #8d55e8) !important;
  background: linear-gradient(50deg, #4712c9, #8d55e8) !important;
  position: absolute;
  width: 40%;
  height: 100%;
  z-index: 100;
}

.section-titles {
  position: relative;
}

.section-titles span {
  display: block;
  font-size: 27.0154px;
  margin-left: 145px;
  letter-spacing: 0.04em;
}

.section-titles::before {
  content: "";
  position: absolute;
  display: block;
  font-size: 24px;
  margin-left: 60px;
  background: #511cce;
  width: 49px;
  height: 3px;
  top: 27px;
  left: 21px;
}

.all_banner_dot_left::before {
  content: '';
  background: -webkit-radial-gradient(#d1bcdc 10%, transparent 10%), -webkit-radial-gradient(#d1bcdc 10%, transparent 15%), transparent;
  -webkit-background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  opacity: 0.6;
  background-size: 15px 15px;
  z-index: -1;
  position: absolute;
  padding: 53% 15%;
  top: -10px;
  right: -17px;
}

.all_banner_dot_bottom::before {
  content: '';
  background: -webkit-radial-gradient(#d1bcdc 10%, transparent 10%), -webkit-radial-gradient(#d1bcdc 10%, transparent 15%), transparent;
  -webkit-background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  opacity: 0.6;
  background-size: 15px 15px;
  z-index: 100;
  position: absolute;
  padding: 6% 3%;
  bottom: 0;
  left: 0;
}

.dotround {
  height: 160px;
  width: 160px;
  position: absolute;
  left: -87px;
  border-radius: 50%;
  border: solid #7c44e18c 42px;
  top: 8%;
  z-index: 100;
}

.home-content-div {
  margin-left: 14%;
  color: #fff;
  z-index: 1000;
  position: relative;
  margin-top: 38%;
}

.home-content-div h2 {
  position: relative;
  display: grid;
}

.home-content-div h2 span {
  font-size: 27.0154px;
  margin-top: -21px;
  float: left;
  margin-left: 70px;
  line-height: 43px;
  letter-spacing: 0.04em;
}

.home-content-div h2::before {
  content: "";
  position: absolute;
  width: 50px;
  background: #fff;
  height: 3px;
}

.home-content-div h3 {
  font-size: 36.0205px;
  line-height: 47px;
  font-weight: 300;
  : 'Origin Light',
 sans-serif;
}

.home-content-div a:first-child {
  background: #fff;
}

.home-content-div a:last-child span {
  color: #fff;
}

.home-content-div .a_home_href a {
  border: solid 1px #fff;
  padding: 18px 20px 15px;
  float: left;
  margin-right: 15px;
  margin-top: 40px;
  width: 115px;
  height: 101px;
}

.home-content-div .a_home_href a img {
  width: 16px;
}

.home-content-div .a_home_href a span {
  display: block;
  padding-top: 12px;
  font-size: 13.5077px;
}

.project_top_href a {
  border: solid 1px #fff;
  padding: 18px 20px 15px;
  float: left;
  margin-right: 15px;
  margin-top: 40px;
  width: 124px;
  height: 101px;
}

.project_top_href a img {
  width: 16px;
}

.project_top_href a span {
  display: block;
  padding-top: 12px;
  font-size: 13.5077px;
}

._services {
  margin-top: 20%;
  position: relative;
}

._services .owl-carousel .owl-stage-outer {
  overflow: inherit;
}

._services .center .home_carosuel_content h3::before {
  background: none;
}

._services .center .home_carosuel_content h2 {
  color: #511cce;
}

.home_carosuel_content h3 {
  position: relative;
  font-size: 24px;
  color: #cac9c9;
}

.home_carosuel_content h3::before {
  content: "";
  position: absolute;
  width: 79%;
  background: #dadada;
  height: 5px;
  top: 16px;
  left: 30px;
  margin-left: 19px;
}

.home_carosuel_content h3::after {
  content: "";
  position: absolute;
  width: 40%;
  height: 5px;
  top: 27px;
  left: 30px;
  margin-left: 19px;
}

.home_carosuel_content h2 {
  font-size: 36.0205px;
  line-height: 50px;
  color: #c1a9f7;
}

.home_carosuel_content ._carosule_img_content {
  position: absolute;
  width: 75%;
  right: 0px;
}

.home_carosuel_content ._carosule_img_content p {

}

.home_carosuel_content img {
  float: right;
  width: 40% !important;
}

._services .owl-stage-outer {
  margin-left: -20.3333%;
}

._services .owl-stage-outer .active ._carosule_img_content {
  right: -14px;
}

.ui_design_content h3 {
  font-size: 36.0205px;
  line-height: 40px;
  color: #000;
  margin-top: 16px;
}

.ui_design_content p {
  margin-top: 30px;
  width: 90%;
}

.olstylenone li {
  padding-top: 6px;
}

._app_carosuel {
  position: relative;
}

._app_carosuel div {
  text-align: center;
}

._app_carosuel img {
  text-align: center;
  display: inline-block !important;
}

.thoughtsbox {
  padding-right: 12px;
}

.thoughtsbox a {
  color: #000 !important;
}

.thoughtsbox a:hover {
  color: #5733b3 !important;
}

.thoughtsbox span {
  display: block;
}

.thoughtsbox img {
  width: 80%;
}

.preview_button {
  border: solid 1px #fff;
  float: left;
  margin-right: 15px;
  margin-top: 40px;
  background: #fff;
  position: absolute;
  z-index: 1000;
  top: 0%;
  left: -60px;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08);
  padding: 18px 25px 15px;
  width: 107px;
  height: 99px;
}

.preview_button img {
  width: 16px;
}

.preview_button span {
  display: block;
  padding-top: 12px;
  font-size: 13.5077px;
}

.normal_preview_button {
  position: relative !important;
  left: 0px !important;
  padding: 18px 16px 15px;
  width: 107px;
}

.thourgh_boxpreview_button {
  position: relative !important;
  left: 0px !important;
  padding: 18px 16px 15px;
  width: 107px;
  margin-top: 0px;
}

._home_project_carusel {
  position: relative;
}

._home_project_carusel::before {
  content: '';
  background: -webkit-radial-gradient(#d1bcdc 10%, transparent 10%), -webkit-radial-gradient(#d1bcdc 10%, transparent 15%), transparent;
  -webkit-background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  opacity: 0.6;
  background-size: 15px 15px;
  z-index: -1;
  position: absolute;
  padding: 5% 18%;
  top: -10px;
  right: 0;
}

.section_carusel_nav {
  vertical-align: middle;
  margin-top: 190px;
  margin-left: 40%;
}

.section_carusel_nav h3 {
  color: #000;
  margin-bottom: 42px;
}

.section_carusel_nav h3 span {
  display: block;
  font-size: 36.0205px;
  line-height: 41px;
}

.section_carusel_nav h3 span:first-child {
  font-weight: 100;
}

.section_carusel_nav h4 {
  position: relative;
  font-size: 18px;
  position: relative;
  color: #939fa4;
}

.section_carusel_nav h4 span {
  margin-left: 136px;
  font-size: 12.0068px;
}

.section_carusel_nav h4::before {
  content: "";
  position: absolute;
  width: 106px;
  height: 2px;
  background: #aeb4b7;
  margin-top: 9px;
}

.section_carusel_nav .inside_nav {
  margin-top: 40px;
}

.section_carusel_nav .inside_nav a {
  cursor: pointer;
}

.projects_title {
  transform: rotate(-90deg);
  position: absolute;
  top: 180px;
  font-size: 105.81px;
  left: -111px;
  color: #fff;
  text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.12);
  font-weight: bold;
  letter-spacing: 0.08em;
}

.contact_home_title {
  transform: rotate(-90deg);
  position: absolute;
  top: 280px;
  font-size: 105.81px;
  left: -111px;
  color: #fff;
  text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.12);
  font-weight: bold;
  letter-spacing: 0.08em;
}

h3 {
  font-weight: 400;
  font-size: 24.0137px;
  line-height: 40px;
  letter-spacing: 0.01em;
}

.ogradient-off-greycolor {
  position: relative;
}

.ogradient-off-greycolor .home-content-div {
  margin-top: 61px;
}

.ogradient-off-greycolor .home-content-div h2 {
  color: #000;
}

.ogradient-off-greycolor .home-content-div h3 {
  color: #000;
}

.ogradient-off-greycolor .home-content-div h2::before {
  background: #511cce;
}

.off-blue-right-section {
  position: relative;
}

.off-blue-right-section .section-blue-content {
  padding: 37px 7px 6px 60px;
  color: #fff;
  overflow: hidden;
}

.off-blue-right-section .section-blue-content p {
  opacity: 0.8;
}

.off-blue-right-section .section-blue-content .olstylenone li {
  padding-top: 26px;
}

.off-blue-right-section::after {
  position: absolute;
  content: '';
  /* background: #3872ca; */
  width: 103%;
  height: 100%;
  top: 0;
  z-index: -1;
  background: linear-gradient(127.22deg, #472AB2 -0.6%, #7D54D9 87.33%);
}

.section_client_li {
  margin-top: 16px;
}

.section_client_li .olstylenone li {
  font-size: 24.0137px;
  margin-bottom: 22px;
}

.ogradient-off-bluecolor {
  position: relative;
  background: linear-gradient(123.43deg, #472ab2 -0.6%, #7d54d9 87.33%);
}

.mt60 {
  margin-top: 60px;
}

.ogradient-full-bluecolor::before {
  width: 100%;
}

.section_two_titles {
  position: relative;
}

.section_two_titles span {
  margin-left: 69px;
  display: block;
  font-size: 27.0154px;
}

.section_two_titles::before {
  content: "";
  position: absolute;
  display: block;
  font-size: 24px;
  margin-left: 0px;
  background: #511cce;
  width: 49px;
  height: 3px;
  top: 27px;
  left: 0px;
}

.services_preview_button {
  position: absolute;
  top: -92px;
  right: 50px;
  border: solid 1px #fff;
  padding: 20px 25px 14px;
  float: left;
  margin-right: 15px;
  margin-top: 40px;
  background: #fff;
  z-index: 100;
  width: 105px;
  height: 101px;
}

.services_preview_button img {
  width: 16px;
}

.services_preview_button span {
  display: block;
  margin-top: 6px;
}

.testimonialcontent {
  color: #000;
  margin-top: 5px;
  padding: 0px 6% 0px 0%;
}

.testimonialcontent .singlequote {
  font-size: 48px;
}

.testimonialcontent .name {
  display: block;
  margin-top: 34px;
}

.testionmonial_inside_nav {
  position: absolute;
  right: 60px;
  z-index: 100;
  bottom: 37px;
}

.testionmonial_inside_nav a {
  cursor: pointer;
}

.testionmonials_slick {
  margin-bottom: -7px !important;
}

.testionmonials_slick h2 {
  position: absolute;
  bottom: 20px;
  font-size: 27.0154px;
  left: 8%;
  color: #fff;
  letter-spacing: 0.05em;
}

.testionmonials_slick .slick-slide {
  position: relative;
}

.testinmonial_content_slider .slick-dots li button:before {
  font-size: 13px;
}

.testinmonial_content_slider .slick-dots li.slick-active button:before {
  opacity: 10;
  color: #000;
}

.testinmonial_content_slider .slick-dots li button:before {
  opacity: 0.3;
  color: #000;
}

.testinmonial_content_slider .slick-dots {
  bottom: -42px;
  left: -13px;
  width: 21%;
}

footer {
  padding-top: 40px;
  position: relative;
}

footer .olstylenone li,
footer p {
  font-size: 16px;
}

.footerdotg::before {
  content: '';
  background: -webkit-radial-gradient(#d1bcdc 10%, transparent 10%), -webkit-radial-gradient(#d1bcdc 10%, transparent 15%), transparent;
  -webkit-background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  opacity: 0.6;
  background-size: 15px 15px;
  z-index: -1;
  position: absolute;
  padding: 0 7% 14%;
  bottom: 53px;
}

.facebook-icon {
  color: #ffffff !important;
  padding: 5px 9px 3px 8px;
  background: linear-gradient(107.86deg, #472AB2 -0.6%, #7D54D9 87.33%);
  border-radius: 3px;
  font-size: 20px;
}

.linked-icon {
  color: #ffffff !important;
  padding: 5px 6px 4px 5px;
  background: linear-gradient(107.86deg, #472AB2 -0.6%, #7D54D9 87.33%);
  border-radius: 3px;
  margin-left: 9px;
}

.enterprises_box {
  margin-top: 20.7777%;
  position: relative;
  z-index: 1;
}

.enterprises_box .img_box {
  width: 94%;
}

.enterprises_box .__right_preview_button {
  border: solid 1px #fff;
  padding: 13px 21px 10px;
  float: left;
  margin-right: 15px;
  margin-top: 40px;
  background: #fff;
  position: absolute;
  z-index: 1000;
  bottom: 13%;
  right: -60px;
  box-shadow: 1px 2px 6px #dcd4d4;
  height: 93px;
  width: 112px;
}

.enterprises_box .__right_preview_button img {
  width: 12px;
}

.enterprises_box .__right_preview_button span {
  display: block;
  margin-top: 7px;
}

._enterprise_percentage h3 {
  color: #472AB2;
  font-size: 64px;
}

._enterprise_percentage p {
  width: 90%;
}

.__enterprises_design {
  position: relative;
  padding: 25px 0px 55px;
}

.__enterprises_design h3 {
  line-height: 46px;
  font-size: 31px;
}

.__enterprises_design .form-btn {
  margin-top: 20px;
}

.__enterprises_design::before {
  content: "";
  position: absolute;
  background: #fcfcfc;
  width: 100%;
  height: 100%;
  top: 0;
}

.__enterprises_design::after {
  content: "";
  position: absolute;
  background: url("../images/enterprises/sectionbox.jpg");
  background-repeat: no-repeat;
  width: 30%;
  height: 100%;
  top: 0;
  right: 0;
}

.__about_box {
  position: relative;
  z-index: 1;
}

.__about_box .img_box {
  width: 86%;
}

blockquote {
  border-left: 5px solid #501cce;
  font-size: 22px;
  line-height: 35px;
  margin-top: 40px;
  color: #000;
}

blockquote span {
  color: #501cce;
}

.__carrers_slick_slider {
  margin-left: 32%;
}

.__carrers_slick_slider .__job_title {
  opacity: 1;
}

.__carrers_slick_slider p {
  margin-top: 35px;
  margin-bottom: 30px;
  color: #000;
  opacity: 0.4;
}

.__carrers_slick_slider a {
  color: #fff !important;
}

.__carrers_slick_slider .slick-slide {
  position: relative;
}

.__carrers_slick_slider .slick-dots li button:before {
  font-size: 13px;
}

.__carrers_slick_slider .slick-dots li.slick-active button:before {
  opacity: 10;
  color: #4712c9;
}

.__carrers_slick_slider .slick-dots li button:before {
  opacity: 0.5;
  color: #4712c9;
}

.__carrers_slick_slider .slick-dots {
  bottom: -38px;
  left: -12%;
  width: 50%;
}

.__carrersTitle {
  top: 188px;
  font-size: 96px;
  right: -34%;
}

.__resume_file {
  position: relative;
  cursor: pointer;
}

.__resume_file label {
  font-size: 18.0205px;
  color: #7a7a7a;
  position: relative;
  width: 100%;
}

.__resume_file label img {
  width: 14px;
  margin-left: 6px;
  right: 0;
  text-align: right;
  float: right;
  position: absolute;
  top: 4px;
  opacity: 0.6;
}

.__resume_file input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  /* min-width: 100%; */
  /* min-height: 100%; */
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
}

.__blogHome {
  margin-top: 28.666%;
  position: relative;
  z-index: 1;
}

.__blogHome .section_two_titles span {
  margin-left: 81px;
}

.__blogList {
  padding-left: 0px;
}

.__blogList li {
  list-style: none;
  margin-bottom: 50px;
}

.__blogList li h4 {
  font-size: 18px;
}

.__blogList li .img {
  float: left;
  margin-right: 10px;
}

.__blogList li .content {
  margin-left: 14%;
  position: relative;
}

.__blogList li .content p {
  display: flex;
  font-size: 16px;
}

.blogdivflex {
  display: flex;
}

.blogdivflex .col-xs-12 {
  margin-bottom: 100px;
}

.blogdivflex p {
  font-size: 16px;
}

.blogdivflex h4 {
  font-size: 18px;
}

.blogdivflex .__know_more_button {
  position: absolute;
  bottom: -50px;
}

.__blog_contact_list {
  position: relative;
  list-style: none;
  padding-left: 0px;
}

.__blog_contact_list li {
  position: relative;
  margin-bottom: 15px;
}

.__blog_contact_list li span {
  padding-left: 25px;
}

.__blog_contact_list li:before {
  content: "";
  position: absolute;
  border-radius: 70px;
  left: 0px;
  top: 6px;
  background: red;
  width: 9px;
  height: 9px;
  background: linear-gradient(107.86deg, #472ab2 -0.6%, #7d54d9 87.33%);
  opacity: 0.2;
}

.off_blog_image_background img {
  width: 105%;
}

.blog_preview_button {
  left: 16%;
  padding: 10px 14px 10px;
  border: solid 1px #8149e2;
  background: #844ce4;
  position: absolute;
  bottom: -90px;
  top: inherit;
}

.blog_preview_button span {
  color: #fff;
}

.relative {
  position: relative;
}

.__blog_enquiry {
  position: absolute;
  transform: rotate(-90deg);
  left: -6%;
  top: 37%;
  text-decoration: underline;
  zoom: 106%;
  -webkit-transform: translate3d(6, 0, 37);
  transform: translate3d(6, 0, 37);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

.__blog_enquiry a {
  color: #6945CB !important;
}

.enqiry_fixed {
  position: fixed;
  top: 50%;
  z-index: 1;
  -webkit-transform: translate3d(6, 0, 50);
  transform: translate3d(6, 0, 50);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

.single_blog_img {
  width: 76%;
  margin-top: 30%;
}

.__single_blog_content .enqiry_fixed {
  top: 37% !important;
}

.__single_blog_content .__blog_enquiry {
  top: 17%;
}

.__single_blog_content p {
  margin-bottom: 27px;
}

.__single_blog_content h4 {
  color: #511cce;
  font-size: 18px;
  margin-bottom: 16px;
}

.__carrertab {
  border-bottom: none;
  background: #FBFBFB;
  overflow: hidden;
}

.__carrertab li {
  float: left;
  width: 45%;
  text-align: center;
  list-style: none;
}

.__carrertab li a {
  border: none !important;
  color: #000 !important;
  background: none;
  padding: 9px 33px;
  display: inline-block;
  text-decoration: none;
}

.__carrertab li.active a {
  color: #472AB2 !important;
  position: relative;
  border-bottom: solid #4712c9 !important;
  background: #fbfbfb !important;
}

.__number_ol {
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 0px;
}

.__number_ol li {
  counter-increment: my-awesome-counter;
  position: relative;
  margin-bottom: 100px;
}

.__number_ol li::before {
  content: counter(my-awesome-counter);
  color: #ffffff;
  font-size: 214px;
  font-weight: bold;
  position: absolute;
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 63px;
  left: -125px;
  text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #7A7A7A !important;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #7A7A7A !important;
}

::-webkit-input-placeholder {
  /* Microsoft Edge */
  color: #7A7A7A !important;
}

.md-form .form-control {
  text-transform: lowercase;
  display: block;
  width: 100%;
  height: 41px;
  padding: 8px 15px;
  font-size: 18.0103px;
  line-height: 1.42857143;
  color: #000;
  background-color: #ffffff0a;
  background-image: none;
  /* border: none; */
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -o-transition: border-color ease-in-out 0.15s,
 box-shadow ease-in-out 0.15s;
  transition: none;
  margin-bottom: 4px;
  border-color: #E2E2E2 !important;
}

.contact_title {;
  font-size: 27.0154px;
  margin-bottom: 14px;
}

select::after {
  content: "";
  background: url(../images/downarrow.png);
  background-repeat: no-repeat;
  position: absolute;
  right: 0px;
  top: 0;
  width: 13%;
  height: 100%;
  pointer-events: none;
  background-position: 6px 11px;
}

/*the container must be positioned relative:*/
.custom-select {
  position: relative;
}

.custom-select select {
  display: none;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 16px;
  right: 4px;
  width: 19px;
  height: 12px;
  background: url(../images/downarrow.png);
  background-repeat: no-repeat;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
}

/*style the items (options), including the selected item:*/
.select-items div,
.select-selected {
  color: #000;
  cursor: pointer;
  user-select: none;
}

.select-items div,
.firstselect {
  color: #7a7a7a;
  cursor: pointer;
  user-select: none;
}

.select-items div {
  padding: 0px 14px;
}

/*style items (options):*/
.select-items {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  background: #fff;
  margin-top: 10px;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover,
.same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.form-btn {
  padding: 5px 13px;
  color: #fff !important;
  font-size: 18px;
  border-radius: 0px;
  margin-top: 14px;
}

.contact_info {
  margin-bottom: 45px;
  margin-left: 10%;
}

.contact_info h4 {
  color: #000;
  font-size: 18.0103px;
  text-transform: lowercase;
  font-weight: 400;
  letter-spacing: 0.04em;
}

.contact_info a {
  color: #000;
}

.careers_preview_button {
  position: relative !important;
  left: 10%;
  padding: 10px 14px 10px;
  border: solid 1px #8149e2;
  background: #844ce4;
  margin-top: 0px;
}

.careers_preview_button span {
  color: #fff;
}

.home_page_contact_dots {
  position: relative;
}

.home_page_contact_dots::after {
  content: '';
  background: -webkit-radial-gradient(#d1bcdc 10%, transparent 10%), -webkit-radial-gradient(#d1bcdc 10%, transparent 15%), transparent;
  -webkit-background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  opacity: 0.6;
  background-size: 15px 15px;
  z-index: -1;
  position: absolute;
  padding: 9% 14%;
  top: 11px;
  right: -9px;
}

.homeform {
  padding-left: 4.5%;
}

@media (min-width: 768px) {
  .col-md-pull-4-custom {
    right: 29.40%;
  }
  .col-md-offset-1-blog {
    margin-left: 13.66666%;
  }
  .col-md-7-project-custom {
    width: 60%;
    margin-left: -6%;
  }
  .__nav_header {
    width: 13.55%;
  }
  .col-md-7-custom-top {
    margin-left: 4.65%;
    width: 55.333333%;
  }
  .navbar-left {
    margin-left: 25.20% !important;
  }
  .col-md-5-custom {
    width: 40%;
  }
  .col-md-offset-3-custom {
    margin-left: 21.25%;
  }
  .col-md-7-custom {
    width: 60%;
  }
  .col-md-2-custom {
    width: 13.5%;
  }
  .col-md-offset-1-custom-home {
    margin-left: 6.50%;
  }
  .col-md-offset-1 {
    margin-left: 19.3%;
  }
  .col-md-offset-2 {
    margin-left: 20%;
  }
  .col-md-offset-4 {
    margin-left: 39.65%;
  }
  .col-md-3-custom {
    width: 19.97%;
  }
  .col-md-4-custom {
    width: 33.50%;
  }
  .col-md-6-custom {
    width: 60%;
  }
  .col-md-push-custom-1 {
    margin-left: 6.666666%;
  }
}

.mleft10 {
  margin-left: 10px;
}

.mleft18 {
  margin-left: 18px;
}

.__service_section_header_off {
  margin-left: 14%;
}

.__service_section_header_off h3 {
  line-height: 40px;
  margin-top: 0px;
  font-size: 36.0205px;
}

.__service_section_header_off .section-titles::before {
  left: 0px;
  margin-left: 0px;
}

.__service_section_header_off .section-titles span {
  margin-left: 69px;
}

.off-grey-right-section {
  position: relative;
}

.off-grey-right-section .section_carusel_nav {
  margin-top: 0px;
  margin-left: 13%;
  position: relative;
}

.off-grey-right-section .section_carusel_nav .__services_preview_button {
  position: absolute;
  left: 0px;
  border: solid 1px #fff;
  padding: 13px 21px 10px;
  float: left;
  margin-right: 15px;
  margin-top: 20px;
  background: #fff;
  z-index: 100;
}

.off-grey-right-section .section_carusel_nav .__services_preview_button img {
  width: 12px;
}

.off-grey-right-section .section_carusel_nav .__services_preview_button span {
  display: block;
  margin-top: 6px;
  font-size: 13.5077px;
}

.__all_slider_desktop_mobile_nopadding {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.__services_testionmonials_slick ._service_content {
  color: #fff;
  margin-left: 15%;
  padding: 55px 150px 73px 0px;
}

.__services_testionmonials_slick ._service_content h4 {
  color: #fff;
  font-size: 36.0205px;
  margin-bottom: 30px;
  opacity: 0.2;
}

.__services_testionmonials_slick .slick-dots li.slick-active button:before {
  opacity: 10;
  color: white;
}

.__services_testionmonials_slick .slick-dots li button:before {
  font-size: 13px;
  color: #fff;
}

.__services_testionmonials_slick .slick-dots {
  bottom: 19px;
  left: -28%;
}

.__serverice_project {
  position: relative;
  margin-top: -21%;
  margin-left: 49%;
  z-index: 10;
}

.__serverice_project .testionmonial_inside_nav {
  position: absolute;
  left: -65%;
  z-index: 100;
  bottom: 9%;
}

.off-right-empty-image-section {
  position: relative;
  margin-top: -277px;
}

.off-right-empty-image-section::after {
  position: absolute;
  content: "";
  width: 72%;
  height: 100%;
  background: url(../images/services/background.jpg);
  background-repeat: no-repeat;
  background-position: 75% 40%;
  right: -12%;
  top: 0px;
  z-index: 1;
}

.off-grey-right-section::before {
  content: "";
  background: #fcfcfc;
  position: absolute;
  width: 103.111111%;
  height: 53%;
  right: -3%;
}

.__know_more_button {
  margin-top: 20px;
  background: #fff;
  padding: 10px 20px 12px;
  display: inline-block;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.07);
}

.__services_top_banner {
  margin-top: 58%;
}

.__service_tab_div {
  margin-top: 25%;
  z-index: 1000;
  position: relative;
}

.__service_tab_div .tab-content {
  margin-left: 8%;
  margin-top: 50px;
  height: 62vh;
}

.__service_tab_div .tab-content img {
  float: right;
  width: 29%;
  position: absolute;
  right: 20px;
  bottom: 0;
}

.__service_tab_div .tab-content p {
  width: 80%;
  margin-bottom: 40px;
}

.__service_tab_div .tab-content .__service_tab_ul {
  padding-left: 0px;
  margin-left: 21.44444%;
}

.__service_tab_div .tab-content .__service_tab_ul li {
  list-style: none;
  margin-bottom: 20px;
}

.__servicetab {
  border-bottom: none;
  overflow: hidden;
  padding-left: 0px;
}

.__servicetab .active::before {
  content: "";
  position: absolute;
  left: 0px;
  width: 7px;
  height: 7px;
  border-radius: 50px;
  background: #5f29d4;
  top: 8px;
}

.__servicetab li > a:hover {
  border-color: #fff #fff #fff;
}

.__servicetab li {
  list-style: none;
  width: 20%;
  position: relative;
}

.__servicetab li.active > a,
.__servicetab li.active > a:focus,
.__servicetab li.active > a:hover {
  color: #4102d1 !important;
  cursor: default;
  background: none;
  border: none;
  border-bottom-color: transparent;
  font-size: 18.0103px;
}

.__servicetab li a {
  color: #808080 !important;
  margin-left: 14px;
  border-bottom: none !important;
  text-decoration: none;
  font-size: 16px;
}

.__servicetab .nav-tabs > li {
  width: 20%;
  text-align: center;
  display: inline-block;
}

.__servicetab .nav > li > a:focus,
.__servicetab .nav > li > a:hover {
  text-decoration: none;
  background-color: #fff0;
  border-color: #fff #fff #000;
}

.__servicetab .nav-tabs > li > a {
  border: none;
}

.__servicetab .homeportfolio {
  margin-left: 7.7%;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: #ddd0;
}

.contact_page_info {
  margin-bottom: 0px;
  margin-left: 0px;
  float: left;
  margin-right: 30px;
}

.contact_page_info h4 {
  color: #fff;
  font-size: 17px;
  text-transform: lowercase;
  font-weight: 400;
}

.__project_client_info {
  list-style: none;
  padding-left: 0px;
  margin-top: 30px;
}

.__project_client_info li {
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
  color: #fff;
  opacity: 0.8;
}

.__project_client_info li span:first-child {
  display: block;
  float: left;
  opacity: 0.6;
  width: 30%;
}

.__project_client_info li span:last-child {
  display: flex;
  width: 50%;
}

.__project_abouts_title {
  transform: rotate(90deg);
  position: absolute;
  top: 50%;
  font-size: 74px;
  right: -9%;
  color: #fff;
  text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.12);
  font-weight: bold;
}

.tasqar_off_background::after {
  position: absolute;
  content: "";
  width: 40%;
  height: 100%;
  background: url(../images/project/tasqar/Image.png);
  background-repeat: no-repeat;
  right: 0px;
  top: 0;
}

.tasqar_righ_sec {
  position: relative;
  color: #82BCF4;
  z-index: 1;
  padding: 30px 2px 2px 30%;
  font-size: 24.0137px;
}

.tasqar_righ_sec p {
  margin-bottom: 0px;
  font-size: 24.0137px;
}

.tasqar_righ_sec .__blog_contact_list li:before {
  background: #82bcf4;
}

.__project_image_center {
  position: absolute;
  top: 20%;
  z-index: 100;
  left: 80%;
}

.__project_app_image {
  position: absolute;
  top: 20%;
  z-index: 100;
  left: 74%;
  width: 53%;
}

.__number_list {
  padding-left: 16px;
}

.__span_list span {
  display: block;
}

.__project_screen {
  padding-left: 0px;
}

.__project_screen li {
  float: left;
  list-style: none;
  width: 25%;
  padding-right: 27px;
}

.__project_screen li img {
  height: 478px;
}

.__visite_site_button {
  bottom: -70px;
  right: -120px;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08);
  top: inherit;
}

.__equal_image_height {
  height: 438px;
}

.__off_mac_box {
  margin-top: 18%;
  z-index: 1000;
  position: relative;
  margin-bottom: -46%;
}

.__right_tasqar {
  margin-top: 20%;
}

.off_page_page_box {
  margin-top: 18%;
}

.issue_font {
  font-size: 36.0205px;
}

.services_preview_button,
.preview_button,
.home-content-div .a_home_href a,
.normal_preview_button {
  font-size: 13.5077px;
}

.sliderpogress {
  position: absolute;
  top: 26%;
  left: 8%;
  width: 55.8888%;
}

.sliderpogress h3 {
  position: absolute;
  top: -45px;
  left: -50px;
  color: #cac9c9;
}

.sliderpogress .greycolor {
  width: 100%;
  background: #dadada;
  height: 5px;
}

.sliderpogress .slide-progress {
  position: absolute;
  width: 0;
  max-width: 100%;
  height: 5px;
  background: #723bdc73;
  top: 0px;
}

.__carrers_slider_div {
  margin-top: 0px;
}

.__shadow_project_section {
  overflow: hidden;
}

.project_titles {
  transform: rotate(90deg);
  position: absolute;
  top: 169px;
  color: #fff;
  text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.12);
  font-weight: bold;
}

.__cloud_learn {
  font-size: 96px;
  right: -30%;
}

.__project_naturals {
  font-size: 96px;
  right: -51%;
}

.__icca_project {
  font-size: 96px;
  right: -67%;
}

.__netconnect_project {
  font-size: 96px;
  right: -55%;
}

.__order_project {
  font-size: 96px;
  right: -30%;
}

.__litim_project {
  font-size: 96px;
  right: -75%;
  top: 59%;
}

.__tasqar_web_project {
  font-size: 141px;
  right: -34%;
  top: 20%;
}

.__homega_project {
  font-size: 141px;
  right: -32%;
  top: 20%;
}

.__nr_project {
  font-size: 64px;
  right: -44%;
  top: 18%;
}

.__tasqar_project {
  font-size: 141px;
  right: -17%;
}

.abouts_title {
  font-size: 96px;
  right: -35%;
}

.contact_us_title {
  font-size: 96px;
  right: -27%;
  top: 210px;
}

.nhce__title {
  transform: rotate(90deg);
  position: absolute;
  top: 169px;
  font-size: 141px;
  right: -27%;
  color: #fff;
  text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.12);
  font-weight: bold;
}

.apporachbox {
  position: relative;
  z-index: 100;
  background: #fff;
}

.appoachbutton {
  padding: 16px 68px;
  background: #8650ef;
  border: none;
  color: #fff !important;
  font-size: 20px;
  letter-spacing: 6px;
  position: relative;
  z-index: 100;
  top: -16px;
  cursor: default;
}

.approachborderright {
  border-right: solid #606060 1px;
  height: 100px;
  opacity: 0.4;
}

.approach_tab_section .nav > li > a {
  position: relative;
  display: block;
  padding: 24px 15px;
  color: #000 !important;
  font-size: 20px;
}

.enterpriese-formbox-padding {
  padding: 0% 7%;
}

.thankyou_dot_right::before {
  content: '';
  background: -webkit-radial-gradient(#d1bcdc 10%, transparent 10%), -webkit-radial-gradient(#d1bcdc 10%, transparent 15%), transparent;
  -webkit-background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  opacity: 0.6;
  background-size: 15px 15px;
  z-index: 100;
  position: absolute;
  padding: 16% 4%;
  bottom: 0;
  right: 0;
  top: 26%;
}

/*# sourceMappingURL=style.css.map */