/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.gradient-blue {
  background: #2c38a4;
  background: -moz-linear-gradient(top, #2c38a4 0%, #111c7f 100%);
  background: -webkit-linear-gradient(top, #2c38a4 0%, #111c7f 100%);
  background: linear-gradient(to bottom, #2c38a4 0%, #111c7f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c38a4', endColorstr='#111c7f',GradientType=0 ); }

.gradient-orange {
  background: #f9aa56;
  background: -moz-linear-gradient(top, #f9aa56 0%, #c7731b 100%);
  background: -webkit-linear-gradient(top, #f9aa56 0%, #c7731b 100%);
  background: linear-gradient(to bottom, #f9aa56 0%, #c7731b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9aa56', endColorstr='#c7731b',GradientType=0 ); }

/* Fonts Weight */
.h1 {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 72px;
  font-weight: 600;
  margin: 0px; }
  @media screen and (max-width: 1600px) {
    .h1 {
      font-size: 54px; } }
  @media screen and (max-width: 1400px) {
    .h1 {
      font-size: 40px; } }
  @media screen and (max-width: 768px) {
    .h1 {
      font-size: 34px; } }

.h2 {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 48px;
  font-weight: 600;
  margin: 0px; }
  @media screen and (max-width: 1400px) {
    .h2 {
      font-size: 30px; } }
  @media screen and (max-width: 600px) {
    .h2 {
      font-size: 20px; } }

.h3 {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 30px;
  font-weight: 600;
  margin: 0px; }
  @media screen and (max-width: 1400px) {
    .h3 {
      font-size: 20px; } }
  @media screen and (max-width: 1300px) {
    .h3 {
      font-size: 18px; } }

.h4 {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 20px;
  font-weight: 500;
  margin: 0px; }
  @media screen and (max-width: 1400px) {
    .h4 {
      font-size: 16px; } }
  @media screen and (max-width: 1300px) {
    .h4 {
      font-size: 14px; } }
  @media screen and (max-width: 768px) {
    .h4 {
      font-size: 18px; } }

.p {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 16px;
  font-weight: 300;
  margin: 0px; }
  @media screen and (max-width: 1400px) {
    .p {
      font-size: 14px; } }
  @media screen and (max-width: 768px) {
    .p {
      font-size: 14px; } }

.tmSup {
  font-size: 10px;
  vertical-align: super; }

.primary-button {
  color: #fff;
  border-radius: 3px;
  box-shadow: 0px 6px 21px 0 rgba(12, 22, 108, 0.35);
  background-color: #f9aa56;
  padding: 15px 44px;
  text-decoration: none; }

.secondary-button {
  background: linear-gradient(to bottom, rgba(0, 0, 127, 0.4) 0%, rgba(0, 0, 127, 0.4) 100%);
  background-position: 0 100%;
  background-repeat: repeat-y;
  background-size: 4px 4px;
  color: #000;
  text-decoration: none;
  transition: background-size .2s;
  padding: 15px 20px;
  display: inline-block; }
  .secondary-button:hover {
    background-size: 100% 4px; }

.tertiary-button {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 11px;
  font-weight: 600;
  font-style: normal;
  font-stretch: condensed;
  line-height: 1.59;
  letter-spacing: 0.3px;
  text-decoration: none; }

.linkImgBox {
  background-color: #d1d2ed;
  width: 40px;
  height: 40px;
  border-radius: 15px; }
  .linkImgBox img {
    width: 20px;
    margin: auto;
    padding: 10px; }

@media screen and (max-width: 1400px) {
  .primary-button {
    padding: 12px 20px; } }
body {
  background: #f9f9f9;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 16px; }
  @media screen and (max-width: 768px) {
    body {
      background: #fff; } }

img {
  max-width: 100%; }

.clearfix {
  clear: both; }

.sitewrap {
  width: 100%;
  padding: 0px 88px;
  box-sizing: border-box; }
  @media screen and (max-width: 768px) {
    .sitewrap {
      padding: 0px 20px; } }

.sitewrap {
  width: calc(100% - 180px);
  margin: 0px auto;
  padding: 0;
  box-sizing: border-box; }
  @media screen and (max-width: 768px) {
    .sitewrap {
      padding: 0px 20px;
      width: 100%; } }

.sitewrap-full {
  width: 100%;
  padding: 0px;
  box-sizing: border-box; }

.secPaddingtop {
  padding-top: 130px; }
  @media screen and (max-width: 1600px) {
    .secPaddingtop {
      padding-top: 88px; } }
  @media screen and (max-width: 768px) {
    .secPaddingtop {
      padding-top: 30px; } }

.secPaddingbtm {
  padding-bottom: 130px; }
  @media screen and (max-width: 1600px) {
    .secPaddingbtm {
      padding-bottom: 88px; } }
  @media screen and (max-width: 768px) {
    .secPaddingbtm {
      padding-bottom: 30px; } }

.padding0 {
  padding: 0px !important; }

.secFooter {
  height: 130px;
  width: 100%;
  display: flex;
  align-items: center;
  position: fixed;
  bottom: 0;
  z-index: 4; }
  .secFooter.innersecFooter {
    background: transparent; }
  .secFooter .socialLinks {
    position: absolute;
    right: 88px; }
    .secFooter .socialLinks ul {
      margin: 0;
      padding: 0; }
      .secFooter .socialLinks ul li {
        width: 30px;
        height: 30px;
        display: inline-block;
        margin-right: 5px; }
  @media screen and (max-width: 768px) {
    .secFooter {
      display: none; } }

.lightsecFooter {
  background: transparent; }

.hidesecFooter {
  display: none; }

.secFooter .downArrow {
  position: absolute;
  left: 50%;
  transform: translatex(-50%); }
  @media screen and (max-width: 1366px) {
    .secFooter .downArrow img {
      width: 28px; } }

.backtoTop {
  position: absolute;
  bottom: 5.2%;
  right: 2%;
  width: 30px;
  z-index: 5; }
  @media screen and (max-width: 1440px) {
    .backtoTop {
      bottom: 3.7%; } }

@media screen and (max-width: 1600px) {
  .secFooter {
    height: 88px; }

  .secFooter .socialLinks ul li {
    width: 25px;
    height: 25px; } }
.anim, .productSec1 .productMain .productFeature:after, .productSec1 .boxSectionOne .productMain .productFeature:after, .productSec1 .boxSectionOne.active .productMain .productFeature:after {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out; }

.anim2 {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

/*Responsive CSS*/
header {
  position: fixed;
  width: 100%;
  height: 130px;
  display: flex;
  align-items: center;
  background: #f9f9f9;
  z-index: 999; }
  header.innerHeader {
    background: #fff; }
  header img {
    height: 74px; }
  header .menuBtn {
    float: right;
    padding-top: 18px;
    cursor: pointer;
    position: relative;
    z-index: 9; }
    header .menuBtn ul {
      width: 50px;
      height: 36px;
      margin: 0;
      padding: 0;
      position: relative; }
      header .menuBtn ul li {
        width: 100%;
        height: 5px;
        background: #2c38a4;
        position: absolute;
        transition: 0.5s; }
        header .menuBtn ul li:first-child {
          width: 50%;
          top: 0; }
        header .menuBtn ul li:nth-child(2) {
          top: 12px; }
        header .menuBtn ul li:last-child {
          width: 50%;
          right: 0;
          top: 24px; }
  header .change ul li:first-child {
    width: 100%;
    top: 12px;
    background: #fff;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    transition: 0.5s; }
  header .change ul li:nth-child(2) {
    opacity: 0;
    margin-left: -60px; }
  header .change ul li:last-child {
    width: 100%;
    top: 12px;
    background: #fff;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    transition: 0.5s; }
  @media screen and (max-width: 1600px) {
    header {
      height: 88px; }
      header img {
        height: 60px; } }
  @media screen and (max-width: 600px) {
    header {
      height: 50px; }
      header img {
        height: 35px;
        padding-top: 8px; }
      header .menuBtn ul {
        width: 35px;
        height: 35px; }
        header .menuBtn ul li {
          height: 4px; }
          header .menuBtn ul li:nth-child(2) {
            top: 8px; }
          header .menuBtn ul li:last-child {
            top: 16px; } }

.lightHeader {
  background: transparent; }
  .lightHeader .menuBtn ul li {
    background: #fff; }

.bluelogo {
  display: inline-block; }

.lightHeader .bluelogo {
  display: none; }

.whitelogo {
  display: none; }

.lightHeader .whitelogo {
  display: inline-block; }

.menuSec {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background: #111c7f;
  overflow: hidden;
  transition-duration: 500ms;
  box-sizing: border-box;
  transition-delay: 0.5s; }
  .menuSec.intro {
    width: 100%;
    transition-delay: 0s; }
    .menuSec.intro .menuWrap {
      opacity: 1;
      transition-delay: 0.5s; }
  .menuSec .menuWrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition-delay: 0s;
    transition-duration: 500ms; }
  .menuSec .navLink {
    width: 19%;
    float: left;
    padding: 22px 0px 0px 88px;
    background: #2c38a4;
    height: 100%;
    box-sizing: border-box; }
    @media screen and (max-width: 1600px) {
      .menuSec .navLink {
        padding: 22px 0px 0px 38px; } }
    .menuSec .navLink .menulogo {
      margin-bottom: 100px;
      display: block; }
      @media screen and (max-width: 1600px) {
        .menuSec .navLink .menulogo {
          margin-bottom: 70px; } }
      @media screen and (max-width: 600px) {
        .menuSec .navLink .menulogo {
          margin-bottom: 20px; } }
    .menuSec .navLink ul li a {
      font-size: 20px;
      font-family: "Barlow Condensed", sans-serif;
      font-stretch: condensed;
      line-height: 2.4;
      letter-spacing: 0.5px;
      color: rgba(249, 249, 249, 0.8);
      text-decoration: none;
      display: block; }
      @media screen and (max-width: 600px) {
        .menuSec .navLink ul li a {
          font-size: 14px;
          line-height: 2; } }
    @media screen and (max-width: 1600px) {
      .menuSec .navLink ul li a {
        line-height: 2; } }
    .menuSec .navLink p {
      color: rgba(249, 249, 249, 0.5);
      font-stretch: condensed;
      line-height: normal;
      letter-spacing: 0.5px;
      margin-top: 60px;
      margin-bottom: 15px; }
      @media screen and (max-width: 1600px) {
        .menuSec .navLink p {
          margin-top: 30px; } }
    .menuSec .navLink .primary-button {
      display: inline-block;
      text-decoration: none; }
  .menuSec .product-links {
    display: none;
    width: 50%;
    float: left;
    background: rgba(44, 56, 164, 0.3);
    padding: 22px 0px 0px 22px;
    height: 100%;
    box-sizing: border-box; }
    .menuSec .product-links a {
      font-size: 20px;
      font-family: "Barlow Condensed", sans-serif;
      font-stretch: condensed;
      line-height: 2.4;
      letter-spacing: 0.5px;
      color: rgba(249, 249, 249, 0.8);
      text-decoration: none;
      display: block; }
      @media screen and (max-width: 600px) {
        .menuSec .product-links a {
          font-size: 14px;
          line-height: 2; } }
    @media screen and (max-width: 600px) {
      .menuSec .product-links {
        display: block;
        padding-top: 28%; } }
  .menuSec .productLink {
    width: 14%;
    height: 100%;
    float: left;
    margin: 0px 32px;
    transition: 0.5s;
    display: flex;
    align-items: center;
    padding: 0px 30px;
    box-sizing: border-box; }
    .menuSec .productLink:hover {
      background: rgba(44, 56, 164, 0.3); }
    .menuSec .productLink .h4 {
      color: rgba(249, 249, 249, 0.4);
      margin-bottom: 45px; }
    .menuSec .productLink .h3 {
      color: rgba(249, 249, 249, 0.5);
      margin-bottom: 15px; }
    .menuSec .productLink .p {
      color: rgba(249, 249, 249, 0.3);
      margin-bottom: 15px; }
    .menuSec .productLink:hover .p {
      color: rgba(249, 249, 249, 0.8); }
    .menuSec .productLink a {
      text-decoration: none;
      cursor: pointer; }
    .menuSec .productLink:hover .proImg {
      opacity: 1;
      height: 120px; }
      @media screen and (max-width: 1600px) {
        .menuSec .productLink:hover .proImg {
          height: 90px; } }
    .menuSec .productLink .proImg {
      height: 0;
      opacity: 0;
      transition: 0.5s; }
      .menuSec .productLink .proImg img {
        width: 50%;
        height: auto; }
    @media screen and (max-width: 1600px) {
      .menuSec .productLink {
        padding: 0px 15px; } }

.switch-field {
  display: flex;
  margin-bottom: 36px;
  overflow: hidden; }

.switch-field input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden; }

.switch-field label {
  background: transparent;
  color: rgba(248, 248, 248, 0.4);
  font-size: 14px;
  line-height: 1;
  text-align: center;
  padding: 12px 20px;
  margin-right: -1px;
  border: 1px solid rgba(248, 248, 248, 0.3);
  transition: all 0.1s ease-in-out; }
  @media screen and (max-width: 768px) {
    .switch-field label {
      font-size: 11px;
      padding: 8px 12px; } }

.switch-field label:hover {
  cursor: pointer; }

.switch-field input:checked + label {
  background: #111c7f;
  color: #fff;
  box-shadow: none; }

.switch-field label:first-of-type {
  border-right: 0px; }

.switch-field label:last-of-type {
  border-left: 0px; }

@media screen and (max-width: 768px) {
  .lightHeader .bluelogo {
    display: inline-block; }

  .lightHeader .whitelogo {
    display: none; }

  .lightHeader {
    background: #fff; }

  .lightHeader .menuBtn ul li {
    background: #2c38a4; }

  .menuSec .productLink {
    display: none; }

  .menuSec .navLink {
    width: 50%;
    padding: 22px 0px 0px 22px; }

  header .change ul li:first-child {
    top: 15px; } }
footer {
  padding: 50px 0px;
  background: #eaeaea; }
  footer .footerLinks {
    width: 15%;
    display: inline-block;
    vertical-align: top; }
    footer .footerLinks .h4 {
      color: #303030;
      margin-bottom: 25px; }
    footer .footerLinks a {
      color: rgba(48, 48, 48, 0.8);
      text-decoration: none;
      font-size: 20px;
      font-family: "Barlow Condensed", sans-serif;
      margin-bottom: 12px;
      display: block; }
    footer .footerLinks:last-child {
      float: right; }
      footer .footerLinks:last-child ul li {
        display: inline-block; }
        footer .footerLinks:last-child ul li img {
          width: 25px;
          margin-right: 15px; }
        @media screen and (max-width: 1400px) {
          footer .footerLinks:last-child ul li img {
            width: 18px;
            margin-right: 10px; } }
  footer .accordion_head {
    color: #303030;
    cursor: pointer;
    margin: 0 0 1px 0;
    padding: 10px 0px; }
  footer .accordion_body ul li {
    margin-bottom: 5px; }
    footer .accordion_body ul li a {
      text-decoration: none;
      color: rgba(48, 48, 48, 0.8); }
  footer .accordion_body .socialLinks {
    list-style: none; }
    footer .accordion_body .socialLinks li {
      display: inline-block;
      width: 30px;
      height: 30px;
      margin-right: 10px; }
  footer .accordion_body p {
    padding: 18px 5px;
    margin: 0px; }
  footer .plusminus {
    float: right; }
  @media screen and (max-width: 1600px) {
    footer {
      padding: 20px 0px; }
      footer .footerLinks .h4 {
        margin-bottom: 10px; }
      footer .footerLinks a {
        font-size: 16px;
        margin-bottom: 5px; } }
  @media screen and (max-width: 600px) {
    footer {
      padding: 0px; }
      footer .footerLinks {
        width: 100%; }
        footer .footerLinks .h4 {
          margin: 20px 0px; }
        footer .footerLinks:last-child {
          float: none; } }

.desktopFooter {
  display: block; }

.mobFooter {
  display: none; }

@media screen and (max-width: 600px) {
  .desktopFooter {
    display: none; }

  .mobFooter {
    display: block; } }
.boxSection {
  height: calc(100vh - 260px);
  position: relative; }
  @media screen and (max-width: 1600px) {
    .boxSection {
      height: calc(100vh - 176px); } }
  @media screen and (max-width: 768px) {
    .boxSection {
      height: calc(100vh - 60px); } }

.stellappsFranceText p {
  opacity: 0.8;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: 0.5px;
  padding-top: 20px;
  color: rgba(44, 56, 164, 0.8); }

.contactSecFrance {
  background-image: linear-gradient(to right, #2c38a4, #111c7f 97%);
  height: 100vh; }

.bannerSec1 {
  position: relative; }
  .bannerSec1 .bannerContent {
    background: rgba(209, 210, 237, 0.2) url(../images/Banner1.png) center bottom no-repeat;
    background-size: 96%;
    padding: 30px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    height: 100%;
    background-position-y: 90%; }
    .bannerSec1 .bannerContent .bannerTxt {
      width: 30%; }
      .bannerSec1 .bannerContent .bannerTxt .h1 {
        color: #2c38a4;
        padding-top: 60px;
        font-stretch: condensed;
        line-height: 1.15;
        letter-spacing: 0.7px; }
        @media screen and (max-width: 1366px) {
          .bannerSec1 .bannerContent .bannerTxt .h1 {
            padding-top: 30px; } }
      .bannerSec1 .bannerContent .bannerTxt .clickmask {
        color: #fff;
        display: inline-block;
        margin-top: 20px;
        cursor: pointer; }
      @media screen and (max-width: 1366px) {
        .bannerSec1 .bannerContent .bannerTxt {
          width: 30%; }
          .bannerSec1 .bannerContent .bannerTxt .h1 {
            padding-top: 30px; } }
      @media screen and (max-width: 768px) {
        .bannerSec1 .bannerContent .bannerTxt {
          width: 100%; } }
    .bannerSec1 .bannerContent .mobElement {
      display: none; }
  .bannerSec1 .bannermask {
    background: #2c38a4 url(../images/Banner2.png) center bottom no-repeat;
    background-size: 96%;
    padding: 30px;
    box-sizing: border-box;
    overflow: hidden;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transition: 3s;
    -webkit-clip-path: inset(0% 100% 0% 0%);
    clip-path: inset(0% 100% 0% 0%);
    background-position-y: 90%; }
    .bannerSec1 .bannermask.fullmask {
      -webkit-clip-path: inset(0% 0% 0% 0%);
      clip-path: inset(0% 0% 0% 0%); }
    .bannerSec1 .bannermask .bannerTxt {
      width: 30%; }
      .bannerSec1 .bannermask .bannerTxt .h1 {
        color: #fff;
        padding-top: 60px;
        font-stretch: condensed;
        line-height: 1.15;
        letter-spacing: 0.7px; }
      .bannerSec1 .bannermask .bannerTxt .p {
        color: #fff;
        opacity: 0.6;
        margin-top: 20px;
        margin-bottom: 25px;
        font-stretch: condensed;
        line-height: 1.88;
        letter-spacing: 0.4px; }
      .bannerSec1 .bannermask .bannerTxt .h4 {
        font-stretch: condensed;
        line-height: normal;
        letter-spacing: 0.5px;
        color: rgba(249, 249, 249, 0.9);
        position: relative;
        margin-bottom: 28px;
        display: block;
        text-decoration: none; }
        .bannerSec1 .bannermask .bannerTxt .h4:before {
          content: "";
          position: absolute;
          bottom: -8px;
          width: 30px;
          height: 3px;
          background: rgba(248, 248, 248, 0.2); }
      @media screen and (max-width: 768px) {
        .bannerSec1 .bannermask .bannerTxt {
          width: 100%; } }
  @media screen and (max-width: 1400px) {
    .bannerSec1 .bannerContent .bannerTxt .h1 {
      font-size: 60px;
      padding-top: 20px; }
    .bannerSec1 .bannermask .bannerTxt .h1 {
      font-size: 60px;
      padding-top: 20px; }
    .bannerSec1 .bannermask .bannerTxt .h4,
    .bannerSec1 .bannermask .bannerTxt .p {
      font-size: 11px; } }
  @media screen and (max-width: 768px) {
    .bannerSec1 .bannerContent {
      background: rgba(209, 210, 237, 0.2) url(../images/responsive/banner1.png) bottom center no-repeat;
      background-size: 90%;
      background-position-y: 90%; }
      .bannerSec1 .bannerContent .bannerTxt {
        width: 100%; }
        .bannerSec1 .bannerContent .bannerTxt .clickmask {
          display: none; }
      .bannerSec1 .bannerContent .mobElement {
        display: block; } }

.bannerSec2 {
  display: none; }
  .bannerSec2 .bannerContent {
    background: #2c38a4 url(../images/Banner2.png) center bottom no-repeat;
    background-size: 96%;
    padding: 30px;
    box-sizing: border-box; }
    .bannerSec2 .bannerContent .bannerTxt {
      width: 30%; }
      .bannerSec2 .bannerContent .bannerTxt .h1 {
        color: #fff;
        padding-top: 60px;
        font-stretch: condensed;
        line-height: 1.15;
        letter-spacing: 0.7px; }
      .bannerSec2 .bannerContent .bannerTxt .p {
        color: #fff;
        opacity: 0.6;
        margin-top: 20px;
        margin-bottom: 25px;
        font-stretch: condensed;
        line-height: 1.88;
        letter-spacing: 0.4px; }
      .bannerSec2 .bannerContent .bannerTxt .h4 {
        font-stretch: condensed;
        line-height: normal;
        letter-spacing: 0.5px;
        color: rgba(249, 249, 249, 0.9);
        position: relative;
        margin-bottom: 28px;
        display: block;
        text-decoration: none; }
        .bannerSec2 .bannerContent .bannerTxt .h4:before {
          content: "";
          position: absolute;
          bottom: -8px;
          width: 30px;
          height: 4px;
          background: rgba(248, 248, 248, 0.2); }
  @media screen and (max-width: 768px) {
    .bannerSec2 {
      display: block; }
      .bannerSec2 .bannerContent {
        background: #2c38a4 url(../images/responsive/banner2.png) bottom center no-repeat;
        background-size: 90%;
        background-position-y: 90%; }
        .bannerSec2 .bannerContent .bannerTxt {
          width: 100%; }
          .bannerSec2 .bannerContent .bannerTxt .p {
            font-size: 14px;
            line-height: 1.3; }
          .bannerSec2 .bannerContent .bannerTxt .h4 {
            font-size: 18px; }
          .bannerSec2 .bannerContent .bannerTxt .h1 {
            padding-top: 0px; }
        .bannerSec2 .bannerContent .mobElement {
          display: block; } }

.productSec1 .productMain {
  clear: both;
  height: 100%;
  position: relative; }
  .productSec1 .productMain .cta-btn {
    position: absolute;
    transform: translateY(-50%);
    top: 49.5%;
    right: 30px;
    background: #2c38a4;
    padding: 10px;
    text-transform: uppercase;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    z-index: 2;
    opacity: 0;
    text-decoration: none; }
    .productSec1 .productMain .cta-btn.active {
      opacity: 1; }
    .productSec1 .productMain .cta-btn:after {
      content: "";
      width: 40px;
      height: 40px;
      background-color: #f1f1f1;
      opacity: 0.2;
      position: absolute;
      right: -15px;
      top: 50%;
      transform: translateY(-50%);
      border-radius: 50%;
      z-index: -1; }
  .productSec1 .productMain .proLine {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    left: 0;
    width: 100%;
    z-index: 1;
    padding: 0 25px;
    box-sizing: border-box; }
  .productSec1 .productMain .productInfo {
    width: 50%;
    height: 100%;
    float: left;
    padding: 30px;
    box-sizing: border-box;
    position: relative; }
    .productSec1 .productMain .productInfo .productPosition {
      top: calc(50% + 115px);
      transform: translateY(-50%); }
      @media screen and (max-width: 1600px) {
        .productSec1 .productMain .productInfo .productPosition {
          top: calc(50% + 88px); } }
      @media screen and (max-width: 1440px) {
        .productSec1 .productMain .productInfo .productPosition {
          top: calc(50% + 105px); } }
      @media screen and (max-width: 1380px) {
        .productSec1 .productMain .productInfo .productPosition {
          top: calc(50% + 90px); } }
    .productSec1 .productMain .productInfo .productInfoTxt {
      position: absolute;
      z-index: 3; }
    .productSec1 .productMain .productInfo .piSec2 {
      top: calc(50% + 75px);
      transform: translateY(-50%); }
      @media screen and (max-width: 1600px) {
        .productSec1 .productMain .productInfo .piSec2 {
          top: calc(50% + 50px); } }
      @media screen and (max-width: 1440px) {
        .productSec1 .productMain .productInfo .piSec2 {
          top: calc(50% + 70px); } }
      @media screen and (max-width: 1380px) {
        .productSec1 .productMain .productInfo .piSec2 {
          top: calc(50% + 60px); } }
    .productSec1 .productMain .productInfo .piSec3 {
      top: calc(50% + 25px);
      transform: translateY(-50%); }
      @media screen and (max-width: 1600px) {
        .productSec1 .productMain .productInfo .piSec3 {
          top: calc(50% + 25px); } }
      @media screen and (max-width: 1440px) {
        .productSec1 .productMain .productInfo .piSec3 {
          top: calc(50% + 35px); } }
      @media screen and (max-width: 1380px) {
        .productSec1 .productMain .productInfo .piSec3 {
          top: calc(50% + 25px); } }
    .productSec1 .productMain .productInfo .h4 {
      font-stretch: condensed;
      line-height: normal;
      letter-spacing: 0.5px;
      color: rgba(48, 48, 48, 0.6);
      position: relative;
      margin-bottom: 28px;
      display: block;
      text-decoration: none; }
      .productSec1 .productMain .productInfo .h4:before {
        content: "";
        position: absolute;
        bottom: -8px;
        width: 30px;
        height: 3px;
        background: rgba(48, 48, 48, 0.2); }
      .productSec1 .productMain .productInfo .h4.active {
        color: #2c38a4; }
        .productSec1 .productMain .productInfo .h4.active:before {
          background: transparent; }
      @media screen and (max-width: 1400px) {
        .productSec1 .productMain .productInfo .h4 {
          margin-bottom: 20px; } }
    .productSec1 .productMain .productInfo .h1 {
      color: #2c38a4;
      font-stretch: condensed;
      line-height: 0.78;
      letter-spacing: 0.7px;
      margin-bottom: 15px; }
      .productSec1 .productMain .productInfo .h1 span {
        color: #58595b; }
      @media screen and (max-width: 1660px) {
        .productSec1 .productMain .productInfo .h1 {
          font-size: 52px; } }
      @media screen and (max-width: 1400px) {
        .productSec1 .productMain .productInfo .h1 {
          font-size: 40px; } }
    .productSec1 .productMain .productInfo .p {
      font-stretch: condensed;
      line-height: 1.25;
      letter-spacing: 0.2px;
      text-align: left;
      color: rgba(44, 56, 164, 0.8);
      margin-bottom: 30px;
      width: 35%; }
  .productSec1 .productMain .productInfoMob {
    display: none; }
  .productSec1 .productMain .productFeature {
    width: 50%;
    background: #2c38a4;
    height: 100%;
    float: left;
    display: flex;
    align-items: center;
    position: relative; }
    .productSec1 .productMain .productFeature:after {
      position: absolute;
      content: "";
      height: 100%;
      right: 0px; }
    .productSec1 .productMain .productFeature ul {
      margin: 0px;
      padding: 0px;
      z-index: 2;
      position: relative; }
      .productSec1 .productMain .productFeature ul li {
        display: inline-block;
        width: calc(33.33% - 5px);
        box-sizing: border-box;
        text-align: center;
        vertical-align: top;
        color: #fff;
        padding: 0 40px;
        opacity: 0;
        visibility: hidden; }
        .productSec1 .productMain .productFeature ul li.show {
          opacity: 1;
          visibility: visible; }
        .productSec1 .productMain .productFeature ul li .animIcon {
          width: 100px;
          margin: auto; }
          .productSec1 .productMain .productFeature ul li .animIcon img {
            display: none; }
          .productSec1 .productMain .productFeature ul li .animIcon svg {
            display: block; }
          @media screen and (max-width: 1400px) {
            .productSec1 .productMain .productFeature ul li .animIcon {
              width: 80px; } }
          @media screen and (max-width: 768px) {
            .productSec1 .productMain .productFeature ul li .animIcon img {
              display: block; }
            .productSec1 .productMain .productFeature ul li .animIcon svg {
              display: none; } }
    .productSec1 .productMain .productFeature .productlistTop {
      padding-bottom: 50px;
      box-sizing: border-box; }
    .productSec1 .productMain .productFeature .productlistBottom {
      padding-top: 50px;
      box-sizing: border-box; }
    .productSec1 .productMain .productFeature .productFeaturesParent {
      width: 100%; }
    .productSec1 .productMain .productFeature .productFeatureslot ul {
      margin: 0;
      padding: 0; }
    .productSec1 .productMain .productFeature .productFeatureslot li {
      display: inline-block;
      width: calc(24% - 5px);
      box-sizing: border-box;
      text-align: center;
      vertical-align: top;
      color: #fff; }
.productSec1 .boxSectionOne .productMain .productFeature:after {
  width: 200%; }
.productSec1 .boxSectionOne.active .productMain .productFeature:after {
  width: 100%; }
@media screen and (max-width: 768px) {
  .productSec1 .boxSection {
    height: auto; }
  .productSec1 .productMain .proLine {
    display: none; }
  .productSec1 .productMain .productInfo {
    width: 100%;
    float: none;
    padding: 20px;
    display: block; }
  .productSec1 .productMain .productFeature {
    width: 100%;
    float: none;
    padding-bottom: 32px;
    display: block; }
    .productSec1 .productMain .productFeature ul li {
      width: 49%;
      padding: 25px 20px 0px; }
    .productSec1 .productMain .productFeature .productFeatureslot li {
      width: 49%;
      padding: 25px 20px 0px; } }

.mooonLine .st0 {
  opacity: 0.1; }
.mooonLine .st1 {
  fill: none;
  stroke: #6B76DD;
  stroke-width: 4;
  stroke-miterlimit: 10; }
.mooonLine .st2 {
  fill: none;
  stroke: #6B76DD;
  stroke-width: 2;
  stroke-miterlimit: 10; }
.mooonLine .st3 {
  fill: none;
  stroke: #DCA26F;
  stroke-width: 4;
  stroke-miterlimit: 10; }
.mooonLine .st4 {
  fill: none;
  stroke: #DCA26F;
  stroke-width: 2;
  stroke-miterlimit: 10; }

.smartamcuLine .st0 {
  opacity: 0.1;
  fill: none;
  stroke: #6B76DD;
  stroke-width: 4;
  stroke-miterlimit: 10;
  enable-background: new; }
.smartamcuLine .st1 {
  opacity: 0.1;
  fill: none;
  stroke: #6B76DD;
  stroke-width: 2;
  stroke-miterlimit: 10;
  enable-background: new; }
.smartamcuLine .st2 {
  fill: none;
  stroke: #DCA26F;
  stroke-width: 2;
  stroke-miterlimit: 10; }
.smartamcuLine .st3 {
  fill: none;
  stroke: #DCA26F;
  stroke-width: 4;
  stroke-miterlimit: 10; }

.smartccLine .st0 {
  opacity: 0.1;
  fill: none;
  stroke: #6B76DD;
  stroke-width: 4;
  stroke-miterlimit: 10;
  enable-background: new; }
.smartccLine .st1 {
  opacity: 0.1;
  fill: none;
  stroke: #6B76DD;
  stroke-width: 2;
  stroke-miterlimit: 10;
  enable-background: new; }
.smartccLine .st2 {
  fill: none;
  stroke: #DCA26F;
  stroke-width: 4;
  stroke-miterlimit: 10; }
.smartccLine .st3 {
  fill: none;
  stroke: #DCA26F;
  stroke-width: 2;
  stroke-miterlimit: 10; }

.contrakLine .st0 {
  opacity: 0.1;
  fill: none;
  stroke: #6B76DD;
  stroke-width: 4;
  stroke-miterlimit: 10;
  enable-background: new; }
.contrakLine .st1 {
  opacity: 0.1;
  fill: none;
  stroke: #6B76DD;
  stroke-width: 2;
  stroke-miterlimit: 10;
  enable-background: new; }
.contrakLine .st2 {
  fill: none;
  stroke: #DCA26F;
  stroke-width: 4;
  stroke-miterlimit: 10; }
.contrakLine .st3 {
  fill: none;
  stroke: #DCA26F;
  stroke-width: 2;
  stroke-miterlimit: 10; }

.allproductLine .st0 {
  opacity: 0.1;
  fill: none;
  stroke: #6B76DD;
  stroke-width: 4;
  stroke-miterlimit: 10;
  enable-background: new; }
.allproductLine .st1 {
  opacity: 0.1;
  fill: none;
  stroke: #6B76DD;
  stroke-width: 2;
  stroke-miterlimit: 10;
  enable-background: new; }
.allproductLine .st2 {
  fill: none;
  stroke: #DCA26F;
  stroke-width: 4;
  stroke-miterlimit: 10; }
.allproductLine .st3 {
  fill: none;
  stroke: #DCA26F;
  stroke-width: 2;
  stroke-miterlimit: 10; }

.productInfoMob {
  display: none;
  padding: 40px 24px 0px 24px;
  background-size: 100% !important;
  background-position-y: bottom !important; }
  .productInfoMob .h4 {
    color: rgba(44, 56, 164, 0.9);
    margin-bottom: 15px;
    display: block;
    font-size: 18px; }
  .productInfoMob .h1 {
    color: #2c38a4;
    font-stretch: condensed;
    line-height: 0.78;
    letter-spacing: 0.7px;
    margin-bottom: 15px; }
    .productInfoMob .h1 span {
      color: #58595b; }
  .productInfoMob .p {
    font-stretch: condensed;
    line-height: 1.25;
    letter-spacing: 0.2px;
    text-align: left;
    color: rgba(44, 56, 164, 0.8);
    margin-bottom: 30px;
    width: 60%;
    font-size: 14px; }
  @media screen and (max-width: 768px) {
    .productInfoMob {
      display: block; } }

.viewProductBtn {
  position: absolute;
  top: 49.5%;
  transform: translateY(-50%);
  right: 5%;
  color: rgba(249, 249, 249, 0.5);
  text-decoration: none;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden; }
  .viewProductBtn.show {
    opacity: 1;
    visibility: visible; }
  .viewProductBtn:after {
    content: '';
    display: block;
    width: 35px;
    height: 35px;
    background: rgba(241, 241, 241, 0.2);
    position: absolute;
    top: -8px;
    right: -15px;
    border-radius: 50%;
    z-index: -1; }
  .viewProductBtn:hover {
    color: #f9f9f9; }

.productOneBG {
  background: rgba(209, 210, 237, 0.2); }
  .productOneBG img.proBg {
    width: 100%;
    opacity: 0;
    visibility: hidden; }

.productIcons {
  position: absolute;
  top: 50%;
  left: 35%;
  transform: translatey(-50%);
  width: 35%;
  z-index: 2;
  opacity: 0;
  visibility: hidden; }

.productIcons2 {
  left: 40%; }

.productOneBGM {
  background: rgba(209, 210, 237, 0.2) url(../images/product2BG.png) center center no-repeat; }

.productTwoBGM {
  background: rgba(209, 210, 237, 0.2) url(../images/product2BG.png) center center no-repeat; }

.productThreeBGM {
  background: rgba(209, 210, 237, 0.2) url(../images/product3BG.png) center center no-repeat; }

.productFourBGM {
  background: rgba(209, 210, 237, 0.2) url(../images/product4BG.png) center center no-repeat; }

@media screen and (max-width: 1400px) {
  .productOne,
  .productTwo,
  .productThree,
  .productForu {
    background-size: 25%;
    background-position-y: 40%; } }
.iot-infra .productMain {
  clear: both;
  height: 100%;
  position: relative; }
  .iot-infra .productMain .proLine {
    position: absolute;
    top: 26.5%;
    left: 0;
    width: 100%;
    z-index: 1; }
.iot-infra.boxSectionFive .productMain .proLine {
  top: 47%; }
.iot-infra .productInfo {
  width: 50%;
  height: 100%;
  float: left;
  padding-left: 88px;
  box-sizing: border-box;
  position: relative;
  background: rgba(209, 210, 237, 0.2);
  z-index: 2; }
  .iot-infra .productInfo .h3 {
    width: 60%;
    font-stretch: condensed;
    line-height: 1.33;
    letter-spacing: 0.8px;
    text-align: left;
    color: rgba(44, 56, 164, 0.6);
    margin-top: 40px; }
    @media screen and (max-width: 1600px) {
      .iot-infra .productInfo .h3 {
        width: 80%; } }
  .iot-infra .productInfo ul {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 20%; }
    .iot-infra .productInfo ul li {
      width: 24%;
      display: inline-block;
      text-align: center; }
      .iot-infra .productInfo ul li .h4 {
        color: rgba(48, 48, 48, 0.4);
        margin-bottom: 35px; }
      .iot-infra .productInfo ul li .h3 {
        text-align: center;
        margin: auto; }
      .iot-infra .productInfo ul li a {
        text-decoration: none; }
      .iot-infra .productInfo ul li img {
        max-width: 80%; }
    @media screen and (max-width: 1600px) {
      .iot-infra .productInfo ul {
        bottom: 26%; } }
.iot-infra .productFeature {
  width: 50%;
  background: #2c38a4;
  height: 100%;
  float: left;
  padding-right: 88px;
  box-sizing: border-box;
  position: relative; }
  .iot-infra .productFeature .infraIcon1 {
    position: absolute;
    top: 15%;
    left: 10%;
    z-index: 2; }
    .iot-infra .productFeature .infraIcon1 img {
      width: 80%; }
  .iot-infra .productFeature .infraIcon2 {
    position: absolute;
    top: 15%;
    right: 15%;
    z-index: 2; }
    .iot-infra .productFeature .infraIcon2 img {
      width: 80%; }
  .iot-infra .productFeature .infraIcon3 {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translatex(-50%);
    z-index: 2; }
    .iot-infra .productFeature .infraIcon3 img {
      width: 80%; }
  .iot-infra .productFeature .h3 {
    position: absolute;
    color: #fff;
    top: 40%;
    left: -15%; }
  @media screen and (max-width: 768px) {
    .iot-infra .productFeature .infraIcon1 {
      top: 0;
      left: 0; }
    .iot-infra .productFeature .infraIcon2 {
      top: 0;
      right: 0; }
    .iot-infra .productFeature .infraIcon3 {
      bottom: 0;
      left: 0;
      transform: translatex(0%); } }
@media screen and (max-width: 1600px) {
  .iot-infra .productMain .proLine {
    top: 22%; } }
@media screen and (max-width: 1400px) {
  .iot-infra .productMain .proLine {
    top: 28%; }
  .iot-infra .productInfo .h3 {
    width: 70%;
    font-size: 26px;
    line-height: 1; }
  .iot-infra .productInfo ul {
    bottom: 28%; }
    .iot-infra .productInfo ul li {
      z-index: 3;
      position: relative; } }
@media screen and (max-width: 768px) {
  .iot-infra .boxSection {
    height: auto; }
  .iot-infra .productMain .proLine {
    display: none; }
  .iot-infra .productInfo {
    width: 100%;
    float: none;
    padding: 20px; }
    .iot-infra .productInfo .h3 {
      width: 100%;
      margin-top: 20px;
      margin-bottom: 32px; }
    .iot-infra .productInfo ul {
      position: relative; }
      .iot-infra .productInfo ul li {
        width: 49%;
        margin: 0; }
        .iot-infra .productInfo ul li .h4 {
          margin-bottom: 10px; }
  .iot-infra .productFeature {
    width: 100%;
    float: none;
    padding: 20px; }
    .iot-infra .productFeature .infraIcon1,
    .iot-infra .productFeature .infraIcon2,
    .iot-infra .productFeature .infraIcon3 {
      position: relative;
      transform: translatex(0); }
    .iot-infra .productFeature .h3 {
      left: 0; } }

.flowpaySec {
  background: #2c38a4; }
  .flowpaySec .productText {
    width: 50%;
    float: left;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 88px !important; }
    .flowpaySec .productText .productHead {
      width: 30%;
      float: left;
      margin-right: 15%; }
      .flowpaySec .productText .productHead .h2 {
        color: #fff;
        margin-bottom: 15px; }
        @media screen and (max-width: 1600px) {
          .flowpaySec .productText .productHead .h2 {
            font-size: 30px; } }
      .flowpaySec .productText .productHead .p {
        line-height: 1.25;
        color: rgba(248, 248, 248, 0.5); }
    .flowpaySec .productText .productHeadPoints {
      width: 55%;
      float: left; }
      .flowpaySec .productText .productHeadPoints .list {
        margin: 0;
        padding: 0;
        list-style: none;
        color: rgba(248, 248, 248, 0.3); }
        .flowpaySec .productText .productHeadPoints .list li {
          display: block;
          width: 100%;
          text-align: left;
          cursor: pointer;
          transition: 0.3s; }
          .flowpaySec .productText .productHeadPoints .list li.showHover {
            color: #f9aa56 !important;
            margin-left: 20px; }
          @media screen and (max-width: 1440px) {
            .flowpaySec .productText .productHeadPoints .list li.showHover {
              margin-left: 15px; } }
        .flowpaySec .productText .productHeadPoints .list li:hover {
          color: #f9aa56;
          margin-left: 20px; }
          @media screen and (max-width: 1440px) {
            .flowpaySec .productText .productHeadPoints .list li:hover {
              margin-left: 15px; } }
        .flowpaySec .productText .productHeadPoints .list li.active {
          color: #f9aa56;
          margin-left: 20px; }
        .flowpaySec .productText .productHeadPoints .list li:hover p:before,
        .flowpaySec .productText .productHeadPoints .list li.active p:before {
          display: none; }
        .flowpaySec .productText .productHeadPoints .list li:hover p:after,
        .flowpaySec .productText .productHeadPoints .list li.active p:after {
          width: 100px; }
      .flowpaySec .productText .productHeadPoints .list li p {
        position: relative;
        padding-left: 22px;
        padding-bottom: 22px;
        display: inline-block; }
      .flowpaySec .productText .productHeadPoints.moooptHead .list {
        color: #f8f8f8; }
        .flowpaySec .productText .productHeadPoints.moooptHead .list li {
          font-size: 30px;
          font-weight: 600;
          font-style: normal;
          font-stretch: condensed;
          letter-spacing: normal; }
          .flowpaySec .productText .productHeadPoints.moooptHead .list li.showHover {
            color: #f9aa56 !important;
            margin-left: 20px; }
          @media screen and (max-width: 1440px) {
            .flowpaySec .productText .productHeadPoints.moooptHead .list li {
              font-size: 20px; }
              .flowpaySec .productText .productHeadPoints.moooptHead .list li.showHover {
                margin-left: 15px; } }
  .flowpaySec .productTextImg {
    width: 50%;
    float: left;
    height: 100%;
    display: flex;
    align-items: center; }
  .flowpaySec .productTextImg-holder {
    width: 70% !important;
    margin: 0 auto;
    position: relative; }
    .flowpaySec .productTextImg-holder .hideAnim {
      opacity: 0;
      transition: all .5s ease-in-out;
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
    .flowpaySec .productTextImg-holder .showAnim {
      opacity: 1;
      transition: all .8s ease-in-out; }
    .flowpaySec .productTextImg-holder .hideAnim1 {
      opacity: 0;
      transition: all .5s ease-in-out; }
    .flowpaySec .productTextImg-holder .showAnim1 {
      opacity: 1;
      transition: all .8s ease-in-out; }
    .flowpaySec .productTextImg-holder .hideAnim2 {
      opacity: 0;
      transition: all .5s ease-in-out; }
    .flowpaySec .productTextImg-holder .showAnim2 {
      opacity: 1;
      transition: all .8s ease-in-out; }
    .flowpaySec .productTextImg-holder ul li {
      width: 28%;
      float: left;
      text-align: center;
      color: white;
      min-height: 150px;
      margin: 0px 2.6% 60px; }
  .flowpaySec .linkBtn {
    color: rgba(249, 249, 249, 0.5);
    text-decoration: none;
    display: inline-block;
    margin-top: 15px;
    font-weight: 500;
    font-size: 18px;
    transition: 0.5s;
    position: relative; }
    .flowpaySec .linkBtn:hover {
      color: #f9f9f9; }
    @media screen and (max-width: 1440px) {
      .flowpaySec .linkBtn {
        font-size: 18px; } }
    @media screen and (max-width: 768px) {
      .flowpaySec .linkBtn {
        font-size: 16px; } }
  .flowpaySec .mooflowSvg {
    /* MOOFLOW SVG CSS START */
    /* MOOFLOW SVG CSS END */ }
    .flowpaySec .mooflowSvg .st0 {
      fill: url(#SVGID_1_); }
    .flowpaySec .mooflowSvg .st1 {
      opacity: 0.2;
      fill: none;
      stroke: #F1F1F2;
      stroke-width: 0.75;
      stroke-miterlimit: 10;
      enable-background: new; }
    .flowpaySec .mooflowSvg .st2 {
      opacity: 0.6;
      fill: #F1F1F2;
      enable-background: new; }
    .flowpaySec .mooflowSvg .st3 {
      fill: url(#SVGID_2_); }
    .flowpaySec .mooflowSvg .st4 {
      opacity: 0.2; }
    .flowpaySec .mooflowSvg .st5 {
      opacity: 0.7;
      fill: #F1F1F2;
      enable-background: new; }
    .flowpaySec .mooflowSvg .st6 {
      opacity: 0.8; }
    .flowpaySec .mooflowSvg .st7 {
      fill: #F1F1F2; }
    .flowpaySec .mooflowSvg .st8 {
      opacity: 0.85;
      fill: none;
      stroke: #F1F1F2;
      stroke-width: 0.7595;
      stroke-miterlimit: 10;
      enable-background: new; }
    .flowpaySec .mooflowSvg .st9 {
      clip-path: url(#SVGID_4_);
      fill: #F1F1F2; }
    .flowpaySec .mooflowSvg .st10 {
      opacity: 0.9;
      clip-path: url(#SVGID_6_);
      fill: #F1F1F2;
      enable-background: new; }
    .flowpaySec .mooflowSvg .st11 {
      clip-path: url(#SVGID_8_);
      fill: #F1F1F2; }
    .flowpaySec .mooflowSvg .st12 {
      fill: #FFFFFF;
      stroke: #2C38A4;
      stroke-miterlimit: 10; }
    .flowpaySec .mooflowSvg .st13 {
      fill: url(#SVGID_9_); }
    .flowpaySec .mooflowSvg .st14 {
      opacity: 0.2;
      fill: #2C38A4;
      enable-background: new; }
    .flowpaySec .mooflowSvg .st15 {
      fill: none;
      stroke: #2C38A4;
      stroke-miterlimit: 10; }
    .flowpaySec .mooflowSvg .st16 {
      fill: #F1F1F2;
      stroke: #2C38A4;
      stroke-miterlimit: 10; }
    .flowpaySec .mooflowSvg .st17 {
      opacity: 0.5; }
    .flowpaySec .mooflowSvg .st18 {
      clip-path: url(#SVGID_11_);
      fill: #F1F1F2; }
    .flowpaySec .mooflowSvg .st19 {
      clip-path: url(#SVGID_13_);
      fill: #F1F1F2; }
    .flowpaySec .mooflowSvg .st20 {
      clip-path: url(#SVGID_15_);
      fill: #F1F1F2; }
    .flowpaySec .mooflowSvg .st21 {
      fill: url(#SVGID_16_);
      stroke: #2C38A4;
      stroke-miterlimit: 10; }
    .flowpaySec .mooflowSvg .st22 {
      opacity: 0.2;
      fill: #2C38A4; }
    .flowpaySec .mooflowSvg .st23 {
      fill-rule: evenodd;
      clip-rule: evenodd;
      fill: #F1F1F2; }
    .flowpaySec .mooflowSvg .st24 {
      fill-rule: evenodd;
      clip-rule: evenodd;
      fill: #2C38A4; }
    .flowpaySec .mooflowSvg .st25 {
      fill: #2C38A4; }
    .flowpaySec .mooflowSvg .st26 {
      fill: url(#SVGID_17_); }
    .flowpaySec .mooflowSvg .st27 {
      fill: url(#SVGID_18_); }
    .flowpaySec .mooflowSvg .st28 {
      fill: url(#SVGID_19_); }
    .flowpaySec .mooflowSvg .st29 {
      fill: url(#SVGID_20_); }
    .flowpaySec .mooflowSvg .st30 {
      fill-rule: evenodd;
      clip-rule: evenodd;
      fill: url(#SVGID_21_); }
    .flowpaySec .mooflowSvg .st31 {
      fill: none;
      stroke: #2C38A4;
      stroke-linecap: round;
      stroke-miterlimit: 10; }
    .flowpaySec .mooflowSvg .st32 {
      opacity: 0.2;
      fill-rule: evenodd;
      clip-rule: evenodd;
      fill: #2C38A4; }
    .flowpaySec .mooflowSvg .st33 {
      fill-rule: evenodd;
      clip-rule: evenodd;
      fill: none;
      stroke: #2C38A4;
      stroke-miterlimit: 10; }
    .flowpaySec .mooflowSvg .st34 {
      fill: url(#SVGID_22_); }
    .flowpaySec .mooflowSvg .st35 {
      opacity: 0.5;
      fill: #F1F1F2;
      enable-background: new; }
    .flowpaySec .mooflowSvg .st36 {
      opacity: 0.2;
      fill: #FFFFFF;
      enable-background: new; }
    .flowpaySec .mooflowSvg .st37 {
      opacity: 0.7;
      fill: #F1F1F2; }
    .flowpaySec .mooflowSvg .st38 {
      fill: #FFFFFF; }
    .flowpaySec .mooflowSvg .st39 {
      fill: none;
      stroke: #2C38A4;
      stroke-width: 1.2898;
      stroke-miterlimit: 10; }
    .flowpaySec .mooflowSvg .st40 {
      fill: none; }
    .flowpaySec .mooflowSvg .st41 {
      clip-path: url(#SVGID_24_);
      fill: #F1F1F2; }
    .flowpaySec .mooflowSvg .st42 {
      clip-path: url(#SVGID_26_);
      fill: #F1F1F2; }
    .flowpaySec .mooflowSvg .st43 {
      opacity: 0.6; }
    .flowpaySec .mooflowSvg .st44 {
      clip-path: url(#SVGID_28_);
      fill: #F1F1F2; }
    .flowpaySec .mooflowSvg .st45 {
      clip-path: url(#SVGID_30_);
      fill: #F1F1F2; }
    .flowpaySec .mooflowSvg .st46 {
      clip-path: url(#SVGID_32_);
      fill: #F1F1F2; }
    .flowpaySec .mooflowSvg .st47 {
      clip-path: url(#SVGID_34_);
      fill: #F1F1F2; }
    .flowpaySec .mooflowSvg .st48 {
      clip-path: url(#SVGID_36_);
      fill: #F1F1F2; }
    .flowpaySec .mooflowSvg .st49 {
      clip-path: url(#SVGID_38_);
      fill: #F1F1F2; }
    .flowpaySec .mooflowSvg .st50 {
      clip-path: url(#SVGID_40_);
      fill: #F1F1F2; }
    .flowpaySec .mooflowSvg .st51 {
      clip-path: url(#SVGID_42_);
      fill: #F1F1F2; }
    .flowpaySec .mooflowSvg .st52 {
      clip-path: url(#SVGID_44_);
      fill: #F1F1F2; }
    .flowpaySec .mooflowSvg .st53 {
      fill: url(#SVGID_45_); }
    .flowpaySec .mooflowSvg .st54 {
      fill: none;
      stroke: #2C38A4;
      stroke-width: 2.0339;
      stroke-miterlimit: 10; }
    .flowpaySec .mooflowSvg .st55 {
      fill: none;
      stroke: #2C38A4;
      stroke-width: 1.7789;
      stroke-miterlimit: 10; }
    .flowpaySec .mooflowSvg .st56 {
      fill: none;
      stroke: #2C38A4;
      stroke-width: 1.5549;
      stroke-miterlimit: 10; }
    .flowpaySec .mooflowSvg .st57 {
      fill: none;
      stroke: #2C38A4;
      stroke-width: 1.2826;
      stroke-miterlimit: 10; }
    .flowpaySec .mooflowSvg .st58 {
      fill: none;
      stroke: #F1F1F2;
      stroke-width: 1.8393;
      stroke-linecap: round;
      stroke-miterlimit: 10;
      enable-background: new; }
    .flowpaySec .mooflowSvg .st59 {
      fill: url(#SVGID_46_); }
    .flowpaySec .mooflowSvg .st60 {
      fill: url(#SVGID_47_); }
    .flowpaySec .mooflowSvg .st61 {
      opacity: 0.2;
      fill: #F1F1F2;
      enable-background: new; }
    .flowpaySec .mooflowSvg .st62 {
      fill: url(#SVGID_48_); }
    .flowpaySec .mooflowSvg .st63 {
      fill: url(#SVGID_49_); }
    .flowpaySec .mooflowSvg .st64 {
      fill: none;
      stroke: #2C38A4;
      stroke-width: 1.0518;
      stroke-miterlimit: 10; }
    .flowpaySec .mooflowSvg .st65 {
      fill: none;
      stroke: #00007F;
      stroke-linecap: round;
      stroke-miterlimit: 10; }
    .flowpaySec .mooflowSvg .st66 {
      fill: url(#SVGID_50_); }
    .flowpaySec .mooflowSvg .st67 {
      fill: #FFFFFF;
      stroke: #00007F;
      stroke-miterlimit: 10; }
    .flowpaySec .mooflowSvg .st68 {
      fill: none;
      stroke: #00007F;
      stroke-miterlimit: 10; }
    .flowpaySec .mooflowSvg .st69 {
      fill: url(#SVGID_51_); }
    .flowpaySec .mooflowSvg .st70 {
      fill: url(#SVGID_52_); }
    .flowpaySec .mooflowSvg .st71 {
      fill: #00007F; }
    .flowpaySec .mooflowSvg .st72 {
      fill: url(#SVGID_53_); }
    .flowpaySec .mooflowSvg .st73 {
      fill: #FFFFFF;
      stroke: #00007F;
      stroke-width: 1.1069;
      stroke-miterlimit: 10; }
    .flowpaySec .mooflowSvg .st74 {
      fill: none;
      stroke: #00007F;
      stroke-width: 1.1069;
      stroke-miterlimit: 10; }
    .flowpaySec .mooflowSvg .st75 {
      fill: url(#SVGID_54_); }
    .flowpaySec .mooflowSvg .st76 {
      fill: #FFFFFF;
      stroke: #00007F;
      stroke-width: 0.9087;
      stroke-miterlimit: 10; }
    .flowpaySec .mooflowSvg .st77 {
      fill: none;
      stroke: #00007F;
      stroke-width: 0.9087;
      stroke-miterlimit: 10; }
    .flowpaySec .mooflowSvg .st78 {
      fill: url(#SVGID_55_); }
    .flowpaySec .mooflowSvg .st79 {
      fill: #FFFFFF;
      stroke: #00007F;
      stroke-width: 0.8858;
      stroke-miterlimit: 10; }
    .flowpaySec .mooflowSvg .st80 {
      fill: none;
      stroke: #00007F;
      stroke-width: 0.8858;
      stroke-miterlimit: 10; }
    .flowpaySec .mooflowSvg .st81 {
      fill: none;
      stroke: #2C38A4;
      stroke-width: 0.9342;
      stroke-miterlimit: 10; }
    .flowpaySec .mooflowSvg .st82 {
      fill: none;
      stroke: #2C38A4;
      stroke-width: 0.9096;
      stroke-miterlimit: 10; }
    .flowpaySec .mooflowSvg .st83 {
      fill: url(#SVGID_56_); }
  .flowpaySec .moopaysvg .st0 {
    fill: #FFFFFF;
    stroke: #2C38A4;
    stroke-miterlimit: 10; }
  .flowpaySec .moopaysvg .st1 {
    fill: url(#SVGID_1_); }
  .flowpaySec .moopaysvg .st2 {
    opacity: 0.2;
    fill: #2C38A4; }
  .flowpaySec .moopaysvg .st3 {
    opacity: 0.2; }
  .flowpaySec .moopaysvg .st4 {
    fill: #2C38A4; }
  .flowpaySec .moopaysvg .st5 {
    fill: none;
    stroke: #2C38A4;
    stroke-miterlimit: 10; }
  .flowpaySec .moopaysvg .st6 {
    fill: none;
    stroke: #F1F1F2;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-miterlimit: 10; }
  .flowpaySec .moopaysvg .st7 {
    fill: url(#SVGID_2_); }
  .flowpaySec .moopaysvg .st8 {
    opacity: 0.2;
    clip-path: url(#SVGID_4_);
    fill: #2C38A4; }
  .flowpaySec .moopaysvg .st9 {
    clip-path: url(#SVGID_4_); }
  .flowpaySec .moopaysvg .st10 {
    opacity: 0.7;
    fill: #F1F1F2; }
  .flowpaySec .moopaysvg .st11 {
    fill: none;
    stroke: #2C38A4;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10; }
  .flowpaySec .moopaysvg .st12 {
    fill: url(#SVGID_5_); }
  .flowpaySec .moopaysvg .st13 {
    opacity: 0.2;
    fill: #FFFFFF;
    stroke: #2C38A4;
    stroke-miterlimit: 10; }
  .flowpaySec .moopaysvg .st14 {
    opacity: 0.4; }
  .flowpaySec .moopaysvg .st15 {
    opacity: 0.7;
    fill: none; }
  .flowpaySec .moopaysvg .st16 {
    fill: #FFD8B8; }
  .flowpaySec .moopaysvg .st17 {
    fill: url(#SVGID_6_); }
  .flowpaySec .moopaysvg .st18 {
    fill: none;
    stroke: #2C38A4;
    stroke-linecap: round;
    stroke-miterlimit: 10; }
  .flowpaySec .moopaysvg .st19 {
    fill: url(#SVGID_7_); }
  .flowpaySec .moopaysvg .st20 {
    font-family: 'BarlowCondensed-SemiBold'; }
  .flowpaySec .moopaysvg .st21 {
    font-size: 10.3186px; }
  .flowpaySec .moopaysvg .st22 {
    fill: url(#SVGID_8_); }
  .flowpaySec .moopaysvg .st23 {
    opacity: 0.1;
    fill: #FFFFFF;
    stroke: #2C38A4;
    stroke-miterlimit: 10;
    stroke-dasharray: 10,4; }
  .flowpaySec .moopaysvg .st24 {
    opacity: 0.6; }
  .flowpaySec .moopaysvg .st25 {
    fill: none;
    stroke: #FFFFFF;
    stroke-miterlimit: 10; }
  .flowpaySec .moopaysvg .st26 {
    fill: url(#SVGID_9_); }
  @media screen and (max-width: 768px) {
    .flowpaySec .boxSection {
      height: auto; }
    .flowpaySec .productText {
      width: 100%;
      float: none;
      display: block; }
      .flowpaySec .productText .productHead {
        width: 100%;
        float: none;
        margin: 0px;
        margin-bottom: 15px; }
      .flowpaySec .productText .productHeadPoints {
        display: none; }
    .flowpaySec .productTextImg {
      display: none; }
    .flowpaySec .mooSec img {
      width: 100%;
      height: 200px; } }

/*Impact Design Section*/
/* Style the buttons inside the tab */
/* Style the tab content */
.tabcontent {
  transition-duration: 2s; }

.tabcontent2 img {
  transition-duration: 2s; }

.clientSec {
  background-image: linear-gradient(to right, #2c38a4, #111c7f 97%);
  height: 100vh;
  display: flex;
  align-items: center; }
  .clientSec .h2 {
    color: #fff;
    margin-bottom: 55px; }
  .clientSec .clientlogoSec {
    padding-top: 12%; }
    .clientSec .clientlogoSec .clientlogos img {
      opacity: 0.2;
      transition: 0.5s;
      width: 60%; }
      .clientSec .clientlogoSec .clientlogos img:hover {
        opacity: 0.8; }
  @media screen and (max-width: 1400px) {
    .clientSec .clientlogoSec .clientlogos img {
      width: 150px; } }
  @media screen and (max-width: 768px) {
    .clientSec {
      height: auto;
      padding-bottom: 50px; }
      .clientSec .boxSection {
        height: auto; }
      .clientSec .clientlogoSec .clientlogos img {
        width: 100px; } }

.partnerSec {
  background-image: linear-gradient(to right, #2c38a4, #111c7f 97%);
  height: 100vh; }
  .partnerSec .h2 {
    color: #fff;
    margin-bottom: 55px; }
  .partnerSec .partnerBoxSec {
    height: 100vh;
    display: flex; }
    .partnerSec .partnerBoxSec .clientlogoSec {
      display: flex;
      align-items: center; }
  .partnerSec .partnerClientLogoBox {
    box-sizing: border-box;
    padding: 30px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 25%; }
    .partnerSec .partnerClientLogoBox img {
      transition: 0.5s;
      width: 100%;
      max-width: 150px; }
  @media screen and (max-width: 1400px) {
    .partnerSec .clientlogoSec .clientlogos img {
      width: 150px; } }
  @media screen and (max-width: 768px) {
    .partnerSec {
      height: auto;
      padding-bottom: 50px; }
      .partnerSec .boxSection {
        height: auto; }
      .partnerSec .clientlogoSec .clientlogos img {
        width: 100px; } }

.partnerheadLine {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 30%; }

.partnerClientlogos {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 70%; }

.testimonialSec {
  color: #fff;
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center; }
  @media screen and (max-width: 768px) {
    .testimonialSec {
      max-height: 550px;
      padding-bottom: 20px; } }
  .testimonialSec .wraps {
    margin-top: 12%; }
    @media screen and (max-width: 1440px) {
      .testimonialSec .wraps {
        margin-top: 10%; } }
  .testimonialSec .h2 {
    margin-bottom: 55px; }
    @media screen and (max-width: 1440px) {
      .testimonialSec .h2 {
        margin-bottom: 25px; } }
  .testimonialSec .slider-for {
    width: 70%;
    display: inline-block; }
    .testimonialSec .slider-for .testimonialImg {
      width: 70%;
      float: left; }
      .testimonialSec .slider-for .testimonialImg img {
        max-width: 100%; }
    .testimonialSec .slider-for .testimonialTxt {
      width: 30%;
      float: left;
      padding-left: 35px;
      box-sizing: border-box;
      padding-top: 90px; }
      .testimonialSec .slider-for .testimonialTxt .h3,
      .testimonialSec .slider-for .testimonialTxt .h4,
      .testimonialSec .slider-for .testimonialTxt .p {
        margin-bottom: 25px; }
      .testimonialSec .slider-for .testimonialTxt .p {
        color: rgba(248, 248, 248, 0.5); }
  .testimonialSec .testimonialpagination {
    width: 15%;
    background: rgba(45, 57, 164, 0.8);
    position: absolute;
    top: 51%;
    right: 0; }
    .testimonialSec .testimonialpagination .pagingInfo {
      position: absolute;
      top: 20px;
      right: 30px;
      font-size: 30px;
      font-family: "Barlow Condensed", sans-serif;
      color: rgba(248, 248, 248, 0.5); }
  .testimonialSec .slider-nav .testimonialsnavInfo {
    color: rgba(248, 248, 248, 0.1);
    padding: 70px 30px 100px;
    padding-bottom: 100px; }
  .testimonialSec .slider-nav .slick-arrow {
    background: transparent;
    border: none;
    font-family: "Barlow Condensed", sans-serif;
    outline: none;
    color: #fff;
    font-size: 20px;
    position: absolute;
    bottom: 32px; }
  .testimonialSec .slider-nav .slick-next {
    right: 30px;
    top: 80%; }
  .testimonialSec .slider-nav .slick-prev {
    left: 30px;
    z-index: 1;
    top: 80%; }
  @media screen and (max-width: 1680px) {
    .testimonialSec .slider-for {
      width: 70%; }
      .testimonialSec .slider-for .testimonialTxt {
        padding-top: 40px; }
        .testimonialSec .slider-for .testimonialTxt .h3,
        .testimonialSec .slider-for .testimonialTxt .h4,
        .testimonialSec .slider-for .testimonialTxt .p {
          margin-bottom: 15px; }
    .testimonialSec .testimonialpagination {
      width: 20%;
      top: 44%; } }
  @media screen and (max-width: 1300px) {
    .testimonialSec .slider-for .testimonialTxt .h3,
    .testimonialSec .slider-for .testimonialTxt .h4,
    .testimonialSec .slider-for .testimonialTxt .p {
      margin-bottom: 10px; } }
  @media screen and (max-width: 768px) {
    .testimonialSec .boxSection {
      height: auto; }
    .testimonialSec .slider-for {
      width: 100%; }
      .testimonialSec .slider-for .testimonialImg {
        width: 100%;
        float: none; }
      .testimonialSec .slider-for .testimonialTxt {
        width: 100%;
        float: none;
        padding-left: 0px;
        padding-top: 20px; }
    .testimonialSec .testimonialpagination {
      width: 100%;
      position: relative;
      display: none; } }

/* progress bar */
.slider-progress {
  width: 55%;
  height: 3px;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 50px;
  left: 30px; }

.slider-progress .progress {
  width: 0%;
  height: 3px;
  background: rgba(255, 255, 255, 0.5); }

.newseventSec {
  height: 100vh;
  display: flex;
  align-items: center; }
  .newseventSec .h2 {
    margin-bottom: 55px;
    color: #fff; }
  .newseventSec .newsFeeds {
    display: inline-block; }
    .newseventSec .newsFeeds .newsDate {
      color: #fff; }
      .newseventSec .newsFeeds .newsDate .h4 {
        margin-bottom: 30px;
        position: relative; }
        .newseventSec .newsFeeds .newsDate .h4:before {
          content: "";
          width: 98%;
          height: 4px;
          background: rgba(0, 0, 127, 0.4);
          position: absolute;
          top: -15px; }
  .newseventSec .sinlgeNews {
    width: 250px;
    color: #fff;
    padding-bottom: 50px;
    display: inline-block;
    margin-right: 30px;
    vertical-align: top; }
    @media screen and (max-width: 1680px) {
      .newseventSec .sinlgeNews {
        width: 200px;
        margin-right: 20px; } }
    @media screen and (max-width: 1450px) {
      .newseventSec .sinlgeNews {
        width: 180px;
        margin-right: 15px; } }
    @media screen and (max-width: 1366px) {
      .newseventSec .sinlgeNews {
        width: 180px;
        margin-right: 12px; } }
    @media screen and (max-width: 1300px) {
      .newseventSec .sinlgeNews {
        width: 160px;
        margin-right: 12px; } }
    .newseventSec .sinlgeNews .sinlgeNewsImg {
      margin-bottom: 25px;
      position: relative; }
      .newseventSec .sinlgeNews .sinlgeNewsImg img {
        max-width: 100%; }
      .newseventSec .sinlgeNews .sinlgeNewsImg .sinlgeNewsImgOverlay {
        background: rgba(17, 28, 127, 0.7);
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 1;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out; }
    .newseventSec .sinlgeNews p {
      margin-bottom: 10px;
      min-height: 70px; }
    .newseventSec .sinlgeNews a {
      color: #f9aa56;
      font-weight: 400; }
    .newseventSec .sinlgeNews:hover .sinlgeNewsImgOverlay {
      opacity: 0; }
  @media screen and (max-width: 768px) {
    .newseventSec {
      display: block;
      height: auto; } }

.contactSec {
  position: relative;
  height: 100vh;
  overflow: hidden; }
  .contactSec .sitewrap-full {
    width: 100vw; }
  .contactSec .proCounts {
    text-align: center;
    margin-top: 200px; }
    .contactSec .proCounts div {
      width: 14%;
      display: inline-block;
      vertical-align: top; }
      .contactSec .proCounts div .h2 {
        margin-bottom: 20px;
        color: rgba(48, 48, 48, 0.7); }
      .contactSec .proCounts div .h4 {
        color: rgba(48, 48, 48, 0.2); }
      @media screen and (max-width: 1600px) {
        .contactSec .proCounts div {
          width: 18%; } }
  .contactSec .circleLayout {
    width: 100%;
    height: 40%;
    position: absolute;
    bottom: 25px;
    text-align: center; }
    .contactSec .circleLayout #element {
      background-image: linear-gradient(to right, #2c38a4, #111c7f 97%);
      color: #fff;
      height: 0px;
      width: 0px;
      left: 0;
      right: 0;
      margin: 0 auto;
      position: absolute;
      bottom: 24px;
      border-radius: 50%; }
    .contactSec .circleLayout .h2 {
      color: #2c38a4;
      width: 40%;
      margin: 0 auto 40px;
      line-height: 1.25; }
    .contactSec .circleLayout .primary-button {
      font-size: 20px;
      text-decoration: none;
      display: inline-block; }
    @media screen and (max-width: 1600px) {
      .contactSec .circleLayout .h2 {
        width: 54%; } }
  .contactSec .maskDiv {
    background-image: linear-gradient(to right, #2c38a4, #111c7f 97%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh; }
    .contactSec .maskDiv .proCounts {
      text-align: center;
      margin-top: 200px; }
      .contactSec .maskDiv .proCounts div .h2 {
        margin-bottom: 20px;
        color: #fff; }
      .contactSec .maskDiv .proCounts div .h4 {
        color: #fff; }
    .contactSec .maskDiv .h2 {
      color: #fff;
      margin-bottom: 50px; }
  @media screen and (max-width: 768px) {
    .contactSec {
      height: auto; }
      .contactSec .sitewrap-fullMask {
        display: none; }
      .contactSec .proCounts {
        margin-top: 75px;
        padding: 0px 20px; }
        .contactSec .proCounts div {
          width: 48%; }
      .contactSec .circleLayout {
        position: relative;
        height: auto;
        margin-bottom: 50px; }
        .contactSec .circleLayout .h2 {
          width: 90%;
          margin: 50px auto 20px;
          line-height: 1.2;
          font-size: 28px; } }

.optMob {
  display: none; }

.mooSec {
  display: none; }

.slick-prev:before {
  display: none; }

.slick-next:before {
  display: none; }

@media screen and (max-width: 1680px) {
  .bannerSec1 .bannerContent .bannerTxt,
  .bannerSec1 .bannermask .bannerTxt {
    width: 40%; }

  .bannerSec1 .bannerContent .bannerTxt .h1,
  .bannerSec1 .bannermask .bannerTxt .h1 {
    padding-top: 0px;
    line-height: 1; }

  .bannerSec1 .bannermask .bannerTxt .p {
    margin-top: 20px;
    margin-bottom: 10px; } }
@media screen and (max-width: 768px) {
  .bannerSec1 .bannerContent .bannerTxt,
  .bannerSec1 .bannermask .bannerTxt {
    width: 100%; }

  .optMob {
    display: block; }
    .optMob .h3 {
      color: #fff;
      margin: 20px 0px;
      font-size: 24px; }
    .optMob .moooptSec {
      clear: both;
      overflow: hidden; }
    .optMob .moooptSec div {
      width: 50%;
      float: left;
      text-align: center;
      color: #fff;
      margin-bottom: 20px;
      min-height: 150px; }
      .optMob .moooptSec div img {
        width: 80px; }

  .mooSec {
    display: block;
    text-align: center; }
    .mooSec .h4 {
      color: #fff;
      text-align: center;
      margin: 20px 0px; }

  .iot-infra .productInfo ul li img {
    width: 70%; }

  .iot-infra .productFeature .h3 {
    position: relative;
    text-align: center; }

  .iot-infra .productFeature {
    text-align: center; }
    .iot-infra .productFeature > div {
      width: calc(50% - 5px);
      display: inline-block;
      vertical-align: bottom;
      margin: 10px 0; }
      .iot-infra .productFeature > div > img {
        width: 80%; }

  .newseventSec .sinlgeNews {
    width: 100%;
    margin-right: 0px; }
    .newseventSec .sinlgeNews img {
      width: 100%; }
    .newseventSec .sinlgeNews .sinlgeNewsImg {
      margin-bottom: 15px; }
    .newseventSec .sinlgeNews .p {
      font-size: 16px;
      margin-bottom: 15px;
      line-height: 22px; }

  .productTextImg-holder .tabcontent {
    position: relative;
    width: 100% !important; }
  .productTextImg-holder object,
  .productTextImg-holder img {
    width: 300px;
    height: 300px; }

  .testimonialSec .h2,
  .newseventSec .h2 {
    margin-bottom: 25px; }

  .contactSec .proCounts div .h2 {
    margin-bottom: 0px; }

  .contactSec .proCounts div {
    margin-bottom: 15px; } }
/*Base*/
.transitionEase {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out; }

.blueBg {
  background: #2c38a4; }

/*Home*/
.homeWrap section {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  height: 100vh;
  /*@extend .transitionEase;*/ }

.homeWrap section.active {
  opacity: 1;
  z-index: 9; }

.bannermask .bodyMovinBanner {
  position: absolute;
  left: 0;
  width: 100%;
  top: 20px;
  opacity: 0.5; }

.productSec1 .sitewrap {
  position: relative; }

.productBlock {
  background: #2c38a4;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9; }

.productPosition {
  top: calc(50% + 115px);
  transform: translateY(-50%); }
  @media screen and (max-width: 1600px) {
    .productPosition {
      top: calc(50% + 88px); } }
  @media screen and (max-width: 1440px) {
    .productPosition {
      top: calc(50% + 105px); } }
  @media screen and (max-width: 1380px) {
    .productPosition {
      top: calc(50% + 90px); } }

.productInfoTxt {
  position: absolute;
  z-index: 3;
  left: 30px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out; }
  @media screen and (max-width: 769px) {
    .productInfoTxt {
      display: none; } }
  .productInfoTxt.hide {
    display: none; }
  .productInfoTxt.piSec2 {
    top: calc(50% + 75px);
    transform: translateY(-50%); }
    @media screen and (max-width: 1600px) {
      .productInfoTxt.piSec2 {
        top: calc(50% + 50px); } }
    @media screen and (max-width: 1440px) {
      .productInfoTxt.piSec2 {
        top: calc(50% + 70px); } }
    @media screen and (max-width: 1380px) {
      .productInfoTxt.piSec2 {
        top: calc(50% + 60px); } }
  .productInfoTxt.piSec3 {
    top: calc(50% + 25px);
    transform: translateY(-50%); }
    @media screen and (max-width: 1600px) {
      .productInfoTxt.piSec3 {
        top: calc(50% + 25px); } }
    @media screen and (max-width: 1440px) {
      .productInfoTxt.piSec3 {
        top: calc(50% + 35px); } }
    @media screen and (max-width: 1380px) {
      .productInfoTxt.piSec3 {
        top: calc(50% + 25px); } }
  .productInfoTxt .h4 {
    font-stretch: condensed;
    line-height: normal;
    letter-spacing: 0.5px;
    color: rgba(48, 48, 48, 0.6);
    position: relative;
    margin-bottom: 28px;
    display: block;
    text-decoration: none;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out; }
    .productInfoTxt .h4:before {
      content: '';
      position: absolute;
      bottom: -8px;
      width: 30px;
      height: 3px;
      background: rgba(48, 48, 48, 0.2);
      transition: all 0.5s ease-in-out;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out; }
    .productInfoTxt .h4.active {
      color: #2c38a4; }
      .productInfoTxt .h4.active:before {
        background: transparent; }
    @media screen and (max-width: 1400px) {
      .productInfoTxt .h4 {
        margin-bottom: 20px; } }
  .productInfoTxt .h1 {
    color: #2c38a4;
    font-stretch: condensed;
    line-height: 0.78;
    letter-spacing: 0.7px;
    margin-bottom: 15px; }
    .productInfoTxt .h1 span {
      color: #58595b; }
    @media screen and (max-width: 1660px) {
      .productInfoTxt .h1 {
        font-size: 52px; } }
    @media screen and (max-width: 1400px) {
      .productInfoTxt .h1 {
        font-size: 40px; } }
  .productInfoTxt .p {
    font-stretch: condensed;
    line-height: 1.25;
    letter-spacing: 0.2px;
    text-align: left;
    color: rgba(44, 56, 164, 0.8);
    margin-bottom: 30px;
    width: 35%; }

.productList {
  position: relative;
  height: calc(100vh - 260px); }
  .productList .boxSection {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: 100%; }
    .productList .boxSection.active {
      opacity: 1;
      visibility: visible; }

.flowpaySec .sitewrap {
  position: relative; }

.flowpaySec .boxSection {
  position: absolute;
  width: 100%;
  opacity: 0;
  overflow: hidden; }
  @media screen and (max-width: 768px) {
    .flowpaySec .boxSection {
      position: relative;
      height: auto;
      opacity: 1; } }

.flowpaySec .boxSection.active {
  opacity: 1;
  overflow: visible;
  z-index: 99; }

.productSec1 .productMain .productInfo {
  background: rgba(49, 50, 65, 0.2); }

.proBg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out; }

.productList .boxSection.active .proBg {
  visibility: visible;
  opacity: 1; }

.slideanim01 {
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000; }

.slideanim01.active {
  animation: dash 03s linear forwards; }

.slideanim02 {
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000; }

.slideanim02.active {
  animation: dash 03s linear forwards;
  animation-delay: 1.5s; }

@keyframes dash {
  to {
    stroke-dashoffset: 0; } }
.homeWrap section.active.footAdd {
  top: -35%; }

footer.homeFooter {
  opacity: 0;
  position: fixed;
  width: 100%;
  bottom: -100%; }
  footer.homeFooter.active {
    opacity: 1;
    z-index: 9;
    bottom: 0; }

.productInfoTxtListInfo {
  height: 0;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out; }

.productInfoTxtListInfo.active {
  height: 170px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out; }

.iot-infra.boxSectionFive .productInfo ul li {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out; }
  @media screen and (max-width: 768px) {
    .iot-infra.boxSectionFive .productInfo ul li {
      opacity: 1;
      visibility: visible; } }
  .iot-infra.boxSectionFive .productInfo ul li.show {
    opacity: 1;
    visibility: visible; }

.iot-infra.boxSectionFive .productFeature .infraIcon1 {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out; }
  .iot-infra.boxSectionFive .productFeature .infraIcon1.show {
    opacity: 1;
    visibility: visible; }

.iot-infra.boxSectionFive .productFeature .infraIcon2 {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out; }
  .iot-infra.boxSectionFive .productFeature .infraIcon2.show {
    opacity: 1;
    visibility: visible; }

.iot-infra.boxSectionFive .productFeature .infraIcon3 {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out; }
  .iot-infra.boxSectionFive .productFeature .infraIcon3.show {
    opacity: 1;
    visibility: visible; }

@media screen and (max-width: 1660px) {
  .productInfoTxtListInfo.active {
    height: 150px; }

  .productInfoTxt .h4 {
    margin-bottom: 15px; }

  .productInfoTxt .p {
    width: 20%; } }
@media screen and (max-width: 770px) {
  body, html {
    overflow-x: hidden; }

  .homeWrap section {
    position: relative;
    opacity: 1;
    height: auto; }

  .productList .boxSection {
    position: relative;
    opacity: 1;
    visibility: visible;
    width: 100%; }

  footer.homeFooter {
    opacity: 1;
    position: relative;
    bottom: 0; }

  .newseventSec .newsFeeds {
    display: block; }

  .productSec1 .productMain .productFeature ul li {
    opacity: 1;
    visibility: visible; }

  .productList {
    height: auto; }

  .iot-infra.boxSectionFive .productFeature .infraIcon2, .iot-infra.boxSectionFive .productFeature .infraIcon1, .iot-infra.boxSectionFive .productFeature .infraIcon3 {
    opacity: 1;
    visibility: visible; } }
.wrapper-main-home {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  box-sizing: border-box;
  /*  .contactSec {
      display: none;
    }*/ }
  .wrapper-main-home .inner-page {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 88px;
    box-sizing: border-box; }
  .wrapper-main-home .screen-wrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 130px 88px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: transparent;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out; }
    .wrapper-main-home .screen-wrapper.fullWidth {
      padding-left: 0;
      padding-right: 0; }
    .wrapper-main-home .screen-wrapper.fullHeight {
      padding-top: 0;
      padding-bottom: 0; }
    @media screen and (max-width: 1600px) {
      .wrapper-main-home .screen-wrapper {
        padding: 88px; } }
  .wrapper-main-home .screenone {
    background: #f1f1f6 url(../images/Banner1.png) center bottom no-repeat;
    background-size: 96%;
    padding: 30px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    height: 100%;
    background-position-y: 90%;
    opacity: 1; }
    .wrapper-main-home .screenone .bannerTxt {
      width: 30%; }
    .wrapper-main-home .screenone .h1 {
      color: #2c38a4;
      padding-top: 60px;
      font-stretch: condensed;
      line-height: 1.15;
      letter-spacing: 0.7px; }
  .wrapper-main-home .screentwo {
    background: #2c38a4 url(../images/Banner2.png) center bottom no-repeat;
    background-size: 96%;
    padding: 30px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    height: 100%;
    top: 0;
    left: 0;
    transition: 3s;
    opacity: 1;
    -webkit-clip-path: inset(0% 100% 0% 0%);
    clip-path: inset(0% 100% 0% 0%);
    background-position-y: 90%; }
    .wrapper-main-home .screentwo .bannerTxt {
      width: 30%;
      position: absolute;
      top: 30px; }
    .wrapper-main-home .screentwo .h1 {
      color: #fff;
      padding-top: 60px;
      font-stretch: condensed;
      line-height: 1.15;
      letter-spacing: 0.7px; }
    .wrapper-main-home .screentwo .p {
      color: #fff;
      opacity: 0.6;
      margin-top: 20px;
      margin-bottom: 0px;
      font-stretch: condensed;
      line-height: 1.88;
      letter-spacing: 0.4px; }
    .wrapper-main-home .screentwo .h4 {
      font-stretch: condensed;
      line-height: normal;
      letter-spacing: 0.5px;
      color: rgba(249, 249, 249, 0.9);
      position: relative;
      margin-bottom: 18px;
      display: block;
      text-decoration: none; }
      .wrapper-main-home .screentwo .h4:before {
        content: "";
        position: absolute;
        bottom: -8px;
        width: 30px;
        height: 3px;
        background: rgba(248, 248, 248, 0.2); }
  .wrapper-main-home .productList {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 88px;
    width: 50%;
    height: 100%;
    box-sizing: border-box;
    z-index: 4;
    display: none; }
    .wrapper-main-home .productList.active {
      display: block; }
    .wrapper-main-home .productList ul {
      position: absolute;
      top: calc(50% + 120px);
      transform: translateY(-50%);
      margin-left: 30px;
      width: 32%; }
      .wrapper-main-home .productList ul.smart-amcu {
        top: calc(50% + 60px); }
      .wrapper-main-home .productList ul.smart-con {
        top: calc(50% - 5px); }
      @media screen and (max-width: 1440px) {
        .wrapper-main-home .productList ul {
          top: calc(50% + 90px); }
          .wrapper-main-home .productList ul.smart-amcu {
            top: calc(50% + 52px); }
          .wrapper-main-home .productList ul.smart-con {
            top: calc(50% - -12px); } }
      .wrapper-main-home .productList ul li {
        margin-bottom: 20px; }
        .wrapper-main-home .productList ul li div {
          height: 0;
          overflow: hidden; }
        .wrapper-main-home .productList ul li .h1 {
          color: #2c38a4; }
          .wrapper-main-home .productList ul li .h1 span {
            color: #58595b; }
        .wrapper-main-home .productList ul li .proMark {
          position: relative;
          display: inline-block;
          margin-bottom: 8px; }
        .wrapper-main-home .productList ul li .proMark:before {
          content: 'TM';
          display: block;
          font-size: 12px;
          letter-spacing: 0.14px;
          color: #121313;
          position: absolute;
          top: 11px;
          right: -12px; }
        .wrapper-main-home .productList ul li .h4 {
          color: rgba(48, 48, 48, 0.6);
          padding-bottom: 20px;
          position: relative;
          cursor: pointer; }
          .wrapper-main-home .productList ul li .h4:before {
            content: "";
            position: absolute;
            bottom: 0px;
            width: 30px;
            height: 3px;
            background: rgba(48, 48, 48, 0.2);
            transition: all 0.5s ease-in-out;
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out; }
        .wrapper-main-home .productList ul li p {
          font-size: 16px;
          font-weight: 300;
          font-style: normal;
          font-stretch: condensed;
          letter-spacing: 0.16px;
          text-align: left;
          color: #2c38a4; }
        .wrapper-main-home .productList ul li.active div {
          height: 0px;
          transition: all 0.5s ease-in-out;
          -webkit-transition: all 0.5s ease-in-out;
          -moz-transition: all 0.5s ease-in-out;
          -o-transition: all 0.5s ease-in-out;
          -ms-transition: all 0.5s ease-in-out; }
          .wrapper-main-home .productList ul li.active div.show {
            height: 130px; }
        .wrapper-main-home .productList ul li.active .h4 {
          color: #2c38a4; }
          .wrapper-main-home .productList ul li.active .h4:before {
            opacity: 0; }
        @media screen and (max-width: 1440px) {
          .wrapper-main-home .productList ul li {
            margin-bottom: 10px; }
            .wrapper-main-home .productList ul li .h4 {
              padding-bottom: 15px;
              font-size: 14px; }
            .wrapper-main-home .productList ul li p {
              font-size: 14px; }
            .wrapper-main-home .productList ul li.active div.show {
              height: 115px; } }
  .wrapper-main-home .screenthree {
    display: none;
    background-color: #f1f1f6;
    position: relative;
    height: 100%; }
    .wrapper-main-home .screenthree .bluepatch {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3; }
      .wrapper-main-home .screenthree .bluepatch.full {
        width: 50%; }
  .wrapper-main-home .screenthree.active {
    display: block; }
  .wrapper-main-home .screenfour {
    background-color: #f1f1f6;
    position: relative;
    height: 100%;
    display: none; }
    .wrapper-main-home .screenfour .bluepatch {
      position: absolute;
      width: 50%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3; }
  .wrapper-main-home .screenfour.active {
    display: block; }
  .wrapper-main-home .screenfive {
    background-color: #f1f1f6;
    position: relative;
    height: 100%;
    display: none; }
    .wrapper-main-home .screenfive .bluepatch {
      position: absolute;
      width: 50%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3; }
  .wrapper-main-home .screenfive.active {
    display: block; }
  .wrapper-main-home .screensix {
    background-color: #f1f1f6;
    position: relative;
    height: 100%;
    display: none; }
    .wrapper-main-home .screensix .bluepatch {
      position: absolute;
      width: 50%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3; }
  .wrapper-main-home .screensix.active {
    display: block; }
  .wrapper-main-home .screenseven {
    background-color: #f1f1f6;
    position: relative;
    height: 100%;
    display: none; }
    .wrapper-main-home .screenseven .LinesBg {
      z-index: 5;
      padding-left: 88px;
      box-sizing: border-box; }
    .wrapper-main-home .screenseven .productline {
      width: calc(100% - 0px);
      top: 50%;
      transform: translateY(-50%);
      left: 0px;
      position: absolute;
      z-index: 3; }
    .wrapper-main-home .screenseven .bluepatch {
      position: absolute;
      width: 50%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3; }
    .wrapper-main-home .screenseven .h3 {
      width: 60%;
      font-stretch: condensed;
      line-height: 1.33;
      letter-spacing: 0.8px;
      text-align: left;
      color: rgba(44, 56, 164, 0.6);
      margin-top: 40px; }
    .wrapper-main-home .screenseven .infraIcon1 {
      position: absolute;
      top: 15%;
      left: 10%;
      z-index: 2;
      opacity: 0;
      visibility: hidden; }
      .wrapper-main-home .screenseven .infraIcon1.show {
        opacity: 1;
        visibility: visible; }
    .wrapper-main-home .screenseven .infraIcon2 {
      position: absolute;
      top: 15%;
      right: 15%;
      z-index: 2;
      opacity: 0;
      visibility: hidden; }
      .wrapper-main-home .screenseven .infraIcon2.show {
        opacity: 1;
        visibility: visible; }
    .wrapper-main-home .screenseven .product-info .h3 {
      position: absolute;
      color: #fff;
      top: 40%;
      left: -15%;
      margin: 0; }
    .wrapper-main-home .screenseven .infraIcon3 {
      position: absolute;
      bottom: 10%;
      left: 50%;
      transform: translatex(-50%);
      z-index: 2;
      opacity: 0;
      visibility: hidden; }
      .wrapper-main-home .screenseven .infraIcon3.show {
        opacity: 1;
        visibility: visible; }
  .wrapper-main-home .screenseven.active {
    display: block; }
  .wrapper-main-home .screeneight {
    background-color: #f1f1f6;
    position: relative;
    height: 100%;
    width: 100%;
    display: none;
    visibility: visible; }
    .wrapper-main-home .screeneight .bluepatch {
      position: absolute;
      width: 50%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3; }
      .wrapper-main-home .screeneight .bluepatch.full {
        width: 100%; }
    .wrapper-main-home .screeneight .product-info,
    .wrapper-main-home .screeneight .LinesBg {
      z-index: 3; }
    .wrapper-main-home .screeneight .LinesBg {
      opacity: 0; }
      .wrapper-main-home .screeneight .LinesBg.show {
        opacity: 1; }
    .wrapper-main-home .screeneight .product-info {
      opacity: 0; }
      .wrapper-main-home .screeneight .product-info ul li {
        min-height: 175px; }
      .wrapper-main-home .screeneight .product-info.show {
        opacity: 1; }
  .wrapper-main-home .screeneight.active {
    display: block; }
  .wrapper-main-home .screennine {
    position: relative;
    height: 100%;
    display: none; }
    .wrapper-main-home .screennine .product-info,
    .wrapper-main-home .screennine .LinesBg {
      z-index: 3; }
    .wrapper-main-home .screennine .bluepatch {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3; }
    .wrapper-main-home .screennine .LinesBg {
      opacity: 0; }
      .wrapper-main-home .screennine .LinesBg.show {
        opacity: 1; }
    .wrapper-main-home .screennine .product-info {
      opacity: 0; }
      .wrapper-main-home .screennine .product-info.show {
        opacity: 1; }
  .wrapper-main-home .screennine.active {
    display: block; }
  .wrapper-main-home .screenten {
    width: 100%;
    position: relative;
    height: 100%;
    display: none; }
    .wrapper-main-home .screenten .product-info,
    .wrapper-main-home .screenten .LinesBg {
      z-index: 3; }
    .wrapper-main-home .screenten .bluepatch {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3; }
    .wrapper-main-home .screenten .LinesBg {
      opacity: 0; }
      .wrapper-main-home .screenten .LinesBg.show {
        opacity: 1; }
    .wrapper-main-home .screenten .product-info {
      opacity: 0; }
      .wrapper-main-home .screenten .product-info.show {
        opacity: 1; }
  .wrapper-main-home .screenten.active {
    display: block; }
  .wrapper-main-home .screeneleven {
    width: 100%;
    position: relative;
    height: 100%;
    display: none;
    opacity: 1;
    padding: 88px;
    box-sizing: border-box; }
    .wrapper-main-home .screeneleven .bluepatch {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3; }
    .wrapper-main-home .screeneleven.active {
      display: flex;
      align-items: center; }
  .wrapper-main-home .screentwelve {
    width: 100%;
    position: relative;
    height: 100%;
    display: none;
    opacity: 1;
    padding: 0 88px;
    box-sizing: border-box; }
    .wrapper-main-home .screentwelve .bluepatch {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3;
      background-image: linear-gradient(to right, #2c38a4, #111c7f 97%); }
    .wrapper-main-home .screentwelve.active {
      display: block;
      align-items: center; }
    .wrapper-main-home .screentwelve .wraps {
      position: relative;
      z-index: 5; }
  .wrapper-main-home .screenthirteen {
    width: 100%;
    position: relative;
    height: 100%;
    display: none;
    opacity: 1;
    padding: 0 88px;
    box-sizing: border-box; }
    .wrapper-main-home .screenthirteen .bluepatch {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3; }
    .wrapper-main-home .screenthirteen.active {
      display: block;
      align-items: center; }
    .wrapper-main-home .screenthirteen .news-wrapper {
      width: 100%;
      position: relative;
      height: 100%;
      display: flex;
      align-items: center;
      z-index: 4; }
  .wrapper-main-home .screenforteen {
    width: 100%;
    position: relative;
    height: 100%;
    display: none;
    opacity: 1;
    padding: 0 88px;
    box-sizing: border-box; }
    .wrapper-main-home .screenforteen .bluepatch {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3;
      transition: all 0.5s ease-in-out;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out; }
    .wrapper-main-home .screenforteen.active {
      display: flex;
      align-items: center; }
      .wrapper-main-home .screenforteen.active .bluepatch {
        background-color: #f1f1f6; }
    .wrapper-main-home .screenforteen .news-wrapper {
      width: 100%;
      position: relative;
      height: 100%;
      display: flex;
      align-items: center;
      z-index: 4; }
  .wrapper-main-home .clientSec.fulheight {
    padding: 0px; }
  .wrapper-main-home .LinesBg {
    width: 50%;
    height: 100%;
    position: relative;
    float: left; }
    .wrapper-main-home .LinesBg .proBg {
      opacity: 0;
      visibility: hidden;
      transition: all 0.5s ease-in-out;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out; }
    .wrapper-main-home .LinesBg > ul {
      width: 100%;
      padding: 0 30px 0 0;
      position: absolute;
      top: calc(50% - 40px);
      box-sizing: border-box; }
      .wrapper-main-home .LinesBg > ul li {
        width: 22.5%;
        float: left;
        opacity: 0;
        visibility: hidden; }
        .wrapper-main-home .LinesBg > ul li.show {
          opacity: 1;
          visibility: visible; }
        .wrapper-main-home .LinesBg > ul li a {
          text-decoration: none; }
        .wrapper-main-home .LinesBg > ul li .h4 {
          font-stretch: condensed;
          line-height: normal;
          letter-spacing: 0.5px;
          color: rgba(48, 48, 48, 0.6);
          position: relative;
          padding-bottom: 20px;
          display: block;
          text-decoration: none; }
          .wrapper-main-home .LinesBg > ul li .h4 span {
            display: block; }
          .wrapper-main-home .LinesBg > ul li .h4:after {
            position: absolute;
            bottom: 0px;
            width: 30px;
            height: 3px;
            background: rgba(48, 48, 48, 0.2);
            left: 0px; }
        .wrapper-main-home .LinesBg > ul li .h3 {
          margin: 0; }
        .wrapper-main-home .LinesBg > ul li img {
          width: 80%;
          margin-left: -15%; }
    .wrapper-main-home .LinesBg.productText {
      padding: 0 30px;
      box-sizing: border-box; }
    .wrapper-main-home .LinesBg .productTextImg-holder ul li {
      width: 33%;
      margin: 0px; }
    .wrapper-main-home .LinesBg .productHeadPoints {
      display: inline-block; }
      .wrapper-main-home .LinesBg .productHeadPoints ul {
        position: relative;
        width: auto; }
    .wrapper-main-home .LinesBg.show .proBg {
      opacity: 1;
      visibility: visible; }
  .wrapper-main-home .product-info {
    width: 50%;
    height: 100%;
    position: relative;
    float: left;
    padding: 0 50px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    z-index: 5; }
    .wrapper-main-home .product-info > div {
      width: 100%;
      transition: all 0.5s ease-in-out;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out; }
    .wrapper-main-home .product-info .productTextImg-holder {
      opacity: 0;
      overflow: hidden; }
      .wrapper-main-home .product-info .productTextImg-holder.show {
        opacity: 1;
        overflow: visible; }
    .wrapper-main-home .product-info ul {
      text-align: left; }
      .wrapper-main-home .product-info ul.productFeatureslot li {
        width: calc(25% - 5px); }
      .wrapper-main-home .product-info ul li {
        width: calc(33.33% - 5px);
        display: inline-block;
        padding: 0 10px;
        margin: 12% 0;
        box-sizing: border-box;
        text-align: center;
        opacity: 0;
        visibility: hidden;
        vertical-align: top;
        min-height: 175px; }
        .wrapper-main-home .product-info ul li .animIcon {
          width: 100px;
          margin: auto; }
        .wrapper-main-home .product-info ul li svg {
          display: block; }
        .wrapper-main-home .product-info ul li h4 {
          font-weight: 500;
          font-style: normal;
          letter-spacing: 0.5px;
          text-align: center;
          color: #f8f8f8; }
        .wrapper-main-home .product-info ul li.show {
          opacity: 1;
          visibility: visible; }
        @media screen and (max-width: 1440px) {
          .wrapper-main-home .product-info ul li {
            margin: 10% 0px;
            min-height: 115px; }
            .wrapper-main-home .product-info ul li .animIcon {
              width: 70px; }
            .wrapper-main-home .product-info ul li .h4 {
              font-size: 14px; } }
    .wrapper-main-home .product-info .productTextImg-holder li {
      opacity: 1;
      visibility: visible; }
  .wrapper-main-home .productIcons {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 35%;
    z-index: 2;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out; }
  .wrapper-main-home .productline {
    width: calc(100% - 60px);
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    left: 30px;
    position: absolute;
    z-index: 3; }

.clientSec.screen-wrapper {
  padding: 0px 88px; }
  .clientSec.screen-wrapper .clientlogoSec {
    padding-top: 0px;
    box-sizing: border-box;
    width: 100%;
    z-index: 4;
    position: relative;
    margin-top: -90px; }

.contactSec {
  background-color: #f1f1f6; }
  .contactSec .screenforteen {
    display: none;
    align-items: center; }
    .contactSec .screenforteen > div {
      width: 100%;
      z-index: 9;
      height: 100%;
      padding-top: 10%;
      box-sizing: border-box; }
      .contactSec .screenforteen > div > div {
        margin: 0 auto 8.5% auto;
        width: 100%; }
    .contactSec .screenforteen .circleLayout {
      position: relative; }
    .contactSec .screenforteen.active {
      display: flex; }
  .contactSec .sitewrap-fullMask {
    display: flex;
    height: 100%;
    box-sizing: border-box;
    align-items: center;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 88px;
    background-image: linear-gradient(to right, #2c38a4, #111c7f 97%); }
    .contactSec .sitewrap-fullMask > div {
      width: 100%;
      position: relative;
      height: 100%; }
      .contactSec .sitewrap-fullMask > div > div {
        margin: 50px auto;
        width: 100%; }
    .contactSec .sitewrap-fullMask .circleLayout {
      position: relative; }
    @media screen and (max-width: 768px) {
      .contactSec .sitewrap-fullMask {
        display: none !important; } }

.contactSec .maskDiv {
  margin-top: 6.3% !important; }
  @media screen and (max-width: 1440px) {
    .contactSec .maskDiv {
      margin-top: 5.3% !important; } }

.contactSec .maskDiv .proCounts {
  margin: 0 auto 8.5% auto; }

.wrapper-main-home .LinesBg.show .productIcons {
  opacity: 1;
  visibility: visible; }

.screentwo.fullmask {
  -webkit-clip-path: inset(0% 0% 0% 0%);
  clip-path: inset(0% 0% 0% 0%);
  z-index: 99; }

.animIcon img {
  display: none; }

header.homeHeader {
  background: transparent; }

.contactSec.footAdd {
  top: -30%; }

@media screen and (max-width: 1600px) {
  .wrapper-main-home .screenone .h1 {
    padding-top: 30px; }

  .wrapper-main-home .screentwo .h1 {
    padding-top: 30px; }

  .wrapper-main-home .LinesBg > ul {
    top: calc(50% - 30px); } }
@media screen and (max-width: 768px) {
  .wrapper-main-home {
    position: relative; }

  .wrapper-main-home .inner-page {
    position: relative;
    padding: 50px 20px; }

  .wrapper-main-home .screen-wrapper {
    position: relative;
    padding: 0; }

  .wrapper-main-home .screenone {
    position: relative;
    padding: 40px 20px;
    height: calc(100vh - 80px);
    margin-bottom: 32px;
    background: #f1f1f6 url(../images/responsive/banner1.png) center bottom no-repeat;
    background-size: 90%; }

  .wrapper-main-home .screenone .bannerTxt {
    width: 100%; }

  .wrapper-main-home .screenone .h1 {
    padding-top: 0; }

  .wrapper-main-home .productList {
    position: relative;
    display: block;
    padding: 20px 0;
    width: 100%; }

  .wrapper-main-home .screentwo {
    -webkit-clip-path: inset(0% 0% 0% 0%);
    clip-path: inset(0% 0% 0% 0%);
    padding: 20px;
    height: calc(100vh - 50px);
    background: #2c38a4 url(../images/responsive/banner2.png) center bottom no-repeat;
    background-size: 90%; }

  .wrapper-main-home .screentwo #homeCloude {
    display: none; }

  .wrapper-main-home .screentwo .bannerTxt {
    position: relative;
    width: 100%;
    top: 0; }

  .wrapper-main-home .productList {
    display: none; }

  .wrapper-main-home .productList ul {
    position: relative;
    top: 0;
    margin-left: 0;
    width: 100%;
    transform: none; }

  .wrapper-main-home .screenthree, .wrapper-main-home .screenfour, .wrapper-main-home .screenfive, .wrapper-main-home .screensix {
    display: block;
    position: relative;
    padding: 0px !important; }

  .productInfoMob {
    margin: 32px 0px 0px; }

  .contactSec .screenforteen {
    display: block;
    padding: 0; }

  .contactSec .screenforteen > div > div {
    margin: 0;
    padding: 0; }

  .contactSec .circleLayout .h2 {
    width: 100% !important;
    margin: 40px 0 20px !important;
    font-size: 24px !important; }

  .contactSec .proCounts {
    padding: 0; }

  .wrapper-main-home .screenforteen .bluepatch {
    position: relative; }

  .wrapper-main-home .screeneleven {
    position: relative;
    display: block;
    padding: 40px 20px; }

  .wrapper-main-home .screeneleven .bluepatch {
    top: 0; }

  .clientSec .h2 {
    margin-bottom: 30px !important; }

  .wrapper-main-home .productline {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    transform: none;
    display: none; }

  .wrapper-main-home .product-info {
    display: block;
    padding: 0px 0;
    width: 100%;
    float: none;
    background: #2c38a4; }

  .wrapper-main-home .product-info ul li {
    opacity: 1;
    visibility: inherit;
    width: calc(50% - 5px) !important;
    display: inline-block;
    vertical-align: top;
    margin: 20px 0; }

  .wrapper-main-home .screentwo .h1 {
    padding-top: 0; }

  .wrapper-main-home .LinesBg > ul {
    width: 100%;
    padding: 0;
    position: relative;
    top: 0;
    box-sizing: border-box;
    height: auto;
    clear: both;
    overflow: hidden; }

  .wrapper-main-home .LinesBg > ul li {
    width: 50%;
    float: left;
    opacity: 1;
    visibility: visible; }

  .wrapper-main-home .screenfour {
    display: block; }

  .wrapper-main-home .LinesBg {
    float: inherit; }

  .wrapper-main-home .product-info ul li .animIcon {
    width: 80px; }

  .wrapper-main-home .screenfive {
    display: block; }

  .wrapper-main-home .screensix {
    box-sizing: border-box;
    display: block;
    padding: 20px 0;
    margin: 10px 0; }

  .wrapper-main-home .screenseven, .wrapper-main-home .screeneight, .wrapper-main-home .screennine, .wrapper-main-home .screenten {
    display: block;
    padding: 0;
    margin: 0; }

  .wrapper-main-home .LinesBg {
    width: 100%; }

  .flowpaySec .productText .productHeadPoints {
    display: none; }

  .wrapper-main-home .product-info .productTextImg-holder {
    display: none; }

  .wrapper-main-home .screenseven .LinesBg {
    position: relative;
    width: 100%;
    padding: 20px; }

  .wrapper-main-home .screenseven {
    padding: 0 !important; }

  .wrapper-main-home .screenseven .h3 {
    width: auto;
    padding: 0px;
    margin-top: 0;
    margin-bottom: 40px; }

  .wrapper-main-home .screenseven .bluepatch {
    width: 100%;
    display: none; }

  .wrapper-main-home .screeneight .bluepatch {
    display: none; }

  .wrapper-main-home .screenfour .bluepatch, .wrapper-main-home .screenfive .bluepatch, .wrapper-main-home .screenthree .bluepatch, .wrapper-main-home .screensix .bluepatch, .wrapper-main-home .screenten .bluepatch, .wrapper-main-home .screennine .bluepatch {
    display: none; }

  .wrapper-main-home .screenseven .product-info > div {
    height: 50vh; }

  .wrapper-main-home .screenseven .infraIcon1 {
    opacity: 1;
    visibility: visible;
    width: 130px;
    top: 5%;
    left: 5%; }

  .wrapper-main-home .screenseven .infraIcon2 {
    opacity: 1;
    visibility: visible;
    width: 130px;
    top: 5%;
    right: 5%; }

  .wrapper-main-home .screenseven .infraIcon3 {
    opacity: 1;
    visibility: visible;
    width: 130px;
    bottom: 5%; }

  .wrapper-main-home .screenseven .product-info .h3 {
    text-align: center;
    margin: auto;
    position: relative;
    top: 0;
    left: 0; }

  .wrapper-main-home .LinesBg.productText {
    padding: 20px 0; }

  .animIcon img {
    display: block; }

  .wrapper-main-home .productList ul li:last-child {
    margin-bottom: 0; }

  header.homeHeader {
    background-color: #fff;
    z-index: 999; }

  .clientSec .clientlogoSec .clientlogos img {
    margin: auto;
    text-align: center; }

  .animIcon svg {
    display: none !important; }

  .wrapper-main-home .productList ul li div {
    height: auto;
    overflow: auto; }

  .contactSec .proCounts div {
    width: 100% !important;
    margin: 20px 0; }

  .wrapper-main-home .screeneight .LinesBg, .wrapper-main-home .screennine .LinesBg, .wrapper-main-home .screenten .LinesBg {
    opacity: 1;
    padding: 0px 15px !important; }

  .wrapper-main-home .screeneight {
    background-color: #2c38a4; }

  .wrapper-main-home .screennine, .wrapper-main-home .screenten {
    background-color: #2c38a4;
    padding: 0px; }

  .wrapper-main-home .screenforteen .bluepatch {
    display: none; }

  .wrapper-main-home .screentwelve {
    display: block;
    padding: 20px; }
    .wrapper-main-home .screentwelve .h2 {
      padding-top: 20px; }

  .screen-wrapper.contactSec {
    padding: 20px; }

  .wrapper-main-home .screenthirteen {
    display: block;
    padding: 20px; }

  .wrapper-main-home .screenthirteen .bluepatch {
    bottom: 0; }

  .secondary-button {
    background-size: 100% 4px; }

  .secondary-button {
    padding: 10px 20px; } }
.wrapper-france-home {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  box-sizing: border-box;
  /*  .contactSec {
    display: none;
  }*/ }
  .wrapper-france-home .inner-page {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 88px;
    box-sizing: border-box; }
  .wrapper-france-home .screen-wrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 130px 88px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: transparent;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out; }
    .wrapper-france-home .screen-wrapper.fullWidth {
      padding-left: 0;
      padding-right: 0; }
    .wrapper-france-home .screen-wrapper.fullHeight {
      padding-top: 0;
      padding-bottom: 0; }
    @media screen and (max-width: 1600px) {
      .wrapper-france-home .screen-wrapper {
        padding: 88px; } }
  .wrapper-france-home .screenone {
    background: rgba(209, 210, 237, 0.2) url(../images/france/banner.svg) bottom center no-repeat !important;
    background-size: 96%;
    padding: 30px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    height: 100%;
    background-position-y: 90%;
    opacity: 0; }
    .wrapper-france-home .screenone .bannerTxt {
      width: 30%; }
    .wrapper-france-home .screenone .h1 {
      color: #2c38a4;
      padding-top: 60px;
      font-stretch: condensed;
      line-height: 1.15;
      letter-spacing: 0.7px; }
    .wrapper-france-home .screenone.inscreen {
      opacity: 1;
      z-index: 2; }
      .wrapper-france-home .screenone.inscreen.screenup {
        opacity: 0; }
    @media screen and (max-width: 768px) {
      .wrapper-france-home .screenone {
        background: rgba(209, 210, 237, 0.2) url(../images/france/mobile-banner.png) bottom center no-repeat !important; } }
  .wrapper-france-home .productList {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 88px;
    width: 50%;
    height: 100%;
    box-sizing: border-box;
    z-index: 4;
    display: none; }
    .wrapper-france-home .productList.active {
      display: block; }
    .wrapper-france-home .productList ul {
      position: absolute;
      top: calc(50% + 80px);
      transform: translateY(-50%);
      margin-left: 30px;
      width: 32%; }
      .wrapper-france-home .productList ul.smart-con {
        top: calc(50% + 25px); }
      @media screen and (max-width: 1600px) {
        .wrapper-france-home .productList ul {
          top: calc(50% + 65px); }
          .wrapper-france-home .productList ul.smart-con {
            top: calc(50% + 30px); } }
      .wrapper-france-home .productList ul li {
        margin-bottom: 20px; }
        .wrapper-france-home .productList ul li div {
          height: 0;
          overflow: hidden; }
        .wrapper-france-home .productList ul li .h1 {
          color: #2c38a4; }
          .wrapper-france-home .productList ul li .h1 span {
            color: #58595b; }
        .wrapper-france-home .productList ul li .proMark {
          position: relative;
          display: inline-block;
          margin-bottom: 8px; }
        .wrapper-france-home .productList ul li .proMark:before {
          content: "TM";
          display: block;
          font-size: 12px;
          letter-spacing: 0.14px;
          color: #121313;
          position: absolute;
          top: 11px;
          right: -12px; }
        .wrapper-france-home .productList ul li .h4 {
          color: rgba(48, 48, 48, 0.6);
          padding-bottom: 20px;
          position: relative;
          cursor: pointer; }
          .wrapper-france-home .productList ul li .h4:before {
            content: "";
            position: absolute;
            bottom: 0px;
            width: 30px;
            height: 3px;
            background: rgba(48, 48, 48, 0.2);
            transition: all 0.5s ease-in-out;
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out; }
        .wrapper-france-home .productList ul li p {
          font-size: 16px;
          font-weight: 300;
          font-style: normal;
          font-stretch: condensed;
          letter-spacing: 0.16px;
          text-align: left;
          color: #2c38a4; }
        .wrapper-france-home .productList ul li.active div {
          height: 0px;
          transition: all 0.5s ease-in-out;
          -webkit-transition: all 0.5s ease-in-out;
          -moz-transition: all 0.5s ease-in-out;
          -o-transition: all 0.5s ease-in-out;
          -ms-transition: all 0.5s ease-in-out; }
          .wrapper-france-home .productList ul li.active div.show {
            height: 130px; }
        .wrapper-france-home .productList ul li.active .h4 {
          color: #2c38a4; }
          .wrapper-france-home .productList ul li.active .h4:before {
            opacity: 0; }
        @media screen and (max-width: 1440px) {
          .wrapper-france-home .productList ul li {
            margin-bottom: 10px; }
            .wrapper-france-home .productList ul li .h4 {
              padding-bottom: 15px;
              font-size: 14px; }
            .wrapper-france-home .productList ul li p {
              font-size: 14px; }
            .wrapper-france-home .productList ul li.active div.show {
              height: 115px; } }
  .wrapper-france-home .screentwo {
    display: none;
    background-color: #f1f1f6;
    position: relative;
    height: 100%; }
    .wrapper-france-home .screentwo .bluepatch {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3; }
      .wrapper-france-home .screentwo .bluepatch.full {
        width: 50%; }
  .wrapper-france-home .screentwo.inscreen {
    display: block; }
  .wrapper-france-home .screentwo.inscreen.screenup {
    display: none; }
  .wrapper-france-home .screenthree {
    background-color: #f1f1f6;
    position: relative;
    height: 100%;
    display: none; }
    .wrapper-france-home .screenthree .bluepatch {
      position: absolute;
      width: 50%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3; }
  .wrapper-france-home .screenthree.active {
    display: block;
    z-index: 2; }
  .wrapper-france-home .screenfour {
    background-color: #f1f1f6;
    position: relative;
    height: 100%;
    display: none; }
    .wrapper-france-home .screenfour .LinesBg {
      z-index: 5;
      padding-left: 88px;
      box-sizing: border-box; }
      @media screen and (max-width: 768px) {
        .wrapper-france-home .screenfour .LinesBg {
          padding-left: 15px;
          padding-top: 15px;
          margin-top: 15px; } }
    .wrapper-france-home .screenfour .productline {
      width: calc(100% - 0px);
      top: 50%;
      transform: translateY(-50%);
      left: 0px;
      position: absolute;
      z-index: 3; }
    .wrapper-france-home .screenfour .bluepatch {
      position: absolute;
      width: 50%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3; }
    .wrapper-france-home .screenfour .h3 {
      width: 60%;
      font-stretch: condensed;
      line-height: 1.33;
      letter-spacing: 0.8px;
      text-align: left;
      color: rgba(44, 56, 164, 0.6);
      margin-top: 40px; }
      @media screen and (max-width: 1600px) {
        .wrapper-france-home .screenfour .h3 {
          width: 80%; } }
      @media screen and (max-width: 768px) {
        .wrapper-france-home .screenfour .h3 {
          width: 95%;
          margin-top: 15px;
          margin-bottom: 20px; } }
    .wrapper-france-home .screenfour .infraIcon1 {
      position: absolute;
      top: 15%;
      left: 10%;
      z-index: 2;
      opacity: 0;
      visibility: hidden; }
      .wrapper-france-home .screenfour .infraIcon1.show {
        opacity: 1;
        visibility: visible; }
      @media screen and (max-width: 768px) {
        .wrapper-france-home .screenfour .infraIcon1 {
          width: 130px;
          top: 5%;
          left: 10%;
          opacity: 1;
          visibility: visible; } }
    .wrapper-france-home .screenfour .infraIcon2 {
      position: absolute;
      top: 15%;
      right: 15%;
      z-index: 2;
      opacity: 0;
      visibility: hidden; }
      .wrapper-france-home .screenfour .infraIcon2.show {
        opacity: 1;
        visibility: visible; }
      @media screen and (max-width: 768px) {
        .wrapper-france-home .screenfour .infraIcon2 {
          width: 130px;
          top: 5%;
          right: 5%;
          opacity: 1;
          visibility: visible; } }
    .wrapper-france-home .screenfour .product-info .h3 {
      position: absolute;
      color: #fff;
      top: 40%;
      left: -15%;
      margin: 0; }
    .wrapper-france-home .screenfour .infraIcon3 {
      position: absolute;
      bottom: 10%;
      left: 50%;
      transform: translatex(-50%);
      z-index: 2;
      opacity: 0;
      visibility: hidden; }
      .wrapper-france-home .screenfour .infraIcon3.show {
        opacity: 1;
        visibility: visible; }
      @media screen and (max-width: 768px) {
        .wrapper-france-home .screenfour .infraIcon3 {
          width: 130px;
          opacity: 1;
          visibility: visible; } }
  .wrapper-france-home .screenfour.active {
    display: block; }
  .wrapper-france-home .screenfive {
    background-color: #f1f1f6;
    position: relative;
    height: 100%;
    width: 100%;
    display: none;
    visibility: visible; }
    .wrapper-france-home .screenfive .bluepatch {
      position: absolute;
      width: 50%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3; }
      .wrapper-france-home .screenfive .bluepatch.full {
        width: 100%; }
    .wrapper-france-home .screenfive .product-info,
    .wrapper-france-home .screenfive .LinesBg {
      z-index: 3; }
    .wrapper-france-home .screenfive .LinesBg {
      opacity: 0; }
      .wrapper-france-home .screenfive .LinesBg.show {
        opacity: 1; }
    .wrapper-france-home .screenfive .product-info {
      opacity: 0; }
      .wrapper-france-home .screenfive .product-info ul li {
        min-height: 175px; }
      .wrapper-france-home .screenfive .product-info.show {
        opacity: 1; }
  .wrapper-france-home .screenfive.active {
    display: block; }
  .wrapper-france-home .screensix {
    position: relative;
    height: 100%;
    display: none; }
    .wrapper-france-home .screensix .product-info,
    .wrapper-france-home .screensix .LinesBg {
      z-index: 3; }
    .wrapper-france-home .screensix .bluepatch {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3; }
    .wrapper-france-home .screensix .LinesBg {
      opacity: 0; }
      .wrapper-france-home .screensix .LinesBg.show {
        opacity: 1; }
    .wrapper-france-home .screensix .product-info {
      opacity: 0; }
      .wrapper-france-home .screensix .product-info.show {
        opacity: 1; }
  .wrapper-france-home .screensix.active {
    display: block; }
  .wrapper-france-home .screenseven {
    position: relative;
    height: 100%;
    display: none;
    padding: 88px; }
    .wrapper-france-home .screenseven .partnerBoxSec {
      position: relative;
      z-index: 4;
      height: calc(100vh - 176px); }
    .wrapper-france-home .screenseven .bluepatch {
      position: absolute;
      width: 50%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3;
      top: 0px; }
      .wrapper-france-home .screenseven .bluepatch.full {
        width: 100%; }
  .wrapper-france-home .screenseven.active {
    display: block; }
  .wrapper-france-home .screeneight {
    width: 100%;
    position: relative;
    height: 100%;
    display: none;
    opacity: 1;
    padding: 88px;
    box-sizing: border-box; }
    .wrapper-france-home .screeneight .bluepatch {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3; }
    .wrapper-france-home .screeneight.active {
      display: flex;
      align-items: center; }
  .wrapper-france-home .screennine {
    width: 100%;
    position: relative;
    height: 100%;
    display: none;
    opacity: 1;
    padding: 0 88px;
    box-sizing: border-box; }
    .wrapper-france-home .screennine .bluepatch {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3;
      background-image: linear-gradient(to right, #2c38a4, #111c7f 97%); }
    .wrapper-france-home .screennine.active {
      display: block;
      align-items: center; }
    .wrapper-france-home .screennine .wraps {
      position: relative;
      z-index: 5; }
  .wrapper-france-home .screenten {
    width: 100%;
    position: relative;
    height: 100%;
    display: none;
    opacity: 1;
    padding: 0 88px;
    box-sizing: border-box; }
    .wrapper-france-home .screenten .bluepatch {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3; }
    .wrapper-france-home .screenten.active {
      display: block;
      align-items: center; }
    .wrapper-france-home .screenten .news-wrapper {
      width: 100%;
      position: relative;
      height: 100%;
      display: flex;
      align-items: center;
      z-index: 4; }
  .wrapper-france-home .screentenold {
    width: 100%;
    position: relative;
    height: 100%;
    display: none;
    opacity: 1;
    padding: 0 88px;
    box-sizing: border-box; }
    .wrapper-france-home .screentenold .bluepatch {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3;
      background-image: linear-gradient(to right, #2c38a4, #111c7f 97%); }
    .wrapper-france-home .screentenold.active {
      display: block;
      align-items: center; }
    .wrapper-france-home .screentenold .wraps {
      position: relative;
      z-index: 5; }
  .wrapper-france-home .screenfourold {
    background-color: #f1f1f6;
    position: relative;
    height: 100%;
    display: none; }
    .wrapper-france-home .screenfourold .bluepatch {
      position: absolute;
      width: 50%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3; }
  .wrapper-france-home .screenfourold.active {
    display: block; }
  .wrapper-france-home .screenfiveold {
    background-color: #f1f1f6;
    position: relative;
    height: 100%;
    display: none; }
    .wrapper-france-home .screenfiveold .bluepatch {
      position: absolute;
      width: 50%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3; }
  .wrapper-france-home .screenfiveold.active {
    display: block; }
  .wrapper-france-home .screensixold {
    background-color: #f1f1f6;
    position: relative;
    height: 100%;
    display: none; }
    .wrapper-france-home .screensixold .bluepatch {
      position: absolute;
      width: 50%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3; }
  .wrapper-france-home .screensixold.active {
    display: block; }
  .wrapper-france-home .screensevenold {
    background-color: #f1f1f6;
    position: relative;
    height: 100%;
    display: none; }
    .wrapper-france-home .screensevenold .LinesBg {
      z-index: 5;
      padding-left: 88px;
      box-sizing: border-box; }
    .wrapper-france-home .screensevenold .productline {
      width: calc(100% - 0px);
      top: 50%;
      transform: translateY(-50%);
      left: 0px;
      position: absolute;
      z-index: 3; }
    .wrapper-france-home .screensevenold .bluepatch {
      position: absolute;
      width: 50%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3; }
    .wrapper-france-home .screensevenold .h3 {
      width: 60%;
      font-stretch: condensed;
      line-height: 1.33;
      letter-spacing: 0.8px;
      text-align: left;
      color: rgba(44, 56, 164, 0.6);
      margin-top: 40px; }
    .wrapper-france-home .screensevenold .infraIcon1 {
      position: absolute;
      top: 15%;
      left: 10%;
      z-index: 2;
      opacity: 0;
      visibility: hidden; }
      .wrapper-france-home .screensevenold .infraIcon1.show {
        opacity: 1;
        visibility: visible; }
    .wrapper-france-home .screensevenold .infraIcon2 {
      position: absolute;
      top: 15%;
      right: 15%;
      z-index: 2;
      opacity: 0;
      visibility: hidden; }
      .wrapper-france-home .screensevenold .infraIcon2.show {
        opacity: 1;
        visibility: visible; }
    .wrapper-france-home .screensevenold .product-info .h3 {
      position: absolute;
      color: #fff;
      top: 40%;
      left: -15%;
      margin: 0; }
    .wrapper-france-home .screensevenold .infraIcon3 {
      position: absolute;
      bottom: 10%;
      left: 50%;
      transform: translatex(-50%);
      z-index: 2;
      opacity: 0;
      visibility: hidden; }
      .wrapper-france-home .screensevenold .infraIcon3.show {
        opacity: 1;
        visibility: visible; }
  .wrapper-france-home .screensevenold.active {
    display: block; }
  .wrapper-france-home .screeneightold {
    background-color: #f1f1f6;
    position: relative;
    height: 100%;
    width: 100%;
    display: none;
    visibility: visible; }
    .wrapper-france-home .screeneightold .bluepatch {
      position: absolute;
      width: 50%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3; }
      .wrapper-france-home .screeneightold .bluepatch.full {
        width: 100%; }
    .wrapper-france-home .screeneightold .product-info,
    .wrapper-france-home .screeneightold .LinesBg {
      z-index: 3; }
    .wrapper-france-home .screeneightold .LinesBg {
      opacity: 0; }
      .wrapper-france-home .screeneightold .LinesBg.show {
        opacity: 1; }
    .wrapper-france-home .screeneightold .product-info {
      opacity: 0; }
      .wrapper-france-home .screeneightold .product-info ul li {
        min-height: 175px; }
      .wrapper-france-home .screeneightold .product-info.show {
        opacity: 1; }
  .wrapper-france-home .screeneightold.active {
    display: block; }
  .wrapper-france-home .screennine {
    position: relative;
    height: 100%;
    display: none; }
    .wrapper-france-home .screennine .product-info,
    .wrapper-france-home .screennine .LinesBg {
      z-index: 3; }
    .wrapper-france-home .screennine .bluepatch {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3; }
    .wrapper-france-home .screennine .LinesBg {
      opacity: 0; }
      .wrapper-france-home .screennine .LinesBg.show {
        opacity: 1; }
    .wrapper-france-home .screennine .product-info {
      opacity: 0; }
      .wrapper-france-home .screennine .product-info.show {
        opacity: 1; }
  .wrapper-france-home .screennine.active {
    display: block; }
  .wrapper-france-home .screenten {
    width: 100%;
    position: relative;
    height: 100%;
    display: none; }
    .wrapper-france-home .screenten .product-info,
    .wrapper-france-home .screenten .LinesBg {
      z-index: 3; }
    .wrapper-france-home .screenten .bluepatch {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3; }
    .wrapper-france-home .screenten .LinesBg {
      opacity: 0; }
      .wrapper-france-home .screenten .LinesBg.show {
        opacity: 1; }
    .wrapper-france-home .screenten .product-info {
      opacity: 0; }
      .wrapper-france-home .screenten .product-info.show {
        opacity: 1; }
  .wrapper-france-home .screeneleven {
    width: 100%;
    position: relative;
    height: 100%;
    display: none;
    opacity: 1;
    padding: 88px 0px;
    box-sizing: border-box; }
    .wrapper-france-home .screeneleven .bluepatch {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3; }
    .wrapper-france-home .screeneleven.active {
      display: flex;
      align-items: center; }
    .wrapper-france-home .screeneleven .sitewrap {
      margin: 40px auto !important; }
  .wrapper-france-home .screentwelve {
    width: 100%;
    position: relative;
    height: 100%;
    display: none;
    opacity: 1;
    padding: 0 88px;
    box-sizing: border-box; }
    .wrapper-france-home .screentwelve .bluepatch {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3;
      background-image: linear-gradient(to right, #2c38a4, #111c7f 97%); }
    .wrapper-france-home .screentwelve.active {
      display: block;
      align-items: center; }
    .wrapper-france-home .screentwelve .wraps {
      position: relative;
      z-index: 5; }
  .wrapper-france-home .screenthirteen {
    width: 100%;
    position: relative;
    height: 100%;
    display: none;
    opacity: 1;
    padding: 0 88px;
    box-sizing: border-box; }
    .wrapper-france-home .screenthirteen .bluepatch {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3; }
    .wrapper-france-home .screenthirteen.active {
      display: block;
      align-items: center; }
    .wrapper-france-home .screenthirteen .news-wrapper {
      width: 100%;
      position: relative;
      height: 100%;
      display: flex;
      align-items: center;
      z-index: 4; }
  .wrapper-france-home .screenforteen {
    width: 100%;
    position: relative;
    height: 100%;
    display: none;
    opacity: 1;
    padding: 0 88px;
    box-sizing: border-box; }
    .wrapper-france-home .screenforteen .bluepatch {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #2c38a4;
      right: 0;
      z-index: 3;
      transition: all 0.5s ease-in-out;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out; }
    .wrapper-france-home .screenforteen.active {
      display: flex;
      align-items: center; }
      .wrapper-france-home .screenforteen.active .bluepatch {
        background-color: #f1f1f6; }
    .wrapper-france-home .screenforteen .news-wrapper {
      width: 100%;
      position: relative;
      height: 100%;
      display: flex;
      align-items: center;
      z-index: 4; }
  .wrapper-france-home .clientSec.fulheight {
    padding: 0px; }
  .wrapper-france-home .LinesBg {
    width: 50%;
    height: 100%;
    position: relative;
    float: left; }
    .wrapper-france-home .LinesBg .proBg {
      opacity: 0;
      visibility: hidden;
      transition: all 0.5s ease-in-out;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out; }
    .wrapper-france-home .LinesBg > ul {
      width: 100%;
      padding: 0 30px 0 0;
      position: absolute;
      top: calc(50% - 40px);
      box-sizing: border-box; }
      .wrapper-france-home .LinesBg > ul li {
        width: 32%;
        float: left;
        opacity: 0;
        visibility: hidden; }
        .wrapper-france-home .LinesBg > ul li.show {
          opacity: 1;
          visibility: visible; }
        .wrapper-france-home .LinesBg > ul li a {
          text-decoration: none; }
        .wrapper-france-home .LinesBg > ul li .h4 {
          font-stretch: condensed;
          line-height: normal;
          letter-spacing: 0.5px;
          color: rgba(48, 48, 48, 0.6);
          position: relative;
          padding-bottom: 20px;
          display: block;
          text-decoration: none; }
          .wrapper-france-home .LinesBg > ul li .h4 span {
            display: block; }
          .wrapper-france-home .LinesBg > ul li .h4:after {
            position: absolute;
            bottom: 0px;
            width: 30px;
            height: 3px;
            background: rgba(48, 48, 48, 0.2);
            left: 0px; }
        .wrapper-france-home .LinesBg > ul li .h3 {
          margin: 0; }
        .wrapper-france-home .LinesBg > ul li img {
          width: 80%;
          margin-left: -15%; }
    .wrapper-france-home .LinesBg.productText {
      padding: 0 30px;
      box-sizing: border-box; }
    .wrapper-france-home .LinesBg .productTextImg-holder ul li {
      width: 33%;
      margin: 0px; }
    .wrapper-france-home .LinesBg .productHeadPoints {
      display: inline-block; }
      .wrapper-france-home .LinesBg .productHeadPoints ul {
        position: relative;
        width: auto; }
    .wrapper-france-home .LinesBg.show .proBg {
      opacity: 1;
      visibility: visible; }
  .wrapper-france-home .product-info {
    width: 50%;
    height: 100%;
    position: relative;
    float: left;
    padding: 0 50px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    z-index: 5; }
    .wrapper-france-home .product-info > div {
      width: 100%;
      transition: all 0.5s ease-in-out;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out; }
    .wrapper-france-home .product-info .productTextImg-holder {
      opacity: 0;
      overflow: hidden; }
      .wrapper-france-home .product-info .productTextImg-holder.show {
        opacity: 1;
        overflow: visible; }
    .wrapper-france-home .product-info ul {
      text-align: left; }
      .wrapper-france-home .product-info ul.productFeatureslot li {
        width: calc(25% - 5px); }
      .wrapper-france-home .product-info ul li {
        width: calc(33.33% - 5px);
        display: inline-block;
        padding: 0 10px;
        margin: 12% 0;
        box-sizing: border-box;
        text-align: center;
        opacity: 0;
        visibility: hidden;
        vertical-align: top;
        min-height: 175px; }
        .wrapper-france-home .product-info ul li .animIcon {
          width: 100px;
          margin: auto; }
        .wrapper-france-home .product-info ul li svg {
          display: block; }
        .wrapper-france-home .product-info ul li h4 {
          font-weight: 500;
          font-style: normal;
          letter-spacing: 0.5px;
          text-align: center;
          color: #f8f8f8; }
        .wrapper-france-home .product-info ul li.show {
          opacity: 1;
          visibility: visible; }
        @media screen and (max-width: 1440px) {
          .wrapper-france-home .product-info ul li {
            margin: 10% 0px;
            min-height: 115px; }
            .wrapper-france-home .product-info ul li .animIcon {
              width: 70px; }
            .wrapper-france-home .product-info ul li .h4 {
              font-size: 14px; } }
    .wrapper-france-home .product-info .productTextImg-holder li {
      opacity: 1;
      visibility: visible; }
  .wrapper-france-home .productIcons {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 35%;
    z-index: 2;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out; }
  .wrapper-france-home .productline {
    width: calc(100% - 60px);
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    left: 30px;
    position: absolute;
    z-index: 3; }

.clientSec.screen-wrapper .clientlogoSec {
  padding-top: 0px;
  box-sizing: border-box;
  width: 100%;
  z-index: 4;
  position: relative;
  margin-top: -90px; }

.contactSec {
  background-color: #f1f1f6; }
  .contactSec .screenforteen {
    display: none;
    align-items: center; }
    .contactSec .screenforteen > div {
      width: 100%;
      z-index: 9;
      height: 100%;
      padding-top: 10%;
      box-sizing: border-box; }
      .contactSec .screenforteen > div > div {
        margin: 0 auto 8.5% auto;
        width: 100%; }
    .contactSec .screenforteen .circleLayout {
      position: relative; }
    .contactSec .screenforteen.active {
      display: flex; }
  .contactSec .sitewrap-fullMask {
    display: flex;
    height: 100%;
    box-sizing: border-box;
    align-items: center;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 88px;
    background-image: linear-gradient(to right, #2c38a4, #111c7f 97%); }
    .contactSec .sitewrap-fullMask > div {
      width: 100%;
      position: relative;
      height: 100%; }
      .contactSec .sitewrap-fullMask > div > div {
        margin: 50px auto;
        width: 100%; }
    .contactSec .sitewrap-fullMask .circleLayout {
      position: relative; }
    @media screen and (max-width: 768px) {
      .contactSec .sitewrap-fullMask {
        display: none !important; } }

.contactSec .maskDiv {
  margin-top: 6.3% !important; }
  @media screen and (max-width: 1440px) {
    .contactSec .maskDiv {
      margin-top: 5.3% !important; } }

.contactSec .maskDiv .proCounts {
  margin: 0 auto 8.5% auto; }

.wrapper-france-home .LinesBg.show .productIcons {
  opacity: 1;
  visibility: visible; }

.screentwo.fullmask {
  -webkit-clip-path: inset(0% 0% 0% 0%);
  clip-path: inset(0% 0% 0% 0%);
  z-index: 99; }

.animIcon img {
  display: none; }

header.homeHeader {
  background: transparent; }

.contactSecFrance.footAdd {
  top: -30%;
  position: absolute; }

.partnerSec .partnerClientLogoBox {
  box-sizing: border-box;
  padding: 30px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 22% !important; }

.backtoTop {
  display: none; }

@media screen and (max-width: 1600px) {
  .wrapper-france-home .screenone .h1 {
    padding-top: 30px; }

  .wrapper-france-home .screentwo .h1 {
    padding-top: 30px; }

  .wrapper-france-home .LinesBg > ul {
    top: calc(50% - 30px); } }
@media screen and (max-width: 768px) {
  .partnerClientlogos {
    display: block;
    text-align: center; }

  .clientSec.screen-wrapper .clientlogoSec {
    margin-top: 0px;
    padding: 15px; }

  .wrapper-france-home .screenseven .partnerBoxSec {
    height: auto; }

  .partnerSec .partnerBoxSec .clientlogoSec {
    display: block;
    padding: 15px; }

  .partnerheadLine {
    width: 100; }

  .partnerSec .h2 {
    margin-bottom: 15px; }

  .partnerClientlogos {
    width: 100%; }

  .partnerSec .partnerClientLogoBox {
    padding: 20px;
    width: 45% !important; }

  .wrapper-france-home .screentwo {
    display: block; }

  .wrapper-france-home .screentwo .bluepatch {
    display: none; }

  .wrapper-france-home {
    position: relative; }

  .wrapper-france-home .inner-page {
    position: relative;
    padding: 50px 20px; }

  .wrapper-france-home .screen-wrapper {
    position: relative;
    padding: 0; }

  .wrapper-france-home .screenone {
    position: relative;
    padding: 40px 20px;
    height: calc(100vh - 80px);
    margin-bottom: 32px;
    background: #f1f1f6 url(../images/responsive/banner1.png) center bottom no-repeat;
    background-size: 90%; }

  .wrapper-france-home .screenone .bannerTxt {
    width: 100%; }

  .wrapper-france-home .screenone .h1 {
    padding-top: 0; }

  .wrapper-france-home .productList {
    position: relative;
    display: block;
    padding: 20px 0;
    width: 100%; }

  .wrapper-france-home .screentwo #homeCloude {
    display: none; }

  .wrapper-france-home .screentwo .bannerTxt {
    position: relative;
    width: 100%;
    top: 0; }

  .wrapper-france-home .productList {
    display: none; }

  .wrapper-france-home .productList ul {
    position: relative;
    top: 0;
    margin-left: 0;
    width: 100%;
    transform: none; }

  .wrapper-france-home .screenthree,
  .wrapper-france-home .screenfour,
  .wrapper-france-home .screenfive,
  .wrapper-france-home .screensix {
    display: block;
    position: relative;
    padding: 0px !important; }

  .productInfoMob {
    margin: 32px 0px 0px; }

  .contactSec .screenforteen {
    display: block;
    padding: 0; }

  .contactSec .screenforteen > div > div {
    margin: 0;
    padding: 0; }

  .contactSec .circleLayout .h2 {
    width: 100% !important;
    margin: 40px 0 20px !important;
    font-size: 24px !important; }

  .contactSec .proCounts {
    padding: 0; }

  .wrapper-france-home .screenforteen .bluepatch {
    position: relative; }

  .wrapper-france-home .screeneleven {
    position: relative;
    display: block;
    padding: 0px;
    margin-top: 15px; }

  .wrapper-france-home .screeneleven .bluepatch {
    top: 0;
    display: none; }

  .contactMapSection {
    height: auto !important; }

  .clientSec .h2 {
    margin-bottom: 30px !important; }

  .wrapper-france-home .productline {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    transform: none;
    display: none; }

  .wrapper-france-home .product-info {
    display: block;
    padding: 0px 0;
    width: 100%;
    float: none;
    background: #2c38a4; }

  .wrapper-france-home .product-info ul li {
    opacity: 1;
    visibility: inherit;
    width: calc(50% - 5px) !important;
    display: inline-block;
    vertical-align: top;
    margin: 20px 0; }

  .wrapper-france-home .screentwo .h1 {
    padding-top: 0; }

  .wrapper-france-home .LinesBg > ul {
    width: 100%;
    padding: 0;
    position: relative;
    top: 0;
    box-sizing: border-box;
    height: auto;
    clear: both;
    overflow: hidden; }

  .wrapper-france-home .LinesBg > ul li {
    width: 50%;
    float: left;
    opacity: 1;
    visibility: visible; }

  .wrapper-france-home .screenfour {
    display: block; }

  .wrapper-france-home .LinesBg {
    float: inherit; }

  .wrapper-france-home .product-info ul li .animIcon {
    width: 80px; }

  .flowpaySec .productText {
    padding: 20px 15px !important; }

  .optMob {
    padding: 0px 15px !important; }

  .wrapper-france-home .screenfive .LinesBg {
    opacity: 1; }

  .wrapper-france-home .screenfive {
    display: block;
    background: #2c38a4; }

  .wrapper-france-home .screensix {
    box-sizing: border-box;
    display: block;
    padding: 20px 0;
    margin: 10px 0;
    background: #2c38a4; }

  .wrapper-france-home .screensix .LinesBg {
    opacity: 1; }

  .wrapper-france-home .screenseven,
  .wrapper-france-home .screeneight,
  .wrapper-france-home .screennine,
  .wrapper-france-home .screenten {
    display: block;
    padding: 0;
    margin: 0;
    background: #2c38a4; }

  .wrapper-france-home .screeneight.active .slick-track {
    margin-left: 0 !important;
    margin-right: 0 !important; }

  .wrapper-france-home .LinesBg {
    width: 100%; }

  .flowpaySec .productText .productHeadPoints {
    display: none; }

  .wrapper-france-home .product-info .productTextImg-holder {
    display: none; }

  .wrapper-france-home .screenseven .LinesBg {
    position: relative;
    width: 100%;
    padding: 20px; }

  .wrapper-france-home .screenseven {
    padding: 0 !important; }

  .wrapper-france-home .screenseven .h3 {
    width: auto;
    padding: 0px;
    margin-top: 0;
    margin-bottom: 40px; }

  .wrapper-france-home .screenseven .bluepatch {
    width: 100%;
    display: none; }

  .wrapper-france-home .screeneight .bluepatch {
    display: none; }

  .wrapper-france-home .screenfour .bluepatch,
  .wrapper-france-home .screenfive .bluepatch,
  .wrapper-france-home .screenthree .bluepatch,
  .wrapper-france-home .screensix .bluepatch,
  .wrapper-france-home .screenten .bluepatch,
  .wrapper-france-home .screennine .bluepatch {
    display: none; }

  .wrapper-france-home .screenfour .product-info > div {
    height: 50vh; }

  .wrapper-france-home .screenseven .product-info > div {
    height: 50vh; }

  .wrapper-france-home .screenseven .infraIcon1 {
    opacity: 1;
    visibility: visible;
    width: 130px;
    top: 5%;
    left: 5%; }

  .wrapper-france-home .screenseven .infraIcon2 {
    opacity: 1;
    visibility: visible;
    width: 130px;
    top: 5%;
    right: 5%; }

  .wrapper-france-home .screenseven .infraIcon3 {
    opacity: 1;
    visibility: visible;
    width: 130px;
    bottom: 5%; }

  .wrapper-france-home .screenseven .product-info .h3 {
    text-align: center;
    margin: auto;
    position: relative;
    top: 0;
    left: 0; }

  .wrapper-france-home .LinesBg.productText {
    padding: 20px 0; }

  .animIcon img {
    display: block; }

  .wrapper-france-home .productList ul li:last-child {
    margin-bottom: 0; }

  header.homeHeader {
    background-color: #fff;
    z-index: 999; }

  .clientSec .clientlogoSec .clientlogos img {
    margin: auto;
    text-align: center; }

  .animIcon svg {
    display: none !important; }

  .wrapper-france-home .productList ul li div {
    height: auto;
    overflow: auto; }

  .contactSec .proCounts div {
    width: 100% !important;
    margin: 20px 0; }

  .wrapper-france-home .screeneight .LinesBg,
  .wrapper-france-home .screennine .LinesBg,
  .wrapper-france-home .screenten .LinesBg {
    opacity: 1;
    padding: 0px 15px !important; }

  .wrapper-france-home .screeneight {
    background-color: #2c38a4; }

  .wrapper-france-home .screennine,
  .wrapper-france-home .screenten {
    background-color: #2c38a4;
    padding: 20px; }

  .wrapper-france-home .screentwelve {
    display: block;
    padding: 20px; }
    .wrapper-france-home .screentwelve .h2 {
      padding-top: 20px; }

  .screen-wrapper.contactSec {
    padding: 20px; }

  .wrapper-france-home .screenthirteen {
    display: block;
    padding: 20px; }

  .wrapper-france-home .screenthirteen .bluepatch {
    bottom: 0; }

  .secondary-button {
    background-size: 100% 4px; }

  .secondary-button {
    padding: 10px 20px; } }
.screeneleven .sitewrap {
  z-index: 4; }

.aboutBannerSec {
  padding-top: 150px;
  box-sizing: border-box;
  margin-bottom: 120px; }
  .aboutBannerSec .aboutBannerTxt {
    overflow: hidden;
    display: flex;
    max-width: 100%;
    align-items: flex-end;
    flex-direction: row;
    position: relative; }
    .aboutBannerSec .aboutBannerTxt:before {
      content: '';
      width: 100%;
      height: 3px;
      background: #2c38a4;
      display: block;
      position: absolute;
      bottom: 20%;
      z-index: -1; }
  .aboutBannerSec .aboutHeading {
    flex: 0 0 30%;
    flex-direction: column;
    margin-right: 5%; }
    .aboutBannerSec .aboutHeading .h1 {
      font-stretch: condensed;
      line-height: 1.14;
      letter-spacing: 0.7px;
      color: rgba(17, 28, 127, 0.9);
      margin-bottom: 50px;
      width: 70%; }
    .aboutBannerSec .aboutHeading .h3 {
      line-height: 1.33;
      letter-spacing: 0.8px;
      text-align: left;
      color: #303030; }
  .aboutBannerSec .aboutVideo {
    flex: 0 0 65%;
    flex-direction: column; }
    .aboutBannerSec .aboutVideo .videoOverlay {
      padding: 20px;
      box-sizing: border-box; }
      .aboutBannerSec .aboutVideo .videoOverlay img {
        box-shadow: 0px 11px 18px 0 rgba(79, 80, 86, 0.44); }
    @media screen and (max-width: 1600px) {
      .aboutBannerSec .aboutVideo {
        flex: 0 0 60%; } }
  .aboutBannerSec .aboutContent {
    width: 45%;
    margin-top: 40px;
    margin-left: 20%; }
    .aboutBannerSec .aboutContent .p {
      font-stretch: condensed;
      line-height: 1.4;
      letter-spacing: 0.5px;
      color: #303030;
      margin-bottom: 10px; }
      .aboutBannerSec .aboutContent .p:last-child {
        margin-bottom: 0px; }
    .aboutBannerSec .aboutContent h5 {
      margin: 30px 0px 15px; }
      .aboutBannerSec .aboutContent h5:first-of-type {
        margin-top: 0px; }
    @media screen and (max-width: 1600px) {
      .aboutBannerSec .aboutContent {
        width: 60%; } }
    @media screen and (max-width: 1400px) {
      .aboutBannerSec .aboutContent {
        width: 50%; }
        .aboutBannerSec .aboutContent .p {
          font-size: 14px; } }
    @media screen and (max-width: 600px) {
      .aboutBannerSec .aboutContent {
        width: 100%;
        margin: 40px 0; } }
  @media screen and (max-width: 1400px) {
    .aboutBannerSec .aboutBannerTxt:before {
      bottom: 16%; }
    .aboutBannerSec .aboutHeading .h1 {
      font-size: 48px;
      line-height: 1;
      margin-bottom: 40px; }
    .aboutBannerSec .aboutHeading .h3 {
      font-size: 26px;
      line-height: 1; } }
  @media screen and (max-width: 600px) {
    .aboutBannerSec {
      padding-top: 100px;
      margin-bottom: 30px; }
      .aboutBannerSec .aboutBannerTxt {
        display: block; }
        .aboutBannerSec .aboutBannerTxt:before {
          top: 18%; }
        .aboutBannerSec .aboutBannerTxt .aboutHeading {
          width: 100%; }
          .aboutBannerSec .aboutBannerTxt .aboutHeading .h1 {
            width: 100%; }
          .aboutBannerSec .aboutBannerTxt .aboutHeading .h3 {
            margin-bottom: 15px; }
        .aboutBannerSec .aboutBannerTxt .aboutVideo {
          width: 100%; } }

.coreteamSec {
  margin-bottom: 40px;
  display: inline-block;
  width: 100%; }
  .coreteamSec .secHeading {
    width: 25%;
    float: left;
    margin-right: 10%; }
    .coreteamSec .secHeading .h2 {
      font-stretch: condensed;
      line-height: 1;
      letter-spacing: 0.5px;
      color: rgba(48, 48, 48, 0.9);
      margin-bottom: 30px; }
    .coreteamSec .secHeading .p {
      font-stretch: condensed;
      line-height: 1.4;
      letter-spacing: 0.5px;
      color: #303030; }
    @media screen and (max-width: 1600px) {
      .coreteamSec .secHeading {
        margin-right: 5%; }
        .coreteamSec .secHeading .h2 {
          font-size: 38px; } }
    @media screen and (max-width: 1400px) {
      .coreteamSec .secHeading .p {
        font-size: 14px; } }
  .coreteamSec .teamSec {
    width: 65%;
    float: left; }
    .coreteamSec .teamSec .singleteam {
      width: 50%;
      float: left;
      min-height: 300px;
      margin-bottom: 60px; }
      @media screen and (max-width: 1450px) {
        .coreteamSec .teamSec .singleteam {
          min-height: 320px;
          margin-bottom: 20px; } }
      .coreteamSec .teamSec .singleteam .teamPic {
        width: 45%;
        float: left;
        position: relative; }
        .coreteamSec .teamSec .singleteam .teamPic:before {
          content: '';
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          display: block;
          opacity: 0;
          background: rgba(0, 0, 127, 0.5);
          transition: 1s; }
        .coreteamSec .teamSec .singleteam .teamPic .linkedin {
          position: absolute;
          bottom: 15px;
          right: 15px;
          opacity: 0;
          transition: 1s; }
      .coreteamSec .teamSec .singleteam:hover .teamPic:before {
        opacity: 1; }
      .coreteamSec .teamSec .singleteam:hover .teamDetails .p {
        overflow: visible;
        white-space: normal;
        color: #303030; }
        .coreteamSec .teamSec .singleteam:hover .teamDetails .p span {
          display: block;
          margin-bottom: 6px; }
      .coreteamSec .teamSec .singleteam:hover .linkedin {
        opacity: 1; }
      .coreteamSec .teamSec .singleteam .teamDetails {
        width: 46%;
        float: left;
        margin: 0px 20px; }
        .coreteamSec .teamSec .singleteam .teamDetails .h4 {
          font-weight: 500;
          font-style: normal;
          font-stretch: condensed;
          line-height: 1.33;
          letter-spacing: 0.3px;
          color: #303030; }
          .coreteamSec .teamSec .singleteam .teamDetails .h4.lightweight {
            font-weight: 300; }
        .coreteamSec .teamSec .singleteam .teamDetails .p {
          line-height: 1.4;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          transition: 1s;
          color: rgba(48, 48, 48, 0.4);
          margin-top: 15px; }
        @media screen and (max-width: 1600px) {
          .coreteamSec .teamSec .singleteam .teamDetails {
            width: 45%;
            margin: 0px 0px 0px 20px; } }
        @media screen and (max-width: 1300px) {
          .coreteamSec .teamSec .singleteam .teamDetails {
            margin: 0px 15px; } }
        @media screen and (max-width: 600px) {
          .coreteamSec .teamSec .singleteam .teamDetails {
            margin: 0px; } }
    @media screen and (max-width: 1600px) {
      .coreteamSec .teamSec {
        width: 70%; } }
  @media screen and (max-width: 600px) {
    .coreteamSec .secHeading {
      width: 100%; }
      .coreteamSec .secHeading .h2 {
        margin-bottom: 30px; }
      .coreteamSec .secHeading .p {
        margin-bottom: 30px; }
    .coreteamSec .teamSec {
      width: 100%; }
      .coreteamSec .teamSec .singleteam {
        width: 100%;
        margin-bottom: 30px; }
        .coreteamSec .teamSec .singleteam .teamPic {
          width: 100%;
          margin-bottom: 10px; }
        .coreteamSec .teamSec .singleteam .teamDetails {
          width: 100%; }
          .coreteamSec .teamSec .singleteam .teamDetails .p {
            white-space: normal;
            text-overflow: unset;
            color: #303030; } }

.investorSec {
  margin-bottom: 40px;
  display: inline-block;
  width: 100%; }
  .investorSec .secHeading {
    width: 25%;
    float: left;
    margin-right: 10%; }
    .investorSec .secHeading .h2 {
      font-stretch: condensed;
      line-height: 1;
      letter-spacing: 0.5px;
      color: rgba(48, 48, 48, 0.9); }
    @media screen and (max-width: 1600px) {
      .investorSec .secHeading {
        margin-right: 5%; }
        .investorSec .secHeading .h2 {
          font-size: 38px; } }
  .investorSec .investingSec {
    width: 65%;
    float: left; }
    .investorSec .investingSec .investingSector {
      width: calc(50% - 5px);
      display: inline-block;
      margin-bottom: 80px;
      vertical-align: top;
      box-sizing: border-box;
      padding-right: 10px; }
      .investorSec .investingSec .investingSector .h2 {
        font-stretch: condensed;
        line-height: 1;
        letter-spacing: 0.5px;
        color: rgba(48, 48, 48, 0.6); }
    @media screen and (max-width: 1600px) {
      .investorSec .investingSec {
        width: 70%; }
        .investorSec .investingSec .investingSector {
          margin-bottom: 50px; } }
    @media screen and (max-width: 1400px) {
      .investorSec .investingSec .investingSector {
        margin-bottom: 40px; } }
  @media screen and (max-width: 600px) {
    .investorSec {
      margin-bottom: 20px; }
      .investorSec .secHeading {
        width: 100%;
        margin-bottom: 30px; }
        .investorSec .secHeading .h2 {
          font-size: 38px; }
      .investorSec .investingSec {
        width: 100%; }
        .investorSec .investingSec .investingSector {
          margin-bottom: 20px; } }

.awardsSec {
  margin-bottom: 100px; }
  .awardsSec .secHeading .h2 {
    font-stretch: condensed;
    line-height: 1.71;
    letter-spacing: 0.5px;
    color: rgba(48, 48, 48, 0.9);
    margin-bottom: 30px; }
    @media screen and (max-width: 600px) {
      .awardsSec .secHeading .h2 {
        line-height: 1; } }
  .awardsSec .awardsDetails {
    display: none; }
    .awardsSec .awardsDetails .awardsName .h3 {
      font-stretch: condensed;
      line-height: 1.6;
      letter-spacing: 0.3px;
      color: rgba(48, 48, 48, 0.4);
      margin-bottom: 80px;
      position: relative; }
      .awardsSec .awardsDetails .awardsName .h3 span {
        margin-right: 10px;
        transition: 1s;
        display: inline-block; }
      .awardsSec .awardsDetails .awardsName .h3:after {
        content: '';
        height: 3px;
        width: 80%;
        display: block;
        background: rgba(174, 174, 174, 0.4); }
        @media screen and (max-width: 600px) {
          .awardsSec .awardsDetails .awardsName .h3:after {
            width: 100%;
            left: 0px;
            bottom: 0px;
            position: absolute; } }
    .awardsSec .awardsDetails .awardsName:hover .h3 {
      color: #2c38a4; }
      .awardsSec .awardsDetails .awardsName:hover .h3 span {
        margin-right: 40px; }
      .awardsSec .awardsDetails .awardsName:hover .h3:after {
        background: #2c38a4; }
  .awardsSec .viewMoreBtn {
    padding: 0px;
    position: relative; }
  .awardsSec #loadMore {
    display: inline-block;
    color: #f9aa56;
    text-decoration: none;
    transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out; }
  .awardsSec #loadMore:hover {
    color: #f9aa56; }
  @media screen and (max-width: 1600px) {
    .awardsSec .h2 {
      font-size: 38px; }
    .awardsSec .awardsDetails .awardsName .h3 {
      font-size: 26px;
      margin-bottom: 50px; } }
  @media screen and (max-width: 600px) {
    .awardsSec {
      margin-bottom: 50px; }
      .awardsSec .awardsDetails .awardsName .h3 {
        color: #2c38a4;
        margin-bottom: 30px;
        line-height: 1;
        padding-bottom: 10px;
        font-size: 20px; }
        .awardsSec .awardsDetails .awardsName .h3 span {
          display: block;
          color: rgba(48, 48, 48, 0.4); } }

.contactGetIn {
  position: relative;
  background-color: #f8f8f8; }

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none; }

.inputStyle, .textareaStyle {
  position: relative;
  width: 100%;
  background-color: transparent;
  border: none;
  color: #fff;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 40px;
  position: relative; }
  @media screen and (max-width: 1300px) {
    .inputStyle, .textareaStyle {
      font-size: 16px;
      line-height: 20px; } }

.textareaStyle {
  height: 100px;
  resize: none; }

.inputBoderStyle {
  position: relative; }

.inputBoderStyle:after, .inputBoderStyle:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background-color: rgba(248, 248, 248, 0.4);
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s; }

.inputBoderStyle:after {
  width: 0%;
  background-color: #fff; }

.activeFormElement.inputBoderStyle:after {
  width: 100%; }

.contactFormBoxTab {
  padding: 10px 0 5px;
  margin-bottom: 10px; }
  .contactFormBoxTab ::placeholder {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.4); }
  .contactFormBoxTab :-ms-input-placeholder {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.4); }
  .contactFormBoxTab ::-ms-input-placeholder {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.4); }
  .contactFormBoxTab input {
    backface-visibility: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer; }

.wpcf7-display-none {
  color: #fff !important; }

span.wpcf7-not-valid-tip {
  font-size: 14px; }

.contactFormSection {
  position: relative;
  display: flex;
  vertical-align: top;
  width: 50%;
  height: 100%;
  float: left; }

.contactMapSection {
  position: relative;
  vertical-align: top;
  width: 50%;
  height: 100%;
  float: left; }

.contactGetIn {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 262px;
  background-color: #f1f1f7; }
  .contactGetIn .contactGetInInner {
    padding: 45px 15px 45px 35px; }
    .contactGetIn .contactGetInInner .h2 {
      font-stretch: condensed;
      letter-spacing: 0.7px;
      color: #2c38a4;
      margin-bottom: 15px; }
    .contactGetIn .contactGetInInner p {
      opacity: 0.6;
      font-family: "Barlow Condensed", sans-serif;
      line-height: 1.5;
      color: rgba(17, 28, 127, 0.6); }
  .contactGetIn .contactGetInInnerBottom {
    position: absolute;
    bottom: 70px; }
    .contactGetIn .contactGetInInnerBottom h4 {
      padding-bottom: 20px; }
    .contactGetIn .contactGetInInnerBottom .mobileStyle {
      text-decoration: none; }
    .contactGetIn .contactGetInInnerBottom a {
      opacity: 0.8;
      font-family: "Barlow Condensed", sans-serif;
      font-size: 20px;
      font-weight: 300;
      line-height: 1.8;
      color: rgba(17, 28, 127, 0.8); }
    .contactGetIn .contactGetInInnerBottom .footerLinks {
      padding-top: 20px;
      display: flex; }
      .contactGetIn .contactGetInInnerBottom .footerLinks li {
        width: 30px;
        padding-right: 10px; }

#map {
  width: 100%;
  height: 100%; }

.contactus-Page .boxSection {
  display: flex; }

.contactForm {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background-color: #111c7f;
  width: calc(100% - 262px); }
  .contactForm .contactFormBox {
    position: absolute;
    top: 50%;
    padding: 45px 35px;
    transform: translateY(-50%); }
    @media screen and (max-width: 1300px) {
      .contactForm .contactFormBox {
        top: 55%;
        padding: 15px; } }

.mapAddressBox {
  background-color: #111c7f;
  color: #fff;
  padding: 15px; }
  .mapAddressBox h2 {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px;
    font-family: "Barlow Condensed", sans-serif;
    color: #f9f9f9; }
  .mapAddressBox p {
    font-size: 20px;
    padding-right: 20px;
    font-family: "Barlow Condensed", sans-serif;
    color: #ffffff; }

.gm-style .gm-style-iw-c {
  padding: 0 !important; }
.gm-style .gm-style-iw-d {
  overflow: hidden !important; }
.gm-style .gm-style-iw-t::after {
  background: #111c7f; }

.gm-style-iw .gm-ui-hover-effect {
  top: -3px !important;
  right: -3px !important; }
  .gm-style-iw .gm-ui-hover-effect img {
    -webkit-filter: grayscale(1) invert(1);
    filter: grayscale(1) invert(1); }

@media screen and (max-width: 1400px) {
  .contactFormBoxTab {
    padding: 5px 0 5px;
    margin-bottom: 5px; }
    .contactFormBoxTab .textareaStyle {
      height: 70px; }

  .contactGetIn .contactGetInInner {
    padding: 30px 10px 30px 35px; }
    .contactGetIn .contactGetInInner .h2 {
      font-size: 40px; }
  .contactGetIn .contactGetInInnerBottom {
    bottom: 20px; }
    .contactGetIn .contactGetInInnerBottom h4 {
      padding-bottom: 10px; } }
@media screen and (max-width: 1200px) {
  .textareaStyle {
    height: 60px; } }
@media screen and (max-width: 1200px) {
  .contactFormSection {
    width: 60%; }

  .contactMapSection {
    width: 40%; } }
@media screen and (max-width: 1000px) {
  .contactus-Page .boxSection {
    display: initial; }

  .contactFormSection {
    width: 100%; }

  .contactMapSection {
    width: 100%; }
    .contactMapSection #map {
      height: 500px; } }
@media screen and (max-width: 767px) {
  .contactSection {
    margin-top: 50px; }

  .contactFormSection {
    display: block;
    height: auto; }
    .contactFormSection .contactGetIn {
      width: 100%;
      margin-bottom: 20px; }
      .contactFormSection .contactGetIn .contactGetInInner {
        padding: 20px; }
        .contactFormSection .contactGetIn .contactGetInInner .h2 {
          font-size: 30px; }
      .contactFormSection .contactGetIn .contactGetInInnerBottom {
        position: relative;
        bottom: 0; }
        .contactFormSection .contactGetIn .contactGetInInnerBottom a {
          font-size: 16px; }
        .contactFormSection .contactGetIn .contactGetInInnerBottom h4 {
          padding-bottom: 5px;
          padding-top: 10px; }
    .contactFormSection .contactForm {
      width: 100%;
      margin-bottom: 20px; }
      .contactFormSection .contactForm .contactFormBox {
        transform: none;
        top: 0;
        padding: 20px;
        position: relative; }

  .contactMapSection {
    margin-bottom: 50px; }

  .mapAddressBox p {
    font-size: 16px;
    padding-right: 0; }

  .gm-style .gm-style-iw-c, .gm-style .gm-style-iw-d {
    min-width: 200px;
    max-width: 200px !important; } }
.eventSlide .eventImg {
  width: 60%;
  float: left; }
.eventSlide .eventHeading {
  width: 40%;
  float: left;
  padding: 0px 32px;
  box-sizing: border-box; }
  .eventSlide .eventHeading .h2 {
    color: #2c38a4; }
@media screen and (max-width: 768px) {
  .eventSlide .eventImg {
    width: 100%;
    float: none; }
  .eventSlide .eventHeading {
    width: 100%;
    float: none;
    padding: 15px 0px; } }

.eventNavdiv {
  width: 50%;
  float: right;
  padding: 2.5% 15%;
  box-sizing: border-box;
  background: #00007f;
  position: absolute;
  bottom: 0;
  right: 0; }
  .eventNavdiv .eventNav {
    text-align: center; }
    .eventNavdiv .eventNav .h4 {
      line-height: 1;
      letter-spacing: 0.5px;
      text-align: left;
      color: rgba(255, 255, 255, 0.2); }
      @media screen and (max-width: 768px) {
        .eventNavdiv .eventNav .h4 {
          color: #fff; } }
    .eventNavdiv .eventNav .slick-prev {
      position: absolute;
      left: -50%; }
      .eventNavdiv .eventNav .slick-prev:before {
        content: 'PREVIOUS';
        display: block;
        position: relative;
        font-family: "Barlow Condensed", sans-serif; }
    .eventNavdiv .eventNav .slick-next {
      position: absolute;
      right: -40%; }
      .eventNavdiv .eventNav .slick-next:before {
        content: 'NEXT';
        display: block;
        position: relative;
        font-family: "Barlow Condensed", sans-serif; }
  @media screen and (max-width: 768px) {
    .eventNavdiv {
      width: 100%;
      float: none;
      position: relative;
      padding: 2.5% 5%; } }

.newsEventsSectionInner {
  position: relative;
  padding-top: 50px; }
  .newsEventsSectionInner .firstTitle {
    width: 100%; }
  .newsEventsSectionInner .newsEventsHeadding {
    position: relative;
    color: #2c38a4;
    line-height: 1.70; }
    .newsEventsSectionInner .newsEventsHeadding:after {
      content: '';
      position: absolute;
      width: 100%;
      background-color: #2c38a4;
      height: 3px;
      left: 0;
      bottom: 0; }
  .newsEventsSectionInner .newsEventsSectionLeft {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: calc(100% - 250px); }
    .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab {
      position: relative;
      padding-right: 30px;
      padding-bottom: 50px; }
      .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab .loadMoreDataTop {
        display: none; }
      .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab .loadMoreDataBottom {
        display: none; }
      .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab .newsEventsSectionCol_60 {
        padding-top: 50px;
        display: inline-block;
        vertical-align: top;
        position: relative;
        width: 60%; }
        .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab .newsEventsSectionCol_60 img {
          display: block; }
      .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab .newsEventsSectionCol_40 {
        padding-top: 50px;
        display: inline-block;
        vertical-align: top;
        position: relative;
        width: 40%; }
        .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab .newsEventsSectionCol_40 img {
          display: block; }
      .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab .paddingRight {
        padding-right: 50px; }
      .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab .paddingLeft {
        padding-left: 50px; }
      .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab .newsEventsSectionTextHolder h5 {
        color: #2c38a4;
        font-weight: 600;
        line-height: 1.56;
        letter-spacing: 0.5px;
        display: inline-block;
        vertical-align: middle; }
      .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab .newsEventsSectionTextHolder h4 {
        display: inline-block;
        vertical-align: middle;
        padding-left: 20px;
        color: rgba(167, 169, 172, 0.8); }
      .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab .newsEventsSectionTextHolder h2 {
        color: #2c38a4;
        padding: 20px 0 30px; }
      .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab .newsEventsSectionTextHolder p {
        line-height: 1.56;
        letter-spacing: 0.5px;
        max-width: 550px;
        color: #303030;
        margin-bottom: 30px; }
      .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab .newsEventsSectionTextHolder .secondary-button {
        color: rgba(48, 48, 48, 0.4); }
        .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab .newsEventsSectionTextHolder .secondary-button:hover {
          color: #fff; }
      .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab .newsEventsSectionTextHolder .viewLinkStyle .linkImgBox {
        display: inline-block;
        vertical-align: middle; }
      .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab .newsEventsSectionTextHolder .viewLinkStyle h4 {
        text-transform: uppercase; }
  .newsEventsSectionInner .newsEventsSectionRight {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 250px;
    margin-top: 80px;
    position: sticky;
    top: 130px; }
    .newsEventsSectionInner .newsEventsSectionRight .newsEventsSectionRightBox {
      border: 1px solid #ddd;
      padding: 20px 25px;
      transition: all 0.3s; }
      .newsEventsSectionInner .newsEventsSectionRight .newsEventsSectionRightBox h3 {
        color: rgba(48, 48, 48, 0.2);
        font-family: "Barlow Condensed", sans-serif;
        font-size: 28px;
        font-weight: 600;
        line-height: 1.2;
        letter-spacing: 0.8px;
        transition: all 0.3s; }
      .newsEventsSectionInner .newsEventsSectionRight .newsEventsSectionRightBox a {
        display: block;
        text-decoration: none;
        font-size: 18px;
        font-family: "Barlow Condensed", sans-serif;
        font-weight: 600;
        line-height: 1.8;
        letter-spacing: 0.5px;
        color: rgba(48, 48, 48, 0.8);
        padding-top: 50px;
        transition: all 0.3s; }
      .newsEventsSectionInner .newsEventsSectionRight .newsEventsSectionRightBox:hover {
        background-color: #2c38a4;
        border-color: #2c38a4; }
      .newsEventsSectionInner .newsEventsSectionRight .newsEventsSectionRightBox:hover h3 {
        color: #f9f9f9;
        opacity: 0.5; }
      .newsEventsSectionInner .newsEventsSectionRight .newsEventsSectionRightBox:hover a {
        color: #f9f9f9;
        opacity: 0.9; }

.newsEventSlider {
  position: relative;
  padding-right: 30px;
  padding-bottom: 50px; }
  .newsEventSlider .newsEventSliderHolder {
    position: relative;
    padding: 50px 0; }
  .newsEventSlider .js .slider-single > div:nth-child(1n+2) {
    display: none; }
  .newsEventSlider .js .slider-single.slick-initialized > div:nth-child(1n+2) {
    display: block; }
  .newsEventSlider .sliderBigBox h2 {
    color: #2c38a4;
    font-size: 30px;
    padding: 16px 0 32px; }
  .newsEventSlider .slider-nav h3::before {
    content: "";
    display: block;
    padding-top: 75%; }
  .newsEventSlider .slider-nav .slick-slide {
    cursor: pointer;
    background: rgba(0, 0, 127, 0.8); }
  .newsEventSlider .slider-single .slick-prev, .newsEventSlider .slider-single .slick-next {
    display: none !important; }
  .newsEventSlider .slider-nav .slick-prev {
    height: 25px;
    width: 25px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-position: center center;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    left: 15px;
    background-color: #ddd;
    border-radius: 50%;
    z-index: 1;
    background-image: url(../images/pagearrow.svg);
    background-size: 20px; }
  .newsEventSlider .slider-nav .slick-next {
    height: 25px;
    width: 25px;
    background-position: center center;
    background-repeat: no-repeat;
    right: 15px;
    background-color: #ddd;
    border-radius: 50%;
    background-image: url(../images/pagearrow.svg);
    background-size: 20px; }
  .newsEventSlider .sliderThumbanil, .newsEventSlider .sliderBigBox {
    position: relative;
    margin: 5px; }
  .newsEventSlider .sliderThumbanil img {
    opacity: 0.2;
    transition: all 0.3s; }
  .newsEventSlider .sliderThumbanil.is-active img {
    opacity: 1; }

.newsEventGridHolder {
  position: relative;
  padding-top: 50px;
  clear: both;
  overflow: hidden; }
  .newsEventGridHolder .newsEventGridBox {
    position: relative;
    width: calc(20% - 24px);
    float: left;
    vertical-align: top;
    margin-right: 30px; }
    .newsEventGridHolder .newsEventGridBox:last-child {
      margin-right: 0; }
    .newsEventGridHolder .newsEventGridBox:hover .overlayBox {
      opacity: 1; }
    .newsEventGridHolder .newsEventGridBox .overLayBoxHolder {
      position: relative; }
    .newsEventGridHolder .newsEventGridBox .overlayBox {
      position: absolute;
      background-color: rgba(0, 0, 127, 0.8);
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
      transition: all 0.3s;
      opacity: 0; }
      .newsEventGridHolder .newsEventGridBox .overlayBox .linkImgBox {
        width: 40px;
        top: 50%;
        position: relative;
        left: 50%;
        transform: translate(-50%, -50%); }
        .newsEventGridHolder .newsEventGridBox .overlayBox .linkImgBox img {
          width: 20px;
          margin: auto;
          padding: 10px; }
    .newsEventGridHolder .newsEventGridBox img {
      display: block;
      margin-bottom: 5px; }
    .newsEventGridHolder .newsEventGridBox h5 {
      font-size: 16px;
      font-weight: 600;
      line-height: 1.75;
      letter-spacing: 0.4px;
      color: #303030;
      display: inline-block;
      vertical-align: middle; }
    .newsEventGridHolder .newsEventGridBox h4 {
      display: inline-block;
      vertical-align: middle;
      font-weight: 500;
      padding-left: 20px;
      color: rgba(167, 169, 172, 0.8); }
    .newsEventGridHolder .newsEventGridBox p {
      line-height: 1.25;
      color: #303030;
      padding: 10px 0 20px; }
    .newsEventGridHolder .newsEventGridBox .secondary-button {
      width: 80px;
      display: block;
      color: rgba(0, 0, 127, 0.1); }
      .newsEventGridHolder .newsEventGridBox .secondary-button:hover {
        color: #fff; }
  @media screen and (max-width: 600px) {
    .newsEventGridHolder .newsEventGridBox h4 {
      padding-left: 5px; } }

.viewMoreBtn {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 50px 0 0;
  display: inline-block;
  cursor: pointer; }
  .viewMoreBtn .viewMoreOuterDiv {
    position: relative;
    display: inline-block;
    color: #999;
    vertical-align: middle; }
  .viewMoreBtn h4 {
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
    color: rgba(48, 48, 48, 0.4);
    text-transform: uppercase;
    font-weight: 600;
    transition: all 0.3s; }
  .viewMoreBtn:hover h4 {
    color: rgba(48, 48, 48, 0.8); }
  .viewMoreBtn:hover .another-circle {
    stroke-dashoffset: 0; }
  .viewMoreBtn .another-circle {
    stroke-dasharray: 227;
    stroke-dashoffset: 227;
    transition: all 0.5s linear;
    stroke: #2c38a4; }
  .viewMoreBtn svg, .viewMoreBtn cicle {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }

.mobileDataOnly {
  display: none; }

@media screen and (max-width: 1600px) {
  .newsEventsSectionInner .newsEventsSectionRight {
    top: 88px; } }
@media screen and (max-width: 1400px) {
  .newsEventsSectionInner .newsEventsSectionLeft {
    width: calc(100% - 200px); }
  .newsEventsSectionInner .newsEventsSectionRight {
    width: 200px; }
    .newsEventsSectionInner .newsEventsSectionRight .newsEventsSectionRightBox h3 {
      font-size: 22px; }
    .newsEventsSectionInner .newsEventsSectionRight .newsEventsSectionRightBox h5 {
      font-size: 16px;
      padding-top: 80px; }

  .newsEventGridHolder .newsEventGridBox {
    width: calc(20% - 16px);
    margin-right: 20px; } }
@media screen and (max-width: 1100px) {
  .newsEventsSectionInner .newsEventsSectionLeft {
    width: 100%;
    padding-right: 0; }
    .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab {
      padding-right: 0; }
  .newsEventsSectionInner .newsEventsSectionRight {
    width: 100%;
    margin-top: 0;
    position: relative;
    top: 0; }

  .newsEventGridHolder .newsEventGridBox {
    width: calc(33.33% - 14px);
    margin-bottom: 30px; }
    .newsEventGridHolder .newsEventGridBox:nth-child(3) {
      margin-right: 0; }

  .newsEventSlider {
    padding-right: 0; }

  .newsEventSlider .newsEventSliderHolder {
    padding-top: 20px; }

  .newsEventSlider .sliderBigBox h2 {
    font-size: 20px; } }
@media screen and (max-width: 768px) {
  .newsEventsSection {
    margin-top: 50px; }

  .desktopMobileSpacingTop .newsEventsSectionCol_40 {
    padding-top: 20px !important; }
  .desktopMobileSpacingTop h2 {
    padding-bottom: 0 !important; }
  .desktopMobileSpacingTop .mobileDataOnly {
    padding: 20px 0; }

  .desktopMobileSpacingBottom h2 {
    padding-bottom: 20px !important; }
  .desktopMobileSpacingBottom .newsEventsSectionCol_40 {
    padding: 20px 0 40px !important; }

  .mobileDataOnly {
    display: block; }

  .desktopDataOnly {
    display: none; }

  .newsEventGridHolder .newsEventGridBox {
    width: calc(50% - 10px);
    margin-bottom: 30px;
    margin-right: 20px; }
    .newsEventGridHolder .newsEventGridBox:nth-child(2) {
      margin-right: 0; }
    .newsEventGridHolder .newsEventGridBox:nth-child(3) {
      margin-right: 20px; }
    .newsEventGridHolder .newsEventGridBox:nth-child(4) {
      margin-right: 0px; }
    .newsEventGridHolder .newsEventGridBox:nth-child(5) {
      margin-right: 0; }

  .newsEventsSectionInner {
    padding-top: 0; }
    .newsEventsSectionInner .firstTitle {
      width: 100%; }
    .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab {
      padding-right: 0;
      padding-bottom: 20px; }
      .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab .paddingLeft {
        padding-left: 0; }
      .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab .paddingRight {
        padding-right: 0; }
      .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab .newsEventsSectionCol_60 {
        width: 100%;
        padding-top: 20px; }
      .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab .newsEventsSectionCol_40 {
        width: 100%;
        padding-top: 40px; }

  .viewMoreBtn {
    padding: 20px 0; }

  .newsEventSlider .sliderBigBox h2 {
    font-size: 18px;
    padding: 10px 0 20px; }

  .newsEventSlider .newsEventSliderHolder {
    padding-bottom: 0; }

  .newsEventSlider .sliderThumbanil, .newsEventSlider .sliderBigBox {
    margin: 2px; }

  .newsEventSlider .slider-nav .slick-prev {
    width: 20px;
    height: 20px;
    background-size: 15px;
    left: 10px; }

  .newsEventSlider .slider-nav .slick-next {
    width: 20px;
    height: 20px;
    background-size: 15px;
    right: 10px; } }
@media screen and (max-width: 400px) {
  .newsEventGridHolder .newsEventGridBox {
    width: 100%;
    margin-bottom: 30px;
    margin-right: 0px; }
    .newsEventGridHolder .newsEventGridBox:nth-child(2) {
      margin-right: 0; }
    .newsEventGridHolder .newsEventGridBox:nth-child(3) {
      margin-right: 0px; }
    .newsEventGridHolder .newsEventGridBox:nth-child(4) {
      margin-right: 0px; }
    .newsEventGridHolder .newsEventGridBox:nth-child(5) {
      margin-right: 0; } }
.product-page .productBannerSec {
  padding-top: 130px; }
  .product-page .productBannerSec .productBannerContent {
    display: flex;
    max-width: 100%;
    align-items: center;
    flex-direction: row;
    position: relative; }
    .product-page .productBannerSec .productBannerContent .productbannerTxt {
      flex: 0 0 50%;
      flex-direction: column; }
      @media screen and (max-width: 1400px) {
        .product-page .productBannerSec .productBannerContent .productbannerTxt {
          padding-right: 30px;
          box-sizing: border-box; } }
      .product-page .productBannerSec .productBannerContent .productbannerTxt .h1 {
        font-stretch: condensed;
        line-height: 1.14;
        letter-spacing: 0.7px;
        color: rgba(48, 48, 48, 0.9); }
        .product-page .productBannerSec .productBannerContent .productbannerTxt .h1 span {
          color: #2c38a4; }
    .product-page .productBannerSec .productBannerContent .productbannerAnim {
      flex: 0 0 50%;
      flex-direction: column;
      background: #2c38a4; }
  @media screen and (max-width: 1600px) {
    .product-page .productBannerSec {
      padding-top: 88px; } }
  @media screen and (max-width: 600px) {
    .product-page .productBannerSec .productBannerContent {
      display: block; }
      .product-page .productBannerSec .productBannerContent .productbannerTxt {
        margin-bottom: 40px; } }
.product-page .productDescribeSec {
  padding-top: 240px; }
  .product-page .productDescribeSec .productDescribeContent {
    display: flex;
    max-width: 100%;
    align-items: flex-end;
    flex-direction: row;
    position: relative; }
    .product-page .productDescribeSec .productDescribeContent .productdescribeTxt {
      flex: 0 0 50%;
      flex-direction: column; }
      .product-page .productDescribeSec .productDescribeContent .productdescribeTxt .h2 {
        font-stretch: condensed;
        line-height: 1.25;
        letter-spacing: 0.5px;
        color: rgba(48, 48, 48, 0.9);
        margin-bottom: 30px; }
      .product-page .productDescribeSec .productDescribeContent .productdescribeTxt .productdescribePoints {
        background: rgba(241, 241, 247, 0.9);
        width: 70%;
        padding: 50px 0px 50px 10%;
        box-sizing: border-box; }
        .product-page .productDescribeSec .productDescribeContent .productdescribeTxt .productdescribePoints .h3 {
          font-stretch: condensed;
          line-height: 1;
          letter-spacing: 0.3px;
          text-align: left;
          color: rgba(48, 48, 48, 0.9);
          margin-bottom: 40px; }
        .product-page .productDescribeSec .productDescribeContent .productdescribeTxt .productdescribePoints .list .h4 {
          width: 80%;
          font-stretch: condensed;
          line-height: 1.2;
          letter-spacing: 0.2px;
          color: #303030;
          margin-bottom: 24px;
          position: relative;
          padding-left: 30px;
          transition: all .5s ease-in-out;
          cursor: pointer; }
          .product-page .productDescribeSec .productDescribeContent .productdescribeTxt .productdescribePoints .list .h4:last-child {
            margin-bottom: 0px; }
          .product-page .productDescribeSec .productDescribeContent .productdescribeTxt .productdescribePoints .list .h4:before {
            content: '';
            display: block;
            width: 12px;
            height: 12px;
            background: #f9aa56;
            border-radius: 50%;
            position: absolute;
            top: 8px;
            left: 0;
            transition: all 0.5s ease-in-out; }
          .product-page .productDescribeSec .productDescribeContent .productdescribeTxt .productdescribePoints .list .h4:hover {
            color: #f9aa56; }
            .product-page .productDescribeSec .productDescribeContent .productdescribeTxt .productdescribePoints .list .h4:hover:before {
              opacity: 0; }
        .product-page .productDescribeSec .productDescribeContent .productdescribeTxt .productdescribePoints .list .showHover {
          color: #f9aa56 !important; }
          .product-page .productDescribeSec .productDescribeContent .productdescribeTxt .productdescribePoints .list .showHover:before {
            opacity: 0; }
    .product-page .productDescribeSec .productDescribeContent .productdescribeAnim {
      flex: 0 0 50%;
      flex-direction: column;
      /* MOOON SVG CSS START */
      /* MOOON SVG CSS END */ }
      .product-page .productDescribeSec .productDescribeContent .productdescribeAnim .productdescribeImg-holder {
        width: 100%; }
      .product-page .productDescribeSec .productDescribeContent .productdescribeAnim .st0 {
        fill: none;
        stroke: #D5D6D6;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .productdescribeAnim .st1 {
        fill: url(#SVGID_1_); }
      .product-page .productDescribeSec .productDescribeContent .productdescribeAnim .st2 {
        fill: none;
        stroke: #EEEDF1;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .productdescribeAnim .st3 {
        fill: #EEEDF1; }
      .product-page .productDescribeSec .productDescribeContent .productdescribeAnim .st4 {
        fill: none;
        stroke: #EEEDF1;
        stroke-width: 0.9626;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .productdescribeAnim .st5 {
        fill: #ECEDF1; }
      .product-page .productDescribeSec .productDescribeContent .productdescribeAnim .st6 {
        fill: url(#SVGID_2_); }
      .product-page .productDescribeSec .productDescribeContent .productdescribeAnim .st7 {
        fill: #FFFFFF; }
      .product-page .productDescribeSec .productDescribeContent .productdescribeAnim .st8 {
        fill: none;
        stroke: #FFFFFF;
        stroke-width: 1.9363;
        stroke-linecap: round;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .productdescribeAnim .st9 {
        fill: url(#SVGID_3_); }
      .product-page .productDescribeSec .productDescribeContent .productdescribeAnim .st10 {
        fill: #F1F0F3; }
      .product-page .productDescribeSec .productDescribeContent .productdescribeAnim .st11 {
        fill: none;
        stroke: url(#SVGID_4_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .productdescribeAnim .st12 {
        fill: none;
        stroke: url(#SVGID_5_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .productdescribeAnim .st13 {
        fill: none;
        stroke: url(#SVGID_6_);
        stroke-linecap: round;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .productdescribeAnim .st14 {
        fill: none;
        stroke: url(#SVGID_7_);
        stroke-linecap: round;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .productdescribeAnim .st15 {
        fill: none;
        stroke: url(#SVGID_8_);
        stroke-linecap: round;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .productdescribeAnim .st16 {
        fill: #D5D6D6; }
      .product-page .productDescribeSec .productDescribeContent .productdescribeAnim .st17 {
        fill: none;
        stroke: url(#SVGID_9_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .productdescribeAnim .st18 {
        fill: none;
        stroke: url(#SVGID_10_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .productdescribeAnim .st19 {
        fill: none;
        stroke: url(#SVGID_11_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .productdescribeAnim .st20 {
        fill: none;
        stroke: url(#SVGID_12_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .productdescribeAnim .st21 {
        fill: none;
        stroke: url(#SVGID_13_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .productdescribeAnim .st22 {
        fill: none;
        stroke: url(#SVGID_14_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .productdescribeAnim .st23 {
        fill: none;
        stroke: url(#SVGID_15_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .productdescribeAnim .st24 {
        fill: none;
        stroke: url(#SVGID_16_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .productdescribeAnim .hideAnim {
        opacity: 0;
        transition: all .5s ease-in-out; }
      .product-page .productDescribeSec .productDescribeContent .productdescribeAnim .showAnim {
        opacity: 1;
        transition: all .8s ease-in-out; }
    .product-page .productDescribeSec .productDescribeContent .smartAmcuC {
      /* SMART AMCU SVG CSS START */
      /* SMART AMCU SVG CSS END */ }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st0 {
        fill: #D9D9DA; }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st1 {
        fill: none;
        stroke: #D9D9DA;
        stroke-width: 0.8753;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st2 {
        fill: none;
        stroke: #D8DCEE;
        stroke-width: 0.8753;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st3 {
        fill: url(#SVGID_1_); }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st4 {
        fill: url(#SVGID_2_); }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st5 {
        fill: url(#SVGID_3_); }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st6 {
        fill: #D8DCEE; }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st7 {
        fill: none;
        stroke: #D8DCEE;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st8 {
        fill: url(#SVGID_4_); }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st9 {
        fill: url(#SVGID_5_); }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st10 {
        fill: url(#SVGID_6_); }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st11 {
        fill: none;
        stroke: url(#SVGID_7_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st12 {
        fill: none;
        stroke: url(#SVGID_8_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st13 {
        fill: none;
        stroke: url(#SVGID_9_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st14 {
        fill: url(#SVGID_10_); }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st15 {
        fill: url(#SVGID_11_); }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st16 {
        fill: url(#SVGID_12_); }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st17 {
        fill: url(#SVGID_13_); }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st18 {
        fill: url(#SVGID_14_); }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st19 {
        fill: url(#SVGID_15_); }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st20 {
        fill: url(#SVGID_16_); }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st21 {
        fill: url(#SVGID_17_); }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st22 {
        fill: url(#SVGID_18_); }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st23 {
        fill: url(#SVGID_19_); }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st24 {
        fill: url(#SVGID_20_); }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st25 {
        fill: url(#SVGID_21_); }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st26 {
        fill: url(#SVGID_22_); }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st27 {
        fill: url(#SVGID_23_); }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st28 {
        fill: url(#SVGID_24_); }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st29 {
        fill: url(#SVGID_25_); }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st30 {
        opacity: 0.2;
        fill: #BABBCD;
        enable-background: new; }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st31 {
        fill: none;
        stroke: url(#SVGID_26_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st32 {
        fill: none;
        stroke: url(#SVGID_27_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st33 {
        fill: none;
        stroke: url(#SVGID_28_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st34 {
        fill: url(#SVGID_29_); }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st35 {
        fill: none;
        stroke: url(#SVGID_30_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st36 {
        fill: none;
        stroke: url(#SVGID_31_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st37 {
        fill: none;
        stroke: url(#SVGID_32_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st38 {
        fill: none;
        stroke: url(#SVGID_33_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st39 {
        fill: none;
        stroke: url(#SVGID_34_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st40 {
        fill: none;
        stroke: url(#SVGID_35_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st41 {
        fill: none;
        stroke: url(#SVGID_36_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st42 {
        fill: none;
        stroke: url(#SVGID_37_);
        stroke-width: 0.4833;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st43 {
        fill: none;
        stroke: url(#SVGID_38_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st44 {
        fill: none;
        stroke: url(#SVGID_39_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st45 {
        fill: none;
        stroke: url(#SVGID_40_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st46 {
        fill: none;
        stroke: url(#SVGID_41_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st47 {
        opacity: 0.2;
        fill: #BABBCD; }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st48 {
        fill: url(#SVGID_42_); }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st49 {
        fill: #FFFFFF; }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st50 {
        fill: none;
        stroke: #FFFFFF;
        stroke-linecap: round;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st51 {
        opacity: 0.2;
        fill: #FFFFFF; }
      .product-page .productDescribeSec .productDescribeContent .smartAmcuC .st52 {
        opacity: 0.1;
        fill: #FFFFFF; }
    .product-page .productDescribeSec .productDescribeContent .smartccC {
      /* SMART CC SVG CSS START */
      /* SMART CC SVG CSS END */ }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st0 {
        fill: #ECEDF1; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st1 {
        fill: url(#SVGID_1_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st2 {
        fill: url(#SVGID_2_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st3 {
        fill: #D4D6D5; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st4 {
        fill: none;
        stroke: #D4D6D5;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st5 {
        fill: none;
        stroke: #FFFFFF;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st6 {
        fill: url(#SVGID_3_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st7 {
        fill: #CDD1E6; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st8 {
        fill: url(#SVGID_4_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st9 {
        fill: #FFFFFF; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st10 {
        fill: #F1F1F5; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st11 {
        fill: url(#SVGID_5_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st12 {
        fill: url(#SVGID_6_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st13 {
        fill: url(#SVGID_7_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st14 {
        fill: url(#SVGID_8_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st15 {
        fill: none;
        stroke: #D8DCEE;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st16 {
        fill: #D8DCEE; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st17 {
        fill: url(#SVGID_9_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st18 {
        fill: url(#SVGID_10_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st19 {
        fill: url(#SVGID_11_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st20 {
        fill: url(#SVGID_12_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st21 {
        opacity: 0.2; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st22 {
        fill: #BABBCD; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st23 {
        fill: url(#SVGID_13_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st24 {
        fill: url(#SVGID_14_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st25 {
        fill: url(#SVGID_15_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st26 {
        opacity: 0.4;
        fill: #9DA8D5; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st27 {
        fill: url(#SVGID_16_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st28 {
        fill: none;
        stroke: #EEA53A;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st29 {
        fill: #EEA53A; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st30 {
        fill: url(#SVGID_17_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st31 {
        fill: url(#SVGID_18_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st32 {
        opacity: 0.4;
        fill: none;
        stroke: url(#SVGID_19_);
        stroke-linecap: round;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st33 {
        opacity: 0.4;
        fill: none;
        stroke: url(#SVGID_20_);
        stroke-linecap: round;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st34 {
        opacity: 0.4;
        fill: none;
        stroke: url(#SVGID_21_);
        stroke-linecap: round;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st35 {
        opacity: 0.4;
        fill: none;
        stroke: url(#SVGID_22_);
        stroke-linecap: round;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st36 {
        opacity: 0.4;
        fill: none;
        stroke: url(#SVGID_23_);
        stroke-linecap: round;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st37 {
        opacity: 0.4;
        fill: none;
        stroke: url(#SVGID_24_);
        stroke-linecap: round;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st38 {
        opacity: 0.4;
        fill: none;
        stroke: url(#SVGID_25_);
        stroke-linecap: round;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st39 {
        opacity: 0.4;
        fill: none;
        stroke: url(#SVGID_26_);
        stroke-linecap: round;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st40 {
        opacity: 0.4;
        fill: none;
        stroke: url(#SVGID_27_);
        stroke-linecap: round;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st41 {
        fill: url(#SVGID_28_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st42 {
        fill: url(#SVGID_29_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st43 {
        opacity: 0.4;
        fill: none;
        stroke: #9BA9E0;
        stroke-linecap: round;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st44 {
        opacity: 0.2;
        fill: #BABBCD; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st45 {
        fill: url(#SVGID_30_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st46 {
        fill: url(#SVGID_31_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st47 {
        fill: url(#SVGID_32_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st48 {
        fill: url(#SVGID_33_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st49 {
        fill: url(#SVGID_34_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st50 {
        fill: none;
        stroke: url(#SVGID_35_);
        stroke-width: 2;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st51 {
        opacity: 0.2;
        fill: none;
        stroke: #BABBCD;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st52 {
        fill: url(#SVGID_36_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st53 {
        fill: url(#SVGID_37_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st54 {
        fill: url(#SVGID_38_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st55 {
        fill: url(#SVGID_39_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st56 {
        fill: #D9D9DA; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st57 {
        fill: #808184; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st58 {
        fill: none;
        stroke: #808184;
        stroke-width: 0.8753;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st59 {
        fill: none;
        stroke: #808184;
        stroke-width: 0.6564;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st60 {
        fill: url(#SVGID_40_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st61 {
        fill: url(#SVGID_41_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st62 {
        fill: url(#SVGID_42_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st63 {
        fill: url(#SVGID_43_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st64 {
        fill: url(#SVGID_44_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st65 {
        fill: url(#SVGID_45_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st66 {
        fill: url(#SVGID_46_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st67 {
        fill: url(#SVGID_47_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st68 {
        fill: url(#SVGID_48_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st69 {
        fill: url(#SVGID_49_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st70 {
        fill: none;
        stroke: url(#SVGID_50_);
        stroke-width: 0.5524;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st71 {
        fill: url(#SVGID_51_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st72 {
        fill: none;
        stroke: url(#SVGID_52_);
        stroke-width: 0.5524;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st73 {
        fill: none;
        stroke: url(#SVGID_53_);
        stroke-width: 0.5524;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st74 {
        fill: none;
        stroke: url(#SVGID_54_);
        stroke-width: 0.5524;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st75 {
        fill: none;
        stroke: url(#SVGID_55_);
        stroke-width: 0.5524;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st76 {
        fill: none;
        stroke: url(#SVGID_56_);
        stroke-width: 0.5524;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st77 {
        fill: none;
        stroke: url(#SVGID_57_);
        stroke-width: 0.5524;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st78 {
        fill: none;
        stroke: url(#SVGID_58_);
        stroke-width: 0.5524;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st79 {
        fill: none;
        stroke: url(#SVGID_59_);
        stroke-width: 0.4833;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st80 {
        fill: none;
        stroke: url(#SVGID_60_);
        stroke-width: 0.4833;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st81 {
        fill: none;
        stroke: url(#SVGID_61_);
        stroke-width: 0.4833;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st82 {
        fill: none;
        stroke: url(#SVGID_62_);
        stroke-width: 0.4833;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st83 {
        fill: none;
        stroke: url(#SVGID_63_);
        stroke-width: 0.5;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st84 {
        fill: none;
        stroke: url(#SVGID_64_);
        stroke-width: 0.5;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st85 {
        fill: url(#SVGID_65_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st86 {
        fill: url(#SVGID_66_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st87 {
        fill: url(#SVGID_67_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st88 {
        opacity: 0.2;
        fill: none;
        stroke: #FFFFFF;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st89 {
        fill: none;
        stroke: #808184;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st90 {
        fill: #EDECF0; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st91 {
        fill: url(#SVGID_68_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st92 {
        fill: none;
        stroke: #FFFFFF;
        stroke-linecap: round;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st93 {
        fill: none;
        stroke: url(#SVGID_69_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st94 {
        fill: none;
        stroke: url(#SVGID_70_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st95 {
        fill: none;
        stroke: url(#SVGID_71_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st96 {
        fill: none;
        stroke: url(#SVGID_72_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st97 {
        fill: none;
        stroke: url(#SVGID_73_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st98 {
        fill: none;
        stroke: url(#SVGID_74_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st99 {
        fill: none;
        stroke: url(#SVGID_75_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st100 {
        fill: none;
        stroke: url(#SVGID_76_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st101 {
        fill: none;
        stroke: url(#SVGID_77_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st102 {
        fill: none;
        stroke: url(#SVGID_78_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st103 {
        fill: none;
        stroke: url(#SVGID_79_);
        stroke-linecap: round;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st104 {
        fill: none;
        stroke: url(#SVGID_80_);
        stroke-linecap: round;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st105 {
        fill: none;
        stroke: url(#SVGID_81_);
        stroke-linecap: round;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st106 {
        fill: none;
        stroke: #EDECF0;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st107 {
        fill: url(#SVGID_82_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st108 {
        fill: #F0F0F4; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st109 {
        fill: url(#SVGID_83_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st110 {
        opacity: 0.1; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st111 {
        fill: url(#SVGID_84_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st112 {
        fill: #FFFFFF;
        stroke: #808184;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st113 {
        fill: none;
        stroke: #EDECF0;
        stroke-width: 0.5;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st114 {
        fill: url(#SVGID_85_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st115 {
        fill: url(#SVGID_86_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st116 {
        fill: url(#SVGID_87_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st117 {
        fill: url(#SVGID_88_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st118 {
        fill: none;
        stroke: #BABBCD;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st119 {
        opacity: 0.2;
        fill: #BBBCCE; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st120 {
        fill: url(#XMLID_3_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st121 {
        opacity: 0.4; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st122 {
        fill: none;
        stroke: #9BA9E0;
        stroke-linecap: round;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st123 {
        fill: none;
        stroke: #D4D6D5;
        stroke-width: 5;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st124 {
        fill: url(#SVGID_89_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st125 {
        fill: url(#SVGID_90_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st126 {
        fill: url(#SVGID_91_); }
      .product-page .productDescribeSec .productDescribeContent .smartccC .st127 {
        fill: url(#SVGID_92_); }
    .product-page .productDescribeSec .productDescribeContent .contrakC {
      /* CONTRAK SVG CSS STRAT*/
      /* CONTRAK SVG CSS END*/ }
      .product-page .productDescribeSec .productDescribeContent .contrakC .productdescribeImg-holder {
        width: 100%; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st0 {
        fill: #ECEDF1; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st1 {
        fill: url(#SVGID_1_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st2 {
        fill: url(#SVGID_2_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st3 {
        fill: #D4D6D5; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st4 {
        fill: none;
        stroke: #D4D6D5;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st5 {
        fill: none;
        stroke: #FFFFFF;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st6 {
        fill: url(#SVGID_3_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st7 {
        fill: #CDD1E6; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st8 {
        fill: url(#SVGID_4_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st9 {
        fill: #FFFFFF; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st10 {
        opacity: 0.2; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st11 {
        fill: #BABBCD; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st12 {
        fill: url(#SVGID_5_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st13 {
        fill: url(#SVGID_6_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st14 {
        fill: url(#SVGID_7_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st15 {
        opacity: 0.4;
        fill: #9DA8D5; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st16 {
        fill: url(#SVGID_8_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st17 {
        fill: none;
        stroke: #EEA53A;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st18 {
        fill: #EEA53A; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st19 {
        fill: url(#SVGID_9_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st20 {
        fill: url(#SVGID_10_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st21 {
        fill: url(#SVGID_11_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st22 {
        fill: url(#SVGID_12_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st23 {
        opacity: 0.2;
        fill: none;
        stroke: #BABBCD;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st24 {
        opacity: 0.4;
        fill: none;
        stroke: #9BA9E0;
        stroke-linecap: round;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st25 {
        fill: url(#SVGID_13_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st26 {
        fill: none;
        stroke: url(#SVGID_14_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st27 {
        fill: none;
        stroke: url(#SVGID_15_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st28 {
        fill: none;
        stroke: url(#SVGID_16_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st29 {
        opacity: 0.2;
        fill: #BABBCD; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st30 {
        fill: #D8DCEE; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st31 {
        fill: url(#SVGID_17_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st32 {
        fill: url(#SVGID_18_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st33 {
        fill: url(#SVGID_19_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st34 {
        fill: url(#SVGID_20_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st35 {
        fill: url(#SVGID_21_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st36 {
        fill: url(#SVGID_22_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st37 {
        fill: url(#SVGID_23_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st38 {
        fill: none;
        stroke: url(#SVGID_24_);
        stroke-width: 2;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st39 {
        fill: url(#SVGID_25_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st40 {
        fill: url(#SVGID_26_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st41 {
        fill: url(#SVGID_27_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st42 {
        fill: none;
        stroke: url(#SVGID_28_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st43 {
        fill: none;
        stroke: url(#SVGID_29_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st44 {
        fill: none;
        stroke: url(#SVGID_30_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st45 {
        fill: url(#SVGID_31_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st46 {
        fill: url(#SVGID_32_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st47 {
        fill: url(#SVGID_33_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st48 {
        fill: url(#SVGID_34_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st49 {
        fill: url(#SVGID_35_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st50 {
        fill: url(#SVGID_36_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st51 {
        fill: url(#SVGID_37_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st52 {
        fill: none;
        stroke: url(#SVGID_38_);
        stroke-width: 2;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st53 {
        fill: url(#SVGID_39_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st54 {
        fill: url(#SVGID_40_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st55 {
        fill: url(#SVGID_41_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st56 {
        fill: url(#SVGID_42_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st57 {
        fill: url(#SVGID_43_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st58 {
        fill: #D9D9DA; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st59 {
        fill: #808184; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st60 {
        fill: none;
        stroke: #808184;
        stroke-width: 0.8753;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st61 {
        fill: none;
        stroke: #808184;
        stroke-width: 0.6564;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st62 {
        fill: url(#SVGID_44_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st63 {
        fill: url(#SVGID_45_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st64 {
        fill: url(#SVGID_46_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st65 {
        fill: none;
        stroke: url(#SVGID_47_);
        stroke-width: 0.5524;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st66 {
        fill: url(#SVGID_48_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st67 {
        fill: none;
        stroke: url(#SVGID_49_);
        stroke-width: 0.5524;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st68 {
        fill: none;
        stroke: url(#SVGID_50_);
        stroke-width: 0.5524;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st69 {
        fill: none;
        stroke: url(#SVGID_51_);
        stroke-width: 0.5524;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st70 {
        fill: none;
        stroke: url(#SVGID_52_);
        stroke-width: 0.5524;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st71 {
        fill: none;
        stroke: url(#SVGID_53_);
        stroke-width: 0.5524;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st72 {
        fill: none;
        stroke: url(#SVGID_54_);
        stroke-width: 0.5524;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st73 {
        fill: none;
        stroke: url(#SVGID_55_);
        stroke-width: 0.5524;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st74 {
        fill: none;
        stroke: url(#SVGID_56_);
        stroke-width: 0.4833;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st75 {
        fill: none;
        stroke: url(#SVGID_57_);
        stroke-width: 0.4833;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st76 {
        fill: none;
        stroke: url(#SVGID_58_);
        stroke-width: 0.4833;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st77 {
        fill: none;
        stroke: url(#SVGID_59_);
        stroke-width: 0.4833;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st78 {
        fill: none;
        stroke: url(#SVGID_60_);
        stroke-width: 0.5;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st79 {
        fill: none;
        stroke: url(#SVGID_61_);
        stroke-width: 0.5;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st80 {
        fill: url(#SVGID_62_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st81 {
        fill: url(#SVGID_63_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st82 {
        fill: url(#SVGID_64_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st83 {
        opacity: 0.2;
        fill: none;
        stroke: #FFFFFF;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st84 {
        fill: #303030; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st85 {
        fill: none;
        stroke: #808184;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st86 {
        fill: #EDECF0; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st87 {
        fill: url(#SVGID_65_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st88 {
        fill: none;
        stroke: #FFFFFF;
        stroke-linecap: round;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st89 {
        fill: none;
        stroke: url(#SVGID_66_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st90 {
        fill: none;
        stroke: url(#SVGID_67_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st91 {
        fill: none;
        stroke: url(#SVGID_68_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st92 {
        fill: none;
        stroke: url(#SVGID_69_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st93 {
        fill: none;
        stroke: url(#SVGID_70_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st94 {
        fill: none;
        stroke: url(#SVGID_71_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st95 {
        fill: none;
        stroke: url(#SVGID_72_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st96 {
        fill: none;
        stroke: url(#SVGID_73_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st97 {
        fill: none;
        stroke: url(#SVGID_74_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st98 {
        fill: none;
        stroke: url(#SVGID_75_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st99 {
        fill: none;
        stroke: url(#SVGID_76_);
        stroke-linecap: round;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st100 {
        fill: none;
        stroke: url(#SVGID_77_);
        stroke-linecap: round;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st101 {
        fill: none;
        stroke: url(#SVGID_78_);
        stroke-linecap: round;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st102 {
        fill: none;
        stroke: #EDECF0;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st103 {
        fill: url(#SVGID_79_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st104 {
        fill: #F0F0F4; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st105 {
        fill: url(#SVGID_80_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st106 {
        opacity: 0.1; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st107 {
        fill: url(#SVGID_81_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st108 {
        fill: #FFFFFF;
        stroke: #808184;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st109 {
        fill: none;
        stroke: #EDECF0;
        stroke-width: 0.5;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st110 {
        fill: url(#SVGID_82_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st111 {
        fill: url(#SVGID_83_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st112 {
        fill: url(#SVGID_84_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st113 {
        fill: url(#SVGID_85_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st114 {
        fill: none;
        stroke: #BABBCD;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st115 {
        opacity: 0.2;
        fill: #BBBCCE; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st116 {
        fill: url(#XMLID_4_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st117 {
        opacity: 0.4; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st118 {
        fill: none;
        stroke: #9BA9E0;
        stroke-linecap: round;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st119 {
        fill: url(#XMLID_5_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st120 {
        fill: none;
        stroke: #D4D6D5;
        stroke-width: 5;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st121 {
        fill: #F1F1F5; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st122 {
        fill: url(#SVGID_86_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st123 {
        fill: url(#SVGID_87_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st124 {
        fill: url(#SVGID_88_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st125 {
        fill: url(#SVGID_89_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st126 {
        fill: none;
        stroke: #D8DCEE;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st127 {
        fill: url(#SVGID_90_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st128 {
        fill: url(#SVGID_91_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st129 {
        fill: url(#SVGID_92_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st130 {
        fill: url(#SVGID_93_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st131 {
        fill: url(#SVGID_94_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st132 {
        fill: url(#SVGID_95_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st133 {
        fill: url(#SVGID_96_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st134 {
        fill: url(#SVGID_97_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st135 {
        fill: url(#SVGID_98_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st136 {
        fill: url(#SVGID_99_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st137 {
        fill: url(#SVGID_100_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st138 {
        fill: url(#SVGID_101_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st139 {
        fill: url(#SVGID_102_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st140 {
        fill: url(#SVGID_103_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st141 {
        fill: url(#SVGID_104_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st142 {
        fill: url(#SVGID_105_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st143 {
        fill: url(#SVGID_106_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st144 {
        fill: url(#SVGID_107_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st145 {
        fill: url(#SVGID_108_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st146 {
        fill: url(#SVGID_109_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st147 {
        fill: url(#SVGID_110_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st148 {
        fill: url(#SVGID_111_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st149 {
        fill: url(#SVGID_112_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st150 {
        opacity: 0.2;
        fill: #FFFFFF; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st151 {
        opacity: 0.1;
        fill: #FFFFFF; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st152 {
        fill: url(#SVGID_113_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st153 {
        fill: none;
        stroke: url(#SVGID_114_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st154 {
        fill: none;
        stroke: url(#SVGID_115_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st155 {
        fill: none;
        stroke: url(#SVGID_116_);
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st156 {
        fill: url(#SVGID_117_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st157 {
        fill: url(#SVGID_118_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st158 {
        fill: url(#SVGID_119_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st159 {
        fill: url(#SVGID_120_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st160 {
        fill: url(#SVGID_121_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st161 {
        fill: url(#SVGID_122_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st162 {
        fill: url(#SVGID_123_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st163 {
        fill: none;
        stroke: #D8DCEE;
        stroke-width: 0.8753;
        stroke-miterlimit: 10; }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st164 {
        fill: url(#SVGID_124_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st165 {
        fill: url(#SVGID_125_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st166 {
        fill: url(#SVGID_126_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st167 {
        fill: url(#SVGID_127_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st168 {
        fill: url(#SVGID_128_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st169 {
        fill: url(#SVGID_129_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st170 {
        fill: url(#SVGID_130_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st171 {
        fill: url(#SVGID_131_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st172 {
        fill: url(#SVGID_132_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st173 {
        fill: url(#SVGID_133_); }
      .product-page .productDescribeSec .productDescribeContent .contrakC .st174 {
        fill: url(#SVGID_134_); }
  .product-page .productDescribeSec .productDescribeContentMob {
    display: none;
    padding-top: 50px;
    text-align: center; }
    .product-page .productDescribeSec .productDescribeContentMob .h3 {
      margin-bottom: 25px; }
    @media screen and (max-width: 768px) {
      .product-page .productDescribeSec .productDescribeContentMob {
        display: block; } }
  @media screen and (max-width: 1600px) {
    .product-page .productDescribeSec {
      padding-top: 170px; } }
  @media screen and (max-width: 1400px) {
    .product-page .productDescribeSec {
      padding-top: 150px; } }
  @media screen and (max-width: 1300px) {
    .product-page .productDescribeSec .productDescribeContent .productdescribeTxt .productdescribePoints {
      padding: 25px 0px 25px 10%; }
      .product-page .productDescribeSec .productDescribeContent .productdescribeTxt .productdescribePoints .list .h4 {
        padding-left: 20px; }
        .product-page .productDescribeSec .productDescribeContent .productdescribeTxt .productdescribePoints .list .h4:before {
          width: 8px;
          height: 8px;
          top: 5px; }
        .product-page .productDescribeSec .productDescribeContent .productdescribeTxt .productdescribePoints .list .h4:hover:before {
          height: 5px; } }
  @media screen and (max-width: 768px) {
    .product-page .productDescribeSec {
      padding-top: 0px; }
      .product-page .productDescribeSec .productDescribeContent {
        display: none; } }
.product-page .productDescriptionSec {
  padding-top: 200px; }
  .product-page .productDescriptionSec .productDescriptionContent {
    position: relative;
    display: inline-block; }
    .product-page .productDescriptionSec .productDescriptionContent .productDescriptionTxt {
      width: 50%;
      float: left;
      margin-bottom: 20%; }
      .product-page .productDescriptionSec .productDescriptionContent .productDescriptionTxt .h2 {
        font-stretch: condensed;
        line-height: 1.25;
        letter-spacing: 0.5px;
        color: rgba(48, 48, 48, 0.9); }
        .product-page .productDescriptionSec .productDescriptionContent .productDescriptionTxt .h2 span {
          color: #2c38a4; }
      @media screen and (max-width: 768px) {
        .product-page .productDescriptionSec .productDescriptionContent .productDescriptionTxt {
          width: 100%;
          float: none; } }
    .product-page .productDescriptionSec .productDescriptionContent .productDescriptionAnim {
      width: 30%;
      float: left;
      margin-left: 10%;
      position: sticky;
      top: 50%;
      transform: translatey(-50%);
      z-index: -1;
      margin-top: 8%; }
      .product-page .productDescriptionSec .productDescriptionContent .productDescriptionAnim .dottedcloud.fullmaskDown {
        opacity: 0 !important; }
      .product-page .productDescriptionSec .productDescriptionContent .productDescriptionAnim .bluecloud {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        transition: 0.5s;
        opacity: 0;
        background-position-y: 80%; }
        .product-page .productDescriptionSec .productDescriptionContent .productDescriptionAnim .bluecloud.fullmask {
          opacity: 1; }
        .product-page .productDescriptionSec .productDescriptionContent .productDescriptionAnim .bluecloud.fullmaskDown {
          opacity: 0 !important; }
      @media screen and (max-width: 768px) {
        .product-page .productDescriptionSec .productDescriptionContent .productDescriptionAnim {
          width: 100%;
          float: none;
          margin-left: 0px;
          margin-top: 100px;
          position: relative; }
          .product-page .productDescriptionSec .productDescriptionContent .productDescriptionAnim .dottedcloud.fullmaskDown {
            opacity: 1 !important; }
          .product-page .productDescriptionSec .productDescriptionContent .productDescriptionAnim .bluecloud.fullmaskDown {
            opacity: 1 !important; } }
    .product-page .productDescriptionSec .productDescriptionContent .productDescriptionImg {
      width: 30%;
      float: left;
      text-align: center;
      position: sticky;
      top: 50%;
      transform: translatey(-50%);
      z-index: -1; }
      .product-page .productDescriptionSec .productDescriptionContent .productDescriptionImg .preCicl {
        position: absolute;
        z-index: -1;
        top: 50%;
        right: 0;
        left: 0;
        margin: auto;
        height: 5px;
        width: 5px;
        background: transparent;
        border-radius: 50%;
        -webkit-transform: translate3d(0, 0, 0) !important;
        -ms-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important; }
      .product-page .productDescriptionSec .productDescriptionContent .productDescriptionImg .preCicl span {
        border-radius: 50%;
        box-shadow: 0 0 0 #111c7f, 0 0 0 #111c7f inset;
        height: 0;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        transform: translate(-50%, -50%);
        width: 0px; }
      .product-page .productDescriptionSec .productDescriptionContent .productDescriptionImg .preCicl.active span {
        animation: rippleLoad 4s linear infinite; }
      .product-page .productDescriptionSec .productDescriptionContent .productDescriptionImg .preCicl span:nth-child(1) {
        animation-delay: 0s; }
      .product-page .productDescriptionSec .productDescriptionContent .productDescriptionImg .preCicl span:nth-child(2) {
        animation-delay: 2s; }
@keyframes rippleLoad {
  50% {
    box-shadow: 0 0 2px #111c7f, 0 0 2px #111c7f inset; }
  80% {
    height: 150vh;
    opacity: 0;
    width: 150vh; }
  100% {
    box-shadow: 0 0 2px #111c7f, 0 0 2px #111c7f inset;
    height: 180vh;
    opacity: 0;
    width: 180vh; } }
      @media screen and (max-width: 768px) {
        .product-page .productDescriptionSec .productDescriptionContent .productDescriptionImg {
          width: 100%;
          float: none;
          position: relative;
          overflow: hidden; } }
    .product-page .productDescriptionSec .productDescriptionContent .productDescriptionBAnim {
      width: 30%;
      float: left;
      margin-left: 30%; }
    .product-page .productDescriptionSec .productDescriptionContent .productDescriptionIcons {
      width: 60%;
      float: left;
      margin-left: 30%;
      margin-top: 300px; }
      .product-page .productDescriptionSec .productDescriptionContent .productDescriptionIcons ul li {
        width: 30%;
        display: inline-block;
        text-align: center;
        margin: 0px 3% 80px 0px;
        vertical-align: top; }
        .product-page .productDescriptionSec .productDescriptionContent .productDescriptionIcons ul li .h3 {
          font-stretch: condensed;
          line-height: 1.33;
          letter-spacing: 0.3px;
          color: #303030; }
        .product-page .productDescriptionSec .productDescriptionContent .productDescriptionIcons ul li .p {
          font-stretch: condensed;
          line-height: 1.33;
          letter-spacing: 0.5px;
          color: rgba(48, 48, 48, 0.7); }
      @media screen and (max-width: 768px) {
        .product-page .productDescriptionSec .productDescriptionContent .productDescriptionIcons {
          width: 100%;
          float: none;
          margin-left: 0px;
          margin-top: 50px; }
          .product-page .productDescriptionSec .productDescriptionContent .productDescriptionIcons ul li {
            width: 45%;
            margin-right: 2%; } }
  @media screen and (max-width: 1600px) {
    .product-page .productDescriptionSec {
      padding-top: 170px; } }
  @media screen and (max-width: 1400px) {
    .product-page .productDescriptionSec {
      padding-top: 150px; }
      .product-page .productDescriptionSec .productDescriptionContent .productDescriptionIcons ul li .h3 {
        font-size: 20px; }
      .product-page .productDescriptionSec .productDescriptionContent .productDescriptionImg img {
        width: 80%; } }
  @media screen and (max-width: 768px) {
    .product-page .productDescriptionSec {
      padding-top: 60px; }
      .product-page .productDescriptionSec .productDescriptionContent .productDescriptionImg img {
        width: 60%; } }
.product-page .productCounterSec .productCounterContent {
  background: #f1f1f7;
  padding: 50px 0px 20px;
  box-sizing: border-box; }
  .product-page .productCounterSec .productCounterContent .counterSec {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box; }
    .product-page .productCounterSec .productCounterContent .counterSec .counterTxt {
      width: 24%;
      display: inline-block;
      text-align: center;
      margin: 10px 0px 30px;
      vertical-align: top; }
      .product-page .productCounterSec .productCounterContent .counterSec .counterTxt .h1 {
        font-stretch: condensed;
        line-height: 0.56;
        letter-spacing: 1.8px;
        text-align: center;
        color: #2c38a4;
        margin-bottom: 15px; }
      .product-page .productCounterSec .productCounterContent .counterSec .counterTxt .p {
        font-stretch: condensed;
        line-height: 1.4;
        letter-spacing: 0.5px;
        text-align: center;
        color: #2c38a4;
        font-size: 14px; }
    .product-page .productCounterSec .productCounterContent .counterSec.contrak {
      width: 100%; }
      .product-page .productCounterSec .productCounterContent .counterSec.contrak .counterTxt {
        width: 16.5%; }
    @media screen and (max-width: 768px) {
      .product-page .productCounterSec .productCounterContent .counterSec {
        width: 100%; }
        .product-page .productCounterSec .productCounterContent .counterSec .counterTxt {
          width: 49%;
          margin-bottom: 32px; }
        .product-page .productCounterSec .productCounterContent .counterSec.contrak .counterTxt {
          width: 49%; } }
.product-page .testimonialSec {
  background: transparent;
  color: #2c38a4;
  height: auto;
  padding: 120px 0px; }
  .product-page .testimonialSec .boxSection {
    height: auto; }
  .product-page .testimonialSec .slider-for .testimonialTxt .p {
    color: #303030; }
  @media screen and (max-width: 1600px) {
    .product-page .testimonialSec .slider-for .testimonialTxt {
      padding-top: 50px; }
    .product-page .testimonialSec .testimonialpagination {
      width: 20%;
      top: 36%;
      right: 0; } }
  @media screen and (max-width: 768px) {
    .product-page .testimonialSec {
      padding: 20px 0px; } }
.product-page .contactSec {
  height: 70vh; }
  .product-page .contactSec .sitewrap-full {
    height: 100%; }
  .product-page .contactSec .circleLayout {
    bottom: 20%; }
    .product-page .contactSec .circleLayout .h2 {
      width: 36%; }
  .product-page .contactSec .maskDiv {
    height: auto;
    margin-top: 4.5% !important; }
    .product-page .contactSec .maskDiv .h2 {
      width: 40%;
      margin-bottom: 40px; }
  @media screen and (max-width: 1600px) {
    .product-page .contactSec .circleLayout {
      bottom: 22.5%; }
      .product-page .contactSec .circleLayout .h2 {
        width: 52%; }
    .product-page .contactSec .maskDiv {
      margin-top: 5.9% !important; }
      .product-page .contactSec .maskDiv .h2 {
        width: 60%; } }
  @media screen and (max-width: 1400px) {
    .product-page .contactSec .circleLayout .h2 {
      width: 35%; }
    .product-page .contactSec .maskDiv {
      margin-top: 5.9% !important; }
      .product-page .contactSec .maskDiv .h2 {
        width: 36%; } }
  @media screen and (max-width: 768px) {
    .product-page .contactSec {
      height: auto; } }

.solutions-page .topAnimSec {
  display: block; }
.solutions-page .topSectionwrapper {
  height: 120vh;
  display: block; }
  @media screen and (max-width: 768px) {
    .solutions-page .topSectionwrapper {
      display: none; } }
.solutions-page .MobtopSectionwrapper {
  display: none;
  padding-top: 15%; }
  @media screen and (max-width: 768px) {
    .solutions-page .MobtopSectionwrapper {
      display: block; }
      .solutions-page .MobtopSectionwrapper .h1 {
        margin-bottom: 30px; }
      .solutions-page .MobtopSectionwrapper .h2 {
        margin-bottom: 30px; } }
.solutions-page .topsection {
  background-image: linear-gradient(to right, #2c38a4, #111c7f 97%);
  height: calc(100vh - 260px);
  position: sticky;
  top: 130px; }
  .solutions-page .topsection .topsectionContent {
    width: 50%;
    padding: 32px;
    float: left;
    box-sizing: border-box;
    padding-top: 10%;
    position: relative;
    height: 100%;
    z-index: 1; }
    .solutions-page .topsection .topsectionContent .h1 {
      font-stretch: condensed;
      line-height: 1.14;
      letter-spacing: 0.7px;
      text-align: left;
      color: #e7e0d6; }
      .solutions-page .topsection .topsectionContent .h1 span {
        color: #dca26f; }
    .solutions-page .topsection .topsectionContent .h2 {
      font-stretch: condensed;
      line-height: 1.25;
      letter-spacing: 0.5px;
      text-align: left;
      color: #e7e0d6; }
      .solutions-page .topsection .topsectionContent .h2 span {
        color: #dca26f; }
      @media screen and (max-width: 1600px) {
        .solutions-page .topsection .topsectionContent .h2 {
          font-size: 38px; } }
      @media screen and (max-width: 1300px) {
        .solutions-page .topsection .topsectionContent .h2 {
          font-size: 32px; } }
    .solutions-page .topsection .topsectionContent .animTxt1 {
      opacity: 1;
      transition: 1s;
      position: absolute; }
      .solutions-page .topsection .topsectionContent .animTxt1.activeopacity {
        opacity: 0; }
    .solutions-page .topsection .topsectionContent .animTxt2 {
      opacity: 0;
      transition: 1s; }
      .solutions-page .topsection .topsectionContent .animTxt2.activeopacity {
        opacity: 1; }
    @media screen and (max-width: 1600px) {
      .solutions-page .topsection .topsectionContent {
        padding-top: 5%; } }
    @media screen and (max-width: 768px) {
      .solutions-page .topsection .topsectionContent {
        width: 100%;
        float: none;
        height: auto;
        padding: 15px; } }
  .solutions-page .topsection .topsectionAnim {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    height: 100%; }
    .solutions-page .topsection .topsectionAnim.animlottie1 {
      opacity: 1;
      transition: 1s; }
      .solutions-page .topsection .topsectionAnim.animlottie1.activeopacity {
        opacity: 0; }
    .solutions-page .topsection .topsectionAnim.animlottie2 {
      opacity: 0;
      transition: 1s; }
      .solutions-page .topsection .topsectionAnim.animlottie2.activeopacity {
        opacity: 1; }
    .solutions-page .topsection .topsectionAnim.flowerp svg {
      height: 80%;
      margin: auto;
      position: absolute;
      right: 10%;
      top: 50%;
      transform: translateY(-50%); }
    .solutions-page .topsection .topsectionAnim img {
      margin: 0 auto;
      display: block; }
    .solutions-page .topsection .topsectionAnim.moopaySec {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      float: none;
      align-items: flex-end; }
    @media screen and (max-width: 768px) {
      .solutions-page .topsection .topsectionAnim {
        width: 100%;
        float: none;
        height: auto;
        padding: 15px;
        box-sizing: border-box; } }
  @media screen and (max-width: 1600px) {
    .solutions-page .topsection {
      height: calc(100vh - 180px);
      top: 88px; } }
  @media screen and (max-width: 768px) {
    .solutions-page .topsection {
      height: auto; } }
.solutions-page .topSecMob {
  display: none; }
  @media screen and (max-width: 768px) {
    .solutions-page .topSecMob {
      display: block; } }
.solutions-page .innerAnimSec {
  position: relative;
  overflow: hidden;
  height: 80vh;
  display: flex;
  width: 80%;
  margin: auto; }
  .solutions-page .innerAnimSec .productText {
    width: 30%;
    float: left;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 10%; }
    .solutions-page .innerAnimSec .productText .productHeadPoints {
      width: 100%;
      float: left; }
      .solutions-page .innerAnimSec .productText .productHeadPoints h2 {
        font-size: 22px;
        padding-bottom: 20px; }
      .solutions-page .innerAnimSec .productText .productHeadPoints .list {
        margin: 0;
        padding: 0;
        list-style: none;
        color: rgba(248, 248, 248, 0.3); }
        .solutions-page .innerAnimSec .productText .productHeadPoints .list li {
          display: block;
          width: 100%;
          text-align: left;
          cursor: pointer;
          transition: 0.5s;
          color: rgba(48, 48, 48, 0.7); }
          .solutions-page .innerAnimSec .productText .productHeadPoints .list li.showHover {
            color: #f9aa56 !important;
            margin-left: 20px; }
        .solutions-page .innerAnimSec .productText .productHeadPoints .list li:hover {
          color: #f9aa56;
          padding-left: 20px; }
        .solutions-page .innerAnimSec .productText .productHeadPoints .list li.active {
          color: #f9aa56;
          margin-left: -20px; }
        .solutions-page .innerAnimSec .productText .productHeadPoints .list li:hover p:before, .solutions-page .innerAnimSec .productText .productHeadPoints .list li.active p:before {
          display: none; }
        .solutions-page .innerAnimSec .productText .productHeadPoints .list li:hover p:after, .solutions-page .innerAnimSec .productText .productHeadPoints .list li.active p:after {
          width: 100px; }
      .solutions-page .innerAnimSec .productText .productHeadPoints .list li p {
        position: relative;
        padding-bottom: 22px;
        display: inline-block; }
  .solutions-page .innerAnimSec .productTextImg {
    width: 50%;
    float: left;
    height: 100%;
    display: flex;
    align-items: center; }
  .solutions-page .innerAnimSec .productTextImg-holder {
    width: 100%;
    margin: 0; }
  .solutions-page .innerAnimSec .mooflowSvg {
    /* MOOFLOW SVG CSS START */
    /* MOOFLOW SVG CSS END */ }
    .solutions-page .innerAnimSec .mooflowSvg .st0 {
      fill: url(#SVGID_1_); }
    .solutions-page .innerAnimSec .mooflowSvg .st1 {
      opacity: 0.2;
      fill: none;
      stroke: #F1F1F2;
      stroke-width: 0.75;
      stroke-miterlimit: 10;
      enable-background: new; }
    .solutions-page .innerAnimSec .mooflowSvg .st2 {
      opacity: 0.6;
      fill: #F1F1F2;
      enable-background: new; }
    .solutions-page .innerAnimSec .mooflowSvg .st3 {
      fill: url(#SVGID_2_); }
    .solutions-page .innerAnimSec .mooflowSvg .st4 {
      opacity: 0.2; }
    .solutions-page .innerAnimSec .mooflowSvg .st5 {
      opacity: 0.7;
      fill: #F1F1F2;
      enable-background: new; }
    .solutions-page .innerAnimSec .mooflowSvg .st6 {
      opacity: 0.8; }
    .solutions-page .innerAnimSec .mooflowSvg .st7 {
      fill: #F1F1F2; }
    .solutions-page .innerAnimSec .mooflowSvg .st8 {
      opacity: 0.85;
      fill: none;
      stroke: #F1F1F2;
      stroke-width: 0.7595;
      stroke-miterlimit: 10;
      enable-background: new; }
    .solutions-page .innerAnimSec .mooflowSvg .st9 {
      clip-path: url(#SVGID_4_);
      fill: #F1F1F2; }
    .solutions-page .innerAnimSec .mooflowSvg .st10 {
      opacity: 0.9;
      clip-path: url(#SVGID_6_);
      fill: #F1F1F2;
      enable-background: new; }
    .solutions-page .innerAnimSec .mooflowSvg .st11 {
      clip-path: url(#SVGID_8_);
      fill: #F1F1F2; }
    .solutions-page .innerAnimSec .mooflowSvg .st12 {
      fill: #FFFFFF;
      stroke: #2C38A4;
      stroke-miterlimit: 10; }
    .solutions-page .innerAnimSec .mooflowSvg .st13 {
      fill: url(#SVGID_9_); }
    .solutions-page .innerAnimSec .mooflowSvg .st14 {
      opacity: 0.2;
      fill: #2C38A4;
      enable-background: new; }
    .solutions-page .innerAnimSec .mooflowSvg .st15 {
      fill: none;
      stroke: #2C38A4;
      stroke-miterlimit: 10; }
    .solutions-page .innerAnimSec .mooflowSvg .st16 {
      fill: #F1F1F2;
      stroke: #2C38A4;
      stroke-miterlimit: 10; }
    .solutions-page .innerAnimSec .mooflowSvg .st17 {
      opacity: 0.5; }
    .solutions-page .innerAnimSec .mooflowSvg .st18 {
      clip-path: url(#SVGID_11_);
      fill: #F1F1F2; }
    .solutions-page .innerAnimSec .mooflowSvg .st19 {
      clip-path: url(#SVGID_13_);
      fill: #F1F1F2; }
    .solutions-page .innerAnimSec .mooflowSvg .st20 {
      clip-path: url(#SVGID_15_);
      fill: #F1F1F2; }
    .solutions-page .innerAnimSec .mooflowSvg .st21 {
      fill: url(#SVGID_16_);
      stroke: #2C38A4;
      stroke-miterlimit: 10; }
    .solutions-page .innerAnimSec .mooflowSvg .st22 {
      opacity: 0.2;
      fill: #2C38A4; }
    .solutions-page .innerAnimSec .mooflowSvg .st23 {
      fill-rule: evenodd;
      clip-rule: evenodd;
      fill: #F1F1F2; }
    .solutions-page .innerAnimSec .mooflowSvg .st24 {
      fill-rule: evenodd;
      clip-rule: evenodd;
      fill: #2C38A4; }
    .solutions-page .innerAnimSec .mooflowSvg .st25 {
      fill: #2C38A4; }
    .solutions-page .innerAnimSec .mooflowSvg .st26 {
      fill: url(#SVGID_17_); }
    .solutions-page .innerAnimSec .mooflowSvg .st27 {
      fill: url(#SVGID_18_); }
    .solutions-page .innerAnimSec .mooflowSvg .st28 {
      fill: url(#SVGID_19_); }
    .solutions-page .innerAnimSec .mooflowSvg .st29 {
      fill: url(#SVGID_20_); }
    .solutions-page .innerAnimSec .mooflowSvg .st30 {
      fill-rule: evenodd;
      clip-rule: evenodd;
      fill: url(#SVGID_21_); }
    .solutions-page .innerAnimSec .mooflowSvg .st31 {
      fill: none;
      stroke: #2C38A4;
      stroke-linecap: round;
      stroke-miterlimit: 10; }
    .solutions-page .innerAnimSec .mooflowSvg .st32 {
      opacity: 0.2;
      fill-rule: evenodd;
      clip-rule: evenodd;
      fill: #2C38A4; }
    .solutions-page .innerAnimSec .mooflowSvg .st33 {
      fill-rule: evenodd;
      clip-rule: evenodd;
      fill: none;
      stroke: #2C38A4;
      stroke-miterlimit: 10; }
    .solutions-page .innerAnimSec .mooflowSvg .st34 {
      fill: url(#SVGID_22_); }
    .solutions-page .innerAnimSec .mooflowSvg .st35 {
      opacity: 0.5;
      fill: #F1F1F2;
      enable-background: new; }
    .solutions-page .innerAnimSec .mooflowSvg .st36 {
      opacity: 0.2;
      fill: #FFFFFF;
      enable-background: new; }
    .solutions-page .innerAnimSec .mooflowSvg .st37 {
      opacity: 0.7;
      fill: #F1F1F2; }
    .solutions-page .innerAnimSec .mooflowSvg .st38 {
      fill: #FFFFFF; }
    .solutions-page .innerAnimSec .mooflowSvg .st39 {
      fill: none;
      stroke: #2C38A4;
      stroke-width: 1.2898;
      stroke-miterlimit: 10; }
    .solutions-page .innerAnimSec .mooflowSvg .st40 {
      fill: none; }
    .solutions-page .innerAnimSec .mooflowSvg .st41 {
      clip-path: url(#SVGID_24_);
      fill: #F1F1F2; }
    .solutions-page .innerAnimSec .mooflowSvg .st42 {
      clip-path: url(#SVGID_26_);
      fill: #F1F1F2; }
    .solutions-page .innerAnimSec .mooflowSvg .st43 {
      opacity: 0.6; }
    .solutions-page .innerAnimSec .mooflowSvg .st44 {
      clip-path: url(#SVGID_28_);
      fill: #F1F1F2; }
    .solutions-page .innerAnimSec .mooflowSvg .st45 {
      clip-path: url(#SVGID_30_);
      fill: #F1F1F2; }
    .solutions-page .innerAnimSec .mooflowSvg .st46 {
      clip-path: url(#SVGID_32_);
      fill: #F1F1F2; }
    .solutions-page .innerAnimSec .mooflowSvg .st47 {
      clip-path: url(#SVGID_34_);
      fill: #F1F1F2; }
    .solutions-page .innerAnimSec .mooflowSvg .st48 {
      clip-path: url(#SVGID_36_);
      fill: #F1F1F2; }
    .solutions-page .innerAnimSec .mooflowSvg .st49 {
      clip-path: url(#SVGID_38_);
      fill: #F1F1F2; }
    .solutions-page .innerAnimSec .mooflowSvg .st50 {
      clip-path: url(#SVGID_40_);
      fill: #F1F1F2; }
    .solutions-page .innerAnimSec .mooflowSvg .st51 {
      clip-path: url(#SVGID_42_);
      fill: #F1F1F2; }
    .solutions-page .innerAnimSec .mooflowSvg .st52 {
      clip-path: url(#SVGID_44_);
      fill: #F1F1F2; }
    .solutions-page .innerAnimSec .mooflowSvg .st53 {
      fill: url(#SVGID_45_); }
    .solutions-page .innerAnimSec .mooflowSvg .st54 {
      fill: none;
      stroke: #2C38A4;
      stroke-width: 2.0339;
      stroke-miterlimit: 10; }
    .solutions-page .innerAnimSec .mooflowSvg .st55 {
      fill: none;
      stroke: #2C38A4;
      stroke-width: 1.7789;
      stroke-miterlimit: 10; }
    .solutions-page .innerAnimSec .mooflowSvg .st56 {
      fill: none;
      stroke: #2C38A4;
      stroke-width: 1.5549;
      stroke-miterlimit: 10; }
    .solutions-page .innerAnimSec .mooflowSvg .st57 {
      fill: none;
      stroke: #2C38A4;
      stroke-width: 1.2826;
      stroke-miterlimit: 10; }
    .solutions-page .innerAnimSec .mooflowSvg .st58 {
      fill: none;
      stroke: #F1F1F2;
      stroke-width: 1.8393;
      stroke-linecap: round;
      stroke-miterlimit: 10;
      enable-background: new; }
    .solutions-page .innerAnimSec .mooflowSvg .st59 {
      fill: url(#SVGID_46_); }
    .solutions-page .innerAnimSec .mooflowSvg .st60 {
      fill: url(#SVGID_47_); }
    .solutions-page .innerAnimSec .mooflowSvg .st61 {
      opacity: 0.2;
      fill: #F1F1F2;
      enable-background: new; }
    .solutions-page .innerAnimSec .mooflowSvg .st62 {
      fill: url(#SVGID_48_); }
    .solutions-page .innerAnimSec .mooflowSvg .st63 {
      fill: url(#SVGID_49_); }
    .solutions-page .innerAnimSec .mooflowSvg .st64 {
      fill: none;
      stroke: #2C38A4;
      stroke-width: 1.0518;
      stroke-miterlimit: 10; }
    .solutions-page .innerAnimSec .mooflowSvg .st65 {
      fill: none;
      stroke: #00007F;
      stroke-linecap: round;
      stroke-miterlimit: 10; }
    .solutions-page .innerAnimSec .mooflowSvg .st66 {
      fill: url(#SVGID_50_); }
    .solutions-page .innerAnimSec .mooflowSvg .st67 {
      fill: #FFFFFF;
      stroke: #00007F;
      stroke-miterlimit: 10; }
    .solutions-page .innerAnimSec .mooflowSvg .st68 {
      fill: none;
      stroke: #00007F;
      stroke-miterlimit: 10; }
    .solutions-page .innerAnimSec .mooflowSvg .st69 {
      fill: url(#SVGID_51_); }
    .solutions-page .innerAnimSec .mooflowSvg .st70 {
      fill: url(#SVGID_52_); }
    .solutions-page .innerAnimSec .mooflowSvg .st71 {
      fill: #00007F; }
    .solutions-page .innerAnimSec .mooflowSvg .st72 {
      fill: url(#SVGID_53_); }
    .solutions-page .innerAnimSec .mooflowSvg .st73 {
      fill: #FFFFFF;
      stroke: #00007F;
      stroke-width: 1.1069;
      stroke-miterlimit: 10; }
    .solutions-page .innerAnimSec .mooflowSvg .st74 {
      fill: none;
      stroke: #00007F;
      stroke-width: 1.1069;
      stroke-miterlimit: 10; }
    .solutions-page .innerAnimSec .mooflowSvg .st75 {
      fill: url(#SVGID_54_); }
    .solutions-page .innerAnimSec .mooflowSvg .st76 {
      fill: #FFFFFF;
      stroke: #00007F;
      stroke-width: 0.9087;
      stroke-miterlimit: 10; }
    .solutions-page .innerAnimSec .mooflowSvg .st77 {
      fill: none;
      stroke: #00007F;
      stroke-width: 0.9087;
      stroke-miterlimit: 10; }
    .solutions-page .innerAnimSec .mooflowSvg .st78 {
      fill: url(#SVGID_55_); }
    .solutions-page .innerAnimSec .mooflowSvg .st79 {
      fill: #FFFFFF;
      stroke: #00007F;
      stroke-width: 0.8858;
      stroke-miterlimit: 10; }
    .solutions-page .innerAnimSec .mooflowSvg .st80 {
      fill: none;
      stroke: #00007F;
      stroke-width: 0.8858;
      stroke-miterlimit: 10; }
    .solutions-page .innerAnimSec .mooflowSvg .st81 {
      fill: none;
      stroke: #2C38A4;
      stroke-width: 0.9342;
      stroke-miterlimit: 10; }
    .solutions-page .innerAnimSec .mooflowSvg .st82 {
      fill: none;
      stroke: #2C38A4;
      stroke-width: 0.9096;
      stroke-miterlimit: 10; }
    .solutions-page .innerAnimSec .mooflowSvg .st83 {
      fill: url(#SVGID_56_); }
  .solutions-page .innerAnimSec .moopayDairyfarm .st0 {
    fill: #FFFFFF;
    stroke: #2C38A4;
    stroke-miterlimit: 10; }
  .solutions-page .innerAnimSec .moopayDairyfarm .st1 {
    fill: url(#SVGID_1_); }
  .solutions-page .innerAnimSec .moopayDairyfarm .st2 {
    opacity: 0.2;
    fill: #2C38A4;
    enable-background: new; }
  .solutions-page .innerAnimSec .moopayDairyfarm .st3 {
    opacity: 0.2;
    clip-path: url(#SVGID_3_);
    fill: #2C38A4;
    enable-background: new; }
  .solutions-page .innerAnimSec .moopayDairyfarm .st4 {
    clip-path: url(#SVGID_5_); }
  .solutions-page .innerAnimSec .moopayDairyfarm .st5 {
    opacity: 0.2; }
  .solutions-page .innerAnimSec .moopayDairyfarm .st6 {
    fill: #2C38A4; }
  .solutions-page .innerAnimSec .moopayDairyfarm .st7 {
    opacity: 0.7;
    fill: #F1F1F2;
    enable-background: new; }
  .solutions-page .innerAnimSec .moopayDairyfarm .st8 {
    fill: none;
    stroke: #2C38A4;
    stroke-miterlimit: 10; }
  .solutions-page .innerAnimSec .moopayDairyfarm .st9 {
    fill: none;
    stroke: #F1F1F2;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-miterlimit: 10; }
  .solutions-page .innerAnimSec .moopayDairyfarm .st10 {
    fill: none;
    stroke: #2C38A4;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10; }
  .solutions-page .innerAnimSec .moopayDairyfarm .st11 {
    fill: url(#SVGID_6_); }
  .solutions-page .innerAnimSec .moopayDairyfarm .st12 {
    opacity: 0.2;
    fill: #FFFFFF;
    stroke: #2C38A4;
    stroke-miterlimit: 10;
    enable-background: new; }
  .solutions-page .innerAnimSec .moopayDairyfarm .st13 {
    opacity: 0.4; }
  .solutions-page .innerAnimSec .moopayDairyfarm .st14 {
    fill: none; }
  .solutions-page .innerAnimSec .moopayDairyfarm .st15 {
    fill: #FFD8B8; }
  .solutions-page .innerAnimSec .moopayDairyfarm .st16 {
    fill: url(#SVGID_7_); }
  .solutions-page .innerAnimSec .moopayDairyfarm .st17 {
    fill: none;
    stroke: #2C38A4;
    stroke-linecap: round;
    stroke-miterlimit: 10; }
  .solutions-page .innerAnimSec .moopayDairyfarm .st18 {
    fill: url(#SVGID_8_); }
  .solutions-page .innerAnimSec .moopayDairyfarm .st19 {
    fill: #F1F1F2; }
  .solutions-page .innerAnimSec .moopayDairyfarm .st20 {
    fill: none;
    stroke: #34409A;
    stroke-miterlimit: 10; }
  .solutions-page .innerAnimSec .moopayDairyfarm .st21 {
    opacity: 0.2;
    fill: none;
    stroke: #2C38A4;
    stroke-miterlimit: 10;
    enable-background: new; }
  .solutions-page .innerAnimSec .moopayDairyfarm .st22 {
    opacity: 0.2;
    clip-path: url(#SVGID_10_);
    fill: #2C38A4;
    enable-background: new; }
  .solutions-page .innerAnimSec .moopayDairyfarm .st23 {
    fill: none;
    stroke: #FFFFFF;
    stroke-linecap: round;
    stroke-miterlimit: 10; }
  .solutions-page .innerAnimSec .moopayDairyprocessors .st0 {
    fill: #FFFFFF;
    stroke: #2C38A4;
    stroke-miterlimit: 10; }
  .solutions-page .innerAnimSec .moopayDairyprocessors .st1 {
    fill: url(#SVGID_1_); }
  .solutions-page .innerAnimSec .moopayDairyprocessors .st2 {
    opacity: 0.2;
    fill: #2C38A4;
    enable-background: new; }
  .solutions-page .innerAnimSec .moopayDairyprocessors .st3 {
    fill: #FFD8B8; }
  .solutions-page .innerAnimSec .moopayDairyprocessors .st4 {
    fill: none;
    stroke: #2C38A4;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10; }
  .solutions-page .innerAnimSec .moopayDairyprocessors .st5 {
    fill: #2C38A4; }
  .solutions-page .innerAnimSec .moopayDairyprocessors .st6 {
    font-family: 'BarlowCondensed-SemiBold'; }
  .solutions-page .innerAnimSec .moopayDairyprocessors .st7 {
    font-size: 10.3186px; }
  .solutions-page .innerAnimSec .moopayDairyprocessors .st8 {
    fill: none;
    stroke: #2C38A4;
    stroke-miterlimit: 10; }
  .solutions-page .innerAnimSec .moopayDairyprocessors .st9 {
    fill: url(#SVGID_1_); }
  .solutions-page .innerAnimSec .moopayDairyprocessors .st10 {
    opacity: 0.2; }
  .solutions-page .innerAnimSec .moopayDairyprocessors .st11 {
    fill: none;
    stroke: #F1F1F2;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-miterlimit: 10; }
  .solutions-page .innerAnimSec .moopayDairyprocessors .st12 {
    fill: url(#SVGID_1_); }
  .solutions-page .innerAnimSec .moopayDairyprocessors .st13 {
    fill: url(#SVGID_1_); }
  .solutions-page .innerAnimSec .moopayDairyprocessors .st14 {
    opacity: 0.7;
    fill: #F1F1F2;
    enable-background: new; }
  .solutions-page .innerAnimSec .moopayDairyprocessors .st15 {
    opacity: 0.1;
    fill: none;
    stroke: #2C38A4;
    stroke-miterlimit: 10;
    stroke-dasharray: 10,4;
    enable-background: new; }
  .solutions-page .innerAnimSec .moopayDairyprocessors .st16 {
    opacity: 0.6; }
  .solutions-page .innerAnimSec .moopayDairyprocessors .st17 {
    fill: none;
    stroke: #FFFFFF;
    stroke-miterlimit: 10; }
  .solutions-page .innerAnimSec .financialserviceproviders .st0 {
    fill: #FFFFFF;
    stroke: #2C38A4;
    stroke-miterlimit: 10; }
  .solutions-page .innerAnimSec .financialserviceproviders .st1 {
    fill: url(#SVGID_1_); }
  .solutions-page .innerAnimSec .financialserviceproviders .st2 {
    fill: none;
    stroke: #2C38A4;
    stroke-miterlimit: 10; }
  .solutions-page .innerAnimSec .financialserviceproviders .st3 {
    opacity: 0.7;
    fill: #F1F1F2; }
  .solutions-page .innerAnimSec .financialserviceproviders .st4 {
    fill: none;
    stroke: #2C38A4;
    stroke-width: 1.2898;
    stroke-miterlimit: 10; }
  .solutions-page .innerAnimSec .financialserviceproviders .st5 {
    fill: none;
    stroke: #2C38A4;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-miterlimit: 10; }
  .solutions-page .innerAnimSec .financialserviceproviders .st6 {
    opacity: 0.2;
    fill: #2C38A4; }
  .solutions-page .innerAnimSec .financialserviceproviders .st7 {
    fill: #2C38A4; }
  .solutions-page .innerAnimSec .financialserviceproviders .st8 {
    fill: url(#SVGID_1_); }
  .solutions-page .innerAnimSec .financialserviceproviders .st9 {
    fill: url(#SVGID_1_); }
  .solutions-page .innerAnimSec .financialserviceproviders .st10 {
    opacity: 0.2; }
  .solutions-page .innerAnimSec .financialserviceproviders .st11 {
    fill: none;
    stroke: #F1F1F2;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-miterlimit: 10; }
  .solutions-page .innerAnimSec .financialserviceproviders .st12 {
    fill: url(#SVGID_1_); }
  .solutions-page .innerAnimSec .financialserviceproviders .st13 {
    opacity: 0.4; }
  .solutions-page .innerAnimSec .financialserviceproviders .st14 {
    fill: #FFFFFF;
    stroke: #2C38A4;
    stroke-linecap: round;
    stroke-miterlimit: 10; }
  .solutions-page .innerAnimSec .hideAnim {
    opacity: 0;
    transition: all .5s ease-in-out; }
  .solutions-page .innerAnimSec .showAnim {
    opacity: 1;
    transition: all .8s ease-in-out; }
  .solutions-page .innerAnimSec .hideAnim1 {
    opacity: 0;
    transition: all .5s ease-in-out; }
  .solutions-page .innerAnimSec .showAnim1 {
    opacity: 1;
    transition: all .8s ease-in-out; }
  .solutions-page .innerAnimSec .hideAnim2 {
    opacity: 0;
    transition: all .5s ease-in-out; }
  .solutions-page .innerAnimSec .showAnim2 {
    opacity: 1;
    transition: all .8s ease-in-out; }
  .solutions-page .innerAnimSec .appmobileSec {
    display: none; }
  @media screen and (max-width: 768px) {
    .solutions-page .innerAnimSec .boxSection {
      height: auto; }
    .solutions-page .innerAnimSec .productText {
      width: 100%;
      float: none;
      display: block; }
      .solutions-page .innerAnimSec .productText .productHead {
        width: 100%;
        float: none;
        margin: 0px;
        margin-bottom: 15px; }
      .solutions-page .innerAnimSec .productText .productHeadPoints {
        display: none; }
    .solutions-page .innerAnimSec .productTextImg {
      display: none; }
    .solutions-page .innerAnimSec .mooSec img {
      width: 100%;
      height: 200px; }
    .solutions-page .innerAnimSec .mooSec p {
      color: #000; }
    .solutions-page .innerAnimSec .appmobileSec {
      display: block; }
      .solutions-page .innerAnimSec .appmobileSec h2 {
        font-size: 24px;
        margin: 15px 0px; }
      .solutions-page .innerAnimSec .appmobileSec .mooSec .h4 {
        color: #000; } }
  @media screen and (max-width: 768px) {
    .solutions-page .innerAnimSec {
      display: block;
      height: auto;
      width: 100%;
      margin: 20px 0px; } }
.solutions-page .solutionoptServices {
  padding-top: 130px; }
  .solutions-page .solutionoptServices .optServicesTxt {
    margin-bottom: 100px;
    position: relative;
    overflow: hidden; }
    .solutions-page .solutionoptServices .optServicesTxt .h2 {
      font-stretch: condensed;
      line-height: 0.75;
      letter-spacing: normal;
      color: #111c7f;
      margin-bottom: 70px; }
      @media screen and (max-width: 1600px) {
        .solutions-page .solutionoptServices .optServicesTxt .h2 {
          margin-bottom: 40px; } }
      @media screen and (max-width: 768px) {
        .solutions-page .solutionoptServices .optServicesTxt .h2 {
          margin-bottom: 30px;
          line-height: 1; } }
    .solutions-page .solutionoptServices .optServicesTxt ul li {
      width: 16.5%;
      float: left;
      text-align: center;
      padding: 2%;
      box-sizing: border-box; }
      @media screen and (max-width: 768px) {
        .solutions-page .solutionoptServices .optServicesTxt ul li {
          width: 50%;
          margin-bottom: 10px 0;
          min-height: 230px; } }
      .solutions-page .solutionoptServices .optServicesTxt ul li img {
        margin: 0 auto; }
      .solutions-page .solutionoptServices .optServicesTxt ul li .h3 {
        font-stretch: condensed;
        line-height: 1.33;
        letter-spacing: 0.8px;
        text-align: center;
        color: #303030; }
  @media screen and (max-width: 768px) {
    .solutions-page .solutionoptServices {
      padding-top: 50px; }
      .solutions-page .solutionoptServices .optServicesTxt {
        margin-bottom: 50px; } }
.solutions-page .productCounterSec {
  margin-bottom: 75px; }
  .solutions-page .productCounterSec .productCounterContent {
    background: #f1f1f7;
    padding: 50px 0px; }
    .solutions-page .productCounterSec .productCounterContent .counterSec {
      width: 80%;
      margin: 0 auto; }
      .solutions-page .productCounterSec .productCounterContent .counterSec .counterTxt {
        width: 24%;
        display: inline-block;
        text-align: center; }
        .solutions-page .productCounterSec .productCounterContent .counterSec .counterTxt .h1 {
          font-stretch: condensed;
          line-height: 0.56;
          letter-spacing: 1.8px;
          text-align: center;
          color: #2c38a4;
          margin-bottom: 22px; }
        .solutions-page .productCounterSec .productCounterContent .counterSec .counterTxt .p {
          font-stretch: condensed;
          line-height: 1.4;
          letter-spacing: 0.5px;
          text-align: center;
          color: #2c38a4; }
      @media screen and (max-width: 768px) {
        .solutions-page .productCounterSec .productCounterContent .counterSec {
          width: 100%; }
          .solutions-page .productCounterSec .productCounterContent .counterSec .counterTxt {
            width: 49%;
            margin-bottom: 32px; } }
.solutions-page .testimonialSec {
  background: transparent;
  color: #2c38a4;
  height: auto;
  padding: 120px 0px; }
  .solutions-page .testimonialSec .boxSection {
    height: auto; }
  .solutions-page .testimonialSec .slider-for .testimonialTxt .p {
    color: #303030; }
  @media screen and (max-width: 1600px) {
    .solutions-page .testimonialSec .slider-for .testimonialTxt {
      padding-top: 50px; }
    .solutions-page .testimonialSec .testimonialpagination {
      width: 20%;
      top: 36%;
      right: 0; } }
  @media screen and (max-width: 768px) {
    .solutions-page .testimonialSec {
      padding: 0px; } }
.solutions-page .contactSec {
  height: 70vh; }
  .solutions-page .contactSec .sitewrap-full {
    height: 100%; }
  .solutions-page .contactSec .circleLayout {
    bottom: 17.7%; }
    .solutions-page .contactSec .circleLayout .h2 {
      width: 36%; }
  .solutions-page .contactSec .maskDiv {
    height: auto; }
    .solutions-page .contactSec .maskDiv .h2 {
      width: 40%;
      margin-bottom: 40px; }
  @media screen and (max-width: 1600px) {
    .solutions-page .contactSec .circleLayout {
      bottom: 22.5%; }
      .solutions-page .contactSec .circleLayout .h2 {
        width: 52%; }
    .solutions-page .contactSec .maskDiv {
      margin-top: 5.9% !important; }
      .solutions-page .contactSec .maskDiv .h2 {
        width: 60%; } }
  @media screen and (max-width: 1400px) {
    .solutions-page .contactSec .circleLayout .h2 {
      width: 90%; } }
  @media screen and (max-width: 768px) {
    .solutions-page .contactSec {
      height: auto; } }

.newsDetailsSection .newsEventsSectionInner .newsEventsHeadding {
  color: rgba(48, 48, 48, 0.2); }
.newsDetailsSection .newsEventsSectionInner .h1 {
  margin-bottom: 10px;
  margin-top: 20px; }
.newsDetailsSection .newsEventsSectionInner .newsEventsSectionCol_60 {
  padding-top: 30px; }
  .newsDetailsSection .newsEventsSectionInner .newsEventsSectionCol_60 h5 {
    color: #2c38a4;
    font-weight: 600; }
  .newsDetailsSection .newsEventsSectionInner .newsEventsSectionCol_60 .marginTop {
    margin-top: 120px; }
  .newsDetailsSection .newsEventsSectionInner .newsEventsSectionCol_60 .floatRightHolder {
    float: right; }
.newsDetailsSection .newsEventsSectionInner .newsDetailsSectionInner {
  position: relative;
  padding-top: 50px;
  margin-left: 20%; }
  .newsDetailsSection .newsEventsSectionInner .newsDetailsSectionInner .newsEventsSectionCol_50 {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 50%; }
  .newsDetailsSection .newsEventsSectionInner .newsDetailsSectionInner .pageCenterStyle {
    padding: 50px 0 60px; }
    .newsDetailsSection .newsEventsSectionInner .newsDetailsSectionInner .pageCenterStyle h3 {
      opacity: 0.5;
      font-weight: normal;
      line-height: 1.33;
      letter-spacing: 0.8px;
      text-align: center;
      color: rgba(48, 48, 48, 0.5); }
.newsDetailsSection .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab .newsEventsSectionCol_60 {
  padding-top: 30px; }
.newsDetailsSection .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab .newsEventsSectionCol_40 {
  padding-top: 30px; }
.newsDetailsSection .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab .paddingLeft {
  padding-left: 30px; }
.newsDetailsSection .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab .paddingRight {
  padding-right: 30px; }
.newsDetailsSection .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab .newsEventsSectionTextHolder p {
  line-height: 1.4;
  font-weight: normal; }

@media screen and (max-width: 1100px) {
  .newsDetailsSection .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionCol_60 .marginTop {
    margin-top: 10px; }
  .newsDetailsSection .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab .newsEventsSectionTextHolder p {
    max-width: 100%; }
  .newsDetailsSection .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab .newsEventsSectionCol_40 {
    width: 100%; }
  .newsDetailsSection .newsEventsSectionInner .newsEventsSectionLeft .newsEventsSectionTab .paddingLeft {
    padding-left: 0; }
  .newsDetailsSection .newsEventsSectionInner .newsDetailsSectionInner {
    margin-left: 0;
    padding-top: 20px; }
    .newsDetailsSection .newsEventsSectionInner .newsDetailsSectionInner .newsEventsSectionCol_50 .paddingLeft {
      padding-left: 30px; } }
@media screen and (max-width: 768px) {
  .newsDetailsSection .newsEventsSectionInner .h1 {
    margin: 0 0; }
  .newsDetailsSection .newsEventsSectionInner .newsDetailsSectionInner {
    padding-top: 0; }
    .newsDetailsSection .newsEventsSectionInner .newsDetailsSectionInner .pageCenterStyle {
      padding: 10px 0 30px; }
      .newsDetailsSection .newsEventsSectionInner .newsDetailsSectionInner .pageCenterStyle h3 {
        font-size: 20px; }
    .newsDetailsSection .newsEventsSectionInner .newsDetailsSectionInner .newsEventsSectionCol_50 {
      width: 100%; }
      .newsDetailsSection .newsEventsSectionInner .newsDetailsSectionInner .newsEventsSectionCol_50 img {
        padding-bottom: 20px; }
      .newsDetailsSection .newsEventsSectionInner .newsDetailsSectionInner .newsEventsSectionCol_50 .paddingLeft {
        padding-left: 0;
        padding-top: 0px; }
  .newsDetailsSection .newsEventsSectionLeft .newsEventsSectionTab .newsEventsSectionTextHolder h2 {
    padding: 0 0 20px; }
  .newsDetailsSection .newsEventsSectionLeft .newsEventsSectionTab .newsEventsSectionTextHolder p {
    margin-bottom: 20px; }

  .newsEventGridHolder {
    padding-top: 20px; } }
@media screen and (max-width: 400px) {
  .newsEventGridHolder .newsEventGridBox {
    width: 100%;
    margin-bottom: 30px;
    margin-right: 0px; }
    .newsEventGridHolder .newsEventGridBox:nth-child(2) {
      margin-right: 0; }
    .newsEventGridHolder .newsEventGridBox:nth-child(3) {
      margin-right: 0px; }
    .newsEventGridHolder .newsEventGridBox:nth-child(4) {
      margin-right: 0px; }
    .newsEventGridHolder .newsEventGridBox:nth-child(5) {
      margin-right: 0; } }
.jobDescriptionLeft {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 30%;
  position: sticky;
  top: 130px; }
  .jobDescriptionLeft .jobDescriptionLeftBox {
    position: relative;
    padding: 26px 30px 50px;
    background-color: #111c7f;
    min-height: 400px;
    box-sizing: border-box; }
    .jobDescriptionLeft .jobDescriptionLeftBox h4 {
      font-size: 20px;
      font-weight: 500;
      line-height: 1;
      letter-spacing: 0.5px;
      color: #f8f8f8; }
    .jobDescriptionLeft .jobDescriptionLeftBox .h2 {
      color: #fff; }

.jobDescriptionRight {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: calc(100% - 30%); }
  .jobDescriptionRight .jobDescriptionRightBox {
    position: relative;
    padding: 0 90px;
    background-color: #111c7f1a;
    min-height: 400px;
    display: table;
    width: 100%;
    box-sizing: border-box; }
    .jobDescriptionRight .jobDescriptionRightBox .jobDescriptionRightBoxData {
      display: table-cell;
      vertical-align: middle; }
    .jobDescriptionRight .jobDescriptionRightBox .h2 {
      color: #2c38a4;
      padding-bottom: 30px; }
    .jobDescriptionRight .jobDescriptionRightBox .h3 {
      line-height: 1.33;
      letter-spacing: 0.8px;
      text-align: left;
      color: #303030; }

.jobDescriptionDetails {
  position: relative;
  padding: 50px 30px; }
  .jobDescriptionDetails .h2 {
    color: #2c38a4; }
  .jobDescriptionDetails .jobDescriptionDetailsTab {
    position: relative;
    padding: 20px 0; }
    .jobDescriptionDetails .jobDescriptionDetailsTab .h3 {
      padding: 15px 0px; }
    .jobDescriptionDetails .jobDescriptionDetailsTab ul {
      margin-left: 20px; }
      .jobDescriptionDetails .jobDescriptionDetailsTab ul li {
        list-style: disc; }
        .jobDescriptionDetails .jobDescriptionDetailsTab ul li .h4 {
          line-height: 1.4;
          letter-spacing: 0.5px;
          color: #303030; }

.jobYearPlace {
  position: relative;
  padding: 80px 0; }
  .jobYearPlace li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 48%; }
    .jobYearPlace li img {
      display: inline-block;
      vertical-align: middle;
      position: absolute;
      width: 40px;
      opacity: 0.2;
      top: 50%;
      transform: translatey(-50%); }
    .jobYearPlace li h3 {
      display: inline-block;
      vertical-align: middle;
      position: relative;
      color: #fff;
      padding-left: 50px; }

.jdSocailMediaBottom {
  position: relative;
  display: flex; }
  .jdSocailMediaBottom .jdSocailMediaBottomLeft {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 120px); }
    .jdSocailMediaBottom .jdSocailMediaBottomLeft p {
      padding-bottom: 10px;
      color: #f8f8f8b3;
      font-size: 20px;
      line-height: 1.5;
      letter-spacing: 0.5px; }
  .jdSocailMediaBottom .jdSocailMediaBottomRight {
    display: inline-block;
    vertical-align: top;
    width: 120px; }
  .jdSocailMediaBottom .footerLinks {
    display: flex; }
    .jdSocailMediaBottom .footerLinks li {
      width: 25px;
      padding-right: 15px; }
  .jdSocailMediaBottom .clickmask {
    display: inline-block; }

.jobDescriptionFormHolder {
  padding: 50px 0;
  position: relative;
  box-sizing: border-box; }
  .jobDescriptionFormHolder .jobDescriptionLeft h4 {
    line-height: 3; }
  .jobDescriptionFormHolder .jobDescriptionFormInner {
    background-color: #111c7f;
    position: relative; }
  .jobDescriptionFormHolder .form_50 {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    position: relative; }
  .jobDescriptionFormHolder .jobDescriptionForm {
    padding-right: 80px;
    padding-left: 30px; }
  .jobDescriptionFormHolder .primary-button {
    margin-top: 30px;
    font-size: 20px;
    font-weight: 500; }
  .jobDescriptionFormHolder .jobDescriptionLeft {
    vertical-align: middle; }
  .jobDescriptionFormHolder .jobDescriptionRight {
    vertical-align: middle; }
  .jobDescriptionFormHolder .marginRight {
    margin-right: 50px; }
  .jobDescriptionFormHolder .marginLeft {
    margin-left: 50px; }

.form {
  width: 280px;
  overflow: hidden; }

.file-upload-wrapper {
  position: relative;
  width: 100%;
  height: 40px; }
  .file-upload-wrapper:after {
    content: attr(data-text);
    font-size: 18px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: calc(100% - 40px);
    pointer-events: none;
    z-index: 20;
    opacity: 0.7;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.7); }
  .file-upload-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    z-index: 25;
    padding: 0 15px;
    height: 40px;
    pointer-events: none;
    background-image: url(../images/icons/attached.png);
    background-repeat: no-repeat;
    background-position: center; }
  .file-upload-wrapper input {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    height: 30px;
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
    width: 100%; }

@media screen and (max-width: 1600px) {
  .jobDescriptionLeft {
    top: 88px; }

  .jobYearPlace {
    padding: 50px 0px; } }
@media screen and (max-width: 1440px) {
  .jobDescriptionLeft {
    width: 30%; }

  .jobYearPlace li h3 {
    font-size: 16px; }

  .jdSocailMediaBottom .jdSocailMediaBottomLeft p {
    font-size: 14px;
    line-height: 1; }

  .jobDescriptionRight {
    width: calc(100% - 30%); }

  .jobDescriptionLeft .jobDescriptionLeftBox {
    min-height: 270px; }

  .jobDescriptionRight .jobDescriptionRightBox {
    min-height: 270px; }

  .jdSocailMediaBottom .jdSocailMediaBottomRight {
    text-align: right; } }
@media screen and (max-width: 1100px) {
  .jobDescriptionLeft {
    width: 100%;
    position: relative;
    top: 0; }

  .jobYearPlace {
    padding: 50px 0; }

  .jobDescriptionRight {
    width: 100%;
    margin-top: 20px; }
    .jobDescriptionRight .jobDescriptionDetails {
      padding: 30px 0; }

  .jobDescriptionFormHolder {
    padding-top: 0; }
    .jobDescriptionFormHolder .form_50 {
      width: 100%; }
    .jobDescriptionFormHolder .marginRight {
      margin-right: 0; }
    .jobDescriptionFormHolder .marginLeft {
      margin-left: 0; }
    .jobDescriptionFormHolder .jobDescriptionForm {
      padding: 0 30px 30px; } }
@media screen and (max-width: 768px) {
  .jobDescriptionLeft .jobDescriptionLeftBox {
    padding: 20px;
    min-height: auto; }
    .jobDescriptionLeft .jobDescriptionLeftBox h4 {
      line-height: 2; }

  .jdSocailMediaBottom {
    display: inline-block; }
    .jdSocailMediaBottom .jdSocailMediaBottomLeft {
      width: 100%; }
    .jdSocailMediaBottom .jdSocailMediaBottomRight {
      width: 100%;
      margin-top: 20px; }

  .jobDescriptionFormHolder .jobDescriptionForm {
    padding: 20px; }

  .jobYearPlace li img {
    height: 30px; }

  .jobDescriptionRight .jobDescriptionRightBox {
    padding: 40px 20px;
    min-height: auto; }
    .jobDescriptionRight .jobDescriptionRightBox .h2 {
      padding-bottom: 20px; }

  .jobDescriptionDetails .jobDescriptionDetailsTab {
    padding: 15px 0; }
    .jobDescriptionDetails .jobDescriptionDetailsTab .h3 {
      padding-bottom: 10px; } }
.careerPage .careerBannerSec {
  padding-top: 130px; }
  .careerPage .careerBannerSec .careerBannerContent {
    background: url(../images/careerBanner.jpg) top center no-repeat;
    background-size: cover;
    height: calc(100vh - 25vh);
    padding: 0px 33px;
    box-sizing: border-box;
    display: flex;
    align-items: center; }
    .careerPage .careerBannerSec .careerBannerContent .careerBannerTxt .h1 {
      font-stretch: condensed;
      line-height: 1.14;
      letter-spacing: 0.7px;
      color: #f8f8f8; }
    .careerPage .careerBannerSec .careerBannerContent .careerBannerTxt .h3 {
      font-stretch: condensed;
      line-height: 1.33;
      letter-spacing: 0.3px;
      color: #f8f8f8;
      width: 55%;
      margin-bottom: 30px; }
    .careerPage .careerBannerSec .careerBannerContent .careerBannerTxt .primary-button {
      display: inline-block;
      text-decoration: none; }
  @media screen and (max-width: 1600px) {
    .careerPage .careerBannerSec {
      padding-top: 88px; } }
  @media screen and (max-width: 768px) {
    .careerPage .careerBannerSec {
      padding-top: 60px; } }
.careerPage .careerPerksSec {
  padding: 150px 0px; }
  .careerPage .careerPerksSec .careerPerks {
    position: relative;
    clear: both;
    display: inline-block; }
    .careerPage .careerPerksSec .careerPerks .careerPerksHeading {
      width: 25%;
      float: left; }
      .careerPage .careerPerksSec .careerPerks .careerPerksHeading .h2 {
        font-stretch: condensed;
        line-height: 1.25;
        letter-spacing: 0.5px;
        color: #303030; }
    .careerPage .careerPerksSec .careerPerks .careerPerksContent {
      width: 70%;
      float: left; }
      .careerPage .careerPerksSec .careerPerks .careerPerksContent .perksContent {
        width: 50%;
        float: left;
        margin-bottom: 50px; }
        .careerPage .careerPerksSec .careerPerks .careerPerksContent .perksContent .perksIcon {
          width: 20%;
          float: left;
          text-align: center; }
        .careerPage .careerPerksSec .careerPerks .careerPerksContent .perksContent .perksTxt {
          width: 60%;
          float: left; }
          .careerPage .careerPerksSec .careerPerks .careerPerksContent .perksContent .perksTxt .h3 {
            font-stretch: condensed;
            line-height: 1;
            letter-spacing: 0.3px;
            color: #111c7f;
            margin-bottom: 15px; }
          .careerPage .careerPerksSec .careerPerks .careerPerksContent .perksContent .perksTxt .h4 {
            font-stretch: condensed;
            line-height: 1.4;
            letter-spacing: 0.5px;
            color: #303030; }
  @media screen and (max-width: 768px) {
    .careerPage .careerPerksSec {
      padding: 50px 0px; }
      .careerPage .careerPerksSec .careerPerks .careerPerksHeading {
        width: 100%;
        float: none; }
        .careerPage .careerPerksSec .careerPerks .careerPerksHeading .h2 {
          margin-bottom: 50px; }
      .careerPage .careerPerksSec .careerPerks .careerPerksContent {
        width: 100%;
        float: none; } }
  @media screen and (max-width: 600px) {
    .careerPage .careerPerksSec {
      padding: 50px 0px; }
      .careerPage .careerPerksSec .careerPerks .careerPerksHeading {
        width: 100%;
        float: none; }
        .careerPage .careerPerksSec .careerPerks .careerPerksHeading .h2 {
          margin-bottom: 30px; }
      .careerPage .careerPerksSec .careerPerks .careerPerksContent {
        width: 100%;
        float: none; }
        .careerPage .careerPerksSec .careerPerks .careerPerksContent .perksContent {
          width: 100%;
          margin-bottom: 25px; }
          .careerPage .careerPerksSec .careerPerks .careerPerksContent .perksContent .perksTxt {
            width: 80%; } }
.careerPage .eventsSec .stellappsLifeHeading .h2 {
  font-stretch: condensed;
  line-height: 1.71;
  letter-spacing: 0.5px;
  color: #303030;
  margin-bottom: 25px; }
.careerPage .eventsSec .lifeStellapps .slick-prev, .careerPage .eventsSec .lifeStellapps .slick-next {
  background: rgba(17, 28, 127, 0.6);
  width: 50px;
  height: 50px;
  z-index: 9;
  border-radius: 50%;
  transition: 0.8s; }
  .careerPage .eventsSec .lifeStellapps .slick-prev:hover, .careerPage .eventsSec .lifeStellapps .slick-next:hover {
    background: #111c7f; }
.careerPage .eventsSec .lifeStellapps .slick-prev {
  left: 10px;
  transform: rotate(180deg); }
  .careerPage .eventsSec .lifeStellapps .slick-prev:before {
    content: '';
    background: url(../images/pagearrow.svg) center center no-repeat;
    display: block;
    width: 70%;
    height: 100%;
    margin: auto; }
.careerPage .eventsSec .lifeStellapps .slick-next {
  right: 15px; }
  .careerPage .eventsSec .lifeStellapps .slick-next:before {
    content: '';
    background: url(../images/pagearrow.svg) center center no-repeat;
    display: block;
    width: 70%;
    height: 100%;
    margin: auto; }
.careerPage .eventSlidewrapper {
  width: 100%;
  display: block; }
  .careerPage .eventSlidewrapper .testimonialImg {
    width: 100%; }
    .careerPage .eventSlidewrapper .testimonialImg img {
      width: 100%; }
  @media screen and (max-width: 768px) {
    .careerPage .eventSlidewrapper {
      display: block; }
      .careerPage .eventSlidewrapper .testimonialImg {
        width: 100%; } }
.careerPage .jobopeningSec {
  padding: 100px 0px;
  display: flex; }
  .careerPage .jobopeningSec .jobOpening .jobopeningHeading {
    width: 20%;
    float: left; }
    .careerPage .jobopeningSec .jobOpening .jobopeningHeading .h2 {
      font-stretch: condensed;
      line-height: 1.71;
      letter-spacing: 0.5px;
      color: #303030; }
  .careerPage .jobopeningSec .jobOpening .jobopeningContent {
    width: 80%;
    float: right; }
    .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsDropdown .dropdowns {
      width: 23%;
      float: left;
      position: relative;
      box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
      margin-right: 30px;
      /* IE11 hide native button (thanks Matt!) */ }
      .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsDropdown .dropdowns:last-child {
        margin-right: 0px; }
      .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsDropdown .dropdowns:after {
        content: '+';
        color: #2f2f2f;
        right: 0px;
        top: 0px;
        height: 78%;
        padding: 15px 0px 0px 0px;
        position: absolute;
        pointer-events: none;
        font-size: 38px;
        width: 20%;
        text-align: center;
        background: #f1f1f7; }
      .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsDropdown .dropdowns select::-ms-expand {
        display: none; }
      .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsDropdown .dropdowns select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        /* Add some styling */
        display: block;
        width: 100%;
        max-width: 320px;
        height: 70px;
        padding: 0px 24px;
        font-size: 16px;
        line-height: 1.75;
        color: #333;
        background-color: #ffffff;
        -ms-word-break: normal;
        word-break: normal; }
      @media screen and (max-width: 1450px) {
        .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsDropdown .dropdowns {
          margin-right: 20px; } }
    .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsListing .jobsDetails {
      background: rgba(209, 210, 237, 0.2);
      padding: 30px;
      margin-top: 32px;
      position: relative;
      clear: both;
      box-sizing: border-box;
      display: flex;
      align-items: flex-end;
      transition: 0.5s; }
      .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsListing .jobsDetails:first-child {
        margin-top: 80px; }
      .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsListing .jobsDetails:hover {
        background: rgba(209, 210, 237, 0.7); }
      .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsListing .jobsDetails .jobTitle {
        width: 50%;
        float: left; }
        .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsListing .jobsDetails .jobTitle .h4 {
          font-stretch: condensed;
          line-height: 1;
          letter-spacing: 0.5px;
          color: #111c7f;
          margin-bottom: 15px; }
        .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsListing .jobsDetails .jobTitle .h3 {
          font-stretch: condensed;
          line-height: 1;
          letter-spacing: 0.3px;
          color: #303030; }
      .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsListing .jobsDetails .jobExperience {
        width: 20%;
        float: left;
        display: flex;
        align-items: center; }
        .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsListing .jobsDetails .jobExperience img {
          display: inline-block;
          margin-right: 15px; }
        .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsListing .jobsDetails .jobExperience .h3 {
          display: inline-block;
          font-stretch: condensed;
          line-height: 1;
          letter-spacing: 0.3px;
          color: #303030; }
      .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsListing .jobsDetails .jobLocation {
        width: 20%;
        float: left;
        display: flex;
        align-items: center; }
        .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsListing .jobsDetails .jobLocation img {
          display: inline-block;
          margin-right: 15px; }
        .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsListing .jobsDetails .jobLocation .h3 {
          display: inline-block;
          font-stretch: condensed;
          line-height: 1;
          letter-spacing: 0.3px;
          color: #303030; }
      .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsListing .jobsDetails .nextArrow a {
        width: 50px;
        height: 50px;
        display: block;
        background: #fff;
        text-align: center;
        border-radius: 50%;
        line-height: 80px;
        transition: 1s;
        transition-delay: 0.5s;
        opacity: 0; }
        .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsListing .jobsDetails .nextArrow a img {
          width: 40px; }
      .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsListing .jobsDetails:hover .nextArrow a {
        opacity: 1; }
  @media screen and (max-width: 768px) {
    .careerPage .jobopeningSec {
      padding: 0px 0px 50px 0px; }
      .careerPage .jobopeningSec .jobOpening .jobopeningHeading {
        width: 100%;
        margin-bottom: 25px; }
      .careerPage .jobopeningSec .jobOpening .jobopeningContent {
        width: 100%; }
        .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsDropdown .dropdowns {
          width: 45%;
          margin-right: 15px;
          margin-bottom: 30px; }
          .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsDropdown .dropdowns select {
            height: 50px;
            padding: 0px 10px;
            font-size: 14px;
            line-height: 1;
            margin: 0px;
            max-width: 100%; }
          .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsDropdown .dropdowns:after {
            height: 80%;
            padding-top: 10px;
            font-size: 28px; }
        .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsListing .jobsDetails {
          display: block;
          padding: 15px; }
          .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsListing .jobsDetails .jobTitle, .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsListing .jobsDetails .jobExperience, .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsListing .jobsDetails .jobLocation {
            width: 100%;
            float: none;
            margin-bottom: 25px; }
          .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsListing .jobsDetails:first-child {
            margin-top: 30px; } }

#careerHeader {
  position: relative;
  width: 100%; }

.stickyCareerHeader#careerHeader {
  position: fixed;
  width: calc(100% - 180px);
  margin: 0px auto;
  top: 130px;
  background-color: #f9f9f9;
  z-index: 99; }

@media screen and (max-width: 990px) {
  .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsListing .jobsDetails .nextArrow a {
    opacity: 1; }

  .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsListing .jobsDetails .nextArrow a {
    height: 40px;
    width: 40px;
    line-height: 55px; }

  .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsListing .jobsDetails .nextArrow a img {
    width: 25px; }

  .careerPage .careerBannerSec .careerBannerContent {
    padding: 0 20px; }

  .careerPage .careerBannerSec .careerBannerContent .careerBannerTxt .h3 {
    width: 100%; }

  .careerPage .careerPerksSec .careerPerks .careerPerksContent .perksContent .perksIcon {
    padding-right: 10px;
    box-sizing: border-box; } }
@media screen and (max-width: 768px) {
  .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsDropdown .dropdowns {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px; }

  .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsListing .jobsDetails .jobExperience img {
    height: 30px; }

  .careerPage .jobopeningSec .jobOpening .jobopeningContent .jobsListing .jobsDetails .jobLocation img {
    height: 30px; } }
.resourcesSection {
  padding: 150px 0;
  position: relative;
  width: 60%;
  margin: auto; }
  .resourcesSection .resourcesHeading h2 {
    color: rgba(17, 28, 127, 0.9);
    border-bottom: 3px solid #2c38a4;
    line-height: 80px; }
  .resourcesSection .resourcesPageHolder {
    padding: 50px 0;
    position: relative; }
    .resourcesSection .resourcesPageHolder li {
      display: inline-block;
      vertical-align: middle;
      position: relative;
      padding: 0 40px 0 0; }
      .resourcesSection .resourcesPageHolder li a {
        text-decoration: none; }
      .resourcesSection .resourcesPageHolder li .h3 {
        color: rgba(48, 48, 48, 0.2);
        transition: all 0.5s; }
        .resourcesSection .resourcesPageHolder li .h3.activeTab {
          color: #303030; }
        .resourcesSection .resourcesPageHolder li .h3.activeTab:before {
          content: '';
          background: #303030;
          width: 90%;
          height: 3px;
          position: absolute;
          display: block;
          bottom: -15px;
          left: 0; }
        .resourcesSection .resourcesPageHolder li .h3:hover {
          color: #303030; }
        .resourcesSection .resourcesPageHolder li .h3:hover:before {
          content: '';
          background: #303030;
          width: 90%;
          height: 3px;
          position: absolute;
          display: block;
          bottom: -15px;
          left: 0; }
  .resourcesSection .casestudiesHolder .casestudiesHolderTab {
    max-width: 100%;
    padding: 0px;
    border: 1px solid rgba(48, 48, 48, 0.2);
    margin-bottom: 60px; }
    .resourcesSection .casestudiesHolder .casestudiesHolderTab .casestudiesTabContent {
      padding: 30px 60px 60px; }
      .resourcesSection .casestudiesHolder .casestudiesHolderTab .casestudiesTabContent .h3 {
        font-stretch: condensed;
        line-height: 1.33;
        letter-spacing: 0.8px;
        color: #303030;
        margin-bottom: 20px; }
        .resourcesSection .casestudiesHolder .casestudiesHolderTab .casestudiesTabContent .h3 span {
          font-weight: 300; }
      .resourcesSection .casestudiesHolder .casestudiesHolderTab .casestudiesTabContent .h4 {
        font-stretch: condensed;
        line-height: 1.4;
        letter-spacing: 0.5px;
        color: #303030; }
      .resourcesSection .casestudiesHolder .casestudiesHolderTab .casestudiesTabContent .tertiary-button {
        font-size: 20px;
        font-weight: 600;
        font-style: normal;
        font-stretch: condensed;
        line-height: 1.8;
        letter-spacing: normal;
        margin-top: 40px;
        display: block; }
    @media screen and (max-width: 1600px) {
      .resourcesSection .casestudiesHolder .casestudiesHolderTab .casestudiesTabContent {
        padding: 30px; }
        .resourcesSection .casestudiesHolder .casestudiesHolderTab .casestudiesTabContent .h3 {
          margin-bottom: 15px; }
        .resourcesSection .casestudiesHolder .casestudiesHolderTab .casestudiesTabContent .tertiary-button {
          margin-top: 15px; } }
  .resourcesSection .casestudiesHolderTabGrid .casestudiesHolderTab {
    width: 46%;
    margin-right: 4%;
    float: left;
    vertical-align: top;
    position: relative;
    box-sizing: border-box; }
    .resourcesSection .casestudiesHolderTabGrid .casestudiesHolderTab:nth-child(even) {
      margin-right: 0px; }
    .resourcesSection .casestudiesHolderTabGrid .casestudiesHolderTab.blogsDiv .tertiary-button {
      margin-top: 0px; }
    .resourcesSection .casestudiesHolderTabGrid .casestudiesHolderTab.blogsDiv:nth-child(even) {
      margin-right: 0px; }
  @media screen and (max-width: 600px) {
    .resourcesSection .casestudiesHolderTabGrid .casestudiesHolderTab {
      width: 100%;
      margin-right: 0; } }
  .resourcesSection .loadMoreDataTop {
    display: none; }
  .resourcesSection .viewMoreBtn {
    padding: 0; }
  @media screen and (max-width: 768px) {
    .resourcesSection {
      padding: 100px 0px;
      width: 85%; } }
  @media screen and (max-width: 600px) {
    .resourcesSection {
      padding: 60px 0px; } }

@media screen and (max-width: 768px) {
  .resourcesSection .resourcesPageHolder li {
    padding-right: 10px; }

  .resourcesSection .resourcesPageHolder {
    padding: 40px 0; }

  .resourcesSection .resourcesPageHolder li .h3.activeTab:before, .resourcesSection .resourcesPageHolder li .h3:hover:before {
    bottom: -10px;
    width: auto;
    right: 20px; }

  .resourcesSection .casestudiesHolder .casestudiesHolderTab .casestudiesTabContent {
    padding: 20px; } }
@media screen and (max-width: 400px) {
  .resourcesSection .casestudiesHolder .bannerSectionPage {
    height: 200px; }

  .resourcesSection .resourcesPageHolder li .h3.activeTab:before, .resourcesSection .resourcesPageHolder li .h3:hover:before {
    bottom: -10px;
    width: auto;
    right: 10px; }

  .resourcesSection .resourcesPageHolder li {
    padding-right: 8px; }
    .resourcesSection .resourcesPageHolder li .h3 {
      font-size: 18px; } }
@media screen and (max-width: 360px) {
  .resourcesSection .resourcesPageHolder li {
    padding-right: 5px; }
    .resourcesSection .resourcesPageHolder li .h3 {
      font-size: 16px; } }
.bannerContentFrance {
  background: rgba(209, 210, 237, 0.2) url(../images/france/banner.svg) bottom center no-repeat !important; }
  .bannerContentFrance .p {
    margin: 10px 0px;
    line-height: 20px; }

.productPosition {
  top: calc(50% + 90px);
  transform: translateY(-50%); }

.productInfoTxt.piSec3 {
  top: calc(50% + 40px);
  transform: translateY(-50%); }

.iot-infra .productInfo ul {
  bottom: 22%; }
  @media screen and (max-width: 1600px) {
    .iot-infra .productInfo ul {
      bottom: 29%; } }

.productSec1 .productMain .productInfo .h4:before {
  display: none; }

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