@import url('wfx-theme.css');
@import url('ionicons.min.css');

body, html { overflow-x: hidden;}

.header-logo svg { width:120px}
.navbar { background:#fff; padding:0;}
.navbar .container-xl{ position: relative;}
main {   background-color: #f5f5f5;}
/* Main Navigation Starts*/
.nav { display: block;}
nav ul, nav li { list-style: none; padding: 0; margin: 0; }
nav a { display: block; text-decoration: none; }
nav a:hover,
nav a:visited { text-decoration: none; }
.menu-bar { background: #ffffff; display: inline-flex; justify-content: flex-end; }
.menu-link {  padding: 18px 20px; color: #4a4a4a; font-size: 15px; line-height: 20px; font-weight: 600;transition: background 0.2s, color 0.2s; position: relative; z-index: 1; }
/* .menu-link[aria-haspopup="true"] { padding-right: 40px; } */
.menu-link[aria-haspopup="true"] { padding-right: 30px; }
.menu-link[aria-haspopup="true"]:after { content: "\f347"; font-family: "dashicons"; color: #6d6c6c;  width: 12px; height: 12px; font-size: 12px; line-height: 12px; text-align: center; position: absolute; right: 10px;  top: 50%; transform: translateY(-50%); }
.mega-menu-header { font-size: 1.2em; text-transform: uppercase; font-weight: bold; color: #136a73; }
.mega-menu { background: #ffffff;  z-index: 10;  }
.mega-menu--multiLevel { flex-direction: column; }

/* .menu-link.nav-btn { border: 1px solid #fff;} */
/* .menu-link.nav-btn::after {content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 85%; height: 60%; border: 1px solid #fff; margin: auto; border-radius: 6px; background: #fff; opacity: 0.1; z-index: -1; } */
/* .menu-link.nav-btn:hover::after { background: #0099c4; opacity: 1; transform: none; border: none;}
.menu-link.nav-btn:hover::before { display: none;} */

.mega-level-2 { display: inline-flex; width: 100%;}
.mega-level-2 i { width: 64px; height: 64px; line-height: 38px; overflow: hidden; text-align: center; background: #f5f5f5; border-radius: 6px; padding: 10px;}
.mega-level-2 i img, .mega-level-2 i svg{ max-width: 100%; height: -webkit-fill-available; max-height: -webkit-fill-available;}
.mega-level-2 i.nav-subicon {width: 60px; height: 60px; }
.mega-level-2 i.nav-subicon svg{ max-width: 70%;}
.mega-level-2 i svg rect, .mega-level-2 i svg path, .mega-level-2 i svg circle{ stroke: #242733;}
.mega-level-2 .fill-stroke { fill: #242733;}

.mega-level-2 figcaption { width: 75%; display: inline-block; vertical-align: top; padding-left: 20px;}
.mega-level-2 figcaption strong { font-size: 17px; color: #4a4a4a; margin-bottom: 10px; display: block;}
.mega-level-2 figcaption strong em{ padding-top: 2px; font-size: 11px; color: #547079; font-style: normal;  display: block;}
.mega-level-2 figcaption em {  text-transform:capitalize; font-size: 15px; color: #efa64a;}
.mega-level-2 figcaption em img { margin-left: 10px; margin-top: -2px;}
.mega-level-2 figcaption span{ display:block; font-size: 12px; color: #5d5d5f;}

.normal-dropdown { position: relative;}
.normal-dropdown .mega-menu--flat { width: 170px; min-height: 100%;padding: 0; transform: translateX(-19px);}
.normal-dropdown .mega-menu--flat .menu-link {  color: #5d5d5f; padding: 10px 22px; font-size: 13px; }
.normal-dropdown .mega-menu--flat .menu-link:hover { background: #e7f4f8;}

.case-studies-nav .mega-menu { min-height: 435px;}
.case-studies-nav .mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul li, .case-studies-nav .mega-menu--multiLevel li.multilevel-active > [aria-haspopup="true"] ~ ul li { display: inline-flex; width: 33%;}
.case-studies-nav .mega-menu--multiLevel .menu-link { padding: 18px 0 18px 20px;}
/* .case-studies-nav .menu-list figcaption { padding-left: 0;} */
.case-studies-nav .menu-list figcaption span{ padding-top: 8px;}
.case-studies-nav .mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul li:last-child, .case-studies-nav .mega-menu--multiLevel li.multilevel-active > [aria-haspopup="true"] ~ ul li:last-child { display: block; width: 100%; text-align: right; padding-top: 20px; border-top: 1px solid #e7e7e7;}
.case-studies-nav .mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul li:last-child .menu-link, .case-studies-nav .mega-menu--multiLevel li.multilevel-active > [aria-haspopup="true"] ~ ul li:last-child .menu-link{ padding: 0; margin-right: 30px; display: inline-block;}
.case-studies-nav .mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul li:last-child .menu-link figcaption, .case-studies-nav .mega-menu--multiLevel li.multilevel-active > [aria-haspopup="true"] ~ ul li:last-child .menu-link figcaption { width: 100%;}
.case-studies-nav .mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul li:last-child .menu-link, .case-studies-nav .mega-menu--multiLevel li.multilevel-active > [aria-haspopup="true"] ~ ul li:last-child .menu-link { background: none;}


footer { background: #f5f5f5; padding-bottom: 0; border-top: 1px solid #b5b5b5;}
footer a.bottom-logo { max-width:  150px; display: block;}
footer p { display: block; font-size: 11px; color: #4B4B4B; margin-top: 10px;    padding-bottom: 12px;}
footer a.bottom-logo svg { max-width: 100%;}
.iso-mark { display: block;}
.social { margin: 15px 0; padding: 0;}
.social li { display: inline-block; text-align: center; list-style-type: none;}
.social li a { padding: 2px;}
.social li i { width: 20px; display: inline-block;}
.social li i img, .social li i svg { max-width: 100%;}
.social li i svg path, .social li i svg circle,.social li i svg rect { }
.linkedin svg path, .youtube svg path{}

.linkedin svg, .twitter svg, .instagram svg { width: 15px; }
.facebook svg { width: 15px;} .youtube svg  { width: 20px;} 

.social li a:hover i.facebook svg path, .social li a:hover i.twitter svg path, .social li a:hover i.instagram svg path{ stroke: #efa64a;  transition: all 0.4s ease-in-out 0s;}
.social li a:hover i.linkedin svg path, .social li a:hover i.youtube svg path{ fill: #efa64a;  transition: all 0.4s ease-in-out 0s;}


.bottom-links { display: inline-flex; width: 100%;}
.bottom-links li { list-style-type: none; }
.bottom-links li.column { padding-left: 0rem;}
.bottom-links li.column:nth-child(1) { width: 22%; border-left: none;}
.bottom-links li.column:nth-child(2) { width: 25%; padding-left: 0rem;}
.bottom-links li.column:nth-child(3) { width: 24%;}
.bottom-links li.column:nth-child(4) { width: 30%; padding-left: 0rem;}
.bottom-links li span.title-links { display: block;  font-size: 15px; font-weight: 700; color: #252734;}
.bottom-links li ul { padding: 0; margin-top: 16px;}
.bottom-links li:nth-child(2) div { display: block; width: 100%; }
.bottom-links li:nth-child(2) div ul { display: inline-block; width: 100%; vertical-align: top;}
.bottom-links li ul li { list-style-type:  none;}
.bottom-links li ul li a { list-style-type:  none; color: #252734; font-size: 12px;  transition: all 0.4s ease-in-out 0s;}
.bottom-links li ul li a:hover { color: #efa64a; padding-left: 2px;}
.bottom-links li div ul  span.title-links { text-transform: uppercase; display: block; font-size: 14px; color: #b3bdec;}
.countries { padding: 22px 0; margin: 0;border-top: 1px solid #B5B5B5;border-bottom: 1px solid #B5B5B5;}
.countries ul { display: block; text-align: center; margin: 0;}
.countries ul li{ display: inline-block; list-style-type: none; color: #4b4b4b; padding:0 20px;  font-size: 12px; }
.copyright { padding: 10px 0;}
.copyright a {transition: all 0.4s ease-in-out 0s;}
.copyright a:hover{ color: #efa64a; }
.copyright span, .copyright span a{ color: #4b4b4b; font-size: 12px;}
.copyright .terms { display: block; text-align: right;}
.copyright .terms a { display: inline-block; padding-left: 20px;}

@media all and (min-width: 951px) { .nav {  background: transparent; }
  /*.nav > nav { max-width: 900px;  margin: 0 auto; }*/
  .menu [aria-haspopup="true"] ~ ul { display: none;  }
  /*.menu-bar { position: relative;}*/ 
  .menu-bar > li > [aria-haspopup="true"]:after {content: "\f347"; font-family: "Ionicons"; }
  .menu-bar > li > [aria-haspopup="true"]:hover:after,
  .mega-menu--multiLevel li.multilevel-active > a:after, .menu-link[aria-haspopup="true"]:hover:after {color: #4a4a4a; -webkit-transform:translateY(-50%) rotate(-180deg); -moz-transform:translateY(-50%) rotate(-180deg); -o-transform:translateY(-50%) rotate(-180deg); -ms-transform:translateY(-50%) rotate(-180deg); transform:translateY(-50%) rotate(-180deg); transition: all 0.4s ease-in-out 0s; }
  /* .menu-bar > li > [aria-haspopup="true"]:focus ~ ul { display: flex;  transform-origin: top; animation: dropdown 0.2s ease-out; } */
  .menu-bar > li > [aria-haspopup="true"] ~ ul:hover {  display: flex; }

  .menu-bar > li:hover > [aria-haspopup="true"] ~ ul { display: flex; transition: all .3s ease;  }
 
  .menu-bar > li > [aria-haspopup="true"]:focus,
  .menu-bar > li:hover > [aria-haspopup="true"],
  .menu-bar > li:hover > a {  border-bottom: none; color: #4a4a4a; }
  /* .menu-bar > li > [aria-haspopup="true"]:focus:after, */
  .menu-bar > li:hover > [aria-haspopup="true"]:after, 
  .menu-bar > li:hover > a:after { -webkit-transform:translateY(-50%) rotate(-180deg); -moz-transform:translateY(-50%) rotate(-180deg); -o-transform:translateY(-50%) rotate(-180deg); -ms-transform:translateY(-50%) rotate(-180deg); transform:translateY(-50%) rotate(-180deg); transition: all 0.4s ease-in-out 0s;  }
  .menu-bar > li:hover > a:before {animation: flyout 0.4s ease-out; content: ''; position: absolute; width: 100%; height: 2.5px; background: #0099c4; bottom: 0; left: 0; right: 0;}
  .mega-menu { position: absolute; left: 0;  right: 0;  width: 100%;  margin: 0 auto; box-shadow: 0 8px 12px rgb(0 0 0 / 15%); min-height: 350px; padding:20px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;
    }
  .mega-menu:hover { display: flex; }
  .mega-menu--multiLevel > li {  width: 32.75%; background: #fff; }
  .mega-menu--multiLevel > li > [aria-haspopup="true"] ~ ul {  left: 33.33333333%; width:66.666667%;  background: #fafafa;  border-left: 1px solid #e7e7e7; padding: 1.5%; }
  .mega-menu--multiLevel > li > [aria-haspopup="true"] ~ ul ul { width: 100%;  left: 100%; }
  .mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul, .mega-menu--multiLevel li.multilevel-active > [aria-haspopup="true"] ~ ul { display: block;   transform-origin: left;  animation: flyout 0.2s ease-out;  }
  .mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul,
  .mega-menu--multiLevel li.multilevel-active > [aria-haspopup="true"] ~ ul {  display: block; }
  .mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul li, 
  .mega-menu--multiLevel li.multilevel-active > [aria-haspopup="true"] ~ ul li{ display: inline-block; width: 49%; }
  .mega-menu--multiLevel li:hover > [aria-haspopup="true"],
  .mega-menu--multiLevel li.multilevel-active > [aria-haspopup="true"],
  .mega-menu--multiLevel li:hover > a,
  .mega-menu--multiLevel li.multilevel-active > a { background: #e7f4f8; }
  .mega-menu--multiLevel li:hover > a i,  .mega-menu--multiLevel li.multilevel-active > a i{background-image: linear-gradient(to bottom right, #00d1cf, #0099c4)}
  /* .mega-menu--multiLevel li:hover > a figcaption strong,  .mega-menu--multiLevel li.multilevel-active > a figcaption strong { color: #0099c4;} */
  /* .mega-menu--multiLevel li:hover > a i,  .mega-menu--multiLevel li.multilevel-active > a i{background: #0099c4;}
  .mega-menu--multiLevel li:hover > a i svg rect, 
  .mega-menu--multiLevel li:hover > a i svg path, 
  .mega-menu--multiLevel li:hover > a i svg circle{ stroke: #ffffff;}
  .mega-menu--multiLevel li:hover > a i .fill-stroke { fill: #ffffff;} */
  .mega-menu--multiLevel [aria-haspopup="true"] ~ ul,
  .mega-menu--multiLevel [aria-haspopup="true"] {  border-left: none;  }
  .mega-menu--multiLevel [aria-haspopup="true"] ~ ul:hover,
  .mega-menu--multiLevel [aria-haspopup="true"]:hover { display: block; }
  .mega-menu--multiLevel [aria-haspopup="true"] ~ ul { position: absolute; top: 0; height: 100%; }
  .mega-menu--flat > * { flex: 1;  }
  .mobile-menu-trigger,  .mobile-menu-header, .mobile-menu-back-item { display: none; }
  .menu-bar .btn-close { display: none;}
  
}
@media all and (max-width: 950px) {
  .menu-bar .btn-close { display: block; width: 20px; height: 20px; right: 8px; top: 15px; position: absolute; font-style: normal; }
  .nav { padding:12px 0; }
  .mega-level-2 figcaption { width: 70%; padding-left: 10px;}
  .mega-level-2 figcaption strong { margin-bottom: 2px;}
  .mega-level-2 figcaption span { font-size: 11px;}
  .mobile-menu-trigger,  .mobile-menu-header,  .mobile-menu-back-item { display: block; }
  .mobile-menu-trigger { text-align: center; width: 34px; height: 34px; line-height: 34px; position: relative; background: #fff; border: 0; }
  .mobile-menu-trigger::after { content: "\f394"; font-family: "Ionicons";  font-size: 2.3rem;   color: #6d6c6c;  padding: 0;  position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
  .mobile-menu-header { order: -1; background: #fafafa; padding: 10px 0; }
  .mobile-menu-header a{  padding: 10px 20px;  color: #547079; font-size: 13px; visibility: visible; }
  .mobile-menu-back-link:focus .mobile-menu-trigger ~ ul {  left: 0; }
  .menu-bar { flex-direction: column;  position: fixed;  top: 0; left: -110%;  height: 100vh;  width: 350px; max-width: 350px;  max-width: 95%; overflow-x: hidden; transition: left 0.3s;  box-shadow:4px 0px 30px 0px rgb(0 0 0 / 40%); justify-content: flex-start; z-index: 999; }
  .menu-bar > li > [aria-haspopup="true"] ~ ul { display: flex; flex-direction: column;  background: #ffffff;  position: absolute;  left: 100%;  top: 0; max-height: 100vh; min-height: 90vh;  width: 100%;  transition: left 0.3s; }
  .menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] { font-size: 1.2em; border-bottom: 1px solid #e7e7e7; }
  .menu-bar > li > [aria-haspopup="true"] ~ ul > li:nth-child(2) > [aria-haspopup="true"] { border-bottom: none; }
  .menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul a { padding: 10px 20px 10px 40px; }
  .menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul a { padding-left: 80px; }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"]:after { content: "\f217"; font-family: "Ionicons"; font-size: .8rem; color: #6d6c6c; background: none; height: 20px; line-height: 1; right: 15px; top: 33px; }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"]:focus:after {content: "\f208";}
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"] ~ ul { max-height: 0px;  transform-origin: top;  transform: scaleY(0);  transition: max-height 0.1s; }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"] ~ ul span { display: none;}
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"] ~ ul strong em {  font-size: 10px;}
  .mega-menu-content {  padding: 20px 25px;  }
  .mobile-menu-back-item { order: -1; }
  .mobile-menu-back-item a {  padding: 20px;  color: #547079; font-size: 13px;   background: #fafafa;   max-height: calc(1.4em + 40px); margin-top: calc(0px - (1.4em + 40px)); pointer-events: none; }
  .mobile-menu-back-item a:before { content: "\f124"; font-family: "Ionicons"; font-size: 1rem;  color: #6d6c6c; width: 14px; height: 14px; line-height: 14px; margin-right: 10px; display: inline-block; vertical-align: middle; }
  .mobile-menu-trigger:focus ~ ul {  left: 0; }
  .menu-bar:hover, .menu-bar:hover {  left: 0; }
  /* .menu-bar > li > [aria-haspopup="true"]:focus ~ ul { left: 0; } */
  .menu-bar > li > [aria-haspopup="true"] ~ ul {  margin-top: calc(1.4em + 36px); }
  .menu-bar > li > [aria-haspopup="true"] ~ ul:hover,
  .menu-bar > li > [aria-haspopup="true"] ~ ul:hover { left: 0; }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"]:focus ~ ul {  max-height: 500px; animation: dropdown 0.3s forwards; }
  .menu-bar > li > [aria-haspopup="true"] ~ ul li:hover > [aria-haspopup="true"] ~ ul { max-height: 562px; transform: scaleY(1); background: #fafafa; padding: 10px 0 20px; overflow-y: auto; }

  
  
  .menu-bar > li:hover ~ .mobile-menu-header a { visibility: hidden; }
}
@media all and (max-width: 950px) and (hover: none) {
  .mobile-menu-trigger:hover ~ ul { left: 0; }
  .menu-bar > li > [aria-haspopup="true"]:hover ~ ul { left: 0; }
  .menu-bar > li > [aria-haspopup="true"] ~ ul:hover { left: 0; }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"]:hover ~ ul {  max-height: 500px;  animation: dropdown 0.3s forwards; }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"] ~ ul:hover {  max-height: 500px; transform: scaleY(1); }

  .menu-bar > li:hover ~ .mobile-menu-header a { visibility: hidden; }
  .normal-dropdown .mega-menu--flat {transform: translateX(0px);}
  .normal-dropdown { position: initial;}
}
@keyframes dropdown {
  0% {
    opacity: 0;
    transform: scaleY(0);
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scaleY(1);
  }
}
@keyframes flyout {
  0% {
    opacity: 0;
    transform: scaleX(0);
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}
@keyframes fade-in-stagger {
    to {
      opacity: 1;
      transform: translateY(0); 
    }
  }

/* Main Navigation Ends */


.menu { width: 100%;}
.menu-container { margin: 0 auto; background: #e9e9e9;}
.menu-mobile { display: none; padding: 20px;}
.menu-mobile:after { content: "\f394"; font-family: "Ionicons"; font-size: 2.3rem; color: #6d6c6c; padding: 0;  position: relative; -webkit-transform: translateY(-25%);  transform: translateY(-25%);}
.menu-dropdown-icon:before { content: "\f3d0"; font-family: "Ionicons"; font-weight: 700; cursor: pointer; float: right; padding: 1.3em 0em; background:none; color: #333;}
.menu > ul > li:hover::before { transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.menu > ul { margin: 0; width: 100%; list-style: none; padding: 0; position: relative; text-align:right; box-sizing: border-box; clear: right;}
.menu > ul:before,
.menu > ul:after { content: ""; display: table;}
.menu > ul:after { clear: both;}
.menu > ul > li {/*float: left; background: #e9e9e9;*/ display: inline-block; padding: 0; margin-right: 18px; color: #5d5d5f; font-size:15px}
.menu > ul > li > a { text-decoration: none; padding: 1.2rem 1rem; display: block;color: #5d5d5f; position:relative;}
/*.menu > ul > li:hover { background: #f0f0f0;}*/
.menu > ul > li > ul { display: none; width: 100%; background: #fff; padding: 0; position: absolute; z-index: 99; right: 0; margin: 0; list-style: none; box-sizing: border-box; text-align:left; box-shadow:0 0 10px 1px rgb(0 0 0 / 20%); border-radius: 5px; border-bottom:1px solid rgba(0,0,0,.02)}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after { content: ""; display: table;}
.menu > ul > li > ul:after { clear: both;}
.menu > ul > li > ul.solution > li { min-height: 296px;}
.menu > ul > li > ul > li { margin: 0; padding:22px 0 0; list-style: none; width: 50%; background: none; float: left; position: relative;}
.menu > ul > li > ul > li:after { display: none; content: ''; position:absolute; right: 0; top: 0; bottom: 0; height: 90%; width: 1px; background:rgba(0,0,0,.05); margin: auto; }
.menu > ul > li > ul > li:last-child:after { display: none;}
/*.menu > ul > li > ul > li a { color: #777; padding: .2em 0; width: 95%; display: block; border-bottom: 1px solid #ccc;}*/
.menu > ul > li > ul > li span.item-category { color: #5d5d5f; font-size:14px;  padding: 0 22px 10px; width: 100%; display: block;}
.menu > ul > li > ul > li a:hover{	color:#0099c4;}
.menu > ul > li > ul > li > ul { display: block; padding: 0; margin: 0; list-style: none; box-sizing: border-box;}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after { content: ""; display: table;}
.menu > ul > li > ul > li > ul:after { clear: both;}
.menu > ul > li > ul > li > ul > li { float: left; width: 100%; padding: 2px 0; margin: 0; font-size: .8em;}
.menu > ul > li > ul > li > ul > li i { width: 30px;height: 40px;margin-right: 10px;text-align: center;line-height: 40px}
.menu > ul > li > ul > li > ul > li span.item-title { font-size:15px; color: #4a4a4a; padding: 0; width: 95%; display: block;}
.menu > ul > li > ul > li > ul > li span.item-title em { display: block; font-style:normal; font-size:12px; color: #5d5d5f; line-height: 16px;}
.menu > ul > li > ul > li > ul > li a { border: 0; padding: 5px 22px 10px;  font-size: 14px;display:inline-flex; align-items: baseline;}
.menu > ul > li > ul > li > ul > li a:hover { background: #f9f9f9; border-radius: 5px;}
.menu > ul > li > ul > li > ul > li a:hover span.item-title { color:#0099c4;}
.menu > ul > li > ul > li > ul > li a:hover span.item-title em {color: #5d5d5f;}
.menu > ul > li > ul.normal-sub { width: 220px; left: auto; top:100%; padding: 0;}
.menu > ul > li > ul.normal-sub > li {width: 100%; padding: 0;}
.menu > ul > li > ul.normal-sub > li:after { display: none;}
.menu > ul > li > ul.normal-sub > li a { color: #5d5d5f; border: 0;padding: 10px 22px; display: block; font-size:13px}
.menu > ul > li > ul.normal-sub > li a:hover { background: #f9f9f9;}


#product-nav .menu { display: inline-block; width: 85%; margin-left: 20px;}
#product-nav .menu > ul { text-align:  left;}
#product-nav .menu > ul > li { margin: 0;}
#product-nav .menu > ul > li a { padding: 0.5em 1em; font-size: 16px;  color: #4a4a4a; }
#product-nav li.menu-dropdown-icon { padding-right: 16px;}
#product-nav .menu-dropdown-icon:before { padding: 0.58em 0em;}
#product-nav .menu-dropdown-icon:hover::before { -webkit-transform:translateY(0%) rotate(-180deg); -moz-transform:translateY(0%) rotate(-180deg); -o-transform:translateY(0%) rotate(-180deg); -ms-transform:translateY(0%) rotate(-180deg); transform:translateY(0%) rotate(-180deg); transition: all 0.4s ease-in-out 0s;}

#product-nav .menu > ul > li > ul { display: none; padding:0; }
#product-nav .menu > ul > li > ul > li { width: 25%; padding:0; }
#product-nav .menu > ul > li > ul > li i { margin-right: 5px; padding:0;display:block}
#product-nav .menu > ul > li > ul > li i svg { width: 50px; height: 50px; padding: 4px;}
#product-nav .menu > ul > li > ul > li span.item-title { background: #fafafa; padding: 20px; min-height: 130px; max-height:130px; width: 100%; display: block;}

#product-nav .menu > ul > li > ul > li span.item-title i { position: relative; font-style: normal; font-size:14px;  color: #4a4a4a; }
#product-nav .menu > ul > li > ul > li span.item-title i::after{ content: '\f3d6'; font-family: "Ionicons"; font-size: 16px; color: #547079; position: absolute; top: 0;  bottom: 0;  right: -10px;  margin: auto 0; height: 20px; width: 18px;}
#product-nav .menu > ul > li > ul > li:last-child span.item-title i:after { display: none; }
#product-nav .menu > ul > li > ul > li span.item-title em { display: block; font-style:normal; font-size:10.5px; color: #547079; line-height: 14px; margin-top: 14px;}
#product-nav .menu > ul > li > ul > li > ul { padding:10px 0;border-right: 1px solid #e7e7e7; min-height: 190px;}
#product-nav .menu > ul > li > ul > li > ul > li.sub-item a {border-radius: 0; font-family: "OpenSans-SmiBold";  color: #5d5d5f; border: 0;padding: 5px 15px; display: block; font-size:13px}
#product-nav .menu > ul > li > ul > li > ul > li.sub-item a:hover { background:#e7f4f8; }
#product-nav .menu > ul > li > ul.normal-sub { width: 220px; right: auto; top:100%; padding: 0;}
#product-nav .menu > ul > li > ul.normal-sub > li {width: 100%; padding: 0;}
#product-nav .menu > ul > li > ul.normal-sub > li:after { display: none;}
#product-nav .menu > ul > li > ul.normal-sub > li a {font-family: "OpenSans-Regular";  color: #5d5d5f; border: 0;padding: 10px 22px; display: block; font-size:13px}
#product-nav .menu > ul > li > ul.normal-sub > li a:hover { background: #f9f9f9;}

.menu > ul > li > ul::before{content: ''; position: absolute; width: 14px; height: 0; border: 9px solid transparent; border-bottom: 9px solid #ffffff; top: -16px; -ms-transform: translateX(-50%); transform: translateX(-50%);}
.menu > ul > li > ul.solution { width: 75%; transform:translateX(-6%) translateY(-2%)}
.menu > ul > li > ul.solution::before { right: 47%;}
.menu > ul > li > ul.normal-sub.resources {  width: 200px;  transform:translateX(-32%) translateY(-4%) }
.menu > ul > li > ul.resources::before { left: 50%;}
.menu > ul > li > ul.normal-sub.about { width: 160px; transform:translateX(-0%) translateY(-4%) }
.menu > ul > li > ul.about::before { right: 22%;}
.menu > ul > li > ul.features { transform:translateX(0%) translateY(1%)}
.menu > ul > li > ul.feature li {min-height: 340px;}
.menu > ul > li > ul.features::before {left: 6%; }
.menu > ul > li > ul.industry { width:170px !important; transform:translateX(-30%) translateY(1%) }
.menu > ul > li > ul.industry::before {left: 50%; }


.second-nav { display:inline-flex}
.second-nav span.category-title {font-family:"Brandon-Medium"; font-size:26px; color: #4a4a4a !important;}
.second-nav .navbar { background: none; box-shadow: none; padding-left:20px}
.nav-container a.btn-secondary { display: inline-block;}
.vrshroom #product-nav .menu{ width: 80%;}

#product-nav.erp-nav .menu > ul > li > ul{ width: 52%; left: 0; right: inherit;}
#product-nav.erp-nav .menu > ul > li > ul > li { width: 50%;}

#mob-product-nav { max-height: 220px; overflow-x: hidden;}
#mob-product-nav li a {   color: #5d5d5f; border: 0;padding: 10px 22px; display: block; font-size:13px}
#mob-product-nav li a:hover{ background: #f9f9f9; color: #4a4a4a; }

.inner-banner span.category-title {font-family:"Brandon-Bold"; font-size:26px; color:  #ffffff;}

.second-nav .dropdown-toggle::after { font-family: 'FontAwesome'; content: "\f105" !important; width: 10px; height: 20px; border: none; margin: 0px 0 0 10px; padding: 0; vertical-align: inherit}
.second-nav .navbar-expand-lg .navbar-nav .nav-link { padding:0 .5rem}

.mob-product-nav { display: none; width: 100%; padding: 0; margin: 22px 0 0;}
ul.inline-nav{ display: block; margin: 0; padding: 0; background: #f9f9f9; border-top: 1px solid rgb(0,0,0,.05); border-bottom: 1px solid rgb(0,0,0,.05)}
ul.inline-nav li { display: inline-block; list-style-type: none; margin: 0; padding: 0;}
ul.inline-nav li a {color: #5d5d5f; border: 0;padding: 8px 18px; display: block; font-size:15px; position: relative;}
ul.inline-nav li:first-child a { padding-left: 12px;}
a.has-dropdown::after { float: right; background: none; color: #333;position: absolute; right: 2px; top: 2px; bottom: 0; margin: auto 0; content: "\f3d0"; font-family: "Ionicons"; font-weight: 700; cursor: pointer; width: 10px; height: 10px; line-height: 10px;}

ul.mob-accord-nav{ display: none; list-style: none; padding: 0; background: #fff; }
ul.mob-accord-nav .inner { padding: 0.50em 1.75em; overflow: hidden; display: none; }
/* ul.mob-accord-nav .inner.show { display: block; } */
ul.mob-accord-nav .inner li { margin-top: 12px; border:none;} 
ul.mob-accord-nav .inner li:first-child { margin: 0;}
ul.mob-accord-nav .inner li:last-child { margin-bottom: 20px;}
ul.mob-accord-nav .inner li a {padding: 0.2em 0; font-size: 13px; color: #5d5d5f; }
ul.mob-accord-nav li { margin: 0; border-bottom: 1px solid rgb(0,0,0,.05); list-style-type: none; position: relative; }
ul.mob-accord-nav li:last-child { border-bottom:  none;}
ul.mob-accord-nav li a:after { right: 1.25em;}
ul.mob-accord-nav li a.toggle { position: relative; width: 100%; display: block; background:#fff; font-size: 14px; color: #5d5d5f; padding: 0.75em 1.25em; border-radius: 0.15em; transition: background 0.3s ease; }
ul.mob-accord-nav li a:focus { background:#fff; color: #5d5d5f; }
ul.mob-accord-nav li a:focus:after { transform: rotate(180deg); -webkit-transform: rotate(180deg)}

ul.inline-nav li a.has-dropdown:focus + .mob-accord-nav { display:  block; }



/* index style */
.scrolling  { background:transparent; }
.scrolling  .menu-bar, .scrolling .nav { background:none;    justify-content: right; }
.scrolling .menu-link, .scrolling .menu-bar > li > [aria-haspopup="true"]:focus,
.scrolling .menu-bar > li:hover > [aria-haspopup="true"], .scrolling .menu-bar > li:hover > a { color: #000 }
.scrolling .menu-bar > li > [aria-haspopup="true"]:hover:after{ color: #000;}
.scrolling .menu-bar > li > [aria-haspopup="true"]:after{ color: #000;}

.navbar.scrolled { background: #ffffff; /*opacity: 0.88;*/ box-shadow: 0 5px 14px 0 rgb(0 0 0 / 7%); transition: ease all 2s; }
.navbar.scrolled .menu-link, .navbar.scrolled .menu-link[aria-haspopup="true"]:after , .navbar.scrolled .menu-bar > li > [aria-haspopup="true"]:focus, .navbar.scrolled .menu-bar > li:hover > [aria-haspopup="true"], .navbar.scrolled .menu-bar > li:hover > a { color: #4a444a;}
.scrolled .menu-bar > li > [aria-haspopup="true"]:hover:after{ color: #4a4a4a;}

.scrolling2 { background:#fff; }
.scrolling2 .menu-bar, .scrolling2 .nav { background:#fff; }
.scrolling2 .menu-link, .scrolling2 .menu-bar > li > [aria-haspopup="true"]:focus,
.scrolling2 .menu-bar > li:hover > [aria-haspopup="true"], .scrolling2 .menu-bar > li:hover > a { color: #4a4a4a }
.scrolling2 .menu-bar > li > [aria-haspopup="true"]:hover:after{ color: #4a4a4a;}
.scrolling2 .menu-bar > li > [aria-haspopup="true"]:after{ color: #4a4a4a;}

.wfxprd-nav .menu-link { font-size: 13px; padding: 14px 20px; color: #5d5d5f;}
.wfxprd-nav .menu-link[aria-haspopup="true"]:after { right: 2px;}

.index-banner { overflow: hidden; position: relative;}
.index-banner h1 { margin-bottom: 10px; font-size: 92px;}
.index-banner span {display: block; font-size: 20px; font-family:"OpenSans-Regular"}
.index-banner-text { z-index: 1; position: relative; text-align: center; padding: 140px 0 95px;}
.index-banner-text h1 {font-family:"Brandon-Regular";}
.index-banner-text h1 strong {font-family:"Brandon-Bold"; display: block;}
.index-banner video { min-width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 0; }
.inner-banner.contact-us h1{ margin-bottom: 5px;}

.solutions { text-align:  center ;}
.solutions .tab-content { text-align:  left; padding: 30px 50px 50px ;}
.solutions .solution-item-img { padding: 10px; display: block;}
.solutions .tab-content .step-text a {color: #efa64a; font-size: 14px; display: inline-table; margin-top: 20px;}
.solutions .tab-content .step-text h3 a { font-size:  calc(1.3rem + .6vw); color: #4a4a4a; }
.solutions .nav-pills .nav-link { font-size: 32px; font-family:"Brandon-Medium" !important}

#sc-brands .carousel-item, #sc-manufacturers .carousel-item { padding-bottom: 90px; height: 640px;}
#sc-manufacturers .carousel-control-next-icon, 
#sc-manufacturers .carousel-control-prev-icon,
#sc-brands .carousel-control-next-icon,
#sc-brands .carousel-control-prev-icon { background-image: url(../images/carousel-arrow-blk.svg); }
#sc-brands .carousel-indicators [data-bs-target], #sc-manufacturers .carousel-indicators [data-bs-target] { border-radius: 5px; background-color: #4a4a4a;}

.two-blocks { padding: 0; }
.two-blocks .yet-simple { background: url(../images/yet-simple-bg.jpg) no-repeat 100% 0%; background-size: cover;}
.two-blocks .content-column { padding: 25% 25% 20% 22%;}
.two-blocks h2, .two-blocks p { color: #fff;} 
.two-blocks .yet-simple h2 {font-size: 80px; margin-bottom: 40px;}
.two-blocks .lists { background: #2f3241; padding: 10%; }
.two-blocks .lists ul { display: block; margin: 0;}
.two-blocks .lists li { display: block; list-style-type: none; padding-bottom: 25px; color: #fff; font-family:"OpenSans-SmiBold"}

.leading-business {padding: 60px 0; background: #f5f5f5; }
.leading-business h2 { text-align: center;}

.leading-business .glance-list, .employee-say .glance-list, .below-banner .glance-list { display: inline-flex; text-align: center; box-shadow: 2px 8px 14px 3px rgb(0 0 0 / 8%); padding: 40px 20px 30px; margin: 70px 0 60px; }
.leading-business .glance-list li, .employee-say .glance-list li { padding: 0 60px;}
.employee-say .glance-list { margin-bottom:  0;}
.leading-brandslogo { display: block; }
.leading-brandslogo li { display: inline-block; }
.leading-business .glance-list { margin: 40px 20px 30px;}
.leading-business .glance-list li { padding: 0 60px;}


.client-case-studies { padding: 60px 0;}
.client-case-studies h2, .client-case-studies p { text-align: center;}

.leading-companyies { text-align: center; display: inline-flex; width: 100%; align-items: center; padding: 8px; margin-bottom: 0; }
.leading-companyies li { padding: 10px 5px; margin: 4px; width: 16%; height: 100px; list-style-type: none; position: relative;}
.leading-companyies li img { width: 200px;}
.leading-business .leading-companyies:first-child { margin-top: 45px;}
.leading-business .leading-companyies:last-child { padding: 8px 8px 0;}



.below-banner { position: relative; background: #fff; padding: 30px 0;}
.below-banner h2 { padding-top: 50px;  }
.below-banner h2 span { display: block; color: #8d8d8d; font-family:"Brandon-Regular"}
.num-highlights { position: relative; margin: 0; padding: 0;}
.num-highlights li { width: 48%; text-align:  left; padding: 30px; display: inline-block; list-style-type: none; line-height: 48px;}
.num-highlights li span { font-size: 56px; display: block; font-family:"Brandon-Regular"; margin: 0; padding: 0;}

.cs-grid { display: block; overflow: hidden; margin: 10px 0; padding: 10px; }
.cs-grid .cs-img { position: relative; display: block; overflow: hidden; border-radius: 8px; }

.cs-grid .cs-img::before { content: ''; height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(0deg, #1b1b1c 0%, #1b1b1c 5%,transparent 100%) } 

.cs-grid .cs-img figcaption { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; padding: 50px;}
.cs-grid .cs-img figcaption i.cs-logo { width: 170px; display: block;}
.cs-grid .cs-img figcaption h2 { margin: 30px 0 42px; color: #fff; text-align: left;}
.cs-grid .cs-img figcaption a { color: #efa64a; font-size: 14px;display: inline-table; }
.cs-grid .cs-img figcaption a i { margin-left: 10px;}
.cs-grid .cs1 { height: 764px}
.cs-grid .cs1 h2{ font-size: 52px;}

.cs-grid .cs-img.small-column::before {background: linear-gradient(90deg, #1b1b1c 0%, #1b1b1c 5%,transparent 100%)}
.cs-grid .cs-img.small-column figcaption { left: 0; bottom: 0; right: inherit; padding: 0% 40% 40px 40px;}
.cs-grid .cs-img.small-column figcaption h2 { margin-bottom: 32px; font-size: 32px; line-height: 34px;}
.cs-grid .cs-img.small-column figcaption i.cs-logo { width: 120px;}


/* index style ends */

.intro-txt { display:block; text-align: center; }
.intro-txt h3{ text-align: center; line-height: 32px;}
.intro-txt p { margin-top: 20px}
.intro-img { position: relative}
.intro-img i.r-shape-blue{ top: -30px; right: -40px;}
.intro-img i.wave-shape{ bottom: 180px; left: -90px;}

.feature span { font-size: 14px;}
.feature h2 { margin-bottom: 30px}

.feature-img { position: relative; padding-left: 30px; text-align: center; }
.feature-flex .feature-img { padding-right: 30px; padding-left: 0; }


.features-mid-testi, .features-last-testi { background: #f5f5f5; position: relative; }
.features-mid-testi { padding:60px 0;} .features-last-testi { padding:0}
.features-mid-testi .stars { right: 20%; top:30px }

.testi-avtar { position: relative}
.avtar-img { width: 280px; position:relative; margin: auto; z-index:1}
.avtar-profile { background: #fff; border-radius: 5px; position: absolute; bottom: 30px; width: 120%; left: -28px; padding:12px 30px; box-shadow:0 0 15px 0 rgba(0,0,0,.1) }
.avtar-profile span{font-family:"Brandon-Bold"; font-size:26px; display:block; margin-bottom:0; line-height: 22px; padding: 3px 0 0;}
.avtar-profile em { font-style:normal; font-size:12px; margin:0; font-family:"OpenSans-SmiBold"}
.gradient-circle { width:90px; height:90px; background:url(../images/gradient-circle.svg) no-repeat; bottom: 50px; left: -70px; z-index: -1 }
.double-lines { width:68px; height:11px; background:url(../images/double-lines.svg) no-repeat; bottom: 40px; right:-65px; z-index: -1 }

.mid-testi-copy { position:relative;padding:110px 0 0 80px }
.mid-testi-copy a { color: inherit;}
.mid-testi-copy i.qoute { top:60px; left:25px}
.mid-testi-copy p { font-size:19px}
.testi-logo { text-align: right}

.last-testi-avtar { padding:60px; text-align: right }
.last-testi-avtar figure {width: 300px; display: inline-block; margin: 10px -190px 0 0; padding: 0; position: relative; z-index:1}
.last-testi-avtar figure img{border-radius:6px;box-shadow:0 0 15px 0 rgba(0,0,0,.1); overflow:hidden; }
.last-testi-avtar figure i.r-shape-blk {width: 20px; height: 20px; right: -8px; top: -8px; z-index: -1;}

.last-testi-copy { padding:80px 120px 60px 200px}
.last-testi-copy span {font-family:"Brandon-Medium"; font-size:26px; margin-bottom:30px; display:block}
.last-testi-copy p { font-size:18px; margin-bottom:40px; display:block}

.inner-banner.sp-pages { position: relative; background: none; z-index: 1;}

.inner-banner.sp-pages span.category-title{ color: #4a4a4a;}
.inner-banner.sp-pages::after { position: absolute; content: ''; background-image: linear-gradient(to bottom right, #00d1cf, #0099c4);  width: 30%; height: 100%; margin: 0  auto; top: 0; bottom: 0; right: 0; border-top-left-radius: 90px; z-index: -1;}
.inner-banner.sp-pages .banner-content { padding: 80px 100px 0 90px; position: relative;}
.inner-banner.sp-pages.ourteam .banner-content { padding: 80px 200px 0 90px; position: relative;}
.curved-img { position: relative;}
.curved-img .img-block1 { overflow: hidden; border-radius: 10px; border-bottom-left-radius: 90px;}
.curved-img .img-block2 { overflow: hidden; border-radius: 10px; border-bottom-right-radius: 90px;}
.curved-img .pattern-circle-blk {top: 30px; left: -55px;}
.curved-img .pattern-shape-blk {bottom: -50px; left: 80px;}

.sp-sec-two { position: relative;}
.sp-sec-two::after { position: absolute; content: ''; background-image: linear-gradient(to bottom right, #eea849, #f46b45);  width: 30%; height: 100%; margin: 0  auto; top: 0; bottom: 0; left: 0; border-top-right-radius: 90px; z-index: -1;}
.sp-sec-two .banner-content { padding:80px 160px 0 140px; position: relative;}
.sp-sec-two .curved-img .pattern-circle-blk {top: 30px; left: initial; right: -55px;}
.sp-sec-two .curved-img .pattern-shape-blk {bottom: -50px; left: initial; right: 80px;}

.flex-half-container { position: relative;}
.flex-half-container::before { position: absolute; content: ""; top: 0; left: 0; bottom: 0; background: #f1fafb; width: 50%;}
.flex-half { display: inline-flex; z-index: 1;}
.flex-half div.first-half, .flex-half div.second-half  { width: 50%;}
.flex-half div.first-half { padding-right: 60px;}
.flex-half div.second-half { padding-left: 60px;}


.inner-banner.about h1 .pattern-shape-blk { bottom: 0;}

.our-mission { text-align:  center; padding: 80px 0;}
.our-mission p {  margin-bottom: 0; }

.backstory { padding: 80px 0;}
.technology-trends-whitepaper{ padding: 60px 0;}
.technology-trends-whitepaper .form-control{width: 500px;}
.about-office2 { position: relative;}
.about-office2 .pattern-circle-blk { left: -50px; z-index: 1; top: 20px;}
.img-block-office2 { position: relative; overflow: hidden; border-radius: 10px; border-bottom-right-radius: 90px;}
.technology-trends-whitepaper .img-block-office2{ border-radius: 0px; border-bottom-right-radius: 0px;}


.backstory .backstory-text { padding: 80px 30px 0 0;}
.technology-trends-whitepaper .backstory-text{ padding: 0px 30px 0 0; margin-bottom:25px;}
.timeline { text-align:  center;} 
.timeline-vector { text-align:  center;}

.wfx-glance { position: relative; text-align: center; padding: 70px 0;}
.glance-list { display: block; padding: 30px 0; border-radius: 8px; }
.glance-list li { display:inline-block; text-align: center; padding: 0 40px;}
.glance-list li span { color: #2f3241; display: block; font-size: 40px; font-family:"OpenSans-Regular"}
.glance-list li p { font-size: 14px; margin: 0;}
.glance-list li.customer span, .num-highlights li.customer span,
.glance-list li.partner span, .num-highlights li.partner span{ color: #efa64a;}
.glance-list li.users  span, .num-highlights li.users span  { color: #3cbbc9;}
.glance-list li.country span, .num-highlights li.country span  { color: #2f3241;}
.glance-list li.innovation span, .num-highlights li.innovation span  { color: #9b9b9b;}


.customers { position: relative; background: none;}
.highlight-numbers { padding: 0; border-top: 1px solid #e7e7e7;}
.highlight-numbers .glance-list { box-shadow: 2px 8px 14px 3px rgb(0 0 0 / 8%); border-radius: 5px; margin-top: -30px; z-index: 1; float: right; background: #fff; padding-left: 50px; padding-right: 50px;}
.highlight-numbers .glance-list li { padding: 0 50px;}
.highlight-numbers .glance-list li:first-child{ padding-left: 0;}
.highlight-numbers .glance-list li:last-child{ padding-right: 0;}


.slide-content { padding: 80px 120px 80px 40px;}
/* .slide-content h2 { margin-top: 20px;} */
.slide-content .button-container { margin-top: 100px; display: table;}
.slide-content .btn-primary { font-family:"Brandon-Medium";}


.casestudy-slider .carousel-indicators {margin-left:40px; justify-content: flex-start;}
.casestudy-slider .carousel-indicators [data-bs-target] {background-color: #000; opacity: 0.2; border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;}
.casestudy-slider .carousel-indicators .active { background-color: #efa64a;opacity: 1;}

.casestudy-slider .slide-content h1 { height: 152px;font-size: 42px;}

figure.customer-slide-img { position: relative; z-index: 1;}
figure.customer-slide-img::after { position: absolute; content: '';  right: -20px; top: -10px; width: 60%; height: 110%; background: #efa64a; z-index: -1;  border-top-left-radius: 100px;  bottom: -10px; }
figure.customer-slide-img .slide-img { border-bottom-left-radius: 100px; overflow: hidden; padding: 50px 100px 0 0;}
figure.customer-slide-img i.customer-logo { overflow: hidden; padding: 25px 90px 0px 0; width: 300px; display: block; position: absolute; top: 0; right: 0; }
figure.customer-slide-img .dsgn-elements { bottom: 60px; left: -60px;}

.case-studies { position: relative;}

.case-studies .nav { display: flex; justify-content: center; align-items: center;}
.nav-pills .nav-link {border-bottom: 3px solid #fff; color: #4a4a4a; border-radius: 0; display: inline-flex; align-items:center; padding: .5rem 2rem; transition: all 0.4s ease-in-out 0s; height: 50px;}
.nav-pills .nav-link svg { height: 28px; margin-right: 20px;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { background: none; color: #0099c4;font-family:"OpenSans-Bold"; border-bottom: 3px solid #0099c4;} 

/* portfolio tab */

.portfolio-tab ul li svg{ height: 28px; margin-right: 20px;}
.portfolio-tab ul li.filter.active { background: none; color: #0099c4;font-family:"OpenSans-Bold"; border-bottom: 3px solid #0099c4;} 

.portfolio-section {padding-top: 30px; transition: 1.3s; box-sizing: border-box; height: auto;}

.portfolio-tab ul { text-align: center; margin-top: 50px;}
.portfolio-tab ul li { color: #4a4a4a; background: transparent; display: inline; font-weight: 500; padding: 12px 16px; margin: 0 5px; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;  -webkit-tap-highlight-color: transparent;}
@media (max-width: 575.98px) {
  .portfolio-tab ul li {display: block; margin: 10px auto;max-width: 200px; }
}

.clearfix:after { display: table; content: " "; clear: both; }
.portfolio-grid { margin-top: 50px; display: grid; grid-template-columns: repeat(1, 1fr); grid-auto-rows: max-content; }
@media (max-width: 768px) {
  .portfolio-grid { grid-template-columns: repeat(1, 1fr); }
}
@media only screen and (min-width: 768.1px) and (max-width: 991px) {
  .portfolio-grid { grid-template-columns: repeat(1, 1fr);}		
 }
.portfolio-grid .portfolio { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display:none;overflow:hidden}
.portfolio-grid .portfolio:first-child .portfolio-wrapper { padding-top: 30px;} 
.portfolio-wrapper { overflow:hidden; position: relative !important; padding: 60px 110px;}
.case-study-content { padding-top: 50px;} 
.case-study-content.left { padding-right: 50px;} 
.case-study-content.right { padding-left: 50px;}

.case-study-content h2 { margin-bottom: 40px;}
.case-study-content .btn-primary { font-family:"Brandon-Medium"; margin-top: 60px; display: table;}
.portfolio-wrapper figure { border-radius: 5px; overflow: hidden; position: relative;}
.portfolio-wrapper figure i.case-study-logo { position: absolute; bottom: 15px;  left: 45px; right: 45px; height: 98px; border-radius: 3px; background: rgb(255 255 255 / 70%); text-align: center; padding: 14px; display: flex; align-items: center; justify-content: center;}
.portfolio-wrapper figure i.case-study-logo img { max-width: 250px;}


.customers-logo { text-align:  center; border-top: 1px solid #e7e7e7; padding-top: 80px;}
.logo-grid { display:block; padding: 40px 180px 0;}
.logo-grid li { padding: 16px 20px; list-style-type: none; display: inline-block;}

.schedule-demo { position: relative; text-align: center; padding: 80px 0; }
.schedule-demo p { margin-top: 20px;}
.schedule-demo .btn-primary { margin-top: 20px; display: inline-block; position: relative;}
.schedule-demo i {display: block; text-align: center;}
.schedule-demo img { width: 70px;}

.case-study-banner .case-study-image {position: relative; text-align: right;}
.case-study-banner .case-study-image figure { display: inline-block; width: 410px; margin-top: 61px; margin-right: 50px; position: relative; border-bottom-left-radius: 100px !important; /*overflow: hidden;*/}
.case-study-banner h2 { color: #ffffff; margin-bottom: 100px;}
.case-study-banner h1 { color: #ffffff; margin: 0px; margin-bottom: 100px; font-size: 42px;}
.case-study-banner .btn-primary { background: #efa64a;}
.case-study-banner .casestudy-title { padding-top: 80px; padding-right: 210px;}
.case-study-banner .casestudy-title a[href="#download-story-mob"] { display: none;}
.case-study-banner .casestudy-title a[href="#download-story-desk"] { display: inline-block;}
.inner-banner span.tag { font-size: .65rem; display: inline-block;} 
.inner-banner span { display: block; }
.case-study-banner .case-study-image .dsgn-elements {left: 19%; bottom: 110px; z-index: 1;}

.case-study-banner .case-study-image figure::after{position: absolute; content: ''; left: 0px; width: 64%; height: 12%; background: #efa64a; border-top-right-radius: 100px; z-index: 0; top: -61px;}
.case-study-image figure .customer-image{border-bottom-left-radius: 100px !important;}
.case-study-image .customer-logo{ max-width: 200px; z-index: 1; position: absolute; top: -42px; left: 18px; }

.casestudy-content { padding: 80px 0;}
.left-column { padding-right: 50px;}
.left-column h2 { margin-bottom: 40px;}
.left-column p { font-size: 20px; margin-bottom: 18px;}
.left-column iframe { width: 100%; min-height: 340px; margin-bottom: 50px;}

.right-column, .casestudy-content .left-column .form {box-shadow: 2px 8px 14px 3px rgb(0 0 0 / 8%); margin-bottom: 50px; border-radius: 5px; padding: 30px; background: #fff;}
.casestudy-content .feature-flex { align-items: flex-start;}
.casestudy-content .left-column .form { display: none;}
.casestudy-content .right-column { margin-left: 70px;}
.casestudy-content .right-column:first-child { margin-top: 36px; }
.casestudy-content .right-column .glance-list { display: inline-flex; padding: 20px 0 20px; border-bottom: 1px solid #e7e7e7; margin-bottom: 50px; border-radius: 0;}
.casestudy-content .right-column .glance-list li {padding: 0 22px;}
.casestudy-content .right-column .glance-list li p { line-height: 17px;}
.casestudy-content .right-column .form, .casestudy-content .left-column .form { margin-top: 20px;}
.casestudy-content .right-column .button-container, .casestudy-content .left-column .button-container { display: block; margin-top: 30px; text-align: center;}
.casestudy-content .right-column .btn-primary, .casestudy-content .left-column .btn-primary { display: inline-block;}


.casestudy-tesimoni { display: inline-flex; width: 100%; margin: 54px 0; padding: 50px 0; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;}
.casestudy-tesimoni figure { width:  150px;}
.casestudy-tesimoni figure i { width: 100px; height: 116px; overflow: hidden;  border-bottom-left-radius: 40px; display: block; }
.casestudy-tesimoni figcaption { padding-left: 50px; padding-top: 24px; position: relative; }
.casestudy-tesimoni figcaption .dsgn-elements {  width: 24px; top: -6px; left: 32px; }
.casestudy-tesimoni figcaption p { font-size: 14px !important; }
.casestudy-tesimoni figcaption span { font-size: 13px; color: #4a4a4a; font-family:"OpenSans-Bold"}
.casestudy-tesimoni figcaption span em {display: block; font-size: 12px; font-style: normal;font-family:"OpenSans-Regular"}
ul.impact { display: block;margin: 0; padding: 0; }
ul.impact li { padding-left: 40px; font-size: 20px; display: block; list-style-type: none; margin-bottom: 18px; position: relative; }
ul.impact li::before { position: absolute; content: '';  top: 14px; left: 0px; width: 26px; height: 3px; background: #efa64a; border-radius: 20px;}

.integration-logo { text-align:  center; padding: 80px 0;}
.inetgration-img { margin: 0;}
.intgr-logo-list { margin-top: 50px;}
.intgr-item {display: inline-block; width: 250px; vertical-align: top; padding: 30px;}

.all-integrations h2 { text-align:  center;}
.connectors-list{ margin: 30px 0 0; padding: 0 150px;  }
.connectors-list .cnctr-item { border-radius: 5px; display: block; margin: 24px 0; padding: 80px 100px; list-style-type: none; border-bottom: 1px solid rgba(0,0,0,.05); border-radius: 3px; box-shadow: 0px 7px 10px 0px rgb(0 0 0 / 7%)}
.connectors-list figure { text-align: right; padding-right: 80px; border-right: 1px solid #e7e7e7; }
.connectors-list figcaption {padding-left: 70px;}
.connectors-list figcaption h3 {color: #424242; margin-bottom: 40px; }
.connectors-list li:last-child { border-bottom: none;}
/* .connectors-list .cnctr-item:hover {box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 7%);transition: all 0.5s ease-in-out 0s; } */

.letstalk { padding: 80px 0; text-align: center;}
.letstalk p { padding: 0 33%; margin: 50px 0; display: block;}
.letstalk .btn-primary  { background: #efa64a; box-shadow: 3px 3px 5px 2px rgba(239,166,74,.2);}


.contact-us-img { display: block; text-align: center;}
.contact-us-img svg { width: 490px;}
.inner-banner .banner-content {  padding: 100px 0 0 70px;}
.contact-options { text-align: center; padding:  80px 0;}
.contact-options ul { display: inline-flex; margin: 0; padding: 0; }
.contact-options ul li { list-style-type: none;  padding: 20px; text-align: center; }
.contact-options ul li i.contact-icon { width: 90px; height: 110px; display:inline-block;}
.contact-options ul li i.contact-icon img { width: 100%;}
.contact-options ul li a { display: inline-flex; color: #efa64a; font-size: 12px; font-family:"OpenSans-SmiBold"}
.contact-options ul li a i { padding-left: 6px;}

.plm-banner-text { padding: 70px 0 0 20px;}
.plm-collage { position: relative;}
.plm-collage .dsgn-elements{bottom: 50px; z-index: -1; transform: rotate( 90deg); left: -32px;}


    /* The Modal  */
    .modal { display: none;
      position: fixed;
      z-index: 1;
      padding-top: 100px;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgb(0, 0, 0);
      background-color: rgba(0, 0, 0, 0.4);
      transition: all 5s ease-in-out;}
      

    /* Modal Content */
    .modal-content { background-color: #fff;
      margin: auto;
      padding: 0px 10px;
      border: 3px solid #242733;
      width: 60%;
      border-radius: 0;}

    /* The Close Button */
    .close { color: #4a4a4a;
      justify-content: flex-end;
      display: flex;
      font-size: 27px;
      line-height: 35px; }
      
    .close:hover,
    .close:focus { 
      color: #4a4a4a;
      text-decoration: none;
      cursor: pointer;}
      
    .buyer-guide-btn {  color: #fff;
      font-family: "Brandon-Medium";
      font-size: 18px;
      margin-left: 20px;
      text-decoration: none;
      cursor: pointer;}
      
    .buyer-guide-btn:hover {  
      color: #fff;
      text-decoration: none; }

      .modal-content .plm-buyer-guide-content input {
      padding: 8px 15px
    }

    .modal-content .plm-buyer-guide-content p {
      font-size: 13px;
      margin-top: 15px;
      color: #4a4a4a;
      font-family: "OpenSans-Regular", sans-serif;
    }

    .modal-content .plm-buyer-guide-content h2 {
      color: #242733;
      font-family: Brandon-Bold;
      font-size: 54px;
      line-height: 73px;
      margin-bottom: 10px;
    }

    .modal-content .erp-buyer-guide-content h2 {
      color: #242733;
      font-family: Brandon-Bold;
      font-size: 63px;
      line-height: 73px;
      margin-bottom: 10px;
    }


    .modal-content .plm-buyer-guide-content h6 {
      font-size: 16px;
      margin-bottom: 15px;
      color: #242733;
      font-family: "OpenSans-SmiBold";
    }

    .modal-content .free-guide-btn a {
      display: block;
      width: 100%;
      text-align: center;
      margin-top: 25px;
      text-decoration: none;
    }

    .free-guide-btn #formsubmit{
      padding: 8px 0px;
      width: 100%;
    }

    .modal-content .guide-img img {
      width: 45%;
      position: absolute;
      right: 0;
      /* height: 100%; */
      /* top: 15px; */

    }

    .plm-buyer-guide-content {
      padding-left: 25px;
      padding-bottom: 10px;
    }


    /* -Media Q---------- */

        /* medium and up screens */
    @media all and (max-width: 950px) {


       .modal-content {
        width: 80%
      }    
  

      .modal-content .plm-buyer-guide-content input {
        padding: 8px 15px
      }

      .modal-content .plm-buyer-guide-content p {
        font-size: 10px;
        margin-top: 15px;
        color: #4a4a4a;
        font-family: "OpenSans-Regular", sans-serif;
      }

      .modal-content .plm-buyer-guide-content h2 {
        color: #242733;
        font-family: Brandon-Bold;
        font-size: 38px;
        line-height: 50px;
        margin-bottom: 10px;
      }

      .modal-content .plm-buyer-guide-content h6 {
        font-size: 10.6px;
        margin-bottom: 15px;
        color: #242733;
        font-family: "OpenSans-SmiBold";
      }

      .modal-content .free-guide-btn a {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 25px;
        text-decoration: none;
      }

      .modal-content .guide-img img {
        display: none;
        /* width: 49%;
        position: absolute; */
      }

      .free-guide-btn #formsubmit {
        padding: 8px 0px;
        width: 100%;
        }

      .plm-buyer-guide-content {
        padding: 0 0px 10px;
      }
    }


    /* === iPad Responsiveness === */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {


      .modal-content .plm-buyer-guide-content input {
        padding: 12px 15px;
        font-size: 16px;
      }

      .modal-content .plm-buyer-guide-content p {
        font-size: 14px;
        margin-top: 15px;
        color: #4a4a4a;
        font-family: "OpenSans-Regular", sans-serif;
      }


      .modal-content .plm-buyer-guide-content h2 {
        color: #242733;
        font-family: Brandon-Bold;
        font-size: 58px;
        line-height: 60px;
        margin-bottom: 10px;
      }

      .modal-content .plm-buyer-guide-content h6 {
        font-size: 16px;
        margin-bottom: 15px;
        color: #242733;
        font-family: "OpenSans-SmiBold";
      }

      .modal-content .free-guide-btn a {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 25px;
        text-decoration: none;
        font-size: 21px;
      }

       .modal-content .guide-img img {
         padding-top: 15px;
         width: 50%;
    
        position: absolute; 
      } 

      .free-guide-btn #formsubmit {
        padding: 8px 60px;
        }


      .plm-buyer-guide-content {
        padding: 0 25px 20px;
      }
    }



      
    .w3-animate-zoom {
      animation: animatezoom 0.6s
    }

    @keyframes animatezoom {
      from {
        transform: scale(0)
      }

      to {
        transform: scale(1)
      }
    }



.plm-client-logo h2 { margin-bottom: 50px;}

.plm-steps { padding: 80px 0 0; text-align:  center; background: #f5f5f5;}
.plm-steps .nav-item, .solutions .nav-item  { display: inline-block;}
.plm-steps .nav-pills, .solutions .nav-pills { margin-top: 50px; background: none;}

.solutions .nav-pills { margin-top: 0;}
.plm-steps .nav-pills .nav-link { border-bottom: 3px solid #f5f5f5;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {  border-bottom: 3px solid #0099c4; }
.plm-steps .tab-content { text-align:  left; padding: 50px;}
.plm-steps .tab-content .step-text, .solutions .tab-content .step-text { padding-top: 0; padding-right: 40px;}
.plm-steps .tab-content .step-text h3, .solutions .tab-content .step-text h3 { margin-bottom: 40px;}
.plm-steps .tab-content .step-img, .solutions .tab-content .step-img { padding: 20px;}

/* .wfx-products { background: url(../images/watercolored-bg.png) top right no-repeat; } */
.wfx-products { position: relative;}
.products-caption { padding: 30px 60px 0 0; display: block;}
.products-caption.manfact { padding-left: 30px;}
/* .products-caption h2 { font-size: 42px; margin-bottom: 40px} */
.products-caption h2 span{ font-size: 14px; letter-spacing: 4px; display: block; font-family:"Brandon-Bold"; padding-left: 3px;}
.products-listing {display: block; padding: 0; margin: 0; width: 100%;}
.products-listing .product-item {  display: inline-block; vertical-align: top; list-style-type: none; width: 408px; height: 520px; margin: 8px; border-radius: 8px; background: #fff; padding: 20px; box-shadow: 0px 5px 7px 4px rgb(0 0 0 / 4%); position: relative; overflow: hidden;}
.product-item-txt { padding: 20px; text-align: left;}
.products-listing .product-item h4 { color: #4a4a4a; font-family:"Brandon-Medium"; margin-bottom: 20px;}
.products-listing .product-item p { margin-bottom: 25px;}
.explore-box { position: absolute; bottom: 20px; right: 20px; display: block; padding-top: 20px; text-align: right; z-index: 1;}
.explore-box a { color: #efa64a; font-size: 14px;}
.explore-box a svg { margin-left: 5px; stroke: #efa64a;}
.products-listing .product-item:hover { box-shadow: 7px 10px 14px 3px rgb(239 166 74 / 25%);}
.products-listing .product-item::after { position: absolute; content: ''; width: 100px; height: 100px; background-image: linear-gradient(to bottom right, #eea849, #f46b45); bottom: 0; right: 0; transition: 0.3s ease-out; border-radius: 50%; transform: translate(80%,90%); z-index: 0;}
.products-listing .product-item:hover:after{ transform:translate(30%, 30%)}
.products-listing .product-item:hover a { color: #efa64a;}
.products-listing .product-item svg path{fill: none; stroke: #efa64a; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1px; fill-rule: evenodd;}
.products-listing .product-item:hover a svg {margin-left: 10px;  transition: 0.3s ease-out;}
.products-listing .product-item:hover a svg path {stroke: #ffffff; transition: 0.3s ease-out;}
/* .products-listing .product-item:hover h4 { color: #3cbbc9; } */


.plm-video { padding: 70px 0; margin-bottom: 20px; position: relative; }
.video-thumb-section { background: url(../images/full-w-curve.svg) no-repeat bottom center; background-size: 100%;}
.plm-video .pattern-circle-blk { left: 5%; top: -18px; transform: rotate(90deg);}
.plm-video-thumb { margin:60px 14% 0; position:relative;}
.plm-video-thumb .video-btn { border-radius: 100%; text-align: center; background: #0099c4; width: 70px; height: 70px; padding: 18px 16px 18px 20px; box-shadow: 3px 3px 5px 2px rgb(0 0 0 / 20%); position: absolute; left: 0;right: 0; bottom: 0; top: 0;margin: auto}
.plm-video-thumb .video-btn svg { width: 100%;height: 100%;}
.plm-video-thumb .dsgn-elements { width: 14px; height: 14px; right: -50px !important; top: -30px;}

.vector-card { margin:0; padding: 60px 0 0;}
.vector-card li {list-style-type: none; text-align: center; margin-bottom: 30px;}
.vector-card .card-item { min-height: 494px; text-align: left; padding:10px 15px; border: 1px solid #e7e7e7; border-radius: 5px; }
/* .vector-card .card-item:hover { box-shadow: 0px 5px 25px 2px rgb(0 0 0 / 8%);} */
.vector-card .card-item figure { display: block;padding-top:10px; height: 240px; overflow: hidden; background: #eff7f9; text-align: center; }
.vector-card .card-item figure svg, .vector-card .card-item figure img {height: 100%; width: 100%;}
.vector-card .card-item figcaption {display: block; padding-top:20px }
.vector-card .card-item h3 { margin-bottom: 20px ;}

.plm-industries { position:  relative; padding-top: 0;}
.plm-industries h2, .customer-review h2{ text-align: center; padding: 50px 0; position: relative;}
.plm-industries h2 .dsgn-elements { right: 30%; top: 5px; width: 22px;}
.plm-industries .pattern-circle-blk{ left: 28%;}
.plm-industries figure { display: block; max-height:320px; position: relative; margin-bottom: 8px;}
.plm-industries .carousel-item > div{ padding: 25px; text-align: left;}
.plm-industries figure:hover {box-shadow: 0px 5px 25px 2px rgb(0 0 0 / 8%);}
.plm-industries figure::before { position: absolute; content: ''; height: 50px; width: 2px; background-image: linear-gradient(to bottom right, #eea849, #f46b45); bottom: 0; bottom: -26px; left: 14px; }
.plm-industries figure i { border-radius: 5px; display: block; overflow: hidden; }
.plm-industries span { font-family:"Brandon-Medium"; font-size: 22px; padding-left: 38px; }


.customer-review { position: relative; }
.customer-review h2 .stars { top: 0px; right: 22% }
.customer-review h2 .pencil-icon { top: 70px; left: 10% }
.customers-vedio-review { padding: 0; position: relative; }
.customers-vedio-review .text-center {padding: 0;}

#review-slider .card { height: 350px; text-align: left; border: 1px solid #e7e7e7; margin:0 15px; padding:60px 20px 20px;}
#review-slider .card .company-logo { position: absolute; top: 15px; right: 20px; width: 50px;}
#review-slider .card .company-logo.wbig { width: 98px;}
#review-slider .card .person-detail { display: inline-flex;}
#review-slider .card .profile { flex: none; width: 76px; height: 76px; border-radius: 100%; margin-right: 14px; overflow: hidden; }
#review-slider .card .itsname {font-family:"Brandon-Medium"; color: #4a4a4a; font-size: 20px; padding-top: 10px;}
#review-slider .card .itsname em { display: block; font-family:"OpenSans-Regular"; color: #8d8d8d; font-style: normal; font-size: 12px;}  
#review-slider .card figcaption { margin-top: 10px;  text-align: left;/* text-align: center; */ color: #5d5d5f; font-size: 15px; padding-bottom: .1rem;}

@media (max-width: 768px) {
  #review-slider .carousel-inner .carousel-item > div, #industries .carousel-inner .carousel-item > div { display: none; width: 100%; }
  #review-slider .carousel-inner .carousel-item > div:first-child, #industries .carousel-inner .carousel-item > div:first-child {  display: block; width: 100%; }
  .plm-industries .carousel-item > div { text-align: center;}
  .plm-industries figure { box-shadow: none; max-height: inherit;}
  .plm-industries figure::before { display: none;}
  #video-reviews .carousel-control-prev, #sc-brands .carousel-control-prev, #sc-manufacturers .carousel-control-prev { left: 1%;}
  #video-reviews .carousel-control-next, #sc-brands .carousel-control-next, #sc-manufacturers .carousel-control-next { right: 1%;}
  .thank-you svg {width: 230px!important;margin: 20px 0px;}
}

#review-slider .carousel-inner .carousel-item.active, #industries .carousel-inner .carousel-item.active,
#review-slider .carousel-inner .carousel-item-start, #industries .carousel-inner .carousel-item-start,
#review-slider .carousel-inner .carousel-item-next, #industries .carousel-inner .carousel-item-next,
#review-slider .carousel-inner .carousel-item-prev, #industries .carousel-inner .carousel-item-prev {
  display: flex;
  /* transition-duration: 10s; */
  
}

/* display 4 */
@media (min-width: 768px) {
  #review-slider .carousel-inner .carousel-item-right.active,
  #review-slider .carousel-inner .carousel-item-next,
  #review-slider .carousel-item-next:not(.carousel-item-start) {
    transform: translateX(33.33333333%) !important;
  }

  #industries .carousel-inner .carousel-item-right.active,
  #industries .carousel-inner .carousel-item-next,
  #industries .carousel-item-next:not(.carousel-item-start) {
    transform: translateX(25%) !important;
  }

  #review-slider .carousel-inner .carousel-item-left.active,
  #review-slider .carousel-item-prev:not(.carousel-item-end),
  #review-slider .active.carousel-item-start,
  #review-slider .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-33.33333333%) !important;
  }

  #industries .carousel-inner .carousel-item-left.active,
  #industries .carousel-item-prev:not(.carousel-item-end),
  #industries .active.carousel-item-start,
  #industries .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-25%) !important;
  }

  #review-slider .carousel-item-next.carousel-item-start, #industries .carousel-item-next.carousel-item-start, 
  #review-slider .active.carousel-item-end, #industries .active.carousel-item-end {
    transform: translateX(0) !important;
  }

  
  #review-slider .carousel-inner .carousel-item-prev, 
  #review-slider .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-33.33333333%) !important;
  }

  #industries .carousel-inner .carousel-item-prev,
  #industries .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-25%) !important;
  }

}


#video-reviews .slide-content { padding: 0;}
 .video-bttn { /*background: url(../images/circular-play.svg) no-repeat center center; background-size: 100%; */ width: 106px; height: 106px; z-index: 9; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; cursor: pointer;}

 #video-reviews .carousel-control-next,
 #video-reviews  .carousel-control-prev,
 #sc-brands .carousel-control-next,
 #sc-brands .carousel-control-prev,
 #sc-manufacturers .carousel-control-next,
 #sc-manufacturers .carousel-control-prev   { cursor: pointer; height: 40px;  top: 0; bottom: 0;  margin: auto 0; opacity: 1; width: 100px}
 #video-reviews .carousel-control-prev,
 #sc-brands .carousel-control-prev,
 #sc-manufacturers .carousel-control-prev  { left: 1%; }
 #video-reviews .carousel-control-next,  
 #sc-brands .carousel-control-next,
 #sc-manufacturers .carousel-control-next { right: 1%; }
 #video-reviews video,  #video-reviews iframe { width: 100%; height: 600px;}
 
 #demo-form .form-container { position: relative; width: 32%; margin: 60px auto 0;}
 #demo-form .form-container i { position: absolute; left: -80px; top: -70px; transform: scaleX(-1);}

 .endorse { position: relative; padding: 80px 0;}
 .endorse .badges { display: inline-flex; padding: 20px 100px 0; margin: 0;}
 .endorse .badges li {padding: 30px; list-style-type: none;}

 .sign-up { position: relative; text-align: center; padding: 40px 60px; padding-bottom: 0; }
 .signup-logo { width: 150px; display: block; margin: 0 auto 30px; }
 .signup-container { display: inline-flex; border-radius: 6px; overflow: hidden; margin: 0 auto; padding: 0; box-shadow:0 0 15px 0 rgba(0,0,0,.1) }
 .signup-container .leftcolumn { background: linear-gradient(70deg, #00d1cf 0%, #0099c4 100%); width: 60%; margin: 0; padding: 50px 0; position: relative; overflow: hidden;}
 .signup-container .leftcolumn p { color: #ffffff;}
 .signup-container .signup-img { width: 86%; position: absolute; bottom: -180px; left: 0; right: 0; margin: 0 auto;}
 .signup-container .rightcolumn { width: 40%; text-align: left; margin: 0; padding: 50px 0 20px;}
 .signup-container .rightcolumn h1 { display: block; text-align: center;font-size: 1.75rem;}
 .signup-container .rightcolumn .form { padding: 40px 50px 10px;}
 .signup-container .rightcolumn .button-container { text-align:  center; display: block; margin-top: 30px;}
 .signup-container .rightcolumn .button-container a.btn-primary { display: inline-block;}
 .signup-container .rightcolumn .button-container span { display: block; text-align: center; font-size: 12px; margin-top: 20px;}
 .signup-container .rightcolumn .button-container span a, .sign-up .terms-policy a { color: #efa64a; text-decoration: underline;font-family:"OpenSans-SmiBold"}
 .signup-container .gray-logos { position: relative; text-align: center; padding: 0 20px;}
 /* .signup-container .gray-logos span { display: inline-block; padding: 6px; width: 115px; filter: grayscale(100%);} */
 .signup-container .gray-logos span { display: inline-block; padding: 6px; width: 115px; filter: brightness(0) invert(1);}
 .signup-container .gray-logos span:nth-child(2), 
 .signup-container .gray-logos span:nth-child(3),
 .signup-container .gray-logos span:nth-child(5) { opacity: .9;}

 .sign-up .terms-policy { padding: 35px 0; margin: 0; text-align: center; display: block; font-size: 12px;}

 .core-values { position: relative; padding: 100px 0;}
ul.circles { margin: 130px 0 0 0; padding: 0;}
ul.circles li { display: inline-grid; list-style-type: none; margin: 0; padding: 0; width:270px; height: 270px; text-align: center; line-height: 270px; border-radius: 100%; font-family: "OpenSans-Bold"; color: #fff; font-size: 16px; margin-right: -50px;
  margin-top: -70px; opacity: .95;} 

.sub-section { padding: 40px 0;}
.sub-section h4 { margin-top: 28px; display: block;}
.sub-section .points { margin-top: 20px; font-size: 14px;}
.sub-section .points ol { margin-top: 20px;}
.sub-section .points ol li::before { display: none;}
.sub-section .points ol li { padding-left: 0;}
.sub-section a { display: inline-block;  color: #efa64a;  font-size: 14px;}

.employee-say { text-align:  center; padding: 100px 0;}
.what-aspire { text-align: center;}


.life-at-wfx, .openings { position: relative; text-align: center;}
.life-at-wfx h2, .openings h2 { display: block; position: relative; }
.life-at-wfx h2 .r-shape-blk { right: 10%; top: -20px;}
.life-at-wfx ul { margin: 20px 0 0; padding: 0;  display: inline-flex;}
.life-at-wfx ul li { list-style-type: none;}
.wfxlife-img {margin: 10px; border: 1px solid #e7e7e7; border-radius: 5px;  overflow: hidden; display: block;}

.jobs { margin: 40px 0 0; padding: 0;}
.jobs li { display: inline-flex; list-style-type: none; background: #fff; padding: 30px; margin: 10px; text-align: left; border-radius: 4px;}
.jobs li:hover { box-shadow:2px 10px 15px 2px rgb(0 0 0 / 10%); transition: all 0.4s ease-in-out 0s; transform: scale(1.01);}
.jobs li:hover a.btn-primary {outline: none; background: #efa64a; box-shadow:3px 3px 5px 2px rgb(239 166 74 / 20%)}
.jobs li div:nth-child(1) { width: 80%;}
.jobs li div:nth-child(2) { width: 20%; text-align: right; display: flex; align-items: flex-end; flex-flow: column-reverse; -ms-flex-flow: column-reverse;}
.jobs li h3, .jobs li p { display: block; margin: 0;}
.jobs li span {display: block; color: #0099c4;  font-size: 14px; margin-bottom: 22px;}
.jobs li span i { font-style: normal; color: #5d5d5f;}

.jobs li .job-short-disc a {display: inline-flex; color: #efa64a; font-size:12px; font-style: italic; font-family:"OpenSans-SmiBold"}
.jobs li .job-short-disc a i { margin-left: 8px;}
.apply-for a { display: inline-block;}

.inner-banner.jd-banner {padding: 40px;}
.inner-banner.jd-banner .banner-content { padding: 0; text-align: center;}
.inner-banner.jd-banner .banner-content h1 {margin:0 0 10px;}
.inner-banner.jd-banner .banner-content span em { font-style: normal; font-weight: 600;}

.job-description { padding: 60px 0;}
.job-description .jd-form { background: #fff; box-shadow:0 0 15px 0 rgba(0,0,0,.1); padding: 40px;}
.job-description .jd-form .button-container input{ display: block; width: 100%; outline: none;}
.button-container input[type="submit"]:focus, .button-container input[type="submit"]:active { outline: none; box-shadow: 0 !important; border: none;}

.threesixty { position: relative;}
.threesixty-txt { padding: 80px 0 0 50px;}
.threesixty h2 sup { font-size: 40%; top: -20px;}
.netsuite-customers #video-reviews video,  .netsuite-customers #video-reviews iframe { width: 100%; height: 400px;}
.netsuite-customers .netsuite-videos { margin-top: 20px;}
.netsuite-customers .netsuite-logos { margin-top: 50px;}
.netsuite-customers .netsuite-logos { text-align: center;}
.netsuite-customers .netsuite-logos ul { margin: 20px 0 0 0; padding: 0;}
.netsuite-customers .netsuite-logos ul li{ list-style-type: none; margin: 0; padding: 10px; display: inline-block; vertical-align: middle; width: 160px; filter: grayscale(100%);}

.thank-you h1 { font-size: 62px; margin-top: 30px;}
.check { height: 200px; margin: 40px 0;}
.thank-you p { margin-bottom: 50px;}
.thank-you p span { font-size: 22px; display: block;}
.thank-you svg{width: 500px;margin: 30px 0px;}
img.img-class {
    height: 480px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
        object-fit: cover;
        margin-top:35px;
}
@media (max-width: 767px){
img.img-class {
    height: auto;
    width: 100%;
    margin-top: 45px;
    margin-bottom: -8px;
}}
.fnt-21{font-size:21px;}
.specification{display:block;}
.align-items-start{align-items:start;}