/*Primary Colors*/
/*Accent Colors*/
/*Neutral Colors*/
@font-face {
  font-family: 'robotobold';
  src: url("../../fonts/roboto-bold-webfont.woff2") format("woff2"), url("../../fonts/roboto-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'robotoregular';
  src: url("../../fonts/roboto-regular-webfont.woff2") format("woff2"), url("../../fonts/roboto-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'robotolight';
  src: url("../../fonts/roboto-light-webfont.woff2") format("woff2"), url("../../fonts/roboto-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'robotolight_italic';
  src: url("../../fonts/roboto-lightitalic-webfont.woff2") format("woff2"), url("../../fonts/roboto-lightitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'robotomedium';
  src: url("../../fonts/roboto-medium-webfont.woff2") format("woff2"), url("../../fonts/roboto-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'robotoblack';
  src: url("../../fonts/roboto-black-webfont.woff2") format("woff2"), url("../../fonts/roboto-black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Poppins-Bold';
  src: url("../../fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Poppins-Bold.otf") format("opentype"), url("../../fonts/Poppins-Bold.woff") format("woff"), url("../../fonts/Poppins-Bold.ttf") format("truetype"), url("../../fonts/Poppins-Bold.svg#Poppins-Bold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Poppins-SemiBold';
  src: url("../../Poppins-SemiBold.eot?#iefix") format("embedded-opentype"), url("../../Poppins-SemiBold.otf") format("opentype"), url("../../Poppins-SemiBold.woff") format("woff"), url("../../Poppins-SemiBold.ttf") format("truetype"), url("../../Poppins-SemiBold.svg#Poppins-SemiBold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'HypatiaSansPro-Semibold';
  src: url("../../fonts/HypatiaSansPro-Semibold.eot?#iefix") format("embedded-opentype"), url("../../fonts/HypatiaSansPro-Semibold.otf") format("opentype"), url("../../fonts/HypatiaSansPro-Semibold.woff") format("woff"), url("../../fonts/HypatiaSansPro-Semibold.ttf") format("truetype"), url("../../fonts/HypatiaSansPro-Semibold.svg#HypatiaSansPro-Semibold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'HypatiaSansPro-Light';
  src: url("../../fonts/HypatiaSansPro-Light.eot?#iefix") format("embedded-opentype"), url("../../fonts/HypatiaSansPro-Light.otf") format("opentype"), url("../../fonts/HypatiaSansPro-Light.woff") format("woff"), url("../../fonts/HypatiaSansPro-Light.ttf") format("truetype"), url("../../fonts/HypatiaSansPro-Light.svg#HypatiaSansPro-Light") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'HypatiaSansPro-Black';
  src: url("../../fonts/HypatiaSansPro-Black.eot?#iefix") format("embedded-opentype"), url("../../fonts/HypatiaSansPro-Black.otf") format("opentype"), url("../../fonts/HypatiaSansPro-Black.woff") format("woff"), url("../../fonts/HypatiaSansPro-Black.ttf") format("truetype"), url("../../fonts/HypatiaSansPro-Black.svg#HypatiaSansPro-Black") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'HypatiaSansPro-Bold';
  src: url("../../fonts/HypatiaSansPro-Bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/HypatiaSansPro-Bold.otf") format("opentype"), url("../../fonts/HypatiaSansPro-Bold.woff") format("woff"), url("../../fonts/HypatiaSansPro-Bold.ttf") format("truetype"), url("../../fonts/HypatiaSansPro-Bold.svg#HypatiaSansPro-Bold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'HypatiaSansPro-Regular';
  src: url("../../fonts/HypatiaSansPro-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/HypatiaSansPro-Regular.otf") format("opentype"), url("../../fonts/HypatiaSansPro-Regular.woff") format("woff"), url("../../fonts/HypatiaSansPro-Regular.ttf") format("truetype"), url("../../fonts/HypatiaSansPro-Regular.svg#HypatiaSansPro-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }
/* font-family */
@font-face {
  font-family: 'fira_sansbold';
  src: url("../../fonts/firasans-bold-webfont.woff2") format("woff2"), url("../../fonts/firasans-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'fira_sansmedium';
  src: url("../../fonts/firasans-medium-webfont.woff2") format("woff2"), url("../../fonts/firasans-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'fira_sanslight_italic';
  src: url("../../fonts/firasans-lightitalic-webfont.woff2") format("woff2"), url("../../fonts/firasans-lightitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'fira_sanslight';
  src: url("firasans-light-webfont.woff2") format("woff2"), url("firasans-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'fira_sansextrabold';
  src: url("../../fonts/firasans-extrabold-webfont.woff2") format("woff2"), url("../../fonts/firasans-extrabold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'fira_sansregular';
  src: url("../../fonts/firasans-regular/firasans-regular-webfont.woff2") format("woff2"), url("../../fonts/firasans-regular/firasans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'fira_sanssemibold';
  src: url("../../fonts/firasans-semibold-webfont.woff2") format("woff2"), url("../../fonts/firasans-semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
.scroll-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  display: none;
  background-color: #fff !important;
  border: 0px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); }
  .scroll-top img {
    transform: rotate(-90deg); }

body.menu_open {
  position: fixed;
  width: 100%; }

@media screen and (max-width: 992px) {
  .home-header > .container {
    padding: 0px; }

  .navbar-brand {
    margin-left: 20px; }

  .navbar-toggler {
    margin-right: 20px; }

  .home-header .navbar-collapse {
    background: #fff;
    height: calc(100vh - 100px);
    overflow: auto;
    margin-top: 9px;
    padding-left: 20px;
    padding-right: 20px; }
    .home-header .navbar-collapse .navbar-nav .nav-item {
      padding: 10px 0;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      position: relative; }
      .home-header .navbar-collapse .navbar-nav .nav-item .nav-link img {
        float: right;
        width: 15px;
        padding-top: 3px;
        display: none; }
      .home-header .navbar-collapse .navbar-nav .nav-item .subnav {
        position: relative;
        left: 0px;
        top: 0px;
        visibility: visible;
        opacity: 1;
        padding-top: 0px;
        display: block;
        width: 100%; }
        .home-header .navbar-collapse .navbar-nav .nav-item .subnav ul {
          padding: 20px;
          display: none;
          margin-top: 20px; }
          .home-header .navbar-collapse .navbar-nav .nav-item .subnav ul:before {
            left: 40px;
            margin-bottom: -1px; }
          .home-header .navbar-collapse .navbar-nav .nav-item .subnav ul li {
            padding-bottom: 10px; }
      .home-header .navbar-collapse .navbar-nav .nav-item .expand {
        position: absolute;
        width: 30px;
        right: 20px;
        top: 5px;
        height: 30px;
        background: #2e6e97; }
        .home-header .navbar-collapse .navbar-nav .nav-item .expand:after {
          content: "+";
          position: absolute;
          width: 100%;
          height: 100%;
          font-size: 24px;
          color: #ffffff;
          text-align: center;
          line-height: 26px; }
        .home-header .navbar-collapse .navbar-nav .nav-item .expand.expanded:after {
          content: "-";
          font-size: 30px; }
    .home-header .navbar-collapse .form-inline {
      display: none; } }
.mobile_block {
  display: none; }
  @media screen and (max-width: 991px) {
    .mobile_block {
      display: block; }
      .mobile_block ul {
        padding: 0px; }
        .mobile_block ul li {
          list-style-type: none;
          padding: 10px 0;
          border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
          .mobile_block ul li a {
            padding: 0;
            font-size: 18px;
            line-height: 22px;
            color: #22252D;
            margin-right: 45px;
            font-family: "fira_sansmedium"; } }

/* home-header scss */
.home-header {
  background: transparent linear-gradient(180deg, #F0F0F0 0%, #F0F0F0 64%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
  height: 100px;
  box-shadow: 0px 10px 20px #0000001A;
  position: sticky;
  z-index: 9999;
  top: 0px;
  left: 0px; }
  .home-header .navbar {
    padding: .5rem 0rem; }
    @media screen and (max-width: 1020px) {
      .home-header .navbar {
        flex-direction: row-reverse; } }
    .home-header .navbar .navbar-nav li {
      position: relative; }
      .home-header .navbar .navbar-nav li.active a {
        color: #0077C2; }
      .home-header .navbar .navbar-nav li .nav-link {
        padding: 0;
        font-size: 18px;
        line-height: 22px;
        color: #22252D;
        margin-right: 45px;
        font-family: "robotomedium"; }
        .home-header .navbar .navbar-nav li .nav-link img {
          margin-left: 5px;
          display: none; }
      .home-header .navbar .navbar-nav li .subnav {
        position: absolute;
        top: calc(100% + 30px);
        left: -30px;
        width: 330px;
        padding-top: 40px;
        opacity: 0;
        visibility: hidden;
        transition: all 0.2s ease-in-out; }
        .home-header .navbar .navbar-nav li .subnav ul {
          padding: 0px;
          margin: 0px;
          background: #ffffff;
          box-shadow: 0 0 30px #00000033;
          padding: 40px;
          position: relative;
          border-radius: 0 0 15px 15px; }
          .home-header .navbar .navbar-nav li .subnav ul:before {
            bottom: 100%;
            left: 65px;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(255, 255, 255, 0);
            border-bottom-color: #fff;
            border-width: 15px;
            margin-left: -15px; }
          .home-header .navbar .navbar-nav li .subnav ul li {
            list-style-type: none;
            padding-bottom: 25px;
            position: relative; }
            .home-header .navbar .navbar-nav li .subnav ul li.active a {
              color: #0077C2 !important; }
            .home-header .navbar .navbar-nav li .subnav ul li h5 {
              margin: 0px;
              font-size: 16px;
              line-height: 16px;
              color: #00AC9F;
              font-family: "robotomedium"; }
            .home-header .navbar .navbar-nav li .subnav ul li a {
              color: #344B62;
              font-family: "robotomedium";
              font-size: 14px;
              line-height: 17px;
              position: relative;
              display: inline-block;
              padding-left: 15px; }
              .home-header .navbar .navbar-nav li .subnav ul li a:before {
                content: '';
                width: 8px;
                height: 1px;
                background: #919296;
                position: absolute;
                left: 0px;
                top: 8px; }
              .home-header .navbar .navbar-nav li .subnav ul li a:hover {
                color: #0077C2; }
            .home-header .navbar .navbar-nav li .subnav ul li:nth-last-child(1) {
              padding-bottom: 0; }
            .home-header .navbar .navbar-nav li .subnav ul li.requitment {
              padding-bottom: 0; }
              .home-header .navbar .navbar-nav li .subnav ul li.requitment p {
                border-top: 1px solid rgba(112, 112, 112, 0.3);
                padding-top: 23px; }
                .home-header .navbar .navbar-nav li .subnav ul li.requitment p a {
                  font-family: "robotomedium";
                  font-size: 16px;
                  color: #00AC9F;
                  padding-left: 0px; }
                  .home-header .navbar .navbar-nav li .subnav ul li.requitment p a:before {
                    display: none; }
      .home-header .navbar .navbar-nav li:hover .subnav {
        top: 100%;
        opacity: 1;
        visibility: visible; }
      .home-header .navbar .navbar-nav li:hover > .nav-link {
        color: #0077C2; }
    .home-header .navbar .form-inline .menu_btn {
      position: relative;
      background: rgba(255, 255, 255, 0.5);
      width: 50px;
      height: 50px;
      border-radius: 12px;
      display: flex;
      justify-content: center; }
      .home-header .navbar .form-inline .menu_btn .btn {
        background: none;
        border: none;
        outline: none;
        box-shadow: none; }
        .home-header .navbar .form-inline .menu_btn .btn .fa-bars {
          font-size: 16px;
          color: #22252D; }
      .home-header .navbar .form-inline .menu_btn .subnav {
        position: absolute;
        top: calc(100% + 30px);
        right: -30px;
        width: 170px;
        padding-top: 25px;
        opacity: 0;
        visibility: hidden;
        transition: all 0.2s ease-in-out; }
        .home-header .navbar .form-inline .menu_btn .subnav ul {
          padding: 0px;
          margin: 0px;
          background: #ffffff;
          box-shadow: 0 0 30px #00000033;
          padding: 30px;
          position: relative; }
          .home-header .navbar .form-inline .menu_btn .subnav ul:before {
            bottom: 100%;
            right: 35px;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(255, 255, 255, 0);
            border-bottom-color: #fff;
            border-width: 15px;
            margin-left: -15px; }
          .home-header .navbar .form-inline .menu_btn .subnav ul li {
            list-style-type: none;
            padding-bottom: 15px; }
            .home-header .navbar .form-inline .menu_btn .subnav ul li h5 {
              margin: 0px;
              font-size: 16px;
              line-height: 16px;
              color: #00AC9F;
              font-family: "robotomedium"; }
            .home-header .navbar .form-inline .menu_btn .subnav ul li a {
              color: #00AC9F;
              font-family: "robotomedium";
              font-size: 14px;
              line-height: 17px; }
              .home-header .navbar .form-inline .menu_btn .subnav ul li a:hover {
                color: #0077C2; }
            .home-header .navbar .form-inline .menu_btn .subnav ul li:nth-last-child(1) {
              padding-bottom: 0; }
      .home-header .navbar .form-inline .menu_btn:hover .subnav {
        top: 100%;
        opacity: 1;
        visibility: visible; }

.menu_btn .subnav ul li.active a {
  color: #0077C2 !important; }

.home_banner .slider_list {
  position: relative;
  height: 600px; }
  .home_banner .slider_list .bg_slide {
    min-height: 100%;
    position: relative;
    overflow: hidden; }
    .home_banner .slider_list .bg_slide img {
      position: absolute;
      left: 50%;
      top: 0px;
      transform: translateX(-50%);
      min-height: 100%; }
      @media screen and (width: 1600px) {
        .home_banner .slider_list .bg_slide img {
          width: 100%; } }
  .home_banner .slider_list .slide_content {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%; }
    .home_banner .slider_list .slide_content .slide_content_in {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 600px;
      width: 100%; }
      .home_banner .slider_list .slide_content .slide_content_in .slide_content-left {
        max-width: 600px; }
        .home_banner .slider_list .slide_content .slide_content_in .slide_content-left h3 {
          font-family: "HypatiaSansPro-Regular";
          font-size: 45px;
          line-height: 60px;
          color: #162738;
          padding-right: 12px;
          margin-bottom: 18px; }
          .home_banner .slider_list .slide_content .slide_content_in .slide_content-left h3 span {
            font-family: "HypatiaSansPro-Black"; }
            .home_banner .slider_list .slide_content .slide_content_in .slide_content-left h3 span.blue {
              color: #00C2F0; }
            .home_banner .slider_list .slide_content .slide_content_in .slide_content-left h3 span.orange {
              color: #FFAE00; }
            .home_banner .slider_list .slide_content .slide_content_in .slide_content-left h3 span.gray {
              color: #ED679C; }
            .home_banner .slider_list .slide_content .slide_content_in .slide_content-left h3 span.green {
              color: #8ACB1B; }
        .home_banner .slider_list .slide_content .slide_content_in .slide_content-left h6 {
          color: #162738;
          font-family: "HypatiaSansPro-Regular";
          font-size: 28px;
          line-height: 36px; }
        .home_banner .slider_list .slide_content .slide_content_in .slide_content-left h5 {
          font-family: "HypatiaSansPro-Bold";
          font-size: 49px;
          line-height: 55px;
          color: #8ACB1B;
          margin-bottom: 15px; }
          .home_banner .slider_list .slide_content .slide_content_in .slide_content-left h5 span {
            display: block;
            color: #024B79; }
        .home_banner .slider_list .slide_content .slide_content_in .slide_content-left p {
          font-size: 20px;
          line-height: 30px;
          color: rgba(52, 75, 98, 0.8);
          font-family: "robotoregular";
          margin-bottom: 40px; }
        .home_banner .slider_list .slide_content .slide_content_in .slide_content-left .primary_button {
          display: inline-flex;
          width: 185px;
          border-radius: 25px;
          font-size: 16px;
          line-height: 22px;
          text-transform: uppercase;
          padding-left: 30px; }
          .home_banner .slider_list .slide_content .slide_content_in .slide_content-left .primary_button::after {
            right: 30px; }
      .home_banner .slider_list .slide_content .slide_content_in .slide_content-right img {
        height: 425px; }
      @media screen and (max-width: 1500px) {
        .home_banner .slider_list .slide_content .slide_content_in {
          height: 520px; } }
      @media screen and (max-width: 992px) {
        .home_banner .slider_list .slide_content .slide_content_in {
          height: 470px; }
          .home_banner .slider_list .slide_content .slide_content_in .slide_content-left {
            width: 50%; }
            .home_banner .slider_list .slide_content .slide_content_in .slide_content-left h3 {
              font-size: 25px;
              line-height: 40px; }
            .home_banner .slider_list .slide_content .slide_content_in .slide_content-left h5 {
              font-size: 35px;
              line-height: 40px; }
            .home_banner .slider_list .slide_content .slide_content_in .slide_content-left p {
              font-size: 18px;
              line-height: 28px;
              margin-bottom: 20px; }
          .home_banner .slider_list .slide_content .slide_content_in .slide_content-right img {
            height: 320px; } }
      @media screen and (max-width: 767px) {
        .home_banner .slider_list .slide_content .slide_content_in {
          flex-direction: column;
          height: 480px;
          padding: 20px 20px 0;
          justify-content: flex-start; }
          .home_banner .slider_list .slide_content .slide_content_in .slide_content-left {
            width: 100%; }
            .home_banner .slider_list .slide_content .slide_content_in .slide_content-left h3 {
              font-size: 34px;
              line-height: 37px; }
            .home_banner .slider_list .slide_content .slide_content_in .slide_content-left h6 {
              font-size: 20px;
              line-height: 25px; }
            .home_banner .slider_list .slide_content .slide_content_in .slide_content-left h5 {
              font-size: 30px;
              line-height: 35px; }
          .home_banner .slider_list .slide_content .slide_content_in .slide_content-right {
            width: 100%;
            margin-top: 20px; }
            .home_banner .slider_list .slide_content .slide_content_in .slide_content-right img {
              height: 200px;
              margin: 0 auto;
              display: block; } }
      @media screen and (max-width: 575px) {
        .home_banner .slider_list .slide_content .slide_content_in .slide_content-left h3 {
          font-size: 32px;
          line-height: 35px; }
        .home_banner .slider_list .slide_content .slide_content_in .slide_content-left h5 {
          font-size: 28px;
          line-height: 33px; } }
      @media screen and (max-width: 575px) {
        .home_banner .slider_list .slide_content .slide_content_in {
          height: 520px; } }
      .home_banner .slider_list .slide_content .slide_content_in.c_shape {
        position: relative; }
        .home_banner .slider_list .slide_content .slide_content_in.c_shape:before {
          width: 100%;
          height: 100%;
          content: '';
          position: absolute;
          left: -250px;
          top: 0px;
          background: url("../../images/c_shape.png") no-repeat left center;
          background-size: auto 515px; }
          @media screen and (max-width: 1450px) and (min-width: 1200px) {
            .home_banner .slider_list .slide_content .slide_content_in.c_shape:before {
              background-size: auto 480px;
              left: -150px; } }
          @media screen and (max-width: 1200px) {
            .home_banner .slider_list .slide_content .slide_content_in.c_shape:before {
              background-size: auto 430px;
              left: -140px; } }
          @media screen and (max-width: 992px) {
            .home_banner .slider_list .slide_content .slide_content_in.c_shape:before {
              background-size: auto 430px;
              left: -140px; } }
          @media screen and (max-width: 767px) {
            .home_banner .slider_list .slide_content .slide_content_in.c_shape:before {
              background-size: auto 300px;
              left: -120px;
              background-position: left top;
              top: -20px; } }
          @media screen and (max-width: 575px) {
            .home_banner .slider_list .slide_content .slide_content_in.c_shape:before {
              width: calc(100% + 120px); } }
  @media screen and (max-width: 1500px) {
    .home_banner .slider_list {
      height: 520px; } }
  @media screen and (max-width: 992px) {
    .home_banner .slider_list {
      height: 470px; } }
  @media screen and (max-width: 767px) {
    .home_banner .slider_list {
      height: 520px; } }
  @media screen and (max-width: 575px) {
    .home_banner .slider_list {
      height: 600px; } }
  .home_banner .slider_list.slider_list2 .slide_content .slide_content_in .slide_content-right {
    max-width: 500px; }
    .home_banner .slider_list.slider_list2 .slide_content .slide_content_in .slide_content-right img {
      height: 400px;
      width: auto; }
    @media screen and (max-width: 1200px) {
      .home_banner .slider_list.slider_list2 .slide_content .slide_content_in .slide_content-right {
        margin-right: -100px; } }
    @media screen and (max-width: 991px) {
      .home_banner .slider_list.slider_list2 .slide_content .slide_content_in .slide_content-right {
        margin-right: -149px; }
        .home_banner .slider_list.slider_list2 .slide_content .slide_content_in .slide_content-right img {
          height: 400px; } }
  @media screen and (max-width: 1200px) {
    .home_banner .slider_list.slider_list2 .slide_content .slide_content_in .slide_content-left h5 {
      font-size: 40px;
      line-height: 46px; } }
  @media screen and (max-width: 991px) {
    .home_banner .slider_list.slider_list2 .slide_content .slide_content_in .slide_content-left h5 {
      font-size: 35px;
      line-height: 46px; } }
  @media screen and (max-width: 767px) {
    .home_banner .slider_list.slider_list2 .slide_content .slide_content_in {
      height: 520px; }
      .home_banner .slider_list.slider_list2 .slide_content .slide_content_in .slide_content-right {
        margin: 0 auto !important; }
        .home_banner .slider_list.slider_list2 .slide_content .slide_content_in .slide_content-right img {
          margin-bottom: 0px;
          height: 240px !important; }
      .home_banner .slider_list.slider_list2 .slide_content .slide_content_in .slide_content-left h5 {
        font-size: 30px;
        line-height: 34px; } }
  @media screen and (max-width: 500px) {
    .home_banner .slider_list.slider_list2 .slide_content .slide_content_in .slide_content-right {
      margin: 20px auto !important; } }
  @media screen and (max-width: 575px) {
    .home_banner .slider_list.slider_list2 .slide_content .slide_content_in .slide_content-left h5 {
      font-size: 28px;
      line-height: 32px; } }
  @media screen and (max-width: 575px) {
    .home_banner .slider_list.slider_list2 .slide_content .slide_content_in {
      height: 640px; } }
.home_banner .home_banner_conrolls {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  z-index: 99;
  padding-left: 20px; }
  .home_banner .home_banner_conrolls .swiper-button-prev, .home_banner .home_banner_conrolls .swiper-button-next {
    position: static;
    margin: 0 16px 0 0 !important;
    outline: none !important;
    padding: 0 !important;
    width: 48px;
    height: 48px;
    border-radius: 10px 10px 0 0;
    background: #024B79 0% 0% no-repeat padding-box; }
    .home_banner .home_banner_conrolls .swiper-button-prev:after, .home_banner .home_banner_conrolls .swiper-button-next:after {
      display: none; }
    .home_banner .home_banner_conrolls .swiper-button-prev.swiper-button-disabled, .home_banner .home_banner_conrolls .swiper-button-next.swiper-button-disabled {
      opacity: 0.5; }
  .home_banner .home_banner_conrolls .swiper-button-prev img {
    transform: rotate(180deg); }

.hidden {
  overflow: hidden; }

/* banner_section */
.banner_section {
  overflow: hidden; }
  .banner_section .homeSlider.slick-dotted.slick-slider {
    margin-bottom: 0px; }
  .banner_section .homeSlider .homeSliderWrap {
    position: relative;
    height: 100vh;
    max-height: 600px;
    min-height: 500px; }
    @media screen and (max-width: 767px) {
      .banner_section .homeSlider .homeSliderWrap {
        height: auto;
        max-height: none;
        min-height: 0; } }
    .banner_section .homeSlider .homeSliderWrap .slideBg {
      position: absolute;
      right: 0px;
      top: 0px;
      z-index: 1;
      width: 100%;
      height: 100%; }
      .banner_section .homeSlider .homeSliderWrap .slideBg img {
        max-width: inherit;
        height: 100%;
        width: 100%;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); }
    .banner_section .homeSlider .homeSliderWrap .slideWrap {
      max-width: 1140px;
      height: 100%;
      position: relative;
      margin: 0 auto;
      z-index: 2; }
      @media screen and (max-width: 767px) {
        .banner_section .homeSlider .homeSliderWrap .slideWrap {
          display: flex;
          flex-direction: column-reverse;
          padding-top: 40px; } }
      .banner_section .homeSlider .homeSliderWrap .slideWrap .slideImage {
        float: right;
        width: 50%;
        padding: 0px 0px 0px 0px;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center; }
        @media screen and (max-width: 767px) {
          .banner_section .homeSlider .homeSliderWrap .slideWrap .slideImage {
            float: none;
            width: 100%; } }
        .banner_section .homeSlider .homeSliderWrap .slideWrap .slideImage img {
          width: 80%;
          margin: 0 auto;
          max-width: 100%; }
          @media screen and (max-width: 767px) {
            .banner_section .homeSlider .homeSliderWrap .slideWrap .slideImage img {
              width: 50%; } }
      .banner_section .homeSlider .homeSliderWrap .slideWrap .slideContent {
        float: left;
        width: 50%;
        padding: 0px 0px 0px 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 20px; }
        @media screen and (max-width: 767px) {
          .banner_section .homeSlider .homeSliderWrap .slideWrap .slideContent {
            float: none;
            width: 80%;
            margin: 0 auto; } }
        .banner_section .homeSlider .homeSliderWrap .slideWrap .slideContent h3 {
          font-size: 36px;
          line-height: 50px;
          color: #22252D;
          font-family: "HypatiaSansPro-Regular"; }
          @media screen and (max-width: 900px) {
            .banner_section .homeSlider .homeSliderWrap .slideWrap .slideContent h3 {
              font-size: 26px;
              line-height: 32px; } }
          @media screen and (max-width: 767px) {
            .banner_section .homeSlider .homeSliderWrap .slideWrap .slideContent h3 {
              font-size: 24px;
              line-height: 31px;
              padding-bottom: 20px;
              text-align: center; } }
          .banner_section .homeSlider .homeSliderWrap .slideWrap .slideContent h3 .customer_head {
            color: #00C2F0;
            font-family: "HypatiaSansPro-Black"; }
          .banner_section .homeSlider .homeSliderWrap .slideWrap .slideContent h3 .cap_text {
            color: #FFAE00;
            font-family: "HypatiaSansPro-Black"; }
          .banner_section .homeSlider .homeSliderWrap .slideWrap .slideContent h3 .care_text {
            color: #ED679C;
            font-family: "HypatiaSansPro-Black"; }
          .banner_section .homeSlider .homeSliderWrap .slideWrap .slideContent h3 .commit_text {
            color: #8ACB1B;
            font-family: "HypatiaSansPro-Black"; }
        .banner_section .homeSlider .homeSliderWrap .slideWrap .slideContent .digital-text {
          font-size: 54px;
          line-height: 59px;
          color: #024B79;
          font-family: "HypatiaSansPro-Bold";
          margin-bottom: 20px; }
          @media screen and (max-width: 900px) {
            .banner_section .homeSlider .homeSliderWrap .slideWrap .slideContent .digital-text {
              font-size: 40px;
              line-height: 43px; } }
          @media screen and (max-width: 767px) {
            .banner_section .homeSlider .homeSliderWrap .slideWrap .slideContent .digital-text {
              font-size: 30px;
              line-height: 34px;
              margin-bottom: 10px; } }
          .banner_section .homeSlider .homeSliderWrap .slideWrap .slideContent .digital-text span {
            color: #8ACB1B; }
        .banner_section .homeSlider .homeSliderWrap .slideWrap .slideContent p {
          font-size: 20px;
          line-height: 30px;
          font-family: "robotoregular";
          color: rgba(52, 75, 98, 0.8);
          margin-bottom: 40px; }
          @media screen and (max-width: 767px) {
            .banner_section .homeSlider .homeSliderWrap .slideWrap .slideContent p {
              font-size: 16px;
              line-height: 24px;
              margin-bottom: 20px; } }
        .banner_section .homeSlider .homeSliderWrap .slideWrap .slideContent .explore_btn {
          background: transparent linear-gradient(86deg, #00AC9F 0%, #11CB75 100%) 0% 0% no-repeat padding-box;
          border-radius: 25px;
          width: 184px;
          height: 50px;
          padding: 0 30px;
          outline: none;
          border: none;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #ffffff;
          font-size: 16px;
          line-height: 22px;
          font-family: "HypatiaSansPro-Bold"; }
          .banner_section .homeSlider .homeSliderWrap .slideWrap .slideContent .explore_btn img {
            margin-left: 20px; }
  .banner_section .homeSlider .slick-prev, .banner_section .homeSlider .slick-next {
    background: #024B79;
    width: 48px;
    height: 48px;
    font-size: 20px;
    line-height: 22px;
    left: 135px;
    border-radius: 10px 10px 0 0;
    top: inherit;
    bottom: -25px;
    z-index: 3;
    padding-top: 0px;
    padding-left: 12px; }
    @media screen and (max-width: 1360px) {
      .banner_section .homeSlider .slick-prev, .banner_section .homeSlider .slick-next {
        top: 90%;
        border-radius: 10px; } }
    @media screen and (max-width: 560px) {
      .banner_section .homeSlider .slick-prev, .banner_section .homeSlider .slick-next {
        left: 40px;
        width: 35px;
        height: 35px;
        padding-left: 6px;
        line-height: 6px;
        font-size: 8px; } }
  .banner_section .homeSlider .slick-next {
    left: 200px; }
    @media screen and (max-width: 1360px) {
      .banner_section .homeSlider .slick-next {
        top: 90%;
        border-radius: 10px; } }
    @media screen and (max-width: 560px) {
      .banner_section .homeSlider .slick-next {
        left: 85px; } }
  .banner_section .homeSlider .slick-prev:before, .banner_section .homeSlider .slick-next:before {
    opacity: 1;
    color: #ffffff;
    width: 9px;
    height: 18px; }
  .banner_section .homeSlider .slick-prev.slick-disabled, .banner_section .homeSlider .slick-next.slick-disabled {
    background: rgba(2, 75, 121, 0.5); }

.slick-slide {
  margin-bottom: -6px; }

.technologywrap_section {
  padding-top: 80px;
  background: url("../../images/bg-wrap.jpg") no-repeat right center;
  height: 660px;
  padding-left: 15px;
  padding-right: 15px;
  background-size: cover; }
  .technologywrap_section > .container {
    max-width: 990px; }
  .technologywrap_section .technplogy_content {
    display: flex;
    justify-content: space-between;
    width: 100%; }
    .technologywrap_section .technplogy_content .technologyleft_section {
      width: 441px; }
      .technologywrap_section .technplogy_content .technologyleft_section label {
        color: rgba(255, 255, 255, 0.5);
        font-size: 16px;
        line-height: 20px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-family: "robotomedium";
        margin: 0px; }
      .technologywrap_section .technplogy_content .technologyleft_section h2 {
        font-size: 35px;
        line-height: 46px;
        color: #ffffff;
        font-family: "HypatiaSansPro-Bold";
        margin-top: 35px;
        margin-bottom: 20px; }
        @media screen and (max-width: 999px) {
          .technologywrap_section .technplogy_content .technologyleft_section h2 {
            font-size: 30px;
            line-height: 33px;
            margin-top: 20px; } }
      .technologywrap_section .technplogy_content .technologyleft_section p {
        font-size: 18px;
        line-height: 22px;
        color: rgba(255, 255, 255, 0.7);
        font-family: "robotoregular"; }
        @media screen and (max-width: 767px) {
          .technologywrap_section .technplogy_content .technologyleft_section p {
            font-size: 17px;
            line-height: 22px; } }
    .technologywrap_section .technplogy_content .technologyright_section {
      width: 500px; }
      .technologywrap_section .technplogy_content .technologyright_section label {
        color: rgba(255, 255, 255, 0.5);
        font-size: 16px;
        line-height: 19px;
        text-transform: uppercase;
        letter-spacing: 3.2px;
        font-family: "robotomedium";
        display: block;
        text-align: right;
        margin: 0px;
        padding-right: 25px; }
      .technologywrap_section .technplogy_content .technologyright_section ul {
        margin-top: 36px;
        margin-bottom: 0px;
        padding: 0px;
        display: flex;
        width: 100%;
        flex-wrap: wrap; }
        @media screen and (max-width: 580px) {
          .technologywrap_section .technplogy_content .technologyright_section ul {
            flex-direction: row;
            align-items: center;
            justify-content: center; } }
        .technologywrap_section .technplogy_content .technologyright_section ul li {
          list-style: none;
          text-align: center;
          display: inline-block;
          width: 50%;
          padding-bottom: 15px; }
          .technologywrap_section .technplogy_content .technologyright_section ul li span {
            color: #ffffff;
            font-size: 76px;
            line-height: 76px;
            font-family: "HypatiaSansPro-Black"; }
            .technologywrap_section .technplogy_content .technologyright_section ul li span b {
              font-size: 40px;
              line-height: 26px; }
            .technologywrap_section .technplogy_content .technologyright_section ul li span sub {
              font-family: "robotomedium";
              font-size: 17px;
              margin-top: 0px;
              line-height: 22px;
              color: #ffffff;
              top: -5px;
              display: inline-block;
              padding-left: 10px; }
          .technologywrap_section .technplogy_content .technologyright_section ul li em {
            display: block;
            font-size: 16px;
            color: rgba(255, 255, 255, 0.6);
            font-family: "robotomedium";
            margin-top: 0px;
            line-height: 20px; }
          .technologywrap_section .technplogy_content .technologyright_section ul li label {
            display: inline;
            font-size: 18px;
            color: #ffffff;
            font-family: "robotomedium";
            font-style: italic;
            text-transform: capitalize;
            letter-spacing: 0; }
            @media screen and (max-width: 999px) {
              .technologywrap_section .technplogy_content .technologyright_section ul li label {
                font-size: 15px; } }
          .technologywrap_section .technplogy_content .technologyright_section ul li:nth-child(2) {
            padding-top: 50px; }
            @media screen and (max-width: 575px) {
              .technologywrap_section .technplogy_content .technologyright_section ul li:nth-child(2) {
                padding-top: 0px; } }
          .technologywrap_section .technplogy_content .technologyright_section ul li:nth-last-child(1) {
            padding-top: 0px; }
        @media screen and (max-width: 575px) {
          .technologywrap_section .technplogy_content .technologyright_section ul li span {
            font-size: 42px;
            line-height: 47px; }
          .technologywrap_section .technplogy_content .technologyright_section ul li em {
            font-size: 14px;
            line-height: 17px; } }
  @media screen and (max-width: 767px) {
    .technologywrap_section {
      background-size: cover;
      height: 840px; }
      .technologywrap_section .technplogy_content {
        flex-direction: column; }
        .technologywrap_section .technplogy_content .technologyleft_section {
          width: 100%;
          text-align: center; }
        .technologywrap_section .technplogy_content .technologyright_section {
          width: 100%;
          padding-top: 30px; }
          .technologywrap_section .technplogy_content .technologyright_section label {
            text-align: center;
            padding-right: 0px; } }
  @media screen and (max-width: 360px) {
    .technologywrap_section {
      height: 960px; } }

.padt180 {
  padding-top: 180px !important; }
  @media screen and (max-width: 767px) {
    .padt180 {
      padding-top: 50px !important; } }

/* staffwrap_section */
.staffwrap_section {
  background: #E9E9E9;
  position: relative;
  padding-bottom: 55px; }
  .staffwrap_section > .container {
    max-width: 990px;
    margin: 0 auto; }
  .staffwrap_section .staffwrap_list {
    width: 100%;
    padding: 0; }
    .staffwrap_section .staffwrap_list .nav-tabs {
      position: relative;
      top: -200px;
      border-bottom: none; }
      .staffwrap_section .staffwrap_list .nav-tabs .nav-item {
        padding-right: 30px;
        width: 33.3%; }
        .staffwrap_section .staffwrap_list .nav-tabs .nav-item:nth-last-child(1) {
          padding-right: 0px; }
      .staffwrap_section .staffwrap_list .nav-tabs .nav-link {
        background: #1D3B41;
        height: 175px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin-right: 00px;
        border: none;
        border-radius: 30px;
        color: #D0D0D0;
        font-size: 24px;
        line-height: 24px;
        font-family: "HypatiaSansPro-Bold";
        transition: all 0.3s ease-in-out; }
        .staffwrap_section .staffwrap_list .nav-tabs .nav-link img {
          display: block;
          margin-bottom: 25px; }
        .staffwrap_section .staffwrap_list .nav-tabs .nav-link:hover {
          transform: scale(1.05); }
        .staffwrap_section .staffwrap_list .nav-tabs .nav-link span.services {
          width: 64px;
          height: 64px;
          background: url("../../images/services.svg") no-repeat center; }
        .staffwrap_section .staffwrap_list .nav-tabs .nav-link#service-tab {
          background: url("../../images/services.svg") no-repeat center 30px #1D3B41;
          padding-top: 120px; }
          .staffwrap_section .staffwrap_list .nav-tabs .nav-link#service-tab.active {
            background: url("../../images/services-active.svg") no-repeat center 30px #E9E9E9;
            padding-top: 130px; }
        .staffwrap_section .staffwrap_list .nav-tabs .nav-link#solution-tab {
          background: url("../../images/solutions.svg") no-repeat center 30px #1D3B41;
          padding-top: 120px; }
          .staffwrap_section .staffwrap_list .nav-tabs .nav-link#solution-tab.active {
            background: url("../../images/solutions-active.svg") no-repeat center 30px #E9E9E9;
            padding-top: 130px; }
        .staffwrap_section .staffwrap_list .nav-tabs .nav-link#customers-tab {
          background: url("../../images/clients.svg") no-repeat center 30px #1D3B41;
          padding-top: 120px; }
          .staffwrap_section .staffwrap_list .nav-tabs .nav-link#customers-tab.active {
            background: url("../../images/clients-active.svg") no-repeat center 30px #E9E9E9;
            padding-top: 130px; }
        @media screen and (max-width: 767px) {
          .staffwrap_section .staffwrap_list .nav-tabs .nav-link {
            background-position: center 20px !important;
            padding-top: 75px !important; }
            .staffwrap_section .staffwrap_list .nav-tabs .nav-link.active {
              padding-top: 90px !important; } }
        @media screen and (max-width: 575px) {
          .staffwrap_section .staffwrap_list .nav-tabs .nav-link {
            background-position: center 20px !important;
            padding-top: 60px !important;
            background-size: 40px !important; }
            .staffwrap_section .staffwrap_list .nav-tabs .nav-link.active {
              padding-top: 70px !important; } }
      .staffwrap_section .staffwrap_list .nav-tabs .nav-link.active {
        background: transparent linear-gradient(180deg, #FFFFFF 0%, #F2F2F2 100%) 0% 0% no-repeat padding-box;
        height: 200px;
        border-radius: 30px 30px 0 0;
        color: #22252D; }
    @media screen and (max-width: 991px) {
      .staffwrap_section .staffwrap_list .nav-tabs {
        padding: 0 15px; } }
    @media screen and (max-width: 767px) {
      .staffwrap_section .staffwrap_list .nav-tabs {
        top: -135px;
        padding: 0 15px; }
        .staffwrap_section .staffwrap_list .nav-tabs .nav-item {
          padding-right: 10px; }
          .staffwrap_section .staffwrap_list .nav-tabs .nav-item .nav-link {
            height: 120px;
            font-size: 18px;
            line-height: 40px; }
            .staffwrap_section .staffwrap_list .nav-tabs .nav-item .nav-link img {
              width: 35px;
              margin-bottom: 5px; }
            .staffwrap_section .staffwrap_list .nav-tabs .nav-item .nav-link.active {
              height: 135px; } }
    @media screen and (max-width: 575px) {
      .staffwrap_section .staffwrap_list .nav-tabs {
        top: -115px; }
        .staffwrap_section .staffwrap_list .nav-tabs .nav-item {
          padding-right: 10px; }
          .staffwrap_section .staffwrap_list .nav-tabs .nav-item .nav-link {
            height: 100px;
            font-size: 18px;
            line-height: 40px;
            border-radius: 15px; }
            .staffwrap_section .staffwrap_list .nav-tabs .nav-item .nav-link img {
              width: 35px; }
            .staffwrap_section .staffwrap_list .nav-tabs .nav-item .nav-link.active {
              height: 115px;
              border-radius: 15px 15px 0 0; } }
  .staffwrap_section .tab-content {
    position: relative;
    margin-top: -150px;
    padding: 0 15px; }
    .staffwrap_section .tab-content h4 {
      font-size: 24px;
      color: #22252D;
      line-height: 32px;
      font-family: "HypatiaSansPro-Bold";
      margin-bottom: 15px; }
      @media screen and (max-width: 767px) {
        .staffwrap_section .tab-content h4 {
          font-size: 18px;
          line-height: 28px;
          margin-bottom: 20px; } }
    .staffwrap_section .tab-content ul {
      margin-bottom: 0;
      padding-bottom: 25px;
      padding-left: 40px;
      border-bottom: 1px solid rgba(112, 112, 112, 0.2);
      display: inline-block; }
      .staffwrap_section .tab-content ul.no-bod {
        border-bottom: 0px;
        padding-bottom: 0; }
      .staffwrap_section .tab-content ul li {
        list-style: none;
        float: left;
        width: 50%;
        height: 90px;
        align-items: center;
        justify-content: flex-start;
        display: flex; }
        .staffwrap_section .tab-content ul li a {
          display: inline-flex;
          align-items: center; }
          .staffwrap_section .tab-content ul li a figure {
            width: 48px;
            height: 48px;
            background: #ffffff;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
            border-radius: 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 20px;
            margin-bottom: 0px; }
          .staffwrap_section .tab-content ul li a span {
            color: #344B62;
            font-size: 18px;
            line-height: 22px;
            font-family: "robotomedium"; }
          .staffwrap_section .tab-content ul li a:hover {
            text-decoration: none; }
            .staffwrap_section .tab-content ul li a:hover span {
              color: #0077C2; }
            .staffwrap_section .tab-content ul li a:hover figure {
              background: #F6F6F6; }
    .staffwrap_section .tab-content h5 {
      color: #22252D;
      line-height: 32px;
      font-family: "HypatiaSansPro-Bold";
      font-size: 24px;
      margin-top: 40px; }
      .staffwrap_section .tab-content h5 img {
        margin-left: 50px; }
        @media screen and (max-width: 767px) {
          .staffwrap_section .tab-content h5 img {
            margin-left: 20px; } }
        @media screen and (max-width: 767px) {
          .staffwrap_section .tab-content h5 img {
            margin-left: 10px; } }
      .staffwrap_section .tab-content h5 a {
        color: #22252D;
        line-height: 32px;
        font-family: "HypatiaSansPro-Bold";
        font-size: 24px; }
        @media screen and (max-width: 767px) {
          .staffwrap_section .tab-content h5 a {
            font-size: 18px;
            line-height: 28px; } }
        @media screen and (max-width: 500px) {
          .staffwrap_section .tab-content h5 a {
            font-size: 18px;
            line-height: 21px; } }
        @media screen and (max-width: 380px) {
          .staffwrap_section .tab-content h5 a {
            font-size: 14px;
            line-height: 19px; } }
        .staffwrap_section .tab-content h5 a:hover {
          color: #0077C2; }
    @media screen and (max-width: 767px) {
      .staffwrap_section .tab-content {
        margin-top: -80px; }
        .staffwrap_section .tab-content .tab-pane .stafftab_content ul {
          padding-left: 20px; }
          .staffwrap_section .tab-content .tab-pane .stafftab_content ul li {
            width: 100%; } }

.casestudies_section {
  position: relative;
  top: -100px;
  z-index: 4; }
  .casestudies_section h4 {
    font-size: 24px;
    color: #22252D;
    line-height: 32px;
    font-family: "HypatiaSansPro-Bold";
    margin-bottom: 80px;
    padding-left: 40px; }
    .casestudies_section h4 img {
      margin-left: 50px; }
  .casestudies_section .casestudy_slider {
    background-image: linear-gradient(to right, #00ac9f, #00b2b4, #00b8c9, #00bddd, #07c1ef);
    border-radius: 20px; }
    .casestudies_section .casestudy_slider .casestudySliderWrap {
      position: relative;
      height: 330px;
      max-height: 330px;
      border-radius: 30px; }
      @media screen and (max-width: 767px) {
        .casestudies_section .casestudy_slider .casestudySliderWrap {
          height: auto;
          max-height: none;
          height: 500px; } }
      .casestudies_section .casestudy_slider .casestudySliderWrap .casestudyBg {
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 1;
        width: 100%;
        height: 100%;
        border-radius: 30px; }
      .casestudies_section .casestudy_slider .casestudySliderWrap .casestudyimgWrapper {
        max-width: 1140px;
        height: 100%;
        position: relative;
        margin: 0 auto;
        z-index: 2; }
        @media screen and (max-width: 767px) {
          .casestudies_section .casestudy_slider .casestudySliderWrap .casestudyimgWrapper {
            display: flex;
            flex-direction: column-reverse; } }
        .casestudies_section .casestudy_slider .casestudySliderWrap .casestudyimgWrapper .casestudyLeftContent {
          float: right;
          position: relative;
          width: 50%;
          padding: 0px 0px 0px 0px;
          text-align: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          height: 100%;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          text-align: center; }
          @media screen and (max-width: 767px) {
            .casestudies_section .casestudy_slider .casestudySliderWrap .casestudyimgWrapper .casestudyLeftContent {
              float: none;
              width: 100%; } }
          .casestudies_section .casestudy_slider .casestudySliderWrap .casestudyimgWrapper .casestudyLeftContent img {
            width: 65%;
            margin-bottom: -90px;
            z-index: 10;
            position: relative;
            margin-left: 60px; }
            @media screen and (max-width: 767px) {
              .casestudies_section .casestudy_slider .casestudySliderWrap .casestudyimgWrapper .casestudyLeftContent img {
                width: 50%;
                max-width: 100%;
                margin: 0 auto; } }
        .casestudies_section .casestudy_slider .casestudySliderWrap .casestudyimgWrapper .casestudyRightContent {
          float: left;
          width: 50%;
          padding: 0px 0px 0px 0px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          height: 100%;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          left: 100px;
          position: relative; }
          @media screen and (max-width: 991px) {
            .casestudies_section .casestudy_slider .casestudySliderWrap .casestudyimgWrapper .casestudyRightContent {
              left: 40px; } }
          @media screen and (max-width: 767px) {
            .casestudies_section .casestudy_slider .casestudySliderWrap .casestudyimgWrapper .casestudyRightContent {
              float: none;
              width: 100%;
              padding: 20px;
              left: 0px;
              text-align: center; } }
          .casestudies_section .casestudy_slider .casestudySliderWrap .casestudyimgWrapper .casestudyRightContent label {
            color: rgba(237, 245, 255, 0.5);
            font-size: 16px;
            line-height: 26px;
            text-transform: uppercase;
            font-family: "robotomedium";
            letter-spacing: 3.2px;
            margin-bottom: 0px; }
          .casestudies_section .casestudy_slider .casestudySliderWrap .casestudyimgWrapper .casestudyRightContent h5 {
            color: #EDF5FF;
            font-size: 40px;
            line-height: 45px;
            font-family: "HypatiaSansPro-Bold";
            margin: 20px 0 10px; }
          .casestudies_section .casestudy_slider .casestudySliderWrap .casestudyimgWrapper .casestudyRightContent p {
            font-size: 18px;
            color: rgba(237, 245, 255, 0.7);
            width: 400px;
            line-height: 24px;
            font-family: "robotoregular";
            margin-bottom: 20px; }
            @media screen and (max-width: 991px) {
              .casestudies_section .casestudy_slider .casestudySliderWrap .casestudyimgWrapper .casestudyRightContent p {
                width: auto; } }
            @media screen and (max-width: 767px) {
              .casestudies_section .casestudy_slider .casestudySliderWrap .casestudyimgWrapper .casestudyRightContent p {
                font-size: 16px; } }
          .casestudies_section .casestudy_slider .casestudySliderWrap .casestudyimgWrapper .casestudyRightContent .viewall-btn {
            width: 150px;
            height: 40px;
            padding: 0 30px;
            background: #ffffff;
            border-radius: 25px;
            text-transform: uppercase;
            border: none;
            box-shadow: none;
            outline: none;
            display: flex;
            align-items: center;
            color: #000000;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: 1.6px;
            font-family: "HypatiaSansPro-Bold";
            max-width: 100%; }
            .casestudies_section .casestudy_slider .casestudySliderWrap .casestudyimgWrapper .casestudyRightContent .viewall-btn img {
              margin-left: 30px; }
            @media screen and (max-width: 767px) {
              .casestudies_section .casestudy_slider .casestudySliderWrap .casestudyimgWrapper .casestudyRightContent .viewall-btn {
                margin: 0 auto; } }
    .casestudies_section .casestudy_slider .slick-prev, .casestudies_section .casestudy_slider .slick-next {
      bottom: 0;
      top: 100%;
      left: 100px;
      background: rgba(0, 172, 159, 0.7);
      width: 130px;
      height: 46px;
      border-radius: 0 0 10px 10px;
      margin-top: 23px;
      color: #2B2F38;
      font-size: 14px;
      line-height: 26px;
      font-family: 'fira_sanssemibold';
      z-index: 1;
      cursor: pointer; }
      @media screen and (max-width: 767px) {
        .casestudies_section .casestudy_slider .slick-prev, .casestudies_section .casestudy_slider .slick-next {
          height: 36px;
          margin-top: 18px; } }
      @media screen and (max-width: 580px) {
        .casestudies_section .casestudy_slider .slick-prev, .casestudies_section .casestudy_slider .slick-next {
          height: 34px;
          margin-top: 17px; } }
    .casestudies_section .casestudy_slider .slick-prev:before {
      position: relative;
      top: 1px;
      right: 10px;
      color: #2B2F38;
      width: 9px;
      opacity: 1; }
    .casestudies_section .casestudy_slider .slick-next {
      left: 240px;
      padding-right: 45px; }
    .casestudies_section .casestudy_slider .slick-next:before {
      position: relative;
      top: 0px;
      right: -60px;
      color: #2B2F38;
      width: 9px;
      opacity: 1; }
    .casestudies_section .casestudy_slider .slick-prev.slick-disabled, .casestudies_section .casestudy_slider .slick-next.slick-disabled {
      background: rgba(0, 172, 159, 0.3); }

.ourcustomers_section {
  background: #ffffff;
  position: relative;
  z-index: 5;
  padding-bottom: 90px; }
  @media screen and (max-width: 999px) {
    .ourcustomers_section {
      padding-top: 50px; } }
  @media screen and (max-width: 767px) {
    .ourcustomers_section {
      padding-top: 30px; } }
  .ourcustomers_section h5 {
    color: #22252D;
    font-size: 36px;
    line-height: 64px;
    font-family: "HypatiaSansPro-Semibold";
    text-align: center; }
    @media screen and (max-width: 767px) {
      .ourcustomers_section h5 {
        font-size: 28px;
        line-height: 54px; } }
  .ourcustomers_section .customers_slider .swiper-slide {
    overflow: hidden; }
  .ourcustomers_section .customers_slider {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    overflow: none !important; }
    .ourcustomers_section .customers_slider .swiper-slide {
      height: 350px;
      background: #ffffff; }
    .ourcustomers_section .customers_slider .swiper-pagination-bullets, .ourcustomers_section .customers_slider .swiper-pagination-custom, .ourcustomers_section .customers_slider .swiper-pagination-fraction {
      width: 100%;
      top: 3%;
      transform: rotate(90deg);
      left: 30%; }
      @media screen and (max-width: 999px) {
        .ourcustomers_section .customers_slider .swiper-pagination-bullets, .ourcustomers_section .customers_slider .swiper-pagination-custom, .ourcustomers_section .customers_slider .swiper-pagination-fraction {
          top: 75%;
          transform: none;
          left: 0px; } }
    .ourcustomers_section .customers_slider .swiper-pagination-bullets .swiper-pagination-bullet {
      margin: 5px 4px;
      background: #22252D1A;
      opacity: 1;
      width: 6px;
      height: 6px;
      border-radius: 50%; }
    .ourcustomers_section .customers_slider .swiper-pagination-bullets .swiper-pagination-bullet-active {
      background: #22252D66;
      width: 6px;
      height: 30px;
      border-radius: 5px;
      transform: rotate(90deg);
      outline: none;
      border: none; }
  .ourcustomers_section .customer_desc {
    display: flex;
    justify-content: center;
    align-items: center; }
    .ourcustomers_section .customer_desc .customer_usercontent {
      position: relative;
      top: 50px;
      left: -90px; }
      .ourcustomers_section .customer_desc .customer_usercontent figure img {
        width: 175px;
        height: 190px;
        max-width: 100%;
        border-radius: 6px; }
      .ourcustomers_section .customer_desc .customer_usercontent:after {
        position: absolute;
        content: "";
        background: url("../../images/qtote_mark.svg") no-repeat top right;
        top: -60px;
        left: 70px;
        width: 120px;
        height: 120px; }
    .ourcustomers_section .customer_desc .customer_text {
      width: 700px;
      margin: 0 auto;
      padding-right: 50px; }
      .ourcustomers_section .customer_desc .customer_text h5 {
        font-size: 28px;
        line-height: 33px;
        font-family: "robotolight_italic";
        color: #42526E;
        margin-top: 80px;
        margin-bottom: 15px;
        text-align: left; }
        @media screen and (max-width: 767px) {
          .ourcustomers_section .customer_desc .customer_text h5 {
            font-size: 18px;
            line-height: 24px; } }
      .ourcustomers_section .customer_desc .customer_text p {
        color: #22252D;
        font-size: 20px;
        font-family: "HypatiaSansPro-Bold"; }
        .ourcustomers_section .customer_desc .customer_text p span {
          margin-top: 0px;
          font-size: 14px;
          font-family: "HypatiaSansPro-Bold";
          color: rgba(34, 37, 45, 0.55);
          display: block; }

.consult_section {
  background: #03B7C8;
  padding: 100px 0px; }
  .consult_section .consult_content {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .consult_section .consult_content div h4 {
      color: #ffffff;
      font-size: 48px;
      line-height: 48px;
      font-family: "HypatiaSansPro-Bold";
      margin-bottom: 15px; }
    .consult_section .consult_content div P {
      color: #ffffff;
      font-size: 24px;
      line-height: 24px;
      font-family: "robotomedium";
      font-style: italic;
      margin-bottom: 0px; }
    .consult_section .consult_content .contact-btn {
      background-image: linear-gradient(to right, #ffffff, #fcfcfc, #f9f9f9, #f7f7f7, #f4f4f4);
      border-radius: 35px;
      width: 250px;
      max-width: 100%;
      height: 70px;
      padding: 6px 60px 0;
      color: #22252D;
      font-size: 24px;
      line-height: 34px;
      box-shadow: 0px 10px 20px #0000001A;
      font-family: "HypatiaSansPro-Bold";
      outline: none;
      border: none;
      text-decoration: none;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: all 0.2s ease-in-out; }
      .consult_section .consult_content .contact-btn:hover {
        transform: scale(1.05); }
  @media screen and (max-width: 991px) {
    .consult_section {
      padding: 40px 0px; }
      .consult_section .consult_content {
        flex-direction: column;
        align-items: center;
        text-align: center; }
        .consult_section .consult_content div P {
          margin-bottom: 20px; } }
  @media screen and (max-width: 767px) {
    .consult_section {
      padding: 40px 0px; }
      .consult_section .consult_content {
        flex-direction: column;
        align-items: center;
        text-align: center; }
        .consult_section .consult_content > div h4 {
          font-size: 35px;
          line-height: 38px; }
        .consult_section .consult_content > div p {
          font-size: 20px;
          line-height: 25px;
          padding-bottom: 20px; }
        .consult_section .consult_content .contact-btn {
          height: 50px;
          padding: 6px 40px;
          font-size: 20px;
          line-height: 28px;
          width: auto; } }

.view_all {
  display: inline-flex !important;
  white-space: nowrap;
  margin-top: 10px; }

/* footer_wrapper */
.footer_wrapper {
  background: transparent linear-gradient(180deg, #F4F4F4 0%, #DBDBDB 100%) 0% 0% no-repeat padding-box;
  padding: 60px 0px 0 0; }
  .footer_wrapper .footer_nav {
    width: 100%;
    display: flex;
    justify-content: space-between; }
  .footer_wrapper .Sublist_wrap h3 {
    color: #0077C2;
    font-size: 20px;
    line-height: 20px;
    font-family: "HypatiaSansPro-Semibold";
    margin-bottom: 20px; }
    .footer_wrapper .Sublist_wrap h3 a {
      color: #0077C2;
      font-size: 20px;
      line-height: 20px;
      font-family: "HypatiaSansPro-Semibold"; }
  .footer_wrapper .Sublist_wrap h5 {
    color: #22252D;
    font-size: 14px;
    line-height: 19px;
    font-family: "robotomedium";
    margin-bottom: 15px; }
    .footer_wrapper .Sublist_wrap h5 a {
      color: #22252D;
      font-size: 14px;
      line-height: 19px;
      font-family: "robotomedium"; }
      .footer_wrapper .Sublist_wrap h5 a:hover {
        color: #0077C2;
        text-decoration: underline; }
  .footer_wrapper .Sublist_wrap .recruit_process {
    margin-top: 15px; }
  .footer_wrapper .Sublist_wrap ul {
    padding-left: 0;
    margin-bottom: 0; }
    .footer_wrapper .Sublist_wrap ul li {
      list-style: none;
      line-height: 15px;
      padding: 0px;
      margin-bottom: 18px; }
      .footer_wrapper .Sublist_wrap ul li a {
        color: #344B62;
        font-size: 13px;
        font-family: "robotoregular";
        text-decoration: none;
        margin-bottom: 10px;
        line-height: 17px; }
        .footer_wrapper .Sublist_wrap ul li a:hover {
          color: #0077C2;
          text-decoration: underline; }
  .footer_wrapper .Sublist_wrap .staff_sublist {
    padding-left: 25px; }
    .footer_wrapper .Sublist_wrap .staff_sublist li {
      position: relative; }
      .footer_wrapper .Sublist_wrap .staff_sublist li:before {
        position: absolute;
        content: "";
        top: 60%;
        left: -15px;
        background: rgba(52, 75, 98, 0.8);
        width: 8px;
        height: 1px; }
  .footer_wrapper .Sublist_wrap_last ul li a {
    color: #0077C2;
    font-size: 20px;
    line-height: 32px;
    font-family: "HypatiaSansPro-Semibold"; }
  @media screen and (max-width: 767px) {
    .footer_wrapper .sublist_last1 {
      justify-content: flex-start !important; } }
  @media screen and (max-width: 767px) {
    .footer_wrapper .footer_nav {
      flex-wrap: wrap;
      padding: 0 30px; }
      .footer_wrapper .footer_nav .Sublist_wrap {
        width: 50%; }
    .footer_wrapper .footerSub_wrapper .footersub_list {
      height: auto;
      padding: 25px 0; }
      .footer_wrapper .footerSub_wrapper .footersub_list p {
        order: 3; }
      .footer_wrapper .footerSub_wrapper .footersub_list ul {
        order: 2;
        padding-top: 20px; } }
  @media screen and (max-width: 575px) {
    .footer_wrapper .footer_nav {
      flex-wrap: wrap; }
      .footer_wrapper .footer_nav .Sublist_wrap {
        width: 100%; } }

.footerSub_wrapper {
  margin-top: 35px;
  background: #FFFFFF66; }
  .footerSub_wrapper .footersub_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 120px;
    justify-content: space-between; }
    @media screen and (max-width: 767px) {
      .footerSub_wrapper .footersub_list {
        flex-direction: column; } }
    .footerSub_wrapper .footersub_list p {
      color: #344B62;
      font-size: 13px;
      line-height: 15px;
      font-family: "robotoregular";
      margin-bottom: 0; }
      @media screen and (max-width: 767px) {
        .footerSub_wrapper .footersub_list p {
          flex-direction: column;
          margin: 20px 0px; } }
    .footerSub_wrapper .footersub_list ul {
      display: flex;
      padding-left: 0px;
      margin-bottom: 0px; }
      .footerSub_wrapper .footersub_list ul li {
        list-style: none;
        margin-left: 20px;
        display: block; }
        .footerSub_wrapper .footersub_list ul li img {
          transition: all 0.2s ease-in-out; }
        .footerSub_wrapper .footersub_list ul li a:hover img {
          transform: scale(1.1); }

/**********************8 services_body ******************/
.services_body {
  display: block;
  padding: 0 0px; }
  .services_body .container {
    max-width: 990px; }

@media screen and (max-width: 500px) {
  .primary_button {
    margin: 0 auto;
    font-size: 12px;
    height: 45px; } }
.primary_button {
  border-radius: 25px;
  height: 50px;
  display: flex;
  align-items: center;
  color: #ffffff;
  padding: 0 70px 0 20px;
  background: transparent linear-gradient(88deg, #00AC9F 0%, #11CB75 100%) 0% 0% no-repeat padding-box;
  position: relative;
  font-family: "HypatiaSansPro-Bold";
  font-size: 14px;
  padding-top: 3px;
  transition: all 0.3s ease-in-out;
  letter-spacing: 1.4px; }
  @media screen and (max-width: 500px) {
    .primary_button {
      margin: 0 auto;
      padding: 0 40px 0 10px;
      font-size: 12px;
      height: 45px; } }
  .primary_button:hover {
    background: transparent linear-gradient(45deg, #11CB75 100%, #00AC9F 0%) 0% 0% no-repeat padding-box;
    color: #ffffff;
    text-decoration: none;
    transform: scale(1.1); }
  .primary_button:after {
    content: '';
    background: url("../../images/right_arrow.svg") no-repeat center;
    width: 20px;
    height: 100%;
    position: absolute;
    right: 20px;
    top: 0px;
    display: block; }

.service_banner {
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background: url("../../images/service_banner.png") no-repeat center top;
  padding: 0 15px;
  position: relative; }
  .service_banner:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.7); }
  .service_banner > .container {
    position: relative;
    z-index: 999; }
  .service_banner h3 {
    font-family: "HypatiaSansPro-Bold";
    font-size: 50px;
    line-height: 50px;
    color: #ffffff;
    margin: 0 auto 24px;
    text-align: center; }
    .service_banner h3 span {
      display: block; }
  .service_banner p {
    font-family: "robotomedium";
    font-size: 20px;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.75);
    text-align: center;
    margin: 0 auto 30px; }
  .service_banner .primary_button {
    margin: 0 auto; }
  @media screen and (max-width: 500px) {
    .service_banner .primary_button {
      margin: 0 auto;
      padding: 0 40px 0 20px;
      font-size: 11px;
      height: 45px; }
    .service_banner .primary_button:after {
      right: 15px; } }
  @media screen and (max-width: 767px) {
    .service_banner h3 {
      font-size: 35px;
      line-height: 40px; }
    .service_banner p {
      font-size: 16px;
      line-height: 24px;
      margin: 0 auto 20px; } }
  .service_banner.service_banner2:after {
    display: none; }
  .service_banner.it_banner {
    background: url("../../images/it_banner.jpg") no-repeat center center;
    background-size: 100% auto; }
    @media screen and (max-width: 767px) {
      .service_banner.it_banner {
        background-size: cover; } }
  .service_banner.bigdata_banner {
    background: url("../../images/bigdata_banner.jpg") no-repeat center center;
    background-size: 100% auto; }
    @media screen and (max-width: 767px) {
      .service_banner.bigdata_banner {
        background-size: cover; } }
  .service_banner.cloud_service {
    background: url("../../images/cloud_service.jpg") no-repeat center center;
    background-size: 100% auto; }
    @media screen and (max-width: 767px) {
      .service_banner.cloud_service {
        background-size: cover; } }
  .service_banner.hr_banner {
    background: url("../../images/hr_banner.jpg") no-repeat center center;
    background-size: 100% auto;
    background-position: center -237px; }
    @media screen and (max-width: 767px) {
      .service_banner.hr_banner {
        background-size: cover; } }
    @media screen and (max-width: 999px) {
      .service_banner.hr_banner {
        background-position: center; } }
  .service_banner.proffesional_banner {
    background: url("../../images/proffesional_banner.jpg") no-repeat center center;
    background-size: 100% auto;
    background-position: center -250px; }
    @media screen and (max-width: 767px) {
      .service_banner.proffesional_banner {
        background-size: cover; } }
    @media screen and (max-width: 990px) {
      .service_banner.proffesional_banner {
        background-position: center; } }
  .service_banner.rpo_banner {
    background: url("../../images/rpo_banner.jpg") no-repeat center center;
    background-size: 100% auto;
    background-position: center 0; }
    @media screen and (max-width: 1060px) {
      .service_banner.rpo_banner {
        background-size: cover; } }
  .service_banner.app_banner {
    background: url("../../images/app_banner.jpg") no-repeat center center;
    background-size: 100% auto; }
    @media screen and (max-width: 767px) {
      .service_banner.app_banner {
        background-size: cover;
        background-position: center; } }
  .service_banner.product_banner {
    background: url("../../images/product_banner.jpg") no-repeat center center;
    background-size: 100% auto;
    background-position: center -60px; }
    @media screen and (max-width: 767px) {
      .service_banner.product_banner {
        background-size: cover; } }
    @media screen and (max-width: 1020px) {
      .service_banner.product_banner {
        background-position: center; } }
  .service_banner.colud_banner {
    background: url("../../images/colud_banner.jpg") no-repeat center center;
    background-size: 100% auto; }
    @media screen and (max-width: 1000px) {
      .service_banner.colud_banner {
        background-size: cover; } }
  .service_banner.infra_banner {
    background: url("../../images/infra_banner.jpg") no-repeat center center;
    background-size: 100% auto; }
    @media screen and (max-width: 767px) {
      .service_banner.infra_banner {
        background-size: cover; } }
  .service_banner.salesforce_banner {
    background: url("../../images/salesforce_banner.jpg") no-repeat center center;
    background-size: 100% auto; }
    @media screen and (max-width: 980px) {
      .service_banner.salesforce_banner {
        background-size: cover; } }
  .service_banner.workday_banner {
    background: url("../../images/workday_banner.jpeg") no-repeat center center;
    background-size: 100% auto;
    background-position: center -100px; }
    @media screen and (max-width: 767px) {
      .service_banner.workday_banner {
        background-size: cover;
        background-position: center; } }

.service_banner_content {
  display: flex;
  flex-direction: column;
  max-width: 600px;
  margin: 0 auto; }

.sd-services_wrap {
  display: block;
  background: #ffffff;
  padding: 80px 15px; }
  .sd-services_wrap h4 {
    font-family: "HypatiaSansPro-Bold";
    font-size: 28px;
    line-height: 28px;
    color: #22252D;
    margin: 0 auto 8px; }
  .sd-services_wrap em {
    font-family: "HypatiaSansPro-Regular";
    font-size: 18px;
    line-height: 22px;
    color: #0077C2;
    margin: 0 auto 60px;
    display: block; }
  .sd-services_wrap ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -10px;
    padding: 0; }
    .sd-services_wrap ul li {
      width: 230px;
      padding: 0 10px 20px;
      list-style-type: none; }
      .sd-services_wrap ul li .sevice_block {
        background: #FFE7EE;
        flex-direction: column;
        border-radius: 20px;
        width: 100%;
        height: 240px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-top: 50px; }
        .sd-services_wrap ul li .sevice_block:hover {
          text-decoration: none; }
      .sd-services_wrap ul li figure {
        width: 75px;
        height: 75px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1.5px dashed #0000004D;
        border-radius: 50%;
        background: #FFFFFF4D;
        margin-bottom: 28px; }
        .sd-services_wrap ul li figure img {
          width: 43px; }
      .sd-services_wrap ul li p {
        font-family: "robotomedium";
        font-size: 16px;
        line-height: 19px;
        color: #22252D;
        padding: 0px;
        margin: 0px;
        max-width: 140px;
        margin: 0 auto;
        text-align: center; }
      .sd-services_wrap ul li .bigdata {
        background: #DEF4FF; }
      .sd-services_wrap ul li .cloud {
        background: #FFF6E1; }
      .sd-services_wrap ul li .personal {
        background: #D4E1F5; }
      .sd-services_wrap ul li .hr {
        background: #FDFACE; }
      .sd-services_wrap ul li .others {
        background: #D4F5F3; }
  @media screen and (max-width: 767px) {
    .sd-services_wrap {
      padding: 40px 15px; }
      .sd-services_wrap h4 {
        font-size: 24px;
        line-height: 26px;
        text-align: center; }
      .sd-services_wrap em {
        font-size: 16px;
        line-height: 24px;
        text-align: center; }
      .sd-services_wrap ul li {
        width: 50%;
        padding: 0 5px 10px; }
        .sd-services_wrap ul li .sevice_block {
          height: 200px;
          padding-top: 30px;
          border-radius: 10px; } }

.innovative_wrap {
  background: #ECF9FF;
  padding: 80px 15px; }
  .innovative_wrap h4 {
    font-family: "HypatiaSansPro-Bold";
    font-size: 28px;
    line-height: 28px;
    color: #22252D;
    margin: 0 auto 20px;
    text-align: center; }
  .innovative_wrap p {
    font-family: "HypatiaSansPro-Regular";
    font-size: 18px;
    line-height: 22px;
    color: #22252D;
    margin: 0 auto 40px;
    display: block;
    max-width: 800px;
    text-align: center; }
  .innovative_wrap .innvative_block {
    border-radius: 20px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 3px 6px #0000000D; }
    .innovative_wrap .innvative_block figure {
      margin: 0; }
    .innovative_wrap .innvative_block p {
      padding: 48px 30px;
      font-family: "robotoregular";
      font-style: italic;
      font-size: 20px;
      line-height: 26px;
      color: #22252D;
      margin: 0px; }
  .innovative_wrap .primary_button {
    margin: 50px auto 0; }
  @media screen and (max-width: 767px) {
    .innovative_wrap {
      padding: 30px 15px; }
      .innovative_wrap h4 {
        font-size: 22px;
        line-height: 26px; }
      .innovative_wrap p {
        font-size: 16px;
        line-height: 20px; }
      .innovative_wrap .innvative_block {
        margin-bottom: 30px; }
        .innovative_wrap .innvative_block figure img {
          width: 100%; }
        .innovative_wrap .innvative_block p {
          padding: 20px 30px;
          font-size: 18px;
          line-height: 24px; } }

.approach_process {
  padding: 80px 0px;
  background: #ffffff; }
  .approach_process h4 {
    font-family: "HypatiaSansPro-Bold";
    font-size: 28px;
    line-height: 28px;
    color: #22252D;
    margin: 0 auto 20px;
    display: block;
    text-align: center; }
  .approach_process p {
    font-family: "HypatiaSansPro-Regular";
    font-size: 18px;
    line-height: 22px;
    color: #22252D;
    margin: 0 auto 20px;
    display: block;
    max-width: 800px;
    text-align: center; }
  @media screen and (max-width: 767px) {
    .approach_process {
      padding: 50px 0px; }
      .approach_process h4 {
        font-size: 24px;
        line-height: 26px;
        padding-left: 15px;
        padding-right: 15px; }
      .approach_process p {
        font-size: 16px;
        line-height: 20px;
        padding-left: 15px;
        padding-right: 15px; } }

.approach_slider .swiper-container {
  padding-top: 40px;
  padding-bottom: 30px;
  padding-left: 17%; }
  .approach_slider .swiper-container .swiper-wrapper {
    padding-bottom: 120px; }
    .approach_slider .swiper-container .swiper-wrapper .swiper-slide {
      width: 350px !important;
      height: 260px;
      border-radius: 10px;
      background: #ffffff;
      box-shadow: 0 0 40px #0000000D; }
      .approach_slider .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-in {
        width: 100%;
        height: 100%;
        position: relative;
        border-radius: 10px;
        padding: 50px;
        z-index: 99;
        background: #ffffff; }
      .approach_slider .swiper-container .swiper-wrapper .swiper-slide figure {
        padding: 0px;
        margin: 0px 0 30px 0; }
        .approach_slider .swiper-container .swiper-wrapper .swiper-slide figure img {
          display: block; }
      .approach_slider .swiper-container .swiper-wrapper .swiper-slide p {
        font-family: "HypatiaSansPro-Semibold";
        font-size: 28px;
        line-height: 30px;
        color: #00AC9F;
        text-align: left; }
      .approach_slider .swiper-container .swiper-wrapper .swiper-slide span {
        font-family: "HypatiaSansPro-Black";
        font-size: 158px;
        line-height: 170px;
        color: rgba(52, 75, 98, 0.3);
        position: absolute;
        bottom: -100px;
        left: 50%;
        transform: translateX(-50%); }
      .approach_slider .swiper-container .swiper-wrapper .swiper-slide:nth-child(even) {
        top: 60px;
        position: relative; }
.approach_slider .swiper_controll {
  max-width: 1040px;
  margin: 0 auto;
  display: flex; }
  .approach_slider .swiper_controll .swiper-button-next, .approach_slider .swiper_controll .swiper-button-prev {
    position: static;
    width: 90px;
    height: 48px;
    border-radius: 10px;
    border: 3px solid #E9E9E9;
    margin: 0 5px;
    outline: none !important; }
    .approach_slider .swiper_controll .swiper-button-next:after, .approach_slider .swiper_controll .swiper-button-prev:after {
      display: none; }
@media screen and (max-width: 767px) {
  .approach_slider .swiper-container .swiper-wrapper .swiper-slide {
    width: 300px !important; }
    .approach_slider .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-in {
      padding: 30px; } }

.recent_projects {
  background: transparent linear-gradient(104deg, #00AC9F 0%, #41BF7B 100%) 0% 0% no-repeat padding-box;
  padding: 70px 0 0 0; }
  .recent_projects .row {
    position: relative; }
  .recent_projects .projects_content {
    display: block;
    width: 100%; }
    .recent_projects .projects_content h3 {
      font-family: "HypatiaSansPro-Bold";
      font-size: 24px;
      text-transform: uppercase;
      letter-spacing: 4px;
      line-height: 24px;
      color: #ffffff;
      padding: 0 10px 0 0;
      position: relative;
      margin-bottom: 40px;
      display: inline-block; }
      .recent_projects .projects_content h3:after {
        content: '';
        width: 100px;
        height: 3px;
        background: rgba(255, 255, 255, 0.5);
        position: absolute;
        left: 100%;
        top: 50%;
        margin-top: -2px; }
        @media screen and (max-width: 375px) {
          .recent_projects .projects_content h3:after {
            content: none; } }
    .recent_projects .projects_content .swiper-container {
      margin-bottom: -92px; }
    .recent_projects .projects_content .projects_list {
      display: flex; }
      .recent_projects .projects_content .projects_list .project_details {
        width: calc(100% - 480px);
        padding-right: 55px; }
        .recent_projects .projects_content .projects_list .project_details h5 {
          font-size: 40px;
          line-height: 40px;
          color: #ffffff;
          font-family: "HypatiaSansPro-Bold"; }
        .recent_projects .projects_content .projects_list .project_details p {
          font-family: "robotoregular";
          font-size: 18px;
          line-height: 24px;
          color: rgba(255, 255, 255, 0.7); }
        .recent_projects .projects_content .projects_list .project_details a {
          width: 155px;
          height: 40px;
          background: url("../../images/black_arrow.svg") no-repeat calc(100% - 30px) 16px #ffffff;
          border-radius: 25px;
          font-family: "HypatiaSansPro-Bold";
          color: #000000;
          padding: 0 0 0 30px;
          display: block;
          line-height: 40px; }
          .recent_projects .projects_content .projects_list .project_details a:hover {
            text-decoration: none; }
      .recent_projects .projects_content .projects_list .project_image {
        width: 464px;
        position: absolute;
        right: 0px;
        top: 0px; }
    .recent_projects .projects_content .slider {
      border-top: 2px solid rgba(0, 0, 0, 0.15);
      padding-top: 50px; }
      .recent_projects .projects_content .slider .slider__item {
        margin-bottom: 0px; }
        .recent_projects .projects_content .slider .slider__item .projects_list {
          padding-bottom: 63px;
          padding-top: 14px; }
  .recent_projects .project_controlls {
    position: absolute;
    top: 100%;
    left: 0px;
    display: flex;
    z-index: 999; }
    .recent_projects .project_controlls .swiper-next, .recent_projects .project_controlls .swiper-prev {
      position: static !important;
      width: 130px;
      border-radius: 0 0 10px 10px;
      margin-right: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 46px;
      background: rgba(0, 172, 159, 0.7);
      outline: none !important;
      font-family: "HypatiaSansPro-Semibold";
      font-size: 14px;
      color: #22252D; }
      .recent_projects .project_controlls .swiper-next.swiper-button-disabled, .recent_projects .project_controlls .swiper-prev.swiper-button-disabled {
        background: rgba(0, 172, 159, 0.3);
        cursor: default; }
      .recent_projects .project_controlls .swiper-next img, .recent_projects .project_controlls .swiper-prev img {
        margin: 0 9px; }
  @media screen and (max-width: 1200px) {
    .recent_projects .projects_content {
      padding: 0px 40px 0 !important; } }
  @media screen and (max-width: 991px) {
    .recent_projects .projects_content .projects_list .project_details {
      width: 50%;
      padding-right: 20px; }
    .recent_projects .projects_content .projects_list .project_image {
      width: 50%; }
      .recent_projects .projects_content .projects_list .project_image img {
        max-width: 100%; }
    .recent_projects .projects_content .swiper-container {
      margin-bottom: 0px; } }
  @media screen and (max-width: 767px) {
    .recent_projects {
      padding-top: 40px; }
      .recent_projects .projects_content {
        padding: 0px 20px 0 !important; }
        .recent_projects .projects_content h3 {
          font-size: 18px;
          margin-bottom: 25px; }
        .recent_projects .projects_content .projects_list {
          flex-direction: column;
          padding-bottom: 0px !important; }
          .recent_projects .projects_content .projects_list .project_details {
            width: 100%;
            padding-right: 0px;
            padding-bottom: 30px; }
            .recent_projects .projects_content .projects_list .project_details h5 {
              font-size: 35px;
              line-height: 35px; }
          .recent_projects .projects_content .projects_list .project_image {
            width: 100%;
            position: static; }
            .recent_projects .projects_content .projects_list .project_image img {
              max-width: 100%; }
        .recent_projects .projects_content .swiper-container {
          margin-bottom: 0px; }
        .recent_projects .projects_content .slider {
          padding-top: 25px; } }

.bx-viewport {
  overflow: visible !important; }

.service-contact {
  width: 100%;
  height: 746px;
  background: url("../../images/s-contact_bg.png") no-repeat left center;
  align-items: flex-end;
  display: flex;
  margin-bottom: -25px; }
  .service-contact .service-form {
    max-width: 900px;
    margin: 0 auto;
    display: block;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 0 50px #00000029;
    width: 100%; }
    .service-contact .service-form form {
      max-width: 630px;
      margin: 0 auto;
      padding-top: 70px;
      padding-bottom: 70px; }
    .service-contact .service-form h5 {
      font-family: "HypatiaSansPro-Black";
      font-size: 32px;
      line-height: 50px;
      color: #344B62;
      text-align: center;
      margin-bottom: 40px; }
    .service-contact .service-form .form-group {
      display: flex;
      justify-content: space-between;
      margin-bottom: 22px; }
      .service-contact .service-form .form-group .form-control {
        border-radius: 6px;
        border: 1px solid #D6D6D6;
        background: #ffffff;
        width: 300px;
        height: 60px;
        box-shadow: none !important;
        padding-left: 20px;
        font-family: "robotomedium";
        font-size: 14px;
        color: #22252D99; }
      .service-contact .service-form .form-group textarea {
        width: 100% !important;
        height: 135px !important;
        padding-top: 23px; }
    .service-contact .service-form .primary_button {
      margin-top: 8px;
      outline: none !important;
      margin: 0 auto;
      border: 0px;
      width: 200px;
      text-transform: uppercase; }
  @media screen and (max-width: 767px) {
    .service-contact {
      padding: 30px 15px;
      margin-bottom: 0px; }
      .service-contact .service-form {
        padding: 0 20px; }
        .service-contact .service-form form {
          padding-top: 25px; }
        .service-contact .service-form h5 {
          font-size: 22px; }
        .service-contact .service-form .form-group {
          flex-direction: column;
          margin-bottom: 0px; }
          .service-contact .service-form .form-group .form-control {
            width: 100%;
            margin-bottom: 10px; } }
  @media screen and (max-width: 500px) {
    .service-contact .service-form h5 {
      font-size: 19px;
      margin-bottom: 30px; }
    .service-contact .service-form .primary_button {
      padding: 0 70px 0 20px;
      height: 50px; } }

@media screen and (max-width: 991px) {
  .testmonial_wrap.padt200 {
    padding-top: 70px !important; } }

.testmonial_wrap {
  background: #ffffff;
  padding: 106px 20px 80px; }
  @media screen and (max-width: 500px) {
    .testmonial_wrap {
      padding: 50px 20px; } }
  .testmonial_wrap h4 {
    font-family: "HypatiaSansPro-Semibold";
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 30px;
    color: #22252D;
    text-align: center; }
  .testmonial_wrap .testimonails_content {
    max-width: 990px;
    margin: 0 auto;
    box-shadow: 0 0 30px #0000000D;
    border-radius: 20px;
    background: #ffffff;
    overflow: hidden; }
    .testmonial_wrap .testimonails_content .swiper-container {
      position: relative;
      width: 100%;
      margin: 0 auto;
      padding: 50px 35px; }
      .testmonial_wrap .testimonails_content .swiper-container .swiper-wrapper .testimonails_list {
        display: flex; }
        .testmonial_wrap .testimonails_content .swiper-container .swiper-wrapper .testimonails_list .testimonail_left {
          position: relative;
          display: none; }
          .testmonial_wrap .testimonails_content .swiper-container .swiper-wrapper .testimonails_list .testimonail_left:after {
            content: '';
            background: url("../../images/quote.svg") no-repeat right top;
            width: 70px;
            height: 60px;
            position: absolute;
            right: -32px;
            top: -25px; }
          .testmonial_wrap .testimonails_content .swiper-container .swiper-wrapper .testimonails_list .testimonail_left figure {
            margin: 0px;
            box-shadow: 0 0 20px #0000000D;
            left: 0px;
            margin-top: 0px;
            width: 175px;
            border-radius: 6px;
            overflow: hidden;
            display: block;
            max-height: 190px;
            overflow: hidden;
            position: relative;
            z-index: 9; }
            .testmonial_wrap .testimonails_content .swiper-container .swiper-wrapper .testimonails_list .testimonail_left figure img {
              display: block;
              max-width: 100%; }
        .testmonial_wrap .testimonails_content .swiper-container .swiper-wrapper .testimonails_list .testimonails_details {
          padding: 0;
          width: 100%;
          padding: 0 50px 0 25px;
          position: relative; }
          .testmonial_wrap .testimonails_content .swiper-container .swiper-wrapper .testimonails_list .testimonails_details:after {
            content: '';
            background: url("../../images/quote.svg") no-repeat right top;
            background-size: 40px;
            width: 40px;
            height: 60px;
            position: absolute;
            left: 0px;
            top: -10px; }
          .testmonial_wrap .testimonails_content .swiper-container .swiper-wrapper .testimonails_list .testimonails_details p {
            font-size: 20px;
            line-height: 32px;
            font-family: "robotoregular";
            font-style: italic;
            color: #42526E;
            margin-bottom: 20px;
            text-align: left; }
          .testmonial_wrap .testimonails_content .swiper-container .swiper-wrapper .testimonails_list .testimonails_details label {
            color: #22252D;
            font-size: 20px;
            line-height: 20px;
            font-family: "HypatiaSansPro-Bold"; }
          .testmonial_wrap .testimonails_content .swiper-container .swiper-wrapper .testimonails_list .testimonails_details span {
            margin-top: 6px;
            font-size: 14px;
            font-family: "HypatiaSansPro-Bold";
            color: rgba(34, 37, 45, 0.55);
            display: block; }
  .testmonial_wrap .pagination_wrap {
    width: 80px;
    background: #ffffff;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 20px 20px 0;
    z-index: 9; }
  .testmonial_wrap .swiper-pagination {
    width: 8px;
    left: inherit;
    right: 35px;
    top: 50%;
    bottom: inherit;
    position: static; }
    .testmonial_wrap .swiper-pagination .swiper-pagination-bullet {
      background: #22252D1A;
      opacity: 1; }
      .testmonial_wrap .swiper-pagination .swiper-pagination-bullet:hover {
        background: #22252D66; }
      .testmonial_wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 8px;
        height: 30px;
        border-radius: 5px;
        background: #22252D66; }
  @media screen and (max-width: 767px) {
    .testmonial_wrap h4 {
      font-size: 26px;
      line-height: 36px; } }
@media screen and (max-width: 767px) and (max-width: 500px) {
  .testmonial_wrap h4 {
    font-size: 22px;
    line-height: 33px; } }
  @media screen and (max-width: 767px) {
    .testmonial_wrap .testimonails_content .swiper-container {
      padding: 80px 0px 40px; }
      .testmonial_wrap .testimonails_content .swiper-container .swiper-slide .testimonails_list {
        flex-direction: column;
        align-items: center;
        padding: 0 20px; }
        .testmonial_wrap .testimonails_content .swiper-container .swiper-slide .testimonails_list .testimonails_details {
          width: 100%;
          padding: 20px 0;
          text-align: center; }
          .testmonial_wrap .testimonails_content .swiper-container .swiper-slide .testimonails_list .testimonails_details p {
            text-align: center;
            font-size: 20px;
            line-height: 28px; }
    .testmonial_wrap .pagination_wrap {
      position: static;
      margin: 0 auto; }
      .testmonial_wrap .pagination_wrap .swiper-pagination {
        width: 100%; }
        .testmonial_wrap .pagination_wrap .swiper-pagination .swiper-pagination-bullet {
          margin: 0 5px; }
          .testmonial_wrap .pagination_wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            width: 30px;
            height: 8px; } }

.casestudies_wrap {
  position: relative;
  z-index: 999;
  background: transparent; }
  .casestudies_wrap .projects_content {
    padding: 0px 100px 0;
    background: transparent linear-gradient(106deg, #00AC9F 0%, #07C1EF 100%) 0% 0% no-repeat padding-box;
    border-radius: 30px; }
    .casestudies_wrap .projects_content h6 {
      font-size: 14px;
      color: rgba(237, 245, 255, 0.5);
      font-family: "robotomedium";
      line-height: 19px;
      text-transform: uppercase; }
    .casestudies_wrap .projects_content h5 {
      font-size: 16px;
      font-family: "robotomedium";
      color: rgba(237, 245, 255, 0.5); }
    .casestudies_wrap .projects_content .project_details {
      padding-top: 44px;
      padding-bottom: 44px; }
    .casestudies_wrap .projects_content .project_controlls {
      left: 100px; }
    .casestudies_wrap .projects_content .project_image {
      position: absolute;
      right: 0px;
      top: 38px; }
    .casestudies_wrap .projects_content .slider {
      border-top: 0px; }
      .casestudies_wrap .projects_content .slider .slider__item .projects_list {
        padding-bottom: 0;
        padding-top: 6px; }
        .casestudies_wrap .projects_content .slider .slider__item .projects_list .project_details {
          padding-top: 0; }
  .casestudies_wrap .project_controlls {
    position: absolute;
    top: 100%;
    left: 0px;
    display: flex;
    z-index: 999; }
    .casestudies_wrap .project_controlls .swiper-next, .casestudies_wrap .project_controlls .swiper-prev {
      position: static !important;
      width: 130px;
      border-radius: 0 0 10px 10px;
      margin-right: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 46px;
      background: rgba(0, 172, 159, 0.7);
      outline: none !important;
      font-family: "HypatiaSansPro-Semibold";
      font-size: 14px;
      color: #22252D; }
      .casestudies_wrap .project_controlls .swiper-next.swiper-button-disabled, .casestudies_wrap .project_controlls .swiper-prev.swiper-button-disabled {
        background: rgba(0, 172, 159, 0.3);
        cursor: default; }
      .casestudies_wrap .project_controlls .swiper-next img, .casestudies_wrap .project_controlls .swiper-prev img {
        margin: 0 9px; }
  @media screen and (max-width: 992px) {
    .casestudies_wrap .projects_content .project_controlls {
      left: 40px; } }
  @media screen and (max-width: 992px) {
    .casestudies_wrap {
      padding: 50px 20px; } }

.clients_banner {
  background: url("../../images/clients_banner.png") no-repeat center top; }

.margin-auto {
  margin: 0 auto; }

.clients_wrap {
  display: block;
  padding: 80px 15px; }
  @media screen and (max-width: 500px) {
    .clients_wrap {
      padding: 40px 15px; } }
  .clients_wrap p {
    font-family: "robotoregular";
    color: #22252D;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 50px; }
  .clients_wrap ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    padding: 0;
    position: relative; }
    @media screen and (max-width: 1050px) {
      .clients_wrap ul {
        margin: 0 20px; } }
    .clients_wrap ul li {
      width: 23%;
      list-style-type: none;
      margin-right: 20px;
      margin-bottom: 20px; }
      .clients_wrap ul li:hover .client_list {
        background: #ffffff !important;
        box-shadow: 0 0 30px #0000001A; }
      .clients_wrap ul li .client_list {
        width: 100%;
        height: 241px;
        background: #FFE7EE;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        cursor: pointer;
        /*transition:all ease-in-out 0.1s;*/ }
        .clients_wrap ul li .client_list figure {
          margin: 0px 0 25px 0; }
          .clients_wrap ul li .client_list figure img {
            display: block; }
        .clients_wrap ul li .client_list p {
          font-family: "HypatiaSansPro-Regular";
          font-size: 18px;
          color: #22252D;
          line-height: 20px;
          padding: 0 20px;
          margin: 0px;
          text-align: center; }
      .clients_wrap ul li.technology .client_list {
        background: #FFE7EE; }
      .clients_wrap ul li.manufacturing .client_list {
        background: #DEF4FF; }
      .clients_wrap ul li.telecommunications .client_list {
        background: #FFF6E1; }
      .clients_wrap ul li.financial .client_list {
        background: #D4E1F5; }
      .clients_wrap ul li.health .client_list {
        background: #FDFACE; }
      .clients_wrap ul li.retail .client_list {
        background: #D4F5F3; }
      .clients_wrap ul li.information .client_list {
        background: #ECE4FA; }
      .clients_wrap ul li.information .clients_section ul li {
        max-width: 190px; }
      .clients_wrap ul li.mortgage .client_list {
        background: #D8F3E2; }
      .clients_wrap ul li.insurance .client_list {
        background: #D7FDCE; }
      .clients_wrap ul li.consulting .client_list {
        background: #F5D4D4; }
      .clients_wrap ul li.consulting .clients_section ul li {
        max-width: 190px; }
      .clients_wrap ul li.open {
        padding-bottom: 0; }
        .clients_wrap ul li.open .client_list {
          background: #ffffff;
          box-shadow: 0 0 30px #0000001A;
          border-radius: 20px;
          position: relative;
          height: 241px;
          z-index: 999;
          top: 2px; }
          .clients_wrap ul li.open .client_list:after {
            top: 100%;
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(255, 255, 255, 0);
            border-top-color: #fff;
            border-width: 15px;
            margin-left: -15px; }
        .clients_wrap ul li.open .clients_section {
          display: block; }
    .clients_wrap ul .clients_section {
      background: #F4F4F4;
      width: 100%;
      position: absolute;
      top: 260px;
      left: 10px;
      height: 240px;
      z-index: 99;
      max-width: 990px;
      display: none; }
      .clients_wrap ul .clients_section:after {
        width: 100%;
        height: 100%;
        background: #F4F4F4;
        content: '';
        position: absolute;
        top: 0px;
        left: 90%; }
      .clients_wrap ul .clients_section:before {
        width: 100%;
        height: 100%;
        background: #F4F4F4;
        content: '';
        position: absolute;
        top: 0px;
        right: 90%; }
      .clients_wrap ul .clients_section ul {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        position: relative;
        z-index: 99; }
        .clients_wrap ul .clients_section ul li {
          width: auto;
          margin-right: 40px; }
          .clients_wrap ul .clients_section ul li a {
            display: block; }
            .clients_wrap ul .clients_section ul li a img {
              max-width: 100%; }
      .clients_wrap ul .clients_section.second {
        top: 520px; }
      .clients_wrap ul .clients_section.three {
        top: 780px; }
      .clients_wrap ul .clients_section.info ul li {
        /*max-width:150px;*/
        padding: 0 20px; }
        .clients_wrap ul .clients_section.info ul li img {
          max-width: 100%; }
  @media screen and (max-width: 767px) {
    .clients_wrap ul {
      padding: 0 20px; }
      .clients_wrap ul li {
        width: 46%; }
        .clients_wrap ul li.financial .clients_section {
          top: 520px; }
        .clients_wrap ul li.health .clients_section {
          top: 520px; }
        .clients_wrap ul li.retail .clients_section {
          top: 780px; }
        .clients_wrap ul li.mortgage .clients_section {
          top: 780px; }
        .clients_wrap ul li.insurance .clients_section {
          top: 1040px; }
        .clients_wrap ul li.consulting .clients_section {
          top: 1040px; } }
  @media screen and (max-width: 575px) {
    .clients_wrap ul {
      padding: 0 20px; }
      .clients_wrap ul li {
        width: 100%;
        margin-right: 0px; }
        .clients_wrap ul li .client_list {
          height: 170px !important; }
        .clients_wrap ul li .clients_section {
          height: auto !important; }
          .clients_wrap ul li .clients_section ul {
            padding: 20px 0; }
            .clients_wrap ul li .clients_section ul li {
              max-width: 120px !important;
              padding: 10px 20px !important; }
        .clients_wrap ul li.information .clients_section {
          top: 170px; }
        .clients_wrap ul li.telecommunications .clients_section {
          top: 360px; }
        .clients_wrap ul li.financial .clients_section {
          top: 549px; }
        .clients_wrap ul li.health .clients_section {
          top: 740px; }
        .clients_wrap ul li.health .clients_section {
          height: auto !important; }
          .clients_wrap ul li.health .clients_section ul {
            padding: 20px 0; }
            .clients_wrap ul li.health .clients_section ul li {
              max-width: 190px !important;
              padding: 10px 20px !important; }
        .clients_wrap ul li.retail .clients_section {
          top: 930px; }
        .clients_wrap ul li.mortgage .clients_section {
          top: 1120px; }
          .clients_wrap ul li.mortgage .clients_section ul {
            padding: 20px 0; }
            .clients_wrap ul li.mortgage .clients_section ul li {
              max-width: 180px !important;
              padding: 10px 20px !important; }
        .clients_wrap ul li.insurance .clients_section {
          top: 1310px; }
        .clients_wrap ul li.consulting .clients_section {
          top: 1500px; } }

.ourclients_feedback {
  padding: 80px 15px;
  background: #E3E3E3; }
  .ourclients_feedback h4 {
    font-family: "HypatiaSansPro-Semibold";
    font-size: 36px;
    line-height: 36px;
    color: #22252D;
    margin: 0 auto 20px;
    display: block;
    text-align: center; }
  .ourclients_feedback p {
    font-family: "robotoregular";
    font-size: 18px;
    line-height: 22px;
    color: rgba(34, 37, 45, 0.7);
    margin: 0 auto 50px;
    display: block;
    text-align: center; }
  .ourclients_feedback .testmonial_block figure {
    width: 175px;
    height: 190px;
    overflow: hidden;
    margin: 0px auto 30px;
    border-radius: 10px; }
    .ourclients_feedback .testmonial_block figure img {
      display: block;
      max-width: 100%;
      text-align: center;
      margin-bottom: 0px; }
  .ourclients_feedback .testmonial_block p {
    font-family: "robotoregular";
    font-size: 14px;
    line-height: 20px;
    color: #22252D;
    margin: 0px;
    padding-bottom: 20px; }
    @media screen and (max-width: 767px) {
      .ourclients_feedback .testmonial_block p {
        padding: 0 20px;
        padding-bottom: 10px; } }
  .ourclients_feedback .testmonial_block label {
    font-family: "robotomedium";
    font-size: 16px;
    line-height: 19px;
    color: #22252D;
    margin: 0px;
    text-align: center;
    width: 300px; }
    .ourclients_feedback .testmonial_block label span {
      display: block; }
  .ourclients_feedback .primary_button {
    margin: 50px auto 20px; }
    @media screen and (max-width: 500px) {
      .ourclients_feedback .primary_button:after {
        right: 15px; } }
    @media screen and (max-width: 500px) {
      .ourclients_feedback .primary_button {
        padding: 0 40px 0px 20px;
        font-size: 12px;
        height: 45px; } }
  @media screen and (max-width: 767px) {
    .ourclients_feedback .testmonial_block {
      margin-bottom: 40px; }
      .ourclients_feedback .testmonial_block figure {
        margin: 0 auto 10px; }
        .ourclients_feedback .testmonial_block figure img {
          margin: 0 auto; }
      .ourclients_feedback .testmonial_block label {
        display: block;
        margin: 0 auto; } }

.hidden {
  overflow: hidden; }

/*contactbg_section */
.contactbg_section {
  height: 410px;
  background: url(../../images/contact_bg.png) no-repeat center center;
  padding-top: 85px; }
  @media screen and (max-width: 767px) {
    .contactbg_section {
      padding-top: 40px; } }
  .contactbg_section .contact_head {
    width: 650px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center; }
    @media screen and (max-width: 600px) {
      .contactbg_section .contact_head {
        width: auto;
        margin: 0 20px; } }
    .contactbg_section .contact_head h3 {
      color: #ffffff;
      font-size: 64px;
      line-height: 70px;
      font-family: "HypatiaSansPro-Bold";
      margin-bottom: 25px; }
      @media screen and (max-width: 767px) {
        .contactbg_section .contact_head h3 {
          font-size: 40px;
          line-height: 47px; } }
      @media screen and (max-width: 520px) {
        .contactbg_section .contact_head h3 {
          font-size: 30px;
          line-height: 37px; } }
    .contactbg_section .contact_head p {
      color: #E3E3E3;
      font-size: 20px;
      line-height: 30px;
      font-family: "robotoregular";
      margin-bottom: 40px; }
      @media screen and (max-width: 767px) {
        .contactbg_section .contact_head p {
          font-size: 17px;
          line-height: 27px;
          margin-bottom: 30px; } }
      @media screen and (max-width: 520px) {
        .contactbg_section .contact_head p {
          font-size: 15px;
          line-height: 22px; } }

.country_section {
  position: relative;
  z-index: 2;
  display: flex;
  width: 900px;
  margin: 0 auto; }
  @media screen and (max-width: 991px) {
    .country_section {
      width: auto; } }
  @media screen and (max-width: 767px) {
    .country_section {
      flex-direction: column; } }
  @media screen and (max-width: 600px) {
    .country_section {
      margin: 0 20px; } }
  .country_section .country_block {
    width: 435px;
    display: inline-block;
    box-shadow: 0px 20px 40px #0000001A;
    border-radius: 10px;
    margin-right: 30px; }
    @media screen and (max-width: 991px) {
      .country_section .country_block {
        width: auto; } }
    @media screen and (max-width: 991px) {
      .country_section .country_block {
        margin-bottom: 30px; } }
    .country_section .country_block .country_office {
      background: #ffffff;
      border-radius: 10px 10px 0 0;
      height: 280px;
      padding: 40px 30px 40px 40px; }
      @media screen and (max-width: 360px) {
        .country_section .country_block .country_office {
          padding: 20px; } }
      .country_section .country_block .country_office .home_address {
        width: 290px;
        border-bottom: 1px solid #E3E3E3; }
        .country_section .country_block .country_office .home_address h5 {
          font-size: 24px;
          line-height: 27px;
          color: #22252D;
          font-family: "HypatiaSansPro-Bold";
          margin-bottom: 20px; }
        .country_section .country_block .country_office .home_address h4 {
          color: #22252D;
          font-size: 14px;
          line-height: 17px;
          font-family: "robotobold";
          margin-bottom: 5px; }
        .country_section .country_block .country_office .home_address h6 {
          color: #22252D;
          font-size: 14px;
          line-height: 17px;
          font-family: "robotomedium";
          margin-bottom: 17px; }
      .country_section .country_block .country_office ul {
        padding-left: 0;
        margin-bottom: 0;
        margin-top: 15px; }
        .country_section .country_block .country_office ul li {
          color: #22252D;
          font-size: 16px;
          line-height: 19px;
          font-family: "robotomedium";
          list-style: none;
          margin-bottom: 10px; }
          .country_section .country_block .country_office ul li img {
            margin-right: 10px; }
          .country_section .country_block .country_office ul li a {
            color: #22252D !important;
            font-size: 16px;
            line-height: 19px;
            font-family: "robotomedium";
            list-style: none; }
    .country_section .country_block .green_map {
      background: #00AC9F;
      height: 65px;
      border-radius: 0 0 10px 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: all 0.3s ease-in-out; }
      .country_section .country_block .green_map:hover {
        background: #049085; }
      .country_section .country_block .green_map a {
        font-size: 16px;
        line-height: 19px;
        color: #ffffff;
        font-family: "robotomedium";
        margin-bottom: 0px;
        text-decoration: none;
        display: flex;
        align-items: center;
        height: 65px;
        width: 100%;
        justify-content: center; }
        .country_section .country_block .green_map a img {
          margin-right: 10px; }
  @media screen and (max-width: 991px) {
    .country_section .country_block_last {
      margin-right: 0px; } }
  @media screen and (max-width: 767px) {
    .country_section .country_block_last {
      margin-right: 0px; } }
  @media screen and (max-width: 767px) {
    .country_section .country_block_lastmob {
      margin-right: 0px; } }

.map_area {
  position: relative;
  bottom: -6px; }
  .map_area:after {
    position: absolute;
    background: #00AC9F;
    content: "";
    height: 5px;
    width: 80%;
    bottom: 6px;
    left: 10%; }

.contactform_section {
  padding: 60px 0px;
  background: #DBDBDB;
  background: url(../../images/s-contact_bg.png) no-repeat left center; }
  @media screen and (max-width: 600px) {
    .contactform_section {
      padding: 40px 0px;
      background-size: cover; } }
  .contactform_section .contact_content {
    width: 900px;
    max-width: 100%;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0px 0px 50px #00000029;
    padding: 70px 0px;
    position: relative;
    z-index: 1; }
    @media screen and (max-width: 600px) {
      .contactform_section .contact_content {
        padding: 30px 0px; } }
    .contactform_section .contact_content h3 {
      color: #344B62;
      font-size: 32px;
      line-height: 50px;
      font-family: "HypatiaSansPro-Black";
      margin-bottom: 40px;
      text-align: center; }
      @media screen and (max-width: 560px) {
        .contactform_section .contact_content h3 {
          font-size: 24px;
          line-height: 34px;
          margin-bottom: 30px; } }
      @media screen and (max-width: 475px) {
        .contactform_section .contact_content h3 {
          font-size: 20px;
          line-height: 23px;
          margin-bottom: 20px; } }

.contact_form {
  width: 630px;
  margin: 0 auto;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .contact_form {
      width: auto;
      margin: 0px 30px; } }
  .contact_form .form-group {
    margin-bottom: 30px; }
    .contact_form .form-group .form-control {
      height: 60px;
      border: 1px solid #D6D6D6;
      border-radius: 6px;
      color: #22252D99;
      font-size: 14px;
      line-height: 34px;
      font-family: "robotomedium";
      outline: none;
      box-shadow: none;
      padding: 0 20px; }
    .contact_form .form-group input::placeholder {
      color: #22252D99; }
    .contact_form .form-group textarea {
      width: 100% !important;
      height: 135px !important;
      padding-top: 23px !important;
      color: #22252D99;
      font-size: 14px;
      line-height: 34px;
      font-family: "robotomedium";
      outline: none;
      box-shadow: none; }
    .contact_form .form-group textarea::placeholder {
      color: #22252D99 !important; }
  .contact_form .submit_btn {
    background: transparent linear-gradient(87deg, #00AC9F 0%, #11CB75 100%) 0% 0% no-repeat padding-box;
    border-radius: 25px;
    width: 225px;
    height: 50px;
    letter-spacing: 1.4px;
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
    font-family: "HypatiaSansPro-Bold";
    padding: 0 30px;
    outline: none;
    border: none;
    box-shadow: none;
    margin: 0 auto;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out; }
    .contact_form .submit_btn img {
      margin-left: 20px; }
    .contact_form .submit_btn:hover {
      background: transparent linear-gradient(45deg, #11CB75 100%, #00AC9F 0%) 0% 0% no-repeat padding-box;
      color: #ffffff;
      text-decoration: none;
      transform: scale(1.1); }

/********************** about-section *********************/
.about-section {
  background: url("../../images/about_banner.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 410px;
  position: relative; }
  @media (max-width: 768px) {
    .about-section {
      height: auto; } }
  .about-section > .container {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .about-section h2 {
    text-align: center;
    padding-top: 84px;
    color: #ffffff;
    font-size: 64px;
    margin: 0;
    font-family: "HypatiaSansPro-Bold"; }
  .about-section p {
    text-align: center;
    color: #E3E3E3;
    font-size: 20px;
    margin: 0;
    font-family: "robotomedium"; }
  .about-section .establishment-block {
    width: 990px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 50px; }
    @media (max-width: 600px) {
      .about-section .establishment-block {
        padding: 0 30px; } }
    @media (max-width: 991px) {
      .about-section .establishment-block {
        padding-top: 85px; } }
    @media (max-width: 767px) {
      .about-section .establishment-block {
        padding-top: 30px; } }
    .about-section .establishment-block .box {
      border-radius: 20px 20px 0px 0px;
      text-align: center;
      width: auto;
      margin-right: 30px;
      width: 310px;
      height: 170px;
      padding: 32px 50px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-direction: column;
      justify-content: center; }
      @media (max-width: 1200px) {
        .about-section .establishment-block .box {
          margin-right: 15px; } }
      @media (max-width: 991px) {
        .about-section .establishment-block .box {
          width: 230px;
          padding: 20px 30px;
          height: auto; } }
      @media (max-width: 767px) {
        .about-section .establishment-block .box {
          width: 100%;
          border-radius: 10px; } }
      @media (max-width: 600px) {
        .about-section .establishment-block .box {
          margin-right: 0px; } }
      .about-section .establishment-block .box span {
        display: block;
        font-size: 18px;
        color: #ffffff;
        font-family: "robotoregular";
        line-height: 21px;
        margin-bottom: 20px; }
        @media (max-width: 1200px) {
          .about-section .establishment-block .box span {
            font-size: 14px; } }
        @media (max-width: 767px) {
          .about-section .establishment-block .box span {
            font-size: 14px;
            margin-bottom: 10px; } }
      .about-section .establishment-block .box strong {
        font-size: 64px;
        color: #ffffff;
        font-family: "HypatiaSansPro-Black";
        line-height: 64px; }
        @media (max-width: 1200px) {
          .about-section .establishment-block .box strong {
            font-size: 50px; } }
        @media (max-width: 991px) {
          .about-section .establishment-block .box strong {
            font-size: 30px;
            line-height: 33px; } }
    .about-section .establishment-block .industry_box {
      margin-right: 0px; }
    .about-section .establishment-block .establishment {
      background: #00AC9F; }
    .about-section .establishment-block .customers {
      background: #0077C2; }
    .about-section .establishment-block .industry {
      background: #00C8FF; }
      .about-section .establishment-block .industry .years small {
        font-family: "robotolight_italic";
        font-size: 18px;
        color: #ffffff; }
  @media (max-width: 768px) {
    .about-section h2 {
      padding-top: 40px;
      font-size: 50px; }
    .about-section p {
      font-size: 15px; }
    .about-section .establishment {
      height: auto !important; }
    .about-section .customers {
      height: auto !important; }
    .about-section .industry {
      height: auto !important; } }
  @media (max-width: 767px) {
    .about-section .box {
      margin-bottom: 15px; } }

.profile-section {
  background: #E3E3E3;
  padding: 85px 0px; }
  @media (max-width: 991px) {
    .profile-section {
      padding: 50px 30px; } }
  @media (max-width: 768px) {
    .profile-section {
      padding: 50px 0; } }
  .profile-section .profile_wrap_sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 990px;
    max-width: 100%;
    margin: 0 auto; }
    @media (max-width: 767px) {
      .profile-section .profile_wrap_sec {
        flex-direction: column; } }
    .profile-section .profile_wrap_sec .profile-image {
      position: relative; }
      .profile-section .profile_wrap_sec .profile-image img {
        width: 360px; }
        @media (max-width: 991px) {
          .profile-section .profile_wrap_sec .profile-image img {
            width: 300px; } }
        @media (max-width: 600px) {
          .profile-section .profile_wrap_sec .profile-image img {
            width: 250px; } }
      .profile-section .profile_wrap_sec .profile-image .ceo_text {
        border-radius: 0 6px 0 6px;
        background: #22252D;
        width: 194px;
        height: 86px;
        padding: 14px 25px 13px;
        position: relative;
        top: -115px;
        left: 74px;
        display: flex;
        align-items: center; }
        .profile-section .profile_wrap_sec .profile-image .ceo_text h4 {
          font-size: 24px;
          line-height: 24px;
          color: #FAFAFA;
          font-family: "robotobold";
          margin-bottom: 0px; }
          .profile-section .profile_wrap_sec .profile-image .ceo_text h4 span {
            color: #FAFAFA;
            font-size: 14px;
            font-family: "robotomedium";
            display: block; }
    .profile-section .profile_wrap_sec .profile {
      margin-left: 50px;
      margin-top: -50px; }
      @media (max-width: 991px) {
        .profile-section .profile_wrap_sec .profile {
          margin-top: 50px; } }
      @media (max-width: 767px) {
        .profile-section .profile_wrap_sec .profile {
          margin-top: 10px; } }
      @media (max-width: 790px) {
        .profile-section .profile_wrap_sec .profile {
          margin-left: 20px; } }
      @media (max-width: 500px) {
        .profile-section .profile_wrap_sec .profile {
          margin-left: 20px;
          margin-right: 20px; } }
      .profile-section .profile_wrap_sec .profile h6 {
        color: #0077C2;
        font-size: 14px;
        font-family: "robotomedium";
        margin: 0;
        text-transform: UPPERCASE;
        letter-spacing: 5.6px;
        line-height: 21px; }
      .profile-section .profile_wrap_sec .profile h5 {
        color: #22252D;
        font-size: 24px;
        line-height: 35px;
        margin: 0;
        padding: 30px 0px 20px 0px;
        width: 336px;
        text-align: left; }
        @media (max-width: 500px) {
          .profile-section .profile_wrap_sec .profile h5 {
            width: auto;
            font-size: 20px;
            line-height: 24px;
            padding: 20px 0 10px 0; } }
      .profile-section .profile_wrap_sec .profile p {
        font-family: "robotoregular";
        color: #22252D;
        font-size: 18px;
        margin-top: 30px;
        margin-bottom: 0px;
        line-height: 28px; }
      .profile-section .profile_wrap_sec .profile .ceo-name {
        background: #ffffff;
        border-left: 7px solid #90CB11;
        width: 200px;
        padding: 8px 0px 7px 29px; }
        .profile-section .profile_wrap_sec .profile .ceo-name strong {
          display: block;
          font-family: "HypatiaSansPro-Bold";
          font-size: 24px;
          color: #22252D;
          line-height: 34px; }
        .profile-section .profile_wrap_sec .profile .ceo-name span {
          color: #22252D80;
          font-size: 16px;
          font-family: "robotolight_italic"; }
        @media (max-width: 990px) {
          .profile-section .profile_wrap_sec .profile .ceo-name {
            margin-bottom: 20px; } }
      .profile-section .profile_wrap_sec .profile label {
        background: #ffffff;
        padding: 10px 30px 10px 15px;
        border-left: 5px solid #90CB11;
        margin-top: 25px; }
        .profile-section .profile_wrap_sec .profile label b {
          font-family: 'HypatiaSansPro-Bold';
          font-size: 22px;
          color: #22252D;
          line-height: 22px;
          display: block;
          padding-bottom: 5px; }
        .profile-section .profile_wrap_sec .profile label em {
          display: block;
          font-size: 16px;
          font-family: 'HypatiaSansPro-Semibold';
          line-height: 16px;
          color: rgba(34, 37, 45, 0.5); }

.knowledge-wrap-section {
  padding: 100px 0px; }
  .knowledge-wrap-section .knowledge_wrap_content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 990px;
    max-width: 100%;
    margin: 0 auto; }
    @media (max-width: 767px) {
      .knowledge-wrap-section .knowledge_wrap_content {
        flex-direction: column; } }
    .knowledge-wrap-section .knowledge_wrap_content .left-section {
      width: 100%;
      text-align: center; }
      @media (max-width: 767px) {
        .knowledge-wrap-section .knowledge_wrap_content .left-section {
          width: 100%; } }
      .knowledge-wrap-section .knowledge_wrap_content .left-section h4 {
        font-family: "HypatiaSansPro-Bold";
        color: #22252D;
        font-size: 32px;
        padding-bottom: 20px;
        margin: 0; }
        @media (max-width: 500px) {
          .knowledge-wrap-section .knowledge_wrap_content .left-section h4 {
            font-size: 24px; } }
      .knowledge-wrap-section .knowledge_wrap_content .left-section p {
        color: #22252D;
        font-size: 18px;
        font-family: "robotoregular";
        line-height: 30px; }
    .knowledge-wrap-section .knowledge_wrap_content .right-section {
      width: 50%;
      padding-left: 50px; }
      @media (max-width: 767px) {
        .knowledge-wrap-section .knowledge_wrap_content .right-section {
          width: 100%;
          padding-left: 0; } }
      .knowledge-wrap-section .knowledge_wrap_content .right-section .share-list {
        position: relative;
        padding-left: 55px;
        height: 153px;
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        @media (max-width: 767px) {
          .knowledge-wrap-section .knowledge_wrap_content .right-section .share-list {
            margin-bottom: 10px; } }
        .knowledge-wrap-section .knowledge_wrap_content .right-section .share-list::before {
          content: "";
          position: absolute;
          width: 153px;
          height: 153px;
          border-radius: 100px;
          z-index: -1;
          top: -2px;
          left: -15px; }
          @media (max-width: 768px) {
            .knowledge-wrap-section .knowledge_wrap_content .right-section .share-list::before {
              width: 100px;
              height: 100px;
              left: 0; } }
        .knowledge-wrap-section .knowledge_wrap_content .right-section .share-list strong {
          font-size: 24px;
          color: #0077C2;
          font-family: "HypatiaSansPro-Bold"; }
        .knowledge-wrap-section .knowledge_wrap_content .right-section .share-list .blue_text {
          color: #00AC9F; }
        .knowledge-wrap-section .knowledge_wrap_content .right-section .share-list .green_text {
          color: #90CB11; }
        .knowledge-wrap-section .knowledge_wrap_content .right-section .share-list p {
          color: #1F2532;
          font-size: 16px;
          font-family: "robotoregular"; }
          @media (max-width: 1200px) {
            .knowledge-wrap-section .knowledge_wrap_content .right-section .share-list p {
              font-size: 14px; } }
        .knowledge-wrap-section .knowledge_wrap_content .right-section .share-list.sky:before {
          background: rgba(0, 200, 255, 0.1); }
        .knowledge-wrap-section .knowledge_wrap_content .right-section .share-list.blue:before {
          background: rgba(0, 119, 194, 0.1); }
        .knowledge-wrap-section .knowledge_wrap_content .right-section .share-list.green:before {
          background: rgba(144, 203, 17, 0.1); }
        @media (max-width: 767px) {
          .knowledge-wrap-section .knowledge_wrap_content .right-section .share-list {
            padding-left: 45px;
            padding-top: 15px;
            justify-content: flex-start; }
            .knowledge-wrap-section .knowledge_wrap_content .right-section .share-list strong {
              font-size: 18px; }
            .knowledge-wrap-section .knowledge_wrap_content .right-section .share-list p {
              font-size: 14px; } }
        @media (max-width: 398px) {
          .knowledge-wrap-section .knowledge_wrap_content .right-section .share-list p {
            font-size: 12px; } }
  @media (max-width: 768px) {
    .knowledge-wrap-section {
      padding-top: 50px;
      padding-bottom: 50px; }
      .knowledge-wrap-section h4 {
        font-size: 24px; }
      .knowledge-wrap-section p {
        font-size: 14px; } }
  @media (max-width: 600px) {
    .knowledge-wrap-section {
      padding: 50px 20px; } }

.vision-wrap-section {
  background: url("../../images/puzzle.png");
  width: 100%;
  height: auto;
  padding-top: 80px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 80px; }
  .vision-wrap-section h6 {
    color: #22252D;
    font-family: "HypatiaSansPro-Bold";
    font-size: 32px;
    padding-bottom: 20px;
    margin: 0; }
  .vision-wrap-section p {
    color: #22252D;
    font-family: "robotoregular";
    font-size: 16px;
    padding-bottom: 40px;
    margin: 0;
    max-width: 570px;
    margin: 0 auto; }
  .vision-wrap-section .vision {
    background: #ffffff;
    border-radius: 20px;
    padding: 58px 50px 19px 50px;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1); }
  .vision-wrap-section .mission {
    background: #ffffff;
    border-radius: 20px;
    padding: 58px 50px 19px 50px; }
  .vision-wrap-section .common-box {
    height: 100%; }
    .vision-wrap-section .common-box figure {
      margin: 0;
      height: 90px; }
      @media (max-width: 767px) {
        .vision-wrap-section .common-box figure {
          height: 60px; } }
    .vision-wrap-section .common-box strong {
      font-family: "HypatiaSansPro-Bold";
      color: #000000;
      font-size: 30px;
      display: block;
      padding-bottom: 19px;
      line-height: 30px; }
    .vision-wrap-section .common-box span {
      font-family: "robotomedium";
      font-style: italic;
      color: #344B62;
      font-size: 18px;
      line-height: 22px; }
    .vision-wrap-section .common-box p {
      font-family: "robotoregular";
      color: #344B62;
      font-size: 18px;
      line-height: 24px;
      width: 100%; }
    @media (max-width: 767px) {
      .vision-wrap-section .common-box {
        margin-bottom: 10px;
        height: auto; }
        .vision-wrap-section .common-box strong {
          padding-bottom: 9px;
          padding-top: 8px; }
        .vision-wrap-section .common-box span {
          font-size: 14px; }
        .vision-wrap-section .common-box p {
          font-size: 14px;
          padding-top: 10px; } }
    @media (max-width: 1200px) {
      .vision-wrap-section .common-box {
        padding: 38px 30px 0px 30px; } }
    @media (max-width: 767px) {
      .vision-wrap-section .common-box {
        padding: 28px 20px 29px 20px; } }
  @media (max-width: 767px) {
    .vision-wrap-section {
      padding-top: 40px; }
      .vision-wrap-section h6 {
        font-size: 24px; }
      .vision-wrap-section p {
        padding-bottom: 20px; } }

/*********** career *******************/
/* careers_bg started */
.careers_bg {
  background: transparent linear-gradient(87deg, #00AC9F 0%, #11CB75 100%) 0% 0% no-repeat padding-box;
  height: 410px;
  padding: 90px 0px; }
  @media screen and (max-width: 767px) {
    .careers_bg {
      padding: 40px 0px; } }
  @media screen and (max-width: 600px) {
    .careers_bg {
      height: auto; } }

.careersbg_content {
  width: 500px;
  margin: 0 auto;
  text-align: center; }
  @media screen and (max-width: 600px) {
    .careersbg_content {
      width: auto; } }
  .careersbg_content h3 {
    color: #ffffff;
    font-size: 64px;
    line-height: 70px;
    font-family: "HypatiaSansPro-Bold";
    margin-bottom: 25px; }
    @media screen and (max-width: 767px) {
      .careersbg_content h3 {
        font-size: 40px;
        line-height: 32px;
        margin-bottom: 15px; } }
  .careersbg_content p {
    color: #E3E3E3;
    font-size: 20px;
    line-height: 30px;
    font-family: "robotoregular";
    margin-bottom: 30px; }
    @media screen and (max-width: 767px) {
      .careersbg_content p {
        font-size: 17px;
        line-height: 23px;
        margin-bottom: 20px; } }

.view_btn {
  background: #ffffff;
  border-radius: 25px;
  width: 225px;
  height: 50px;
  padding: 0 25px;
  border: none;
  outline: none !important;
  box-shadow: none;
  font-size: 14px;
  line-height: 20px;
  font-family: "HypatiaSansPro-Bold";
  color: #22252D;
  letter-spacing: 1.4px;
  display: flex;
  align-items: center;
  margin: 0 auto;
  transition: ease-in-out 0.2s all; }
  .view_btn img {
    margin-left: 20px; }
  .view_btn:hover {
    outline: none;
    border: none;
    color: #22252D;
    transform: scale(1.05);
    text-decoration: none; }

.benefitswrap_section {
  padding: 80px 0px;
  background: #ffffff; }
  @media screen and (max-width: 767px) {
    .benefitswrap_section {
      padding: 40px 0px; } }
  .benefitswrap_section .benefits_content {
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .benefitswrap_section .benefits_content {
        width: auto;
        padding: 0 30px; } }
    .benefitswrap_section .benefits_content p {
      font-family: "robotoregular";
      font-size: 16px;
      color: #000000;
      margin-bottom: 50px; }
    .benefitswrap_section .benefits_content h4 {
      font-size: 36px;
      line-height: 50px;
      color: #22252D;
      font-family: "HypatiaSansPro-Bold";
      margin-bottom: 20px; }
      @media screen and (max-width: 767px) {
        .benefitswrap_section .benefits_content h4 {
          font-size: 30px;
          line-height: 34px;
          margin-bottom: 15px; } }
      @media screen and (max-width: 767px) {
        .benefitswrap_section .benefits_content h4 {
          font-size: 24px;
          line-height: 27px; } }
    .benefitswrap_section .benefits_content ul {
      padding-left: 0px;
      margin-bottom: 0px;
      display: inline-block; }
      @media screen and (max-width: 900px) {
        .benefitswrap_section .benefits_content ul {
          padding-left: 35px; } }
      .benefitswrap_section .benefits_content ul li {
        width: 100%;
        list-style: none;
        color: #0A1A2F;
        font-size: 18px;
        line-height: 22px;
        font-family: "robotoregular";
        text-align: left;
        position: relative;
        float: left;
        width: 50%;
        margin-bottom: 40px; }
        @media screen and (max-width: 767px) {
          .benefitswrap_section .benefits_content ul li {
            float: none;
            width: 100%;
            margin-bottom: 20px; } }
        .benefitswrap_section .benefits_content ul li:before {
          position: absolute;
          content: "";
          background: url("../../images/check_img.svg") no-repeat;
          top: 0px;
          left: -30px;
          width: 18px;
          height: 18px; }
        .benefitswrap_section .benefits_content ul li:last-child {
          margin-bottom: 0px; }
    .benefitswrap_section .benefits_content .primary_button {
      width: 250px;
      margin: 0 auto; }
      @media screen and (max-width: 500px) {
        .benefitswrap_section .benefits_content .primary_button {
          margin: 20px auto; } }

.positionswrap_section {
  background: #E3E3E3;
  padding: 70px 0 60px; }
  @media screen and (max-width: 767px) {
    .positionswrap_section {
      padding: 35px 0px; } }
  .positionswrap_section .positions_content {
    width: 900px;
    margin: 0 auto;
    text-align: center; }
    @media screen and (max-width: 991px) {
      .positionswrap_section .positions_content {
        width: auto; } }
    .positionswrap_section .positions_content h3 {
      font-size: 36px;
      line-height: 50px;
      color: #22252D;
      font-family: "HypatiaSansPro-Bold";
      margin-bottom: 50px; }
      @media screen and (max-width: 991px) {
        .positionswrap_section .positions_content h3 {
          margin-bottom: 30px; } }
    .positionswrap_section .positions_content .nav-tabs {
      width: 837px;
      margin: 0 auto; }
      @media screen and (max-width: 991px) {
        .positionswrap_section .positions_content .nav-tabs {
          width: auto; } }
      .positionswrap_section .positions_content .nav-tabs .nav-link.active {
        background: #0077C2;
        border: none;
        color: #ffffff; }
      .positionswrap_section .positions_content .nav-tabs .nav-link {
        border: 2px solid #ffffff;
        background: #ffffff;
        border-radius: 25px;
        margin-right: 10px;
        padding: 15px 30px;
        color: #344B62;
        font-size: 14px;
        line-height: 18px;
        font-family: "robotomedium";
        height: 50px; }
        @media screen and (max-width: 991px) {
          .positionswrap_section .positions_content .nav-tabs .nav-link {
            font-size: 12px;
            padding: 15px 22px; } }
        @media screen and (max-width: 767px) {
          .positionswrap_section .positions_content .nav-tabs .nav-link {
            font-size: 10px;
            padding: 15px;
            height: 40px;
            line-height: 9px;
            margin-right: 5px; } }
      .positionswrap_section .positions_content .nav-tabs .last_link {
        margin-right: 0px; }
    .positionswrap_section .positions_content .view_btn {
      margin-top: 30px; }

.openpositiontab_content {
  margin-bottom: 10px;
  border-radius: 10px;
  overflow: hidden; }
  .openpositiontab_content .card-header {
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px #0000001A;
    height: 107px;
    padding: 0px 60px 0 30px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0px;
    position: relative;
    transition: ease-in-out all; }
    .openpositiontab_content .card-header:after {
      width: 40px;
      height: 40px;
      content: '';
      position: absolute;
      top: 25px;
      transform: translateY(-50%);
      right: 20px;
      background: url("../../images/arrow_black.svg") no-repeat calc(100% - 20px) center;
      transform: rotate(-90deg); }
    @media screen and (max-width: 500px) {
      .openpositiontab_content .card-header {
        flex-direction: column;
        justify-content: center; } }
    .openpositiontab_content .card-header div a {
      font-size: 20px;
      line-height: 22px;
      color: #0A1A2F;
      font-family: "HypatiaSansPro-Semibold";
      text-decoration: none; }
      @media screen and (max-width: 600px) {
        .openpositiontab_content .card-header div a {
          font-size: 16px;
          line-height: 18px; } }
    .openpositiontab_content .card-header div p {
      margin-top: 10px;
      display: flex;
      color: rgba(0, 0, 0, 0.5);
      position: relative;
      font-size: 14px;
      line-height: 22px;
      font-family: "robotomedium";
      margin-bottom: 0px; }
      @media screen and (max-width: 600px) {
        .openpositiontab_content .card-header div p {
          font-size: 12px;
          margin-top: 0px; } }
      .openpositiontab_content .card-header div p span {
        padding-left: 25px;
        position: relative;
        display: block; }
        .openpositiontab_content .card-header div p span:before {
          position: absolute;
          content: "";
          background: #848C97;
          border-radius: 50%;
          width: 5px;
          height: 5px;
          top: 45%;
          left: 10px; }
    .openpositiontab_content .card-header .apply_btn {
      color: #00AC9F;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 1.4px;
      font-family: "HypatiaSansPro-Bold";
      background: none;
      border: none;
      outline: none; }
      .openpositiontab_content .card-header .apply_btn img {
        margin-left: 20px; }
      .openpositiontab_content .card-header .apply_btn:hover {
        color: #0077C2; }
    .openpositiontab_content .card-header.collapsed:after {
      width: 40px;
      height: 40px;
      content: '';
      position: absolute;
      top: 40px;
      transform: translateY(-50%);
      right: 20px;
      background: url("../../images/arrow_black.svg") no-repeat calc(100% - 20px) center;
      transform: rotate(90deg); }
  .openpositiontab_content .openjobs_content {
    background: #ffffff;
    border-radius: 0 0 10px 10px;
    margin-bottom: 10px;
    padding: 0px 30px 30px; }
    .openpositiontab_content .openjobs_content .primary_button {
      outline: none !important;
      border: none; }

.findwrap_section {
  background: #03B7C8;
  height: 312px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .findwrap_section .findwrap_content {
    display: flex;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 900px) {
      .findwrap_section .findwrap_content {
        flex-direction: column; } }
    .findwrap_section .findwrap_content h3 {
      font-size: 40px;
      line-height: 55px;
      color: #ffffff;
      font-family: "HypatiaSansPro-Bold";
      width: 570px;
      max-width: 100%;
      text-transform: capitalize; }
      @media screen and (max-width: 900px) {
        .findwrap_section .findwrap_content h3 {
          font-size: 35px;
          line-height: 43px;
          width: auto; } }
      @media screen and (max-width: 767px) {
        .findwrap_section .findwrap_content h3 {
          margin: 0 30px 30px;
          text-align: center;
          font-size: 27px; } }
    .findwrap_section .findwrap_content .Send_btn {
      background: transparent linear-gradient(102deg, #FFFFFF 0%, #F4F4F4 100%) 0% 0% no-repeat padding-box;
      border-radius: 35px;
      box-shadow: 0px 10px 20px #0000001A;
      padding: 22px 50px;
      height: 70px;
      border: none;
      outline: none;
      box-shadow: none;
      font-family: "HypatiaSansPro-Bold";
      font-size: 24px;
      line-height: 34px;
      color: #22252D;
      transition: ease-in-out 0.3s all; }
      @media screen and (max-width: 575px) {
        .findwrap_section .findwrap_content .Send_btn {
          font-size: 18px;
          padding: 18px 40px; } }
      .findwrap_section .findwrap_content .Send_btn:hover {
        transform: scale(1.05); }

.carrerdetails_bg {
  background: transparent linear-gradient(88deg, #00AC9F 0%, #11CB75 100%) 0% 0% no-repeat padding-box;
  height: 300px;
  padding: 50px 0 60px; }
  .carrerdetails_bg span a {
    color: #E6E6E6;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.7px;
    font-family: "robotomedium";
    text-decoration: none; }
    .carrerdetails_bg span a img {
      margin-right: 10px; }
  .carrerdetails_bg .carrerdetails_content {
    width: 730px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .carrerdetails_bg .carrerdetails_content {
        width: auto; } }
    .carrerdetails_bg .carrerdetails_content h3 {
      font-size: 48px;
      line-height: 68px;
      color: #ffffff;
      font-family: "HypatiaSansPro-Bold";
      text-align: center;
      margin-bottom: 0px; }
      @media screen and (max-width: 900px) {
        .carrerdetails_bg .carrerdetails_content h3 {
          font-size: 36px;
          line-height: 47px; } }
      @media screen and (max-width: 767px) {
        .carrerdetails_bg .carrerdetails_content h3 {
          font-size: 30px;
          line-height: 37px;
          margin-top: 20px; } }
      @media screen and (max-width: 600px) {
        .carrerdetails_bg .carrerdetails_content h3 {
          font-size: 24px;
          line-height: 36px;
          margin-top: 20px; } }
      .carrerdetails_bg .carrerdetails_content h3 span {
        font-size: 16px;
        line-height: 19px;
        color: #E5E5E5;
        font-family: "robotomedium";
        margin-bottom: 20px;
        display: block; }
    .carrerdetails_bg .carrerdetails_content .apply_btn {
      border: 1px solid #ffffff;
      border-radius: 69px;
      font-size: 14px;
      line-height: 16px;
      letter-spacing: 1.6px;
      padding: 14px 20px;
      background: none;
      color: #ffffff;
      font-family: "robotomedium";
      box-shadow: none;
      outline: none;
      width: 200px;
      height: 45px; }
      .carrerdetails_bg .carrerdetails_content .apply_btn img {
        margin-left: 20px; }

.carrerdetails_section {
  background: #E3E3E3;
  padding: 60px 0px; }
  @media screen and (max-width: 600px) {
    .carrerdetails_section {
      padding: 30px; } }

.carrerdeatails_list {
  background: #ffffff;
  text-align: left;
  border-top: 1px solid #E3E3E3;
  border-radius: 0 0 10px 10px;
  padding-top: 30px; }
  .carrerdeatails_list h4 {
    color: #1D1E3B;
    font-size: 24px;
    line-height: 34px;
    font-family: "HypatiaSansPro-Bold";
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      .carrerdeatails_list h4 {
        font-size: 18px; } }
    @media screen and (max-width: 575px) {
      .carrerdeatails_list h4 {
        font-size: 16px; } }
  .carrerdeatails_list p {
    color: rgba(0, 0, 0, 0.8);
    font-size: 18px;
    line-height: 28px;
    font-family: "robotoregular"; }
    @media screen and (max-width: 575px) {
      .carrerdeatails_list p {
        font-size: 14px; } }
  .carrerdeatails_list .jd_con {
    margin-bottom: 50px; }
  .carrerdeatails_list .job_deatails_list {
    margin-bottom: 20px; }
    .carrerdeatails_list .job_deatails_list h4 {
      color: #1D1E3B;
      font-size: 24px;
      line-height: 34px;
      font-family: "HypatiaSansPro-Bold";
      margin-bottom: 20px; }
      @media screen and (max-width: 575px) {
        .carrerdeatails_list .job_deatails_list h4 {
          font-size: 16px; } }
    .carrerdeatails_list .job_deatails_list ul {
      display: inline-block;
      padding-left: 0px; }
      .carrerdeatails_list .job_deatails_list ul li {
        list-style: none;
        font-size: 18px;
        line-height: 24px;
        color: rgba(0, 0, 0, 0.8);
        font-family: "robotoregular";
        padding-bottom: 6px; }
        @media screen and (max-width: 575px) {
          .carrerdeatails_list .job_deatails_list ul li {
            font-size: 14px; } }

.apply_button {
  background: transparent linear-gradient(87deg, #00AC9F 0%, #11CB75 100%) 0% 0% no-repeat padding-box;
  border-radius: 25px;
  width: 225px;
  height: 50px;
  letter-spacing: 1.4px;
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
  font-family: "HypatiaSansPro-Bold";
  padding: 0 30px;
  outline: none !important;
  border: none;
  box-shadow: none;
  margin: 0 auto; }
  .apply_button img {
    margin-left: 20px; }

.applyModalSection {
  z-index: 9999; }
  @media screen and (max-width: 991px) {
    .applyModalSection {
      padding-right: 0px !important; } }
  .applyModalSection .modal-dialog {
    max-width: 800px; }

.applymodal_wrapper {
  width: 800px;
  max-width: 100%;
  border-radius: 20px;
  background: #ECF9FF;
  border: none;
  padding: 50px; }
  .applymodal_wrapper .modal-header {
    border-bottom: none;
    padding: 0px;
    border-radius: 0; }
    .applymodal_wrapper .modal-header .close {
      border: none;
      text-shadow: none;
      outline: none;
      box-shadow: none;
      top: -35px;
      position: relative;
      left: 20px; }
    .applymodal_wrapper .modal-header h5 {
      color: #22252D;
      font-size: 24px;
      line-height: 28px;
      font-family: "robotomedium";
      margin-bottom: 0px; }
  .applymodal_wrapper .formleft_section {
    margin-top: 30px; }
    .applymodal_wrapper .formleft_section .form-group {
      display: flex;
      margin-bottom: 0px; }
      .applymodal_wrapper .formleft_section .form-group .form-control {
        border: 1px solid #D6D6D6;
        border-radius: 6px;
        height: 55px;
        background: #ffffff;
        color: #22252D99;
        font-size: 14px;
        line-height: 50px;
        font-family: "robotomedium";
        margin-bottom: 20px;
        padding: 0 20px;
        outline: none;
        box-shadow: none; }
      .applymodal_wrapper .formleft_section .form-group .upload_cv {
        position: relative; }
        .applymodal_wrapper .formleft_section .form-group .upload_cv img {
          position: absolute;
          top: 15px;
          right: 20px; }
    .applymodal_wrapper .formleft_section .send_button {
      background: #0077C2;
      border-radius: 25px;
      width: 155px;
      height: 50px;
      padding: 0 20px;
      color: #ffffff;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 1.4px;
      font-family: "HypatiaSansPro-Bold";
      outline: none;
      border: 1px solid #0077C2;
      box-shadow: none; }
      .applymodal_wrapper .formleft_section .send_button img {
        margin-left: 20px; }
  .applymodal_wrapper .applyform_section .imgkyt img {
    width: 300px;
    height: 380px;
    max-width: 100%; }

.testimonail_banner {
  height: 350px;
  background: url("../../images/testimonial_bg.svg") no-repeat center top; }
  .testimonail_banner .testimonail_banner_content {
    max-width: 450px;
    margin: 0 auto; }
    .testimonail_banner .testimonail_banner_content h3 {
      font-size: 64px;
      line-height: 64px;
      margin-bottom: 10px; }
      @media screen and (max-width: 767px) {
        .testimonail_banner .testimonail_banner_content h3 {
          font-size: 40px;
          line-height: 47px; } }
    .testimonail_banner .testimonail_banner_content h6 {
      font-size: 24px;
      line-height: 24px;
      color: #ffffff;
      font-family: "robotomedium";
      margin-bottom: 20px; }
      @media screen and (max-width: 767px) {
        .testimonail_banner .testimonail_banner_content h6 {
          font-size: 20px;
          line-height: 19px; } }
    .testimonail_banner .testimonail_banner_content p {
      font-size: 16px;
      font-family: "robotoregular";
      line-height: 24px;
      margin-bottom: 0px; }

.testmonials_section {
  background: #E3E3E3; }
  .testmonials_section .testimonails_content {
    margin-bottom: 30px; }

.graybg {
  background: #E3E3E3; }

.padt80 {
  padding-top: 80px !important; }

.pager {
  display: none; }

.casestudies_wrap {
  padding-bottom: 46px; }

.bx-controls {
  margin-bottom: -46px; }
  .bx-controls .bx-controls-direction {
    display: flex; }
    .bx-controls .bx-controls-direction .bx-prev {
      width: 130px;
      border-radius: 0 0 10px 10px;
      margin-right: 10px;
      display: flex;
      position: relative;
      align-items: center;
      justify-content: center;
      height: 46px;
      background: url("../../images/prev-arrow.svg") no-repeat rgba(0, 172, 159, 0.7);
      background-position: 30px 16px;
      line-height: 46px;
      outline: none !important;
      font-family: "HypatiaSansPro-Semibold";
      font-size: 14px;
      color: #22252D;
      font-size: 0px; }
      .bx-controls .bx-controls-direction .bx-prev::before {
        content: 'Prev';
        position: absolute;
        top: 0px;
        font-family: "HypatiaSansPro-Semibold";
        font-size: 14px;
        color: #22252D; }
    .bx-controls .bx-controls-direction .bx-next {
      width: 130px;
      border-radius: 0 0 10px 10px;
      margin-right: 10px;
      display: flex;
      position: relative;
      align-items: center;
      justify-content: center;
      height: 46px;
      background: url("../../images/next-arrow.svg") no-repeat rgba(0, 172, 159, 0.7);
      background-position: 87px 16px;
      line-height: 46px;
      line-height: 46px;
      outline: none !important;
      font-family: "HypatiaSansPro-Semibold";
      font-size: 14px;
      color: #22252D;
      font-size: 0px; }
      .bx-controls .bx-controls-direction .bx-next::before {
        content: 'Next';
        position: absolute;
        top: 0px;
        font-family: "HypatiaSansPro-Semibold";
        font-size: 14px;
        color: #22252D; }
    @media screen and (max-width: 767px) {
      .bx-controls .bx-controls-direction {
        justify-content: center; } }

/*---- services new sections ------- */
.padt50 {
  padding-top: 50px !important; }

.innovation_wrap_section {
  background: #ffffff;
  padding: 60px 15px; }
  @media screen and (max-width: 500px) {
    .innovation_wrap_section {
      padding: 30px 15px; } }

.innovation_wrap_data {
  width: 990px;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media screen and (max-width: 1060px) {
    .innovation_wrap_data {
      padding: 0 20px; } }
  @media screen and (max-width: 767px) {
    .innovation_wrap_data {
      flex-direction: column;
      padding: 0 50px; } }
  @media screen and (max-width: 500px) {
    .innovation_wrap_data {
      padding: 0 20px; } }
  .innovation_wrap_data .innovation_leftdata {
    margin-right: 50px; }
    @media screen and (max-width: 767px) {
      .innovation_wrap_data .innovation_leftdata {
        margin-right: 0px; } }
    .innovation_wrap_data .innovation_leftdata h4 {
      color: #212529;
      font-size: 24px;
      line-height: 35px;
      margin-bottom: 20px;
      font-family: "HypatiaSansPro-Bold"; }
      @media screen and (max-width: 575px) {
        .innovation_wrap_data .innovation_leftdata h4 {
          font-size: 18px;
          line-height: 27px; } }
    .innovation_wrap_data .innovation_leftdata p {
      color: #212529;
      font-size: 18px;
      line-height: 28px;
      font-family: "robotoregular"; }
      @media screen and (max-width: 575px) {
        .innovation_wrap_data .innovation_leftdata p {
          font-size: 16px;
          line-height: 22px; } }
  .innovation_wrap_data .innovation_rightdata figure {
    width: 460px;
    height: 454px;
    background: url("../../images/innovation_img.svg") no-repeat right top;
    padding: 30px 0 0 63px; }
    @media screen and (max-width: 575px) {
      .innovation_wrap_data .innovation_rightdata figure {
        width: 300px;
        height: auto;
        padding: 30px 0 0 30px;
        background-size: 100% 100%; } }
  .innovation_wrap_data .innovation_rightdata img {
    width: 367px;
    height: 400px;
    background: #DCE1DC; }
    @media screen and (max-width: 991px) {
      .innovation_wrap_data .innovation_rightdata img {
        width: 367px; } }
    @media screen and (max-width: 500px) {
      .innovation_wrap_data .innovation_rightdata img {
        width: 250px;
        height: auto; } }

.our_technology_wrap {
  background: #ECF9FF;
  padding: 70px 0px 60px; }
  @media screen and (max-width: 767px) {
    .our_technology_wrap {
      padding: 40px 0px; } }

.our_technology_wrap2 {
  background: #ffffff;
  padding: 0px 0px 60px; }

.our_technology_services {
  width: 990px;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  max-width: 800px;
  margin: 0 auto; }
  .our_technology_services > p {
    color: #22252D;
    font-size: 16px;
    line-height: 22px;
    font-family: "robotoregular";
    margin-bottom: 0px;
    text-align: center;
    max-width: 650px;
    margin: 0 auto; }
    @media screen and (max-width: 1060px) {
      .our_technology_services > p {
        margin: 0 auto 30px; } }
    @media screen and (max-width: 991px) {
      .our_technology_services > p {
        width: auto; } }
    @media screen and (max-width: 767px) {
      .our_technology_services > p {
        padding: 0 30px; } }
    @media screen and (max-width: 500px) {
      .our_technology_services > p {
        padding: 0px 30px 10px; } }
  .our_technology_services h3 {
    font-size: 28px;
    line-height: 30px;
    color: #22252D;
    font-family: "HypatiaSansPro-Bold";
    margin-bottom: 20px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .our_technology_services h3 {
        font-size: 22px;
        line-height: 27px;
        margin-bottom: 20px; } }
    @media screen and (max-width: 575px) {
      .our_technology_services h3 {
        font-size: 20px;
        line-height: 23px;
        padding: 0 20px; } }
  .our_technology_services ul {
    display: inline-block;
    padding-left: 0px;
    padding-top: 40px;
    margin-bottom: 0px; }
    @media screen and (max-width: 1060px) {
      .our_technology_services ul {
        padding: 0 30px; } }
    .our_technology_services ul li {
      list-style: none;
      background: #FFE7EE;
      border-radius: 20px;
      margin-right: 0px;
      width: 48%;
      height: 320px;
      float: left;
      padding: 40px;
      margin-bottom: 30px; }
      @media screen and (max-width: 992px) {
        .our_technology_services ul li {
          height: auto; } }
      @media screen and (max-width: 900px) {
        .our_technology_services ul li {
          margin-right: 15px; } }
      @media screen and (max-width: 767px) {
        .our_technology_services ul li {
          width: 99%;
          height: auto; } }
      @media screen and (max-width: 500px) {
        .our_technology_services ul li {
          padding: 20px; } }
      .our_technology_services ul li h5 {
        color: #22252D;
        font-size: 24px;
        line-height: 27px;
        font-family: "HypatiaSansPro-Bold";
        margin-bottom: 20px; }
        @media screen and (max-width: 900px) {
          .our_technology_services ul li h5 {
            font-size: 20px;
            margin-bottom: 10px; } }
      .our_technology_services ul li p {
        color: #22252D;
        font-size: 16px;
        line-height: 22px;
        font-family: "robotoregular";
        margin-bottom: 0px; }
      .our_technology_services ul li:nth-child(2) {
        background: #FDFACE;
        margin-right: 0px; }
      .our_technology_services ul li:nth-child(3) {
        background: #FFF6E1; }
      .our_technology_services ul li:nth-child(4) {
        background: #D4E1F5; }
      .our_technology_services ul li:nth-child(5) {
        background: #D4F5F3;
        margin-right: 0px; }
      .our_technology_services ul li:nth-child(6) {
        background: #D4E1F5; }

.service_project_wrap {
  background: #ffffff;
  padding: 60px 0px; }
  @media screen and (max-width: 992px) {
    .service_project_wrap {
      padding: 30px 0px; } }

.service_project_content {
  width: 900px;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 992px) {
    .service_project_content {
      padding: 0 30px; } }
  @media screen and (max-width: 767px) {
    .service_project_content {
      flex-direction: column;
      padding: 0 20px; } }
  .service_project_content .service_project_desc {
    width: 420px; }
    @media screen and (max-width: 767px) {
      .service_project_content .service_project_desc {
        width: auto; } }
    .service_project_content .service_project_desc h4 {
      color: #212529;
      font-size: 24px;
      line-height: 35px;
      margin-bottom: 20px;
      font-family: 'Poppins-Bold'; }
    .service_project_content .service_project_desc p {
      color: #212529;
      font-size: 18px;
      line-height: 26px;
      font-family: "robotoregular"; }
      @media screen and (max-width: 500px) {
        .service_project_content .service_project_desc p {
          font-size: 16px; } }
  .service_project_content .service_project_items {
    width: 510px;
    margin-left: 60px; }
    @media screen and (max-width: 767px) {
      .service_project_content .service_project_items {
        width: auto;
        margin-left: 0px; } }
    .service_project_content .service_project_items ul {
      padding-left: 0px;
      margin-bottom: 0px; }
      .service_project_content .service_project_items ul li {
        list-style-type: none;
        display: inline-block;
        width: 100%;
        padding-bottom: 20px;
        border: 1px solid #F0F0F0;
        padding: 20px;
        margin-bottom: 10px;
        border-radius: 10px;
        text-align: left; }
        .service_project_content .service_project_items ul li p {
          background: url(../../images/check_img.svg) no-repeat left center;
          font-family: "robotoregular";
          font-size: 16px;
          line-height: 19px;
          color: #212529;
          padding: 0 0 0 35px;
          margin-bottom: 0px; }
          @media screen and (max-width: 500px) {
            .service_project_content .service_project_items ul li p {
              font-size: 13px; } }

.data_analytics_wrapper {
  background: #ffffff;
  padding: 80px 0px; }
  @media screen and (max-width: 500px) {
    .data_analytics_wrapper {
      padding: 40px 0px; } }

.data_analytics_section {
  width: 990px;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 992px) {
    .data_analytics_section {
      padding: 0 30px; } }
  @media screen and (max-width: 767px) {
    .data_analytics_section {
      flex-direction: column; } }
  @media screen and (max-width: 500px) {
    .data_analytics_section {
      padding: 0 20px; } }
  .data_analytics_section .data_analytics_left figure {
    width: 460px;
    height: 454px;
    background: url("../../images/innovation_img1.svg") no-repeat;
    padding: 30px 0 0 63px; }
    @media screen and (max-width: 500px) {
      .data_analytics_section .data_analytics_left figure {
        width: 300px;
        height: auto;
        padding: 30px 0 0 30px;
        background-size: 100% 100%; } }
    .data_analytics_section .data_analytics_left figure img {
      max-width: 100%;
      border-radius: 4px; }
  .data_analytics_section .data_analytics_right {
    padding-right: 50px; }
    @media screen and (max-width: 1060px) {
      .data_analytics_section .data_analytics_right {
        padding-left: 30px; } }
    @media screen and (max-width: 1060px) {
      .data_analytics_section .data_analytics_right {
        padding-right: 0px; } }
    @media screen and (max-width: 600px) {
      .data_analytics_section .data_analytics_right {
        margin-top: 20px;
        padding-left: 0px; } }
    .data_analytics_section .data_analytics_right h4 {
      color: #212529;
      font-size: 28px;
      line-height: 40px;
      font-family: "HypatiaSansPro-Bold";
      margin-bottom: 20px; }
      @media screen and (max-width: 600px) {
        .data_analytics_section .data_analytics_right h4 {
          font-size: 22px;
          line-height: 28px; } }
      @media screen and (max-width: 500px) {
        .data_analytics_section .data_analytics_right h4 {
          font-size: 20px;
          line-height: 23px;
          margin-top: 20px; } }
    .data_analytics_section .data_analytics_right h6 {
      font-size: 24px;
      color: #22252D;
      line-height: 34px;
      font-family: "HypatiaSansPro-Bold";
      font-style: italic;
      margin-bottom: 20px; }
      @media screen and (max-width: 500px) {
        .data_analytics_section .data_analytics_right h6 {
          font-size: 20px;
          line-height: 24px; } }
    .data_analytics_section .data_analytics_right p {
      color: #212529;
      font-size: 18px;
      line-height: 26px;
      font-family: "robotoregular";
      margin-bottom: 0px; }

.bigdata_services_sec {
  padding: 50px 0px;
  background: #ECF9FF; }
  @media screen and (max-width: 767px) {
    .bigdata_services_sec {
      padding: 40px 0px; } }
  @media screen and (max-width: 500px) {
    .bigdata_services_sec {
      padding: 30px 0 30px; } }

.offerslist_wrapper {
  background: #ffffff;
  padding: 50px 0px; }
  .offerslist_wrapper h4 {
    color: #22252D;
    font-size: 28px;
    line-height: 40px;
    font-family: "HypatiaSansPro-Bold";
    margin-bottom: 15px; }
    @media screen and (max-width: 500px) {
      .offerslist_wrapper h4 {
        font-size: 24px;
        line-height: 28px; } }

.bigdata_services_advantages {
  padding-top: 0px; }

.bigdata_service_content {
  width: 990px;
  margin: 0 auto;
  max-width: 100%;
  text-align: center; }
  .bigdata_service_content .bigdata_service_head {
    max-width: 100%;
    width: 800px;
    margin: 0 auto; }
    @media screen and (max-width: 1100px) {
      .bigdata_service_content .bigdata_service_head {
        width: auto; } }
  @media screen and (max-width: 1100px) {
    .bigdata_service_content {
      padding: 0 30px;
      width: auto; } }
  .bigdata_service_content h4 {
    color: #22252D;
    font-size: 28px;
    line-height: 40px;
    font-family: "HypatiaSansPro-Bold";
    margin-bottom: 15px; }
    @media screen and (max-width: 500px) {
      .bigdata_service_content h4 {
        font-size: 20px;
        line-height: 30px; } }
  .bigdata_service_content h6 {
    color: #00AC9F;
    font-size: 24px;
    line-height: 28px;
    font-family: "HypatiaSansPro-Bold";
    font-style: italic;
    margin-bottom: 20px; }
    @media screen and (max-width: 500px) {
      .bigdata_service_content h6 {
        font-size: 18px;
        line-height: 27px; } }
  .bigdata_service_content p {
    color: #212529;
    font-size: 18px;
    line-height: 28px;
    font-family: "robotoregular";
    margin-bottom: 30px; }
    @media screen and (max-width: 500px) {
      .bigdata_service_content p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 20px; } }
  .bigdata_service_content .bigdata_service_block1 {
    background: #FFE7EE;
    border-radius: 20px;
    padding: 40px;
    margin-bottom: 30px;
    text-align: left; }
    @media screen and (max-width: 500px) {
      .bigdata_service_content .bigdata_service_block1 {
        padding: 20px; } }
    .bigdata_service_content .bigdata_service_block1 h5 {
      color: #22252D;
      font-size: 24px;
      line-height: 27px;
      font-family: "HypatiaSansPro-Bold";
      margin-bottom: 20px; }
      @media screen and (max-width: 500px) {
        .bigdata_service_content .bigdata_service_block1 h5 {
          font-size: 20px; } }
    .bigdata_service_content .bigdata_service_block1 ul {
      padding-left: 0px;
      margin-bottom: 0px; }
      .bigdata_service_content .bigdata_service_block1 ul li {
        list-style: none;
        color: #22252D;
        font-size: 16px;
        line-height: 19px;
        font-family: "robotoregular";
        margin-bottom: 20px;
        position: relative;
        padding-left: 35px; }
        .bigdata_service_content .bigdata_service_block1 ul li:before {
          position: absolute;
          content: "";
          background: url(../../images/check_lightmark.svg) no-repeat;
          top: 0px;
          left: 0px;
          width: 20px;
          height: 20px;
          background-size: 20px; }
  .bigdata_service_content .bigdata_service_block2 {
    background: #FDFACE; }
  .bigdata_service_content .bigdata_service_block3 {
    background: #FFF6E1; }
  .bigdata_service_content .bigdata_service_block4 {
    background: #D4E1F5; }
  .bigdata_service_content .bigdata_service_block5 {
    background: #D4F5F3; }

.bigdata_advantages {
  width: 100%; }
  @media screen and (max-width: 1100px) {
    .bigdata_advantages {
      padding: 50px 50px 0px 50px; } }
  @media screen and (max-width: 767px) {
    .bigdata_advantages {
      padding: 30px 20px 0px 20px; } }
  .bigdata_advantages h5 {
    color: #22252D;
    font-size: 28px;
    line-height: 40px;
    font-family: "HypatiaSansPro-Bold";
    margin-bottom: 15px;
    text-align: center; }
    @media screen and (max-width: 500px) {
      .bigdata_advantages h5 {
        font-size: 20px;
        line-height: 33px; } }
  .bigdata_advantages h6 {
    color: #212529;
    font-size: 18px;
    line-height: 28px;
    font-family: "fira_sansregular";
    margin-bottom: 30px;
    text-align: center; }
    @media screen and (max-width: 500px) {
      .bigdata_advantages h6 {
        font-size: 16px;
        line-height: 22px; } }
  .bigdata_advantages .bigdata_advantages1 {
    padding: 0px;
    column-gap: 10px;
    column-count: 2; }
    @media screen and (max-width: 767px) {
      .bigdata_advantages .bigdata_advantages1 {
        column-count: 1; } }
    .bigdata_advantages .bigdata_advantages1 li {
      border: 1px solid #F0F0F0;
      padding: 0px 20px 0px 45px;
      height: 76px;
      border-radius: 10px;
      list-style: none;
      margin-bottom: 20px;
      position: relative;
      display: flex;
      align-items: center;
      width: 100%; }
      .bigdata_advantages .bigdata_advantages1 li p {
        color: #22252D;
        font-size: 16px;
        line-height: 19px;
        font-family: "fira_sansregular";
        margin-bottom: 0px; }
        @media screen and (max-width: 767px) {
          .bigdata_advantages .bigdata_advantages1 li p {
            font-size: 14px; } }
        @media screen and (max-width: 500px) {
          .bigdata_advantages .bigdata_advantages1 li p {
            font-size: 12px; } }
        @media screen and (max-width: 375px) {
          .bigdata_advantages .bigdata_advantages1 li p {
            font-size: 10px;
            line-height: 14px; } }
      .bigdata_advantages .bigdata_advantages1 li:before {
        position: absolute;
        content: "";
        background: url(../../images/check_img.svg) no-repeat;
        top: 26px;
        left: 10px;
        width: 20px;
        height: 20px; }

.bigdata_advantge_items {
  padding-left: 0px;
  margin-bottom: 0px;
  width: 500px;
  max-width: 100%;
  text-align: left; }
  .bigdata_advantge_items li {
    list-style: none;
    color: #22252D;
    margin-bottom: 20px;
    padding-left: 25px;
    width: 40%;
    float: left;
    position: relative; }
    .bigdata_advantge_items li p {
      font-size: 16px;
      line-height: 19px;
      font-family: "fira_sansregular";
      margin-bottom: 0px; }
    @media screen and (max-width: 500px) {
      .bigdata_advantge_items li {
        width: 50%; } }
    .bigdata_advantge_items li:before {
      position: absolute;
      content: "";
      background: url(../../images/check_lightmark.svg) no-repeat;
      top: 0px;
      left: 0px;
      width: 20px;
      height: 20px; }

.services_subhead {
  max-width: 820px;
  margin: 0 auto; }

.services_subhead2 {
  max-width: 100%;
  text-align: left;
  padding-bottom: 50px; }
  .services_subhead2 p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px; }

.sevices_body_cnt .services_list_blocks {
  column-gap: 30px;
  column-count: 2;
  padding: 0px; }
  @media screen and (max-width: 767px) {
    .sevices_body_cnt .services_list_blocks {
      column-count: 1; } }
  .sevices_body_cnt .services_list_blocks li {
    height: auto;
    width: 100%;
    margin: 0px 0 30px 0;
    display: inline-block;
    float: none;
    background: #FFE7EE;
    border-radius: 20px;
    padding: 40px;
    text-align: left; }
    @media screen and (max-width: 500px) {
      .sevices_body_cnt .services_list_blocks li {
        padding: 20px; } }
    .sevices_body_cnt .services_list_blocks li:nth-child(2) {
      background: #FDFACE; }
    .sevices_body_cnt .services_list_blocks li:nth-child(3) {
      background: #D4E1F5; }
    .sevices_body_cnt .services_list_blocks li:nth-child(4) {
      background: #D4F5F3; }
    .sevices_body_cnt .services_list_blocks li:nth-child(5) {
      background: #FDFACE; }
    .sevices_body_cnt .services_list_blocks li p {
      font-size: 16px;
      line-height: 19px;
      padding: 0 0 0 35px;
      font-family: "robotoregular";
      color: #22252D;
      background: url("../../images/check_lightmark.svg") no-repeat;
      background-size: 18px; }
      .sevices_body_cnt .services_list_blocks li p:before {
        top: 0px; }
    .sevices_body_cnt .services_list_blocks li h5 {
      color: #22252D;
      font-family: "HypatiaSansPro-Bold";
      font-size: 24px;
      line-height: 24px;
      margin-bottom: 20px; }
    .sevices_body_cnt .services_list_blocks li ul {
      padding: 0px;
      margin: 0px; }
      .sevices_body_cnt .services_list_blocks li ul li {
        padding: 0 0 00px 0;
        text-align: left;
        background: transparent !important;
        width: 100%;
        float: none;
        margin: 0px; }
        .sevices_body_cnt .services_list_blocks li ul li p {
          padding-bottom: 20px;
          margin-bottom: 0px; }
        .sevices_body_cnt .services_list_blocks li ul li:nth-last-child(1) {
          padding: 0 0 0px 0; }

.sevices_body_cnt .services_list_blocks2 {
  padding: 0px;
  margin: 0px;
  column-gap: 0;
  column-count: 1; }
  .sevices_body_cnt .services_list_blocks2 li > p {
    padding-left: 0;
    margin-bottom: 0;
    background: transparent; }
    .sevices_body_cnt .services_list_blocks2 li > p::before {
      display: none; }

.acvatage_services {
  text-align: center;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px; }
  @media screen and (max-width: 767px) {
    .acvatage_services {
      padding-top: 20px !important; } }
  .acvatage_services h5 {
    color: #22252D;
    font-size: 28px;
    line-height: 30px;
    font-family: "HypatiaSansPro-Bold";
    margin-bottom: 13px; }
    @media screen and (max-width: 500px) {
      .acvatage_services h5 {
        margin-top: 20px;
        font-size: 24px;
        line-height: 28px; } }
  .acvatage_services h6 {
    font-family: "robotobold";
    font-style: italic;
    color: #00AC9F;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 20px; }
  .acvatage_services ul {
    padding: 0px;
    column-gap: 10px;
    column-count: 2; }
    .acvatage_services ul.column-3 {
      column-count: 3; }
    @media screen and (max-width: 767px) {
      .acvatage_services ul {
        column-count: 1; } }
    .acvatage_services ul li {
      list-style-type: none;
      display: inline-block;
      width: 100%;
      padding-bottom: 20px;
      border: 1px solid #F0F0F0;
      padding: 20px;
      margin-bottom: 10px;
      border-radius: 10px;
      text-align: left; }
      .acvatage_services ul li p {
        background: url(../../images/check_img.svg) no-repeat left center;
        font-family: "robotoregular";
        font-size: 16px;
        line-height: 19px;
        color: #212529;
        padding: 0 0 0 35px;
        margin-bottom: 0px; }
        @media screen and (max-width: 420px) {
          .acvatage_services ul li p {
            font-size: 14px;
            line-height: 17px; } }
      .acvatage_services ul li .sub-list {
        padding: 17px 0 0 37px; }
        .acvatage_services ul li .sub-list li {
          border: 0px;
          padding: 0px; }
          .acvatage_services ul li .sub-list li p {
            background: url(../../images/check_img.svg) no-repeat center left;
            font-family: "robotoregular";
            font-size: 16px;
            line-height: 19px;
            color: #212529;
            padding: 0 0 0 35px;
            margin-bottom: 0px; }
          .acvatage_services ul li .sub-list li p {
            background-size: 13px;
            padding-left: 23px;
            font-size: 14px;
            line-height: 14px; }
  .acvatage_services p {
    color: #212529;
    font-size: 18px;
    line-height: 26px;
    font-family: "robotoregular"; }
    @media screen and (max-width: 500px) {
      .acvatage_services p {
        text-align: left;
        padding: 0 20px;
        font-size: 15px; } }

.our_technology_services.services_cards {
  max-width: 100%;
  width: 100%; }
  .our_technology_services.services_cards > h6 {
    color: #00AC9F;
    font-size: 20px;
    line-height: 28px;
    font-family: "HypatiaSansPro-Bold";
    font-style: italic;
    margin-bottom: 20px;
    text-align: center; }
    @media screen and (max-width: 575px) {
      .our_technology_services.services_cards > h6 {
        font-size: 16px;
        line-height: 19px;
        padding: 0 20px; } }
  .our_technology_services.services_cards ul {
    column-gap: 30px;
    column-count: 2; }
    .our_technology_services.services_cards ul li {
      height: auto;
      display: inline-block;
      width: 100%;
      float: none; }
      .our_technology_services.services_cards ul li h6 {
        font-family: "HypatiaSansPro-Bold";
        color: #00AC9F;
        font-style: italic;
        font-size: 20px; }
      .our_technology_services.services_cards ul li > p {
        margin-bottom: 20px; }
        .our_technology_services.services_cards ul li > p:nth-last-child(1) {
          margin-bottom: 0px; }
      .our_technology_services.services_cards ul li ul {
        padding: 0px;
        margin: 0px;
        column-count: inherit; }
        .our_technology_services.services_cards ul li ul li {
          padding: 0 0 20px 0;
          text-align: left;
          background: transparent !important;
          width: 100%;
          float: none;
          margin: 0px; }
          .our_technology_services.services_cards ul li ul li p {
            background: url(../../images/check_img.svg) no-repeat 0 0px;
            font-family: "robotoregular";
            font-size: 16px;
            line-height: 19px;
            color: #212529;
            padding: 0 0 0 35px;
            margin-bottom: 0px; }
          .our_technology_services.services_cards ul li ul li:nth-last-child(1) {
            padding: 0 0 0px 0; }
    @media screen and (max-width: 767px) {
      .our_technology_services.services_cards ul {
        column-count: 1; } }

.our_technology_services.services_cards.our_technology_development ul {
  column-count: 3;
  display: flex;
  justify-content: center; }
  @media screen and (max-width: 900px) {
    .our_technology_services.services_cards.our_technology_development ul {
      column-count: 2;
      display: inline-block; } }
  @media screen and (max-width: 600px) {
    .our_technology_services.services_cards.our_technology_development ul {
      column-count: 1; } }

.content-sec p {
  color: #212529;
  font-size: 18px;
  line-height: 28px;
  font-family: "robotoregular"; }

.service-form {
  padding-top: 70px; }
  .service-form .contact_form {
    padding-top: 0 !important; }

.contactform_section {
  background-size: cover; }

.contact_form .form-group {
  position: relative; }
  .contact_form .form-group label {
    position: absolute;
    left: 15px;
    font-size: 12px;
    color: red;
    font-family: "robotoregular";
    top: 100%; }
.contact_form #formmessage {
  font-family: "robotobold";
  font-size: 20px;
  color: green;
  padding-top: 30px; }

.marb0 {
  margin-bottom: 0px !important; }

.big_data_banner_bottom {
  width: 100%; }
  .big_data_banner_bottom .service_project_items {
    width: 100%;
    margin-left: 0px;
    padding-top: 50px; }
    .big_data_banner_bottom .service_project_items ul {
      column-count: 2;
      column-gap: 20px; }
      @media screen and (max-width: 500px) {
        .big_data_banner_bottom .service_project_items ul {
          column-count: 1; } }
      .big_data_banner_bottom .service_project_items ul li {
        width: 100%;
        display: inline-block; }

.bg_white {
  background: #ffffff; }

.acvatage_services-list li {
  background: #ffffff; }

.sub-title {
  color: #22252D;
  font-family: "HypatiaSansPro-Bold";
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 20px; }

.padb0 {
  padding-bottom: 0px !important; }

.sub_list-titile {
  color: #00AC9F !important;
  font-size: 24px !important;
  line-height: 28px !important;
  font-family: "HypatiaSansPro-Bold" !important;
  font-style: italic !important;
  margin-bottom: 20px !important; }

.acvatage_services-wrap {
  background: #ffffff;
  padding: 50px 0; }

.no_bullets p {
  background: none !important;
  padding-left: 0px !important; }

.sub_banner {
  display: flex; }
  .sub_banner p {
    color: #22252D;
    width: 50%;
    font-family: "HypatiaSansPro-Bold";
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 20px; }

.white_bg {
  background: #ffffff; }

.blue_bg {
  background: #ECF9FF;
  padding: 70px 0px 60px; }

.contactbg_section .contact_head h3 {
  font-size: 50px;
  line-height: 50px; }

.testimonail_banner .testimonail_banner_content h3,
.careersbg_content h3 {
  font-size: 50px;
  line-height: 50px; }

.careers_bg2 {
  height: 300px;
  padding-top: 0px;
  padding-bottom: 0px;
  display: flex;
  align-items: center; }

.hand_globe {
  height: 500px !important; }
  @media screen and (max-width: 992px) {
    .hand_globe {
      height: 400px !important; } }

.boast_wrap {
  padding: 50px 0;
  background: #ffffff; }
  .boast_wrap h6 {
    color: #22252D;
    max-width: 730px;
    margin: 0 auto;
    font-size: 28px;
    line-height: 40px;
    font-family: "HypatiaSansPro-Bold";
    margin-bottom: 15px; }
    @media screen and (max-width: 420px) {
      .boast_wrap h6 {
        font-size: 24px;
        line-height: 27px; } }
  .boast_wrap ul {
    width: 100%;
    column-count: inherit;
    display: flex;
    flex-wrap: wrap;
    justify-self: center;
    padding: 0; }
    .boast_wrap ul li {
      width: calc(25% - 10px); }
      @media screen and (max-width: 600px) {
        .boast_wrap ul li {
          width: 48.5%; } }
      @media screen and (max-width: 420px) {
        .boast_wrap ul li {
          width: 45.5%; } }

.width50per {
  width: 50%; }

.innovation_wrap_data.ourexpertise {
  display: block; }
  .innovation_wrap_data.ourexpertise .innovation_leftdata {
    margin-right: 0px;
    margin-bottom: 30px; }
    .innovation_wrap_data.ourexpertise .innovation_leftdata p {
      max-width: 800px;
      margin: 0 auto;
      text-align: center; }

.list-content_sec h4 {
  text-align: center;
  display: block;
  margin: 0 auto 20px; }
.list-content_sec ul {
  padding: 0px;
  margin: 0px;
  padding: 0px;
  column-gap: 10px;
  column-count: 2; }
  .list-content_sec ul li {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    display: inline-block;
    width: 100%;
    padding-bottom: 20px;
    border: 1px solid #F0F0F0;
    padding: 20px;
    margin-bottom: 10px;
    border-radius: 10px;
    text-align: left; }
    .list-content_sec ul li p {
      background: url(../../images/check_img.svg) no-repeat left center;
      font-family: "robotoregular";
      font-size: 16px;
      line-height: 19px;
      color: #212529;
      padding: 0 0 0 35px;
      margin-bottom: 0px; }

.white_list li {
  background: #ffffff; }

.marb20 {
  margin-bottom: 20px !important; }

.padt0 {
  padding-top: 0px !important; }

.marb-100 {
  margin-bottom: -100px !important; }

.relative {
  position: relative !important; }

.e-verify_sec {
  padding-top: 40px; }
  .e-verify_sec h3 {
    margin-bottom: 20px;
    color: #22252D;
    font-family: "HypatiaSansPro-Bold";
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 20px; }
  .e-verify_sec p {
    margin-bottom: 0px !important; }

.content_img figure {
  width: 460px;
  height: 454px;
  background: url("../../images/innovation_img.svg") no-repeat right top !important;
  padding: 30px 0 0 63px;
  display: block; }
  @media screen and (max-width: 575px) {
    .content_img figure {
      width: 300px;
      height: auto;
      padding: 30px 0 0 30px;
      background-size: 100% 100%; } }
.content_img img {
  width: 367px;
  height: 400px;
  background: #DCE1DC; }
  @media screen and (max-width: 991px) {
    .content_img img {
      width: 367px; } }
  @media screen and (max-width: 500px) {
    .content_img img {
      width: 250px;
      height: auto; } }

.padt30 {
  padding-top: 30px !important; }

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