.row {
  margin: 0;
}
.nopadding {
  padding: 0;
}
.notopmargin {
  margin-top: 0 !important;
}
.noborder {
  border: none !important;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.black {
  color: #000;
}
.white {
  color: #fff !important;
}
.blue {
  color: #246696 !important;
}
.red {
  color: #ff0804 !important;
}
.gray {
  color: rgba(53, 53, 53, 0.1) !important;
}
.black-bg {
  background: #353535;
}
.blue-bg {
  background: #246696;
}
.desktop-visible {
  display: block !important;
}
.mobile-visible {
  display: none !important;
}
.width100 {
  width: 100% !important;
}
.normal-font {
  font-weight: normal !important;
}
.bold-font {
  font-weight: bold !important;
}

.sub-heading {
  font-size: 55px;
  font-weight: 600;
  color: #000;
  line-height: 1;
  margin: 0;
  font-family: "Open Sans", sans-serif;
}
.sub-heading span {
  display: block;
}
.heading {
  font-size: 65px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  margin: 0;
  font-family: "Open Sans", sans-serif;
}
.heading span {
  display: block;
}
sup {
  font-size: 60%;
  top: -0.7em;
}

a,
button {
  outline: none;
}
a:active,
button:active {
  outline: none;
}
a:focus,
button:focus {
  outline: none;
}
a:hover,
button:hover {
  text-decoration: none;
}

label {
  cursor: text;
}

a,
button {
  outline: none;
}
a:active,
button:active {
  outline: none;
}
a:focus,
button:focus {
  outline: none;
}
a:hover,
button:hover {
  text-decoration: none;
}

label {
  cursor: text;
}

/*font-family: 'Lato', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Roboto', sans-serif;*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", sans-serif !important;
}

body {
  font-family: "Roboto", sans-serif !important;
  color: #353535;
  font-size: 18px;
}
.wrapper {
  position: relative;
  overflow: hidden;
}
.content {
  overflow: hidden;
  padding: 0 100px;
  position: relative;
}

.angle-right,
.angle-left,
.angle-right-big {
  position: absolute;
}

/*----====Header====----*/

/*header{ height: 80px; width: 100%; position: fixed; background: #fff; top: 0; left: 0; z-index: 8; overflow: hidden; 
  box-shadow: 0 0 9px 0 rgba(0,0,0,0.1); transition: all ease-in-out .4s; }
.header-content{ position: relative; height: 80px; margin: 0 0 0 100px; }
.logo{ float: left; padding: 17px 0; width: 160px; transition: all ease-in-out .4s; }
.logo img{ width: 100%; }
.header-content-right{ float: right; }
.header-content-right ul{ margin: 0 45px 0 0; padding: 0; list-style: none; float: left; }
.header-content-right ul li{ margin: 0; padding: 31px 20px; display: inline-block; float: left; transition: all ease-in-out .4s; position: relative; }
.header-content-right ul li:after{ content:""; width: 3px; height: 18px; background: #246696; position: absolute; bottom: 0; left: 50%; 
transform: translateX(-50%); visibility: hidden; opacity: 0; transition: visibility ease-in-out .4s, opacity ease-in-out .6s;}
.header-content-right ul li a{ display: block; font-size: 18px; font-weight: normal; color: #000; line-height: 1; transition: all ease-in-out .4s; }
.header-content-right ul li a:hover{ color: #246696;}
.header-content-right ul li.active:after{ visibility: visible; opacity: 1;}
.header-content-right ul li.active a{ color: #246696;}
.header-content-right button{ float: right; background: #246696; border: 1px solid #246696;  width: 192px; height: 80px; font-size: 18px; color: #fff; transform: skewX(20deg); 
  margin: 0 -25px 0 60px; transition: all ease-in-out .4s; }
.header-content-right button:hover{ border: 1px solid #353535; color: #353535; background: transparent; box-shadow: 12px 20px 8px -15px rgba(53,53,53,0.5); }
.header-content-right button span{ transform: skewX(-20deg); display: block; }
.header-content-right button span i{ margin-left: 10px; }

.header-sticky header{ height: 70px; box-shadow: 0 0 9px 0 rgba(0,0,0,0.1); }
.header-sticky .logo { padding: 12px 0; width: 160px;}
.header-sticky .header-content-right ul li{ padding: 26px 20px; }
.header-sticky .header-content-right button{ height: 70px; }

.dropdown-menu-area{ position: fixed; top: -100%; height: 100%; left: 0; width: 100%; z-index: 5; background: #fff; padding: 60px 100px; 
box-shadow: 0 0 10px 1px rgba(0,0,0,0.5); overflow: hidden; transition: all 0s linear .1s;}
.dropdown-menu-open #service-menu{ top: 80px; height: auto; z-index: 6; transition: all .8s linear .1s;}
.header-sticky.dropdown-menu-open #service-menu{ top: 70px;}
.dropdown-menu-area .angle-right{ top: -36%; left: -18%;}
.dropdown-menu-area .angle-left{ bottom: -5%; right: 10%;}
.dropdown-menu-area-content{}
.dropdown-menu-unit{}
.dropdown-menu-label{ margin: 0; line-height: 1; font-size: 34px; font-weight: 600; font-family: 'Open Sans', sans-serif !important;}
.dropdown-menu-unit ul{ margin: 25px 0 25px; padding: 0; list-style: none;}
.dropdown-menu-unit ul li{ margin: 0; padding: 0 0 15px; display: block; line-height: 1;}
.dropdown-menu-unit ul li:last-child{ padding-bottom: 0;}
.dropdown-menu-unit ul li a{ font-size: 20px; color: #353535; display: inline-block; line-height: 1; transition: all ease-in-out .4s;}
.dropdown-menu-unit ul li a:hover{ color: #246696;}

.dropdown-menu-area#about-menu{ height: auto;}
.about-dropdown-open #about-menu{ top: 80px; z-index: 6; transition: all .5s linear .1s;}
.header-sticky.about-dropdown-open #about-menu{ top: 70px;}
#about-menu .dropdown-menu-unit ul li{ padding: 0 0 55px;}
#about-menu .dropdown-menu-unit ul li a{ color: #246696;}
#about-menu .dropdown-menu-unit ul li a:hover{ color: #353535;}

.hamburger-menu{ width: 31px; transform: skewX(20deg); display: none; transform: skewX(20deg) translateY(-50%); position: absolute; 
top: 50%; right: 0;}
.hamburger-menu span{ width: 30px; height: 2px; background: #246696; display: block;}
.hamburger-menu span:nth-of-type(2){ margin: 5px 0;}*/

.sina-nav {
  min-height: 80px;
  transition: all ease-in-out 0.4s;
}
.sina-nav .sina-brand {
  height: 80px;
  margin: 0 30px 0 100px;
  transition: all ease-in-out 0.4s;
}
.sina-nav .sina-brand > img {
  height: auto;
  padding: 18px 0;
  width: 100%;
  transition: all ease-in-out 0.4s;
}
.sina-nav.navbar-fixed {
  position: fixed;
}
.sina-nav.navbar-transparent {
  background-color: #fff;
}
.sina-nav ul li a {
  font-family: "Roboto", sans-serif !important;
}
.sina-nav .sina-menu > li > a {
  font-size: 18px;
  font-weight: normal;
  line-height: 1;
  text-transform: capitalize;
  padding: 31px 20px;
  max-width: 190px;
  transition: all ease-in-out 0.4s;
}
.sina-nav .sina-menu > li.active a::before {
  visibility: visible;
  opacity: 1;
}
.sina-nav.navbar-transparent .extension-nav > ul > li > a,
.sina-nav.navbar-transparent .sina-menu > li > a {
  color: #000;
}
.sina-nav .sina-menu > .dropdown > .dropdown-toggle:after {
  top: 30px;
  opacity: 0;
}
.vc_grid-item-zone-c-right{
width:0%;
}
.vc_grid-item-zone-c-right{
width:100%;
}
.sina-nav .sina-menu .mega-menu-col-title:before,
.sina-nav .sina-menu .dropdown .dropdown-toggle:before,
.sina-nav .sina-menu .dropdown .dropdown-toggle:after {
  font-weight: 600;
}
.sina-nav .sina-menu > li.active > a,
.sina-nav .sina-menu > li > a:hover,
.sina-nav .sina-menu > li > a:focus {
  color: #246696;
}
.sina-nav .sina-menu > li.sina-nav-cta-btn {
  padding: 0;
  margin-left: 60px;
}
.sina-nav .sina-menu > li a:before {
  content: "";
  width: 3px;
  height: 18px;
  background: #246696;
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  visibility: hidden;
  opacity: 0;
  transition: visibility ease-in-out 0.4s, opacity ease-in-out 0.6s;
}
.sina-nav .sina-menu > li a:hover:before {
  visibility: visible;
  opacity: 1;
}
.sina-nav.navbar-transparent .sina-menu > li.sina-nav-cta-btn a {
  transform: skewX(20deg);
  width: 192px;
  height: 80px;
  border-radius: 0;
  font-size: 18px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: -18px;
  background: #246696 !important;
  border: 1px solid #246696 !important;
  box-shadow: 1px 1px 0 0px #246696 !important;
  transition: all ease-in-out 0.4s;
}
.sina-nav.navbar-transparent .sina-menu > li.sina-nav-cta-btn a span {
  transform: skewX(-20deg);
  display: inline-block;
  margin-right: 10px;
}
.sina-nav.navbar-transparent .sina-menu > li.sina-nav-cta-btn a i {
  transform: skewX(-20deg);
}
.sina-nav.navbar-fixed.navbar-freez {
  min-height: 70px;
}
.sina-nav.navbar-fixed.navbar-freez .sina-brand {
  height: 70px;
}
.sina-nav.navbar-fixed.navbar-freez .sina-menu > li > a {
  padding: 26px 25px;
}
.sina-nav.navbar-fixed.navbar-freez .sina-brand > img {
  padding: 13px 0;
  transition: all ease-in-out 0.4s;
}
.sina-nav.navbar-fixed.navbar-freez .sina-menu > li.sina-nav-cta-btn a {
  transform: skewX(20deg);
  width: 192px;
  height: 70px;
  border-radius: 0;
  font-size: 18px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: -18px;
  background: #246696 !important;
  border: 1px solid #246696 !important;
  box-shadow: 1px 1px 0 0px #246696 !important;
  color: #fff;
  transition: all ease-in-out 0.4s;
}
.sina-nav.navbar-fixed.navbar-freez .sina-menu > li.sina-nav-cta-btn a:hover {
  background: #fff !important;
  border: 1px solid #000 !important;
  color: #000;
}
.sina-nav.navbar-fixed.navbar-freez .sina-menu > li.sina-nav-cta-btn a span {
  transform: skewX(-20deg);
  display: inline-block;
  margin-right: 10px;
}
.sina-nav.navbar-fixed.navbar-freez .sina-menu > li.sina-nav-cta-btn a i {
  transform: skewX(-20deg);
}
.sina-nav .menu-item-has-mega-menu.dropdown .mega-menu.dropdown-menu {
  margin: 1px 0px 0;
  width: 100%;
  border-top: 2px solid #246696;
  max-height: none;
  padding: 60px 100px;
  box-shadow: 0 4px 5px 0px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
.sina-nav .sina-menu .mega-menu-col-title a {
  font-family: "Open Sans", sans-serif !important;
  text-transform: capitalize;
  padding: 0 0 15px;
  color: #007bff !important;
  transition: all ease-in-out 0.4s;
}
.sina-nav .sina-menu .mega-menu-col-title a:hover {
  color: #0056b3 !important;
}
.sina-nav .menu-item-has-mega-menu.dropdown .mega-menu-col a {
  font-size: 20px;
  color: #353535;
  font-family: "Roboto", sans-serif;
  text-transform: initial;
}
.sina-nav .menu-item-has-mega-menu.dropdown .mega-menu-col a:before {
  display: none;
}
.sina-nav .sina-menu .mega-menu-col .sub-menu a:hover,
.sina-nav .sina-menu .mega-menu-col .sub-menu a:focus {
  color: #246696;
}
.sina-nav ul ul.sub-menu {
    position: absolute;
    background: #fff;
    padding: 20px 0;
    margin: 0;
    left: -60px;
    top: auto;
  box-shadow: 0 0 4px 0px rgb(0 0 0 / 50%);
}
.sina-nav
  .menu-item-has-mega-menu.dropdown
  .mega-menu.dropdown-menu
  .angle-right {
  top: -27%;
  left: -19%;
}
.sina-nav
  .menu-item-has-mega-menu.dropdown
  .mega-menu.dropdown-menu
  .angle-left {
  bottom: -5%;
  right: 10%;
}
.sina-nav .sina-menu ul.sub-menu li a {
    font-size: 17px;
    margin-bottom: 12px;
  white-space: nowrap;
}
.sina-nav .sina-menu ul.sub-menu li a:before {
    display: none;
}
.sina-nav ul ul.sub-menu {
    display: none;
}

.sina-nav ul ul.sub-menu li {
    padding: 0 20px;
}

.sina-nav .sina-menu > li.menu-item-has-children:hover ul.sub-menu {
  display: block;
}

.sina-nav .sina-menu > li#menu-item-4474 {
    position: relative;
}

.sina-nav ul ul.sub-menu li.menu-item-has-children ul.sub-menu {
    display: none !important;
}

.sina-nav .sina-menu > li.menu-item-has-children:hover ul.sub-menu {
  display: block;
}

.sina-nav ul ul.sub-menu li.menu-item-has-children ul.sub-menu {
    top: 0;
}

.sina-nav ul ul.sub-menu li.menu-item-has-children {
    position: relative;
}

.sina-nav ul ul.sub-menu li.menu-item-has-children:after {
    content: "";
    position: absolute;
    top: 7px;
    right: 25px;
    border-style: solid;
    border-width: 2px 2px 0 0;
    display: inline-block;
    height: 7px;
    vertical-align: top;
    width: 7px;
    transform: rotate( 
45deg);
    color: #017bff;
}

.sina-nav ul ul.sub-menu li.menu-item-has-children:hover ul.sub-menu {
    display: block !important;
    left: auto;
    right: 0;
    transform: translateX(100%);
    z-index: 9;
}

/*----====Webinar Details====----*/

.full-height {
  overflow: hidden;
}
.banner {
  position: relative;
  width: 100%;
}
.banner-container {
  margin: 80px 0 0 0;
  height: calc(100vh - 80px);
  position: relative;
}
.banner-content {
  width: 100%;
  height: calc(100vh - 80px);
  position: relative;
}
.banner-content-left {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
}
.banner-content-text {
  margin: 0 0 0 100px;
  width: 100%;
  position: absolute;
  z-index: 1;
}
.banner-content-text label {
  font-size: 24px;
  margin: 0;
  cursor: text;
  letter-spacing: normal;
  line-height: 1;
}
.banner-content-text h1 {
  font-size: 50px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  padding-top: 30px;
  margin: 0 0 50px;
  position: relative;
}
.banner-content-text h1 span {
  display: block;
  z-index: 1;
  position: relative;
}
.banner-content-text h1:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  transform: skewX(20deg);
  width: 108%;
  height: 100%;
  display: none;
}
.banner-content-text p {
  margin: 0 0 30px;
  font-size: 28px;
  font-weight: normal;
  line-height: 1.33;
  width: 235px;
}
/*.banner-content-text p span{ display: block; }*/
.banner-content-text a, .small-btn {
  border: 1px solid #353535;
  background: #fff;
  transform: skewX(20deg);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  width: 316px;
  height: 72px;
  line-height: 1;
  font-weight: 500;
  color: #353535;
  margin: 0 0 0 17px;
  transition: all ease-in-out 0.4s;
}
.banner-content-text a span, .small-btn span {
  transform: skewX(-20deg);
  display: block;
  display: flex;
  align-items: center;
}

.small-btn{
  width: 243px;
  height: 40px;
  background: #0056b3;
  color: white;
  border: none;
}

.small-btn:hover{
  background: #ffffff;
  color: #0056b3;
  border: 1px solid #353535;
}

.banner-content-text a span i {
  margin-left: 15px;
}
.banner-content-text a:hover {
  border-color: #246696;
  background: #246696;
  color: #fff;
}
.banner-content-right {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100%;
}

.about-area {
  padding: 80px 0;
}
.about-area span {
  font-size: 18px;
  font-weight: bold;
  display: block;
  line-height: 1;
}
.about-area .sub-heading {
  margin: 20px 0 40px;
}
.about-area-paragraph {
}
.about-area-paragraph-left {
  padding-right: 40px;
}
.about-area-paragraph-right {
  padding-left: 40px;
}
.about-area-paragraph-left p,
.about-area-paragraph-right p {
  line-height: 1.56;
  margin: 0;
}

.speakers-area {
  padding: 50px 0 80px;
}
.speakers-area .heading {
}
.speakers-area-content {
  margin: 55px 0 0;
}
.speakers-area-unit {
  padding: 0 50px 0 0;
}
.speakers-area-unit-even .speakers-area-unit {
  padding: 0 0 0 50px;
}
.speakers-area-unit img {
  width: 100%;
}
.speakers-area-unit label {
  cursor: text;
  margin: 50px 0 20px;
  letter-spacing: normal;
  line-height: 1;
  display: block;
  font-size: 40px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
}
.speakers-area-unit span {
  display: block;
  line-height: 1;
  font-family: "Lato", sans-serif;
  font-size: 18px;
  font-weight: bold;
}
.speakers-area-unit p {
  margin: 45px 0 0;
  font-size: 18px;
}

.register-for-web {
  padding: 50px 0 150px;
}
.register-for-web .heading {
}
.register-for-web span {
  font-size: 18px;
  display: block;
  line-height: 1;
  margin: 20px 0 0;
}
.form-area {
  margin: 70px 0 0;
}
.form-input-unit {
  margin-bottom: 50px;
  width: 75%;
}
/*.form-input-unit.odd{ margin-right: 75px; }
.form-input-unit.even{ margin-left: 75px; }*/
.common-input {
  border: none;
  border-bottom: 1px solid #353535;
  outline: none;
  box-shadow: none;
  border-radius: 0;
  height: 40px;
  color: #000;
  font-size: 18px;
  padding-left: 0;
  font-family: "Roboto", sans-serif !important;
  background: transparent;
}
.common-input:active {
  border: none;
  border-bottom: 1px solid #353535;
  outline: none;
  box-shadow: none;
  border-radius: 0;
  height: 40px;
  color: #000;
}
.common-input:focus {
  border: none;
  border-bottom: 1px solid #353535;
  outline: none;
  box-shadow: none;
  border-radius: 0;
  height: 40px;
  color: #000;
}
.common-textarea-input {
  border: none;
  border-bottom: 1px solid #353535;
  outline: none;
  box-shadow: none;
  border-radius: 0;
  height: 40px !important;
  color: #000;
  font-size: 18px;
  padding-left: 0;
  resize: none;
  font-family: "Roboto", sans-serif !important;
  background: transparent;
}
.common-textarea-input:active {
  border: none;
  border-bottom: 1px solid #353535;
  outline: none;
  box-shadow: none;
  border-radius: 0;
  color: #000;
}
.common-textarea-input:focus {
  border: none;
  border-bottom: 1px solid #353535;
  outline: none;
  box-shadow: none;
  border-radius: 0;
  color: #000;
}
.common-placeholder::-webkit-input-placeholder {
  color: #353535;
}
.common-placeholder::-moz-placeholder {
  color: #353535;
}
.common-placeholder:-ms-input-placeholder {
  color: #353535;
}
.common-placeholder:-moz-placeholder {
  color: #353535;
}
.submit-button {
  width: 209px;
  height: 72px;
  background: #246696;
  color: #fff;
  border: 1px solid #246696;
  font-size: 18px;
  font-weight: 500;
  transform: skewX(20deg);
  box-shadow: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 0 17px;
  transition: all ease-in-out 0.4s;
}
.submit-button span {
  transform: skewX(-20deg);
  display: block;
  margin: 0 !important;
}
.submit-button span i {
  margin-left: 10px;
}
.submit-button:hover {
  border: 1px solid #353535;
  color: #353535;
  background: transparent;
}

/*----====Footer====----*/

footer {
  position: relative;
  background: #353535;
  padding: 50px 100px;
}
footer:before {
  content: "";
  width: 34%;
  height: 100%;
  background: #353535;
  position: absolute;
  top: -25px;
  left: 0;
  transform: skewX(60deg);
}
.footer-content {
}
.footer-content-left {
}
.footer-content-unit {
}
.footer-logo {
}
.footer-nav-ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-nav-ul li {
  margin: 0;
  padding: 0;
  display: block;
  line-height: 1;
}
.footer-nav-ul li a {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  color: #fff;
  text-decoration: underline;
  text-transform: capitalize;
  margin: 0 0 15px;
  transition: all ease-in-out 0.4s;
}
.footer-nav-ul li a:hover {
  text-decoration: none;
}
.footer-content-unit label {
  display: block;
  font-size: 16px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  margin: 0 0 20px;
  line-height: 1;
}
.newsletter-input-area {
  background: #3f3f3f;
}
.newsletter-input-area input {
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  border: none;
  outline: none;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  width: 90%;
  height: 48px;
  float: left;
  padding-left: 20px;
}
.newsletter-input-area input:active {
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  border: none;
  outline: none;
  color: #fff;
}
.newsletter-input-area input:focus {
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  border: none;
  outline: none;
  color: #fff;
}
.newsletter-input-area input::-webkit-input-placeholder {
  color: #fff;
}
.newsletter-input-area input::-moz-placeholder {
  color: #fff;
}
.newsletter-input-area input:-ms-input-placeholder {
  color: #fff;
}
.newsletter-input-area input:-moz-placeholder {
  color: #fff;
}
.newsletter-input-area button {
  font-size: 16px;
  font-weight: normal;
  width: 10%;
  height: 48px;
  background: #3f3f3f;
  border: none;
  box-shadow: none;
  outline: none;
  outline: none;
  padding-right: 15px;
  float: left;
}
.footer-content-unit button span {
  float: left;
  line-height: 1;
}
.footer-content-unit button i {
  float: right;
  line-height: 1;
}
.footer-social-ul {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: flex-end;
}
.footer-social-ul li {
  margin: 0;
  padding: 0;
  display: inline-block;
  float: left;
  line-height: 1;
}
.footer-social-ul li a {
  display: block;
  line-height: 1;
  color: #fff;
  font-size: 26px;
  margin: 0 20px 0 0;
  transition: all ease-in-out 0.4s;
}
.footer-social-ul li a.last-child {
  margin-right: 0;
}
.footer-social-ul li a:hover {
  color: #246696;
}
.copyright {
  /*text-align: right;*/
  font-size: 14px;
  margin: 10px 0 0;
}

/*----====Report====----*/

.not-home .content {
  margin-top: 80px;
}
.report-area {
  padding: 80px 0 40px;
}
.report-area label {
  cursor: text;
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  line-height: 1;
}
.report-area .sub-heading {
  margin: 15px 0 35px;
}
.report-area p {
  margin: 0 0 50px;
  font-size: 18px;
  font-weight: normal;
}
.report-area img {
  width: 100%;
}

.report-area-content {
  padding: 50px 0 0;
}
.report-area-content-unit {
}
.report-area-content-unit h4 {
  font-size: 32px;
  font-weight: 600;
  margin: 0 0 30px;
  font-family: "Montserrat", sans-serif !important;
  line-height: 1.25;
}
.report-area-content-unit p {
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  font-family: "Lato", sans-serif !important;
  line-height: 1.5;
}
.report-area-content-right .report-area-content-unit {
  padding-left: 100px;
}
.report-area-content-unit span {
  font-size: 18px;
  font-weight: bold;
  font-family: "Lato", sans-serif !important;
  display: block;
  margin: 40px 0 15px;
}
.report-area-content-unit img {
  width: 100%;
}
.report-area-content-img .report-area-content-unit {
  padding-top: 50px;
}
.report-area-content-img .odd {
  padding-right: 25px;
}
.report-area-content-img .even {
  padding-left: 25px;
}
.report-area-content-last {
  margin: 60px 0 0;
}

/*----====Home====----*/

canvas {
  display: block;
  /*vertical-align: bottom;*/
  vertical-align: middle;
}
/* ---- tsparticles container ---- */
#tsparticles {
  position: absolute;
  right: 0;
  width: 50%;
  height: 100%;
  background-color: #fff;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.home-banner .angle-right {
  top: 0;
  left: 0;
}
.home-banner .angle-right img {
  width: 63%;
}

.discover-button {
  display: inline-block;
  position: absolute;
  bottom: 150px;
  left: 100px;
  font-size: 16px;
  font-weight: bold;
  z-index: 2;
}
.discover-button img {
}
.discover-button span {
  display: inline-block;
  margin-left: 10px;
  color: #353535;
  transition: all ease-in-out 0.4s;
}
.discover-button:hover span {
  color: #246696;
}
.banner-content .owl-carousel {
  padding: 0;
}
.banner-content .owl-theme .owl-dots {
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%) rotate(90deg);
  margin: 0 !important;
}
.banner-content .owl-theme .owl-dots .owl-dot span {
  margin: 0px 13px;
  width: 12px;
  height: 12px;
  box-shadow: 0 0 10px 0 rgba(53, 53, 53, 0.2);
  border: solid 1px #ffffff;
  background-color: #bfbfbf;
  transition: all ease-in-out 0.4s;
}
.banner-content .owl-theme .owl-dots .owl-dot.active span {
  background: #353535;
}
.banner-content .owl-theme .owl-dots .owl-dot:hover span {
  background: #353535;
}
.banner-carousel-item .heading span {
    display: inline;
    color: #ff1504;
}
.banner-carousel-item .heading {
  line-height: 1.18em;
}
.banner-carousel-item .heading sup {
    font-size: 45%;
    margin-left: 5px;
    left: 2px;
}
.banner-carousel-item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 80px);
  padding: 0 200px;
}
.banner-carousel-left {
}
.banner-carousel-left .heading {
  margin: 0 0 16px;
}
.banner-carousel-left p {
  margin: 0;
  width: 600px;
}
.banner-carousel-left p span {
  display: block;
}
@media screen and (max-width: 1450px) and (min-width: 1200px) {
.banner-carousel-item {
  padding: 0 150px;
}
}
.carousel-right-banner {
  position: relative;
  width: 95%;
  margin: 0 auto;
}
.carousel-right-banner img {
  width: 100%;
}

@-webkit-keyframes scroll-ani {
  0% {
    opacity: 1;
    top: 29%;
  }
  15% {
    opacity: 1;
    top: 50%;
  }
  50% {
    opacity: 0;
    top: 50%;
  }
  100% {
    opacity: 0;
    top: 29%;
  }
}
@-moz-keyframes scroll-ani {
  0% {
    opacity: 1;
    top: 29%;
  }
  15% {
    opacity: 1;
    top: 50%;
  }
  50% {
    opacity: 0;
    top: 50%;
  }
  100% {
    opacity: 0;
    top: 29%;
  }
}
@keyframes scroll-ani {
  0% {
    opacity: 1;
    top: 29%;
  }
  15% {
    opacity: 1;
    top: 50%;
  }
  50% {
    opacity: 0;
    top: 50%;
  }
  100% {
    opacity: 0;
    top: 29%;
  }
}
.mouse-scroll {
  display: inline-flex;
  align-items: center;
  line-height: 18px;
  font-size: 16px;
  font-weight: bold;
  color: #246696;
  letter-spacing: 0;
  margin-top: 0;
  text-decoration: none;
  overflow: hidden;
  position: absolute;
  bottom: 150px;
  left: 100px;
}
.mouse-scroll .mouse {
  position: relative;
  display: block;
  width: 32px;
  height: 50px;
  margin: 0 auto 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid #246696;
  border-radius: 23px;
  float: left;
}
.mouse-scroll .mouse .mouse-movement {
  position: absolute;
  display: block;
  top: 29%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  background: #246696;
  border-radius: 50%;
  -webkit-animation: scroll-ani 4s linear infinite;
  -moz-animation: scroll-ani 4s linear infinite;
  animation: scroll-ani 4s linear infinite;
}
.mouse-scroll .mouse-message {
  float: left;
  margin: 0 0 0 15px;
  padding: 0; /*-webkit-animation: scroll-ani 4s linear infinite; 
-moz-animation: scroll-ani 4s linear infinite; animation: scroll-ani 4s linear infinite;*/
}

.new-digital-transformation{}
.new-digital-transformation .carousel-right-banner{ width: 57%;}
.new-digital-transformation a{ position: absolute; display: inline-block;}
.new-digital-transformation a img{ transform: scale3d(1,1,1); transition: all ease-in-out .4s;}
.digital-element1{ top: 50%; left: -46%;}
.digital-element1 img{ width: 232px;}
.digital-element2{ bottom: -16%; left: -17%;}
.digital-element2 img{ width: 220px;}
.digital-element3{ bottom: -3%; right: -26%;}
.digital-element3 img{ width: 138px;}
.digital-element4{ top: 3%; right: -20%;}
.digital-element4 img{ width: 119px;}
.digital-element5{ top: -15%; left: 17%;}
.digital-element5 img{ width: 156px;}
.new-digital-transformation a:hover img{ transform: scale3d(1.1,1.1,1.1);}



.edge-technologies {
  position: relative;
  padding-top: 40px;
}
.edge-technologies .sub-heading {
}
.edge-technologies .angle-right-big {
  position: absolute;
  top: 290px;
  left: -340px;
}
.technologies-carousel {
  margin: 50px -125px 0;
}
.technologies-carousel .owl-theme .owl-nav {
  position: absolute;
  top: -105px;
  right: 100px;
}
.technologies-carousel .owl-carousel .owl-nav button.owl-next,
.technologies-carousel .owl-carousel .owl-nav button.owl-prev {
  width: 91px;
  height: 55px;
  background-color: #353535;
  transform: skewX(20deg);
  position: relative;
  border-radius: 0;
  margin: 0;
  transition: all ease-in-out 0.4s;
}
.technologies-carousel .owl-carousel .owl-nav button.owl-next:before,
.technologies-carousel .owl-carousel .owl-nav button.owl-prev:before {
  font-family: "Font Awesome 5 Free";
  font-size: 26px;
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) skewX(-20deg);
  color: #fff;
  transition: all ease-in-out 0.4s;
}
.technologies-carousel .owl-carousel .owl-nav button.owl-next:before {
  content: "\f061";
}
.technologies-carousel .owl-carousel .owl-nav button.owl-prev:before {
  content: "\f060";
}
.technologies-carousel .owl-carousel .owl-nav button.owl-next:hover,
.technologies-carousel .owl-carousel .owl-nav button.owl-prev:hover {
  background-color: #246696;
}
.technologies-carousel .owl-carousel .owl-item .item {
}

.technologies-carousel-item {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 645px;
  position: relative;
  margin: 0 25px;
}
.technologies-carousel-content {
  transform: skewX(20deg);
  display: block;
  background: #fff;
  position: absolute;
  bottom: 45px;
  right: 75px;
}
.technologies-carousel-content p {
  transform: skewX(-20deg);
  margin: 0;
  font-size: 24px;
  line-height: 1.3;
  padding: 40px 45px;
  font-family: "Open Sans", sans-serif;
  width: 465px;
}
/*.technologies-carousel-content p span{ display: block; }*/
.technologies-carousel-content p a {
  color: #000;
  text-decoration: underline;
  text-decoration-color: red;
  position: relative;
  display: inline-block;
  overflow: hidden;
  transition: all ease-in-out 0.4s;
  text-transform: capitalize;
}
.technologies-carousel-content p a:hover {
  text-decoration-color: black;
}
/*.technologies-carousel-content p a:before{ content: ""; border-bottom: 1px solid #000; position: absolute; bottom: 0; left: 0; width: 100%; }
.technologies-carousel-content p a:after{ content: ""; border-bottom: 1px solid #ff0804; position: absolute; bottom: 0; left: -100%; width: 100%; transition: all ease-in-out .4s;}
.technologies-carousel-content p a:hover:after{ left: 0;}*/

.our-services {
  padding: 100px 0 0;
  position: relative;
}
.our-services-content {
  margin: 50px 0 0;
}

.our-services-unit {
  background: transparent;
  transform: skewX(20deg);
  display: inline-block;
  margin: 0 0 25px 45px;
  width: 725px;
  height: 225px;
  padding: 30px 180px 30px 85px;
  box-shadow: -4px 68px 18px -54px rgba(36, 102, 150, 0);
  position: relative;
  transition: all linear 0.4s;
}
.our-services-unit:before {
  content: "\f061";
  font-family: "Font Awesome 5 Free";
  font-size: 26px;
  font-weight: 600;
  position: absolute;
  top: 30px;
  right: 50px;
  transform: skewX(-20deg);
  color: #fff;
  line-height: 1;
}
.services-unit-img {
  float: left;
  margin: 8px 15px 0 0;
  transform: skewX(-20deg);
  position: relative;
 
}
 .services-unit-img img{
  width:80px;
  height:80px;
  }
.services-unit-img img:first-child {
  position: relative;
  visibility: visible;
  opacity: 1;
  transition: visibility ease-in-out 0.4s, opacity ease-in-out 0.6s;
}
.services-unit-img img:last-child {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: visibility ease-in-out 0.4s, opacity ease-in-out 0.6s;
}
.services-unit-content {
  float: left;
  transform: skewX(-20deg);
}
.services-unit-content label {
  font-size: 12px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  color: #000;
  margin: 0;
  transition: all linear 0.4s;
}
.services-unit-content h6 {
  font-size: 32px;
  font-weight: 600;
  color: #246696;
  margin: 0;
  transition: all linear 0.4s;
}
.services-unit-content p {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  margin: 0;
  color: #000;
  transition: all linear 0.4s;
}
.services-unit-content p span {
  display: block;
}

.our-services-unit:hover {
  background: #246696;
  box-shadow: -4px 68px 18px -54px rgba(36, 102, 150, 0.8);
}
.our-services-unit:hover .services-unit-content label,
.our-services-unit:hover .services-unit-content h6,
.our-services-unit:hover .services-unit-content p {
  color: #fff;
}
.our-services-unit:hover .services-unit-img img:first-child {
  visibility: hidden;
  opacity: 0;
}
.our-services-unit:hover .services-unit-img img:last-child {
  visibility: visible;
  opacity: 1;
}

.view-all-service-area {
  padding: 65px 0 0 135px;
}
.view-all-button {
  display: inline-block;
  width: 282px;
  height: 72px;
  border: solid 1px #353535;
  color: #353535;
  font-size: 18px;
  background: transparent;
  font-weight: 500;
  transform: skewX(20deg);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all ease-in-out 0.4s;
}
.view-all-button span,
.view-all-button i {
  transform: skewX(-20deg);
  display: inline-block;
  line-height: 1;
}
.view-all-button span {
  margin-right: 15px;
}
.view-all-button:hover {
  color: #fff;
  background: #246696;
}

.success-stories {
  background: #353535;
  margin: 0 -100px;
}
.diagonal-bg {
  background: linear-gradient(
    176deg,
    #fff 0%,
    #fff 50%,
    #353535 50.4%,
    #353535 100%
  );
  height: 135px;
}

ul.tabs {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  height: 32px;
  border-bottom: 1px solid #333;
  width: 100%;
}

ul.tabs li {
  float: left;
  margin: 0;
  cursor: pointer;
  padding: 0px 21px;
  height: 31px;
  line-height: 31px;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
  background-color: #666;
  color: #ccc;
  overflow: hidden;
  position: relative;
}

.tab_last {
  border-right: 1px solid #333;
}

ul.tabs li:hover {
  background-color: #ccc;
  color: #333;
}

ul.tabs li.active {
  background-color: #fff;
  color: #333;
  border-bottom: 1px solid #fff;
  display: block;
}

.tab_container {
  border: 1px solid #333;
  border-top: none;
  clear: both;
  float: left;
  width: 100%;
  background: #fff;
  overflow: auto;
}

.tab_content {
  padding: 20px;
  display: none;
}

.tab_drawer_heading {
  display: none;
}

@media screen and (max-width: 480px) {
  .tabs {
    display: none;
  }
  .tab_drawer_heading {
    background-color: #ccc;
    color: #fff;
    border-top: 1px solid #333;
    margin: 0;
    padding: 5px 20px;
    display: block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .d_active {
    background-color: #666;
    color: #fff;
  }
}

.success-stories-content {
  padding: 80px 0 0 100px;
}
.success-stories-tab {
  margin: 35px 0 0;
}
.success-stories-tab .tab_container {
  border: none;
  background: transparent;
  overflow: visible;
}
.success-stories-tab .tab_content {
  padding: 35px 0 0;
}
.success-stories-tab ul.tabs li {
  border: none;
  background: transparent;
  color: #bfbfbf;
  font-family: "Open Sans", sans-serif;
  line-height: 1;
  height: auto;
  padding: 0 0 5px;
  margin: 0 85px 0 0;
  position: relative;
  transition: all ease-in-out 0.4s;
}
.success-stories-tab ul.tabs li:after {
  content: "";
  border-bottom: 1px solid #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: all ease-in-out 0.4s;
}
.success-stories-tab ul.tabs li:last-child {
  margin-right: 0;
}
.success-stories-tab ul.tabs {
  border: none;
  padding-right: 100px;
  height: auto;
}
.success-stories-tab ul.tabs li.active {
  color: #fff;
  position: relative;
}
.success-stories-tab ul.tabs li.active:after {
  opacity: 1;
}
.success-stories-tab ul.tabs li:hover:after {
  opacity: 1;
}
.success-stories-tab ul.tabs li:hover {
  color: #fff;
}
.success-stories-carousel {
}
.success-stories-item {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 700px;
  margin-right: 40px;
}
.success-stories-carousel .owl-carousel .owl-stage {
  padding-left: 0 !important;
}
.success-stories-carousel .owl-theme .owl-nav {
  position: absolute;
  top: -150px;
  right: 110px;
  margin: 0;
}

.success-stories-carousel .owl-carousel .owl-nav button.owl-next,
.success-stories-carousel .owl-carousel .owl-nav button.owl-prev {
  width: 91px;
  height: 55px;
  background-color: transparent;
  transform: skewX(20deg);
  position: relative;
  border-radius: 0;
  margin: 0;
  border: 1px solid #fff;
  transition: all ease-in-out 0.4s;
}
.success-stories-carousel .owl-carousel .owl-nav button.owl-next:before,
.success-stories-carousel .owl-carousel .owl-nav button.owl-prev:before {
  font-family: "Font Awesome 5 Free";
  font-size: 26px;
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) skewX(-20deg);
  color: #fff;
  transition: all ease-in-out 0.4s;
}
.success-stories-carousel .owl-carousel .owl-nav button.owl-next:before {
  content: "\f061";
}
.success-stories-carousel .owl-carousel .owl-nav button.owl-prev:before {
  content: "\f060";
}
.success-stories-carousel .owl-carousel .owl-nav button.owl-next:hover,
.success-stories-carousel .owl-carousel .owl-nav button.owl-prev:hover {
  background-color: #246696;
  border: 1px solid #246696;
}

.stories-item-content {
  background: #fff;
  position: absolute;
  bottom: 50px;
  left: 90px;
  transform: skewX(20deg);
}
.stories-item-unit {
  padding: 40px 60px;
  transform: skewX(-20deg);
}
.stories-item-unit label {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  line-height: 1;
}
.stories-item-unit p {
  margin: 6px 0 13px;
  font-size: 24px;
  font-weight: normal;
  line-height: 1.5;
}
.stories-item-unit p span {
  display: table;
  position: relative;
}
.stories-item-unit p span:after {
  content: "";
  border-bottom: 1px solid #ff0804;
  position: absolute;
  bottom: 4px;
  left: 0;
  width: 100%;
}
.stories-item-unit a {
  font-size: 16px;
  font-weight: normal;
  color: #ff0804;
  display: inline-block;
  transition: all ease-in-out 0.4s;
}
.stories-item-unit a span {
  display: inline-block;
  margin-right: 10px;
}
.stories-item-unit a:hover {
  color: #246696;
}

.success-stories-button-area {
  padding: 40px 100px 0 0;
}
.success-stories-button {
  width: 282px;
  height: 72px;
  border: solid 1px #fff;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  transform: skewX(20deg);
  background: transparent;
  transition: all ease-in-out 0.4s;
}
.success-stories-button span,
.success-stories-button i {
  transform: skewX(-20deg);
}
.success-stories-button span {
  display: inline-block;
  margin-right: 10px;
}
.success-stories-button:hover {
  background: #246696;
  border: solid 1px #246696;
  color: #fff;
}
.affiliates {
  padding: 100px 100px;
}
.our-partners {
  padding: 150px 100px;
}
.heading-area {
  float: left;
}
.heading-area .sub-heading {
  width: 227px;
}
.affiliates .heading-area .sub-heading{
  text-align:center;
}

.heading-area p {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.3;
  margin: 20px 0 0;
  width: 294px;
}
/*.heading-area p span{ display: block; }*/
.affiliates-ul {
  float: none;
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: "Open Sans", sans-serif;
}

.affiliates-ul li {
  margin: 0 0 50px;
  padding: 0;
  display: inline-block;
  font-size: 50px;
  font-weight: 800;
  line-height: 1;
  position: relative;
  width: 33.333333%;
  float: left;
  text-align: center;
}
.affiliates-ul li:before {
  content: "";
  width: 2px;
  height: 100%;
  /* background: #979797; */
  position: absolute;
  top: 0;
  left: 0;
}
.affiliates-ul li:nth-of-type(1):before {
  display: none;
}
.affiliates-ul li:nth-of-type(4n + 0):before {
  display: none;
}
.affiliates-ul li:nth-of-type(n + 4) {
  margin-bottom: 0;
}
.affiliates-ul li span {
  line-height: 1;
}
.affiliates-ul li img {
  margin-right: 10px;
}
.partners-ul {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: "Open Sans", sans-serif;
}
.partners-ul li {
  margin: 0 0 50px;
  padding: 0;
  display: inline-block;
  font-size: 50px;
  font-weight: 800;
  line-height: 1;
  position: relative;
  width: 33.333333%;
  float: left;
  text-align: center;
}
.partners-ul li:before {
  content: "";
  width: 2px;
  height: 100%;
  background: #979797;
  position: absolute;
  top: 0;
  left: 0;
}
.partners-ul li:nth-of-type(1):before {
  display: none;
}
.partners-ul li:nth-of-type(4n + 0):before {
  display: none;
}
.partners-ul li:nth-of-type(n + 4) {
  margin-bottom: 0;
}
.partners-ul li span {
  line-height: 1;
}
.partners-ul li i {
  margin-right: 10px;
}

.diagonal-bg-reverse {
  background: linear-gradient(
    176deg,
    #353535 0%,
    #353535 50%,
    #fff 50.4%,
    #fff 100%
  );
  height: 135px;
}

.happy-customers {
  padding: 90px 0 0;
  position: relative;
}
.happy-angel-right {
  position: absolute;
  top: 54%;
  left: -18%;
}
.happy-customers-carousel {
  padding: 50px 0 0;
  position: relative;
}

.happy-customers-carousel .owl-theme .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  margin: 0;
  width: 100%;
}

.happy-customers-carousel .owl-carousel .owl-nav button.owl-next,
.happy-customers-carousel .owl-carousel .owl-nav button.owl-prev {
  width: 91px;
  height: 55px;
  background-color: #353535;
  transform: skewX(20deg);
  position: absolute;
  border-radius: 0;
  margin: 0;
  transition: all ease-in-out 0.4s;
}
.happy-customers-carousel .owl-carousel .owl-nav button.owl-next:before,
.happy-customers-carousel .owl-carousel .owl-nav button.owl-prev:before {
  font-family: "Font Awesome 5 Free";
  font-size: 26px;
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) skewX(-20deg);
  color: #fff;
  transition: all ease-in-out 0.4s;
}
.happy-customers-carousel .owl-carousel .owl-nav button.owl-next:before {
  content: "\f061";
}
.happy-customers-carousel .owl-carousel .owl-nav button.owl-prev:before {
  content: "\f060";
}
.happy-customers-carousel .owl-carousel .owl-nav button.owl-next:hover,
.happy-customers-carousel .owl-carousel .owl-nav button.owl-prev:hover {
  background-color: #246696;
}
.happy-customers-carousel .owl-carousel .owl-nav button.owl-next {
  right: -30px;
}
.happy-customers-carousel .owl-carousel .owl-nav button.owl-prev {
  left: -30px;
}

.customers-carousel-item {
}
.home-customer-item {
  margin: 50px 0;
}
.customers-carousel-img {
}
.customers-carousel-content {
  padding: 60px 160px;
  margin: 0 auto;
  position: relative;
}
.customers-carousel-content:after {
  content: "";
  background: #fff;
  top: 20px;
  left: 20px;
  bottom: 20px;
  right: 20px;
  position: absolute;
  box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.3);
  transform: skewX(20deg);
}
.customers-carousel-content img {
  position: absolute;
  top: -34px;
  right: 90px;
  width: auto !important;
  z-index: 2;
}
.customers-carousel-content div {
  font-size: 165px;
  font-weight: bold;
  color: #bfbfbf;
  letter-spacing: 3.44px;
  opacity: 0.2;
  line-height: 1;
  position: absolute;
  top: 0;
  right: 0;
}
.customers-carousel-content h6 {
  font-size: 50px;
  font-weight: bold;
  margin: 0 0 22px;
  line-height: 1;
  position: relative;
  display: inline-block;
  z-index: 2;
}
.customers-carousel-content p {
  font-size: 18px;
  line-height: 1.5;
  margin: 0;
  width: 680px;
  z-index: 2;
  position: relative;
}
.customers-carousel-content label {
  font-size: 24px;
  font-weight: bold;
  margin: 35px 0 15px;
  line-height: 1;
  z-index: 2;
  position: relative;
}

.blogs {
  padding: 150px 0 0;
  position: relative;
}
.blogs h5 {
  font-size: 24px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  margin: 0;
  line-height: 1;
}
.blogs h6 {
  font-size: 32px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  margin: 0 0 25px;
  line-height: 1;
}
.blog-carousel {
  margin: 40px -100px 0 0;
}
.blog-carousel .owl-carousel .owl-stage {
  padding-left: 0 !important;
}

.blog-carousel .owl-theme .owl-nav {
  position: absolute;
  top: -140px;
  right: 100px;
  margin: 0;
}

.blog-carousel .owl-carousel .owl-nav button.owl-next,
.blog-carousel .owl-carousel .owl-nav button.owl-prev {
  width: 91px;
  height: 55px;
  background-color: transparent;
  transform: skewX(20deg);
  position: relative;
  border-radius: 0;
  margin: 0;
  border: 1px solid #707070;
  transition: all ease-in-out 0.4s;
}
.blog-carousel .owl-carousel .owl-nav button.owl-next:before,
.blog-carousel .owl-carousel .owl-nav button.owl-prev:before {
  font-family: "Font Awesome 5 Free";
  font-size: 26px;
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) skewX(-20deg);
  color: #000;
  transition: all ease-in-out 0.4s;
}
.blog-carousel .owl-carousel .owl-nav button.owl-next:before {
  content: "\f061";
}
.blog-carousel .owl-carousel .owl-nav button.owl-prev:before {
  content: "\f060";
}
.blog-carousel .owl-carousel .owl-nav button.owl-next:hover,
.blog-carousel .owl-carousel .owl-nav button.owl-prev:hover {
  background-color: #246696;
  border: 1px solid #246696;
  color: #fff;
}

.blog-carousel-item {
  margin-right: 40px;
}

.blog-carousel-img img {
    height: auto !important;
}
.blog-carousel-content {
  padding-left: 40px;
}
.blog-carousel-content p {
  font-size: 18px;
  line-height: 1.31;
  margin: 0;
}
.blog-carousel-content label {
  margin: 20px 0 70px;
  font-size: 18px;
  font-weight: bold;
  display: block;
  line-height: 1;
}
.blog-carousel-content a {
  width: 220px;
  height: 72px;
  background-color: #246696;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  transform: skewX(20deg);
  justify-content: center;
  align-items: center;
  border: 1px solid #246696;
  transition: all ease-in-out 0.4s;
  margin: 50px 0 0;
}
.blog-carousel-content a span {
  transform: skewX(-20deg);
  display: inline-block;
  margin-right: 10px;
  color: #fff;
  transition: all ease-in-out 0.4s;
}
.blog-carousel-content a i {
  transform: skewX(-20deg);
  display: inline-block;
  color: #fff;
  transition: all ease-in-out 0.4s;
}
.blog-carousel-content a:hover {
  border: 1px solid #000;
  background: transparent;
  color: #000;
}
.blog-carousel-content a:hover span,
.blog-carousel-content a:hover i {
  color: #000;
}

.blog-carousel-img img {
    height: 100%;
}

.webinar {
  padding: 120px 0;
  position: relative;
}
.webinar-angel-right {
  position: absolute;
  top: 30%;
  right: -12%;
}
.webinar-content-area {
}
.webinar-content {
}
.webinar-content h5 {
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
  margin: 0;
}
.webinar-content h6 {
  line-height: 1;
  margin: 35px 0 45px;
  font-size: 42px;
  font-weight: bold;
  width: 73%;
}
/*.webinar-content h6 span{ display: block; }*/
.webinar-content p {
  font-size: 27px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 80px;
  width: 260px;
}

/*.webinar-content p span{ display: block; }*/
.webinar-content label {
  font-size: 27px;
  font-weight: normal;
  margin: 0;
  line-height: 1;
}
.webinar-content div {
  font-size: 18px;
  font-weight: normal;
  line-height: 1;
  margin: 10px 0 30px;
}
.webinar-content a {
  width: 316px;
  height: 72px;
  background-color: #246696;
  transform: skewX(20deg);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border: 1px solid #246696;
  transition: all ease-in-out 0.4s;
  margin-left:  15px;
}
.webinar-content a span {
  display: inline-block;
  margin-right: 10px;
  transform: skewX(-20deg);
}
.webinar-content a i {
  transform: skewX(-20deg);
}
.webinar-content a:hover {
  background-color: transparent;
  color: #000;
  border: 1px solid #000;
}
.webinar-img {
}
.webinar-img img {
  width: 100%;
}

.contact-us {
  padding: 0 0 120px;
}
.contact-us-left {
padding-left:72px;
}
.contact-content-left {
  padding: 20px 0 0;
}
.contact-left {
}
.contact-left label {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}
.contact-left p {
  font-size: 16px;
  margin: 5px 0 10px;
  line-height: 1.3;
  width: 194px;
}
/*.contact-left p span{ display: block; }*/
.contact-left a {
  font-size: 16px;
  color: #000;
  text-decoration: revert;
  transition: all ease-in-out 0.4s;
}
.contact-left a:hover {
  color: #246696;
}
.contact-right {
}
.contact-right ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.contact-right ul li {
  margin: 0;
  padding: 0;
  display: block;
}
.contact-right ul li label {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  color: #000;
  margin: 0 10px 0 0;
  line-height: 1;
}
.contact-right ul li a {
  font-size: 16px;
  display: inline-block;
  color: #000;
}
.contact-img {
  padding: 20px 60px 0 0;
}
.contact-img img {
  width: 100%;
}

.contact-us-right {
  padding: 70px 60px 50px;
  box-shadow: 0 0 40px 0 rgba(53, 53, 53, 0.2);
  background-color: #ffffff;
}
.contact-us-form {
}
.contact-us-form label {
  font-size: 24px;
  font-weight: normal;
  font-family: "Open Sans", sans-serif;
  line-height: 1;
  margin: 0 0 10px;
}
.contact-us-form p {
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  margin: 0;
}
.input-area {
  margin: 40px 0 0;
}

.common-form-placeholder::-webkit-input-placeholder {
  color: #353535;
}
.common-form-placeholder::-moz-placeholder {
  color: #353535;
}
.common-form-placeholder:-ms-input-placeholder {
  color: #353535;
}
.common-form-placeholder:-moz-placeholder {
  color: #353535;
}

.common-form-input {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #353535;
  box-shadow: none;
  outline: none;
  padding-left: 0;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  margin: 0 0 20px;
}
.common-form-input:active {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #353535;
  box-shadow: none;
  outline: none;
  padding-left: 0;
}
.common-form-input:focus {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #353535;
  box-shadow: none;
  outline: none;
  padding-left: 0;
}
.common-form-textarea {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #353535;
  box-shadow: none;
  outline: none;
  padding-left: 0;
  font-size: 16px;
  resize: none;
  font-family: "Roboto", sans-serif;
}
.common-form-textarea:active {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #353535;
  box-shadow: none;
  outline: none;
  resize: none;
  padding-left: 0;
}
.common-form-textarea:focus {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #353535;
  box-shadow: none;
  outline: none;
  resize: none;
  padding-left: 0;
}
.form-submit-button {
  width: 194px;
  height: 72px;
  background-color: #246696;
  transform: skewX(20deg);
  border: 1px solid #246696;
  margin: 35px 0 0 13px;
  transition: all ease-in-out 0.4s;
}
.form-submit-button span {
  display: inline-block;
  margin-right: 10px;
  transform: skewX(-20deg);
  color: #fff;
  transition: all ease-in-out 0.4s;
}
.form-submit-button i {
  transform: skewX(-20deg);
  color: #fff;
  transition: all ease-in-out 0.4s;
}
.form-submit-button:hover {
  background-color: transparent;
  border: 1px solid #000;
}
.form-submit-button:hover span,
.form-submit-button:hover i {
  color: #000;
}

/*----====Webinar====----*/

.webinar-banner {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.webinar-banner-overlay {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.webinar-banner .banner-container {
}
.webinar-banner-content {
  margin: 0 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  position: relative;
}
.webinar-banner-left {
}
.webinar-banner-left label {
  font-size: 16px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  line-height: 1;
  margin: 0;
}
.webinar-banner-left .heading {
  width: 540px;
  line-height: 1.5;
}
.webinar-banner-left span.date {
  font-size: 24px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  display: inline-block;
  width: 250px;
  padding: 25px 0 28px;
}
.webinar-banner-left div {
  font-size: 16px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
}
.webinar-banner-left p {
  font-size: 14px;
  font-weight: normal; /*width: 200px;*/
  margin: 7px 0 35px;
  line-height: 1.4;
}
.webinar-banner-left a {
  width: 249px;
  height: 72px;
  border: solid 1px #353535;
  background-color: #fff;
  display: flex;
  margin-left: 14px;
  transform: skewX(20deg);
  justify-content: center;
  align-items: center;
  transition: all ease-in-out 0.4s;
}
.webinar-banner-left a span {
  font-size: 16px;
  font-weight: 500;
  color: #353535;
  display: inline-block;
  margin-right: 10px;
  transform: skewX(-20deg);
  transition: all ease-in-out 0.4s;
}
.webinar-banner-left a i {
  transform: skewX(-20deg);
  color: #353535;
  transition: all ease-in-out 0.4s;
}
.webinar-banner-left a:hover {
  border: solid 1px #fff;
  background: transparent;
}
.webinar-banner-left a:hover span,
.webinar-banner-left a:hover i {
  color: #fff;
}
.webinar-banner-right {
  width: 295px;
  float: right;
  position: absolute;
  top: 0;
  right: 0;
}
.webinar-banner-right p {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 30px;
  line-height: 1.5;
}
.webinar-banner-right p:last-child {
  font-weight: normal;
}

.why-webinar {
  padding: 100px 0 120px;
}
.why-webinar-left {
}
.why-webinar-left label {
  font-size: 18px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  line-height: 1;
}
.why-webinar-right {
}
.why-webinar-right h2 {
  /*font-size: 40px;*/
  font-weight: 600;
  line-height: 1.2;
}
.webinar-events {
  position: relative;
  height: 208px;
  overflow: hidden;
  transition: height ease-in-out 1s;
}
.readmore-clicked.webinar-events {
  height: auto;
}
.event-read-more {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 16px;
  color: #000;
  font-weight: bold;
  line-height: 1;
  visibility: visible;
  opacity: 1;
  box-shadow: 0 0 13px 6px rgba(255, 255, 255, 0.5);
  background: #fff;
  transition: visibility ease-in-out 0.4s, opacity ease-in-out 0.6s;
}
.event-less-more {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 16px;
  color: #000;
  font-weight: bold;
  line-height: 1;
  visibility: hidden;
  opacity: 0;
  box-shadow: 0 0 13px 6px rgba(255, 255, 255, 0.5);
  background: #fff;
  transition: all ease-in-out 0.4s, opacity ease-in-out 0.6s;
}
.readmore-clicked .event-read-more {
  visibility: hidden;
  opacity: 0;
}
.readmore-clicked .event-less-more {
  visibility: visible;
  opacity: 1;
}
.readmore-clicked .event-read-more:hover,
.readmore-clicked .event-less-more:hover {
  color: #000;
}
.why-webinar-right p {
  font-size: 18px;
  line-height: 1.5;
  margin: 35px 0;
}
.why-webinar-right button {
  width: 278px;
  height: 72px;
  background-color: #246696;
  border: 1px solid #246696;
  transform: skewX(20deg);
  margin-left: 13px;
  transition: all ease-in-out 0.4s;
}
.why-webinar-right button span {
  display: inline-block;
  margin-right: 10px;
  color: #fff;
  transform: skewX(-20deg);
  transition: all ease-in-out 0.4s;
}
.why-webinar-right button i {
  color: #fff;
  transform: skewX(-20deg);
  transition: all ease-in-out 0.4s;
}
.why-webinar-right button:hover {
  background: transparent;
  border: 1px solid #353535;
}
.why-webinar-right button:hover span,
.why-webinar-right button:hover i {
  color: #353535;
}

.upcoming-webinars {
}
.upcoming-webinars .technologies-carousel-child {
  padding: 25px 50px;
  transform: skewX(-20deg);
}
.upcoming-webinars .technologies-carousel-content p {
  padding: 0;
  transform: skewX(0);
}
.upcoming-webinars .technologies-carousel-content p span {
  width: 370px;
  text-decoration: underline;
  text-decoration-color: #ff0804;
}
.upcoming-webinars .technologies-carousel-content a {
  color: #ff0804;
  display: inline-block;
  margin: 20px 0 0;
  line-height: 1;
  font-size: 16px;
  transition: all ease-in-out 0.4s;
}
.upcoming-webinars .technologies-carousel-content a span {
  display: inline-block;
  margin-right: 10px;
}
.upcoming-webinars .technologies-carousel-content a i {
}
.upcoming-webinars .technologies-carousel-content a:hover {
  color: #000;
}

.upcoming-webinars
  .technologies-carousel
  .owl-carousel
  .owl-nav
  button.owl-next,
.upcoming-webinars
  .technologies-carousel
  .owl-carousel
  .owl-nav
  button.owl-prev {
  width: 91px;
  height: 55px;
  background-color: transparent;
  transform: skewX(20deg);
  position: relative;
  border-radius: 0;
  margin: 0;
  border: 1px solid #353535;
  transition: all ease-in-out 0.4s;
}
.upcoming-webinars
  .technologies-carousel
  .owl-carousel
  .owl-nav
  button.owl-next:before,
.upcoming-webinars
  .technologies-carousel
  .owl-carousel
  .owl-nav
  button.owl-prev:before {
  font-family: "Font Awesome 5 Free";
  font-size: 26px;
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) skewX(-20deg);
  color: #353535;
  transition: all ease-in-out 0.4s;
}
.upcoming-webinars
  .technologies-carousel
  .owl-carousel
  .owl-nav
  button.owl-next:hover,
.upcoming-webinars
  .technologies-carousel
  .owl-carousel
  .owl-nav
  button.owl-prev:hover {
  background-color: #246696;
  border: 1px solid #246696;
}
.upcoming-webinars
  .technologies-carousel
  .owl-carousel
  .owl-nav
  button.owl-next:hover:before,
.upcoming-webinars
  .technologies-carousel
  .owl-carousel
  .owl-nav
  button.owl-prev:hover:before {
  color: #fff;
}

.event-table-area {
  box-shadow: 0 0 21px 1px rgba(0, 0, 0, 0.3);
  padding: 60px 80px;
}
.event-table-area label {
  margin: 0 0 45px;
  line-height: 1;
  font-size: 35px;
  font-weight: bold;
  color: #353535;
  font-family: "Open Sans", sans-serif;
  text-transform: capitalize;
}
.table-anchor {
  font-weight: bold;
  color: #246696;
  transition: all ease-in-out 0.4s;
}
.table-anchor:hover {
  color: #353535;
}
.event-table-area .table thead th {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
}
.event-table-area .table {
  color: #353535;
}
.event-table-area .table td,
.event-table-area .table th {
  padding: 20px;
}
.event-table-area.two {
  margin: 100px 0 0;
}
.event-table-area.two.last-table {
  margin-bottom: 120px;
}

.past-webinars {
  position: relative;
  padding: 100px 0; /*border-bottom: 1px solid #353535;*/
}
.past-webinars a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 305px;
  height: 72px;
  border: solid 1px #353535;
  background: transparent;
  transform: skewX(20deg);
  margin: 50px auto 0;
  transition: all ease-in-out 0.4s;
}
.past-webinars a span {
  transform: skewX(-20deg);
  color: #353535;
  display: inline-block;
  margin-right: 15px;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 500;
  transition: all ease-in-out 0.4s;
}
.past-webinars a i {
  transform: skewX(-20deg);
  color: #353535;
  transition: all ease-in-out 0.4s;
}
.past-webinars a:hover {
  border: solid 1px #246696;
  background: #246696;
}
.past-webinars a:hover span,
.past-webinars a:hover i {
  color: #fff;
}
.past-webinars-area {
  margin: 0 -50px;
}
.past-webinars-unit {
  padding: 50px 50px;
}
.past-webinars-unit-img {
  position: relative;
}
.past-webinars-unit-img img {
  width: 100%;
}
.youtube-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.past-webinars-unit-content {
}
.past-webinars-unit-content p {
  margin: 25px 0 15px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  font-family: "Open Sans", sans-serif;
  width: 400px;
}
.past-webinars-unit-content span {
  display: block;
  font-size: 16px;
  font-weight: normal;
  font-family: "Roboto", sans-serif;
}

#video-popup-container {
  display: none;
  position: fixed;
  z-index: 9996;
  width: 60%;
  left: 50%;
  margin-left: -30%;
  top: 20%;
  background-color: #fff;
}

#video-popup-close {
  cursor: pointer;
  position: absolute;
  right: -18px;
  top: -18px;
  z-index: 998;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  font-size: 21px;
  background-color: #246696;
  line-height: 41px;
  color: #fff;
  transition: all ease-in-out 0.4s;
}

#video-popup-iframe-container {
  position: absolute;
  z-index: 997;
  width: 100%;
  padding-bottom: 56.25%;
  border: 2px solid #000;
  border-radius: 2px;
  background-color: #000;
}

#video-popup-iframe {
  z-index: 999;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #000;
}

#video-popup-overlay {
  display: none;
  position: fixed;
  z-index: 9995;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.8;
  width: 100%;
  height: 100%;
}

#video-popup-close:hover {
  color: #000;
}

.build-your-project {
}
.build-your-project .register-for-web {
  padding: 100px 0 150px;
}

/*----====Services====----*/

.services-banner {
}
.services-banner .angle-right {
  left: -26%;
}
.services-banner .banner-content {
  margin: 0 100px;
  width: auto;
  display: flex;
  align-items: center;
}
.services-banner-left {
}
.services-banner-left span {
  font-size: 16px;
  display: block;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  line-height: 1;
}
.services-banner-left .heading {
  line-height: 1.5;
  margin: 30px 0 95px;
}
.services-banner-left .bottom-arrow {
  font-size: 40px;
  color: #000;
  display: inline-block;
  line-height: 1;
  transition: all ease-in-out 0.4s;
}
.services-banner-left .bottom-arrow:hover {
  color: #246696;
}
.services-banner-center {
  margin: 0 auto;
  width: 85%;
}
.services-banner-center img {
  width: 100%;
}
.services-banner-right {
}
.services-banner-right p {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  color: #6f6f6f;
  width: 300px;
}

.technologies {
}
.carousel-technologies {
  margin: 80px 0 100px;
  position: relative;
}
.carousel-technologies .owl-theme .owl-nav {
  position: absolute;
  top: -105px;
  right: 100px;
}
.carousel-technologies .owl-carousel .owl-nav button.owl-next,
.carousel-technologies .owl-carousel .owl-nav button.owl-prev {
  width: 91px;
  height: 55px;
  background-color: transparent;
  transform: skewX(20deg);
  position: relative;
  border-radius: 0;
  margin: 0;
  border: 1px solid #353535;
  transition: all ease-in-out 0.4s;
}
.carousel-technologies .owl-carousel .owl-nav button.owl-next:before,
.carousel-technologies .owl-carousel .owl-nav button.owl-prev:before {
  font-family: "Font Awesome 5 Free";
  font-size: 26px;
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) skewX(-20deg);
  color: #353535;
  transition: all ease-in-out 0.4s;
}
.carousel-technologies .owl-carousel .owl-nav button.owl-next:before {
  content: "\f061";
}
.carousel-technologies .owl-carousel .owl-nav button.owl-prev:before {
  content: "\f060";
}
.carousel-technologies .owl-carousel .owl-nav button.owl-next:hover,
.carousel-technologies .owl-carousel .owl-nav button.owl-prev:hover {
  background-color: #246696;
  border: 1px solid #246696;
}
.carousel-technologies .owl-carousel .owl-nav button.owl-next:hover:before,
.carousel-technologies .owl-carousel .owl-nav button.owl-prev:hover:before {
  color: #fff;
}
.carousel-technologies .owl-carousel .owl-nav.disabled {
  display: block;
}
.carousel-technologies-item {
}
.carousel-technologies-item img {
  width: auto !important;
}
.carousel-technologies-item span {
  display: block;
  font-size: 24px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  line-height: 1;
  margin: 20px 0 25px;
}
.carousel-technologies-item p {
  margin: 0;
  font-size: 18px;
  font-weight: normal;
  font-family: "Lato", sans-serif;
  width: 300px;
  line-height: 1.3;
}
.technologies-image-area {
  margin: 0 -100px;
  padding: 100px 0;
}
.technologies-image-area-left {
}
.technologies-image-area-left img {
  width: 100%;
}
.technologies-image-area-right {
}
.technologies-image-area-right img {
  width: 100%;
}

.process {
  padding: 100px 0;
  position: relative;
}
.process span {
  font-size: 16px;
  font-weight: bold;
}
.process .sub-heading {
  width: 81%;
  margin: 30px 0 0;
}
.angle-left-small {
  position: absolute;
  bottom: -30%;
  right: -10%;
}
.precess-content {
  margin: 80px 0 0;
}
.precess-content-unit {
  position: relative;
  margin-right: 30px;
}
.process-unit-number {
  width: 60px;
  height: 60px;
  background-color: #bfbfbf;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  position: relative;
}
.precess-content-unit:after {
  content: "";
  width: 80%;
  height: 1px;
  background: #bfbfbf;
  position: absolute;
  top: 30px;
  right: 0;
}
.precess-content-unit.last-child:after {
  display: none;
}
.precess-content-unit p {
  font-size: 18px;
  font-weight: bold;
  margin: 25px 0 0;
  line-height: 1.3;
  width: 78%;
}

.why-techstar {
  padding: 100px 0;
  position: relative;
  z-index: 1;
}
.why-techstar-left {
  margin-left: -100px;
}
.why-techstar-left img {
  width: 100%;
}
.why-techstar-right {
  padding-left: 50px;
}
.why-techstar-right .heading {
}
.why-techstar-unit {
  margin: 80px 0 0;
}
.why-techstar-unit label {
  margin: 0;
  line-height: 1;
  font-size: 24px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
}
.why-techstar-unit p {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.3;
  font-family: "Roboto", sans-serif;
  margin: 15px 0 0;
}

.testimonial-total {
  position: relative;
  padding: 100px 0;
}
.testimonial-total .angle-right {
  top: -27%;
  left: -9%;
}
.testimonial {
  display: flex;
  align-items: center;
}
.testimonial-img {
}
.testimonial-img img {
  width: 100%;
}
.testimonial-content {
  padding-left: 50px;
}
.testimonial-content p {
  font-size: 24px;
  font-weight: bold;
  margin: 25px 0 0;
  font-family: "Open Sans", sans-serif;
  line-height: 1.3;
  width: 70%;
}
.testimonial-content label {
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  margin: 34px 0 20px;
  font-family: "Open Sans", sans-serif;
  display: block;
}
.testimonial-content span {
  font-size: 16px;
  line-height: 1;
  display: block;
}

.services-success-stories-parent {
  padding: 100px 0;
  border-bottom: 1px solid #353535;
}
.services-success-stories {
  display: flex;
  align-items: center;
}
.services-success-stories-left {
  margin-left: -100px;
}
.services-success-stories-left img {
  width: 100%;
}
.services-success-stories-right {
  padding-left: 50px;
}
.services-success-stories-right span {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  display: block;
  font-family: "Open Sans", sans-serif;
}
.services-success-stories-right .sub-heading {
  margin: 30px 0 40px;
}
.services-success-stories-right p {
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  margin: 0;
  line-height: 1.3;
}
.services-success-stories-right ul {
  margin: 90px 0 0;
  padding: 0;
  list-style: none;
}
.services-success-stories-right ul li {
  margin: 0;
  padding: 0 20px 0 0;
  display: inline-block;
  float: left;
}
.services-success-stories-right ul li:last-child {
  padding-right: 0;
}
.services-success-item {
  display: inline-block;
  float: left;
}
.services-success-item label {
  font-size: 32px;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  line-height: 1;
  margin: 0 0 50px;
  position: relative;
}
.services-success-item label:after {
  content: "";
  width: 45px;
  height: 8px;
  background: #353535;
  position: absolute;
  bottom: -28px;
  left: 0;
}
.services-success-item p {
  font-size: 16px;
  font-weight: normal;
  font-family: "Lato", sans-serif;
  margin: 0;
  line-height: 1.3;
  width: 180px;
}
.success-stories-two .services-success-stories-left {
  margin: 0 -100px 0 0;
}
.success-stories-two .services-success-stories-right {
  padding: 0 50px 0 0;
}

/*----====Contact====----*/

.contact-page {
  margin: 80px 0 0;
}
.contact-content {
  padding: 50px 0;
  position: relative;
}
.contact-content label {
  margin: 0;
  line-height: 1;
  font-size: 32px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  position: relative;
  z-index: 1;
}
.contact-content p {
  margin: 25px 0 50px;
  line-height: 1;
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  position: relative;
  z-index: 1;
}
.contact-content .heading {
  position: relative;
  z-index: 1;
}
.contact-content .angle-left-small {
  top: -15px;
  left: -8%;
  bottom: auto;
  right: auto;
  transform: rotate(180deg);
}
.contact-content .angle-right {
  top: -109%;
  right: -27%;
}

.contact-form-area {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  margin: 0 -100px;
  position: relative;
  z-index: 1;
}
.form-input-area {
  background: rgba(255, 255, 255, 0.8);
  box-shadow: -84px -35px 90px 16px rgba(255, 255, 255, 0.8);
  padding: 80px 0;
}
.form-input-area label {
  font-size: 24px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  line-height: 1;
  margin: 0 0 40px;
}
.common-form-group {
  margin-bottom: 40px;
  width: 65%;
}
.contact-input-placeholder::-webkit-input-placeholder {
  color: #353535;
}
.contact-input-placeholder::-moz-placeholder {
  color: #353535;
}
.contact-input-placeholder:-ms-input-placeholder {
  color: #353535;
}
.contact-input-placeholder:-moz-placeholder {
  color: #353535;
}
.contact-input {
  border-radius: 0;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid #353535;
  outline: none;
  color: #353535;
  background: transparent;
  padding-left: 0;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
}
.contact-input:active {
  border-radius: 0;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid #353535;
  outline: none;
  color: #353535;
  background: transparent;
}
.contact-input:focus {
  border-radius: 0;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid #353535;
  outline: none;
  color: #353535;
  background: transparent;
}
.contact-textarea {
  border-radius: 0;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid #353535;
  outline: none;
  color: #353535;
  resize: none;
  background: transparent;
  padding-left: 0;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
}
.contact-textarea:active {
  border-radius: 0;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid #353535;
  outline: none;
  color: #353535;
  resize: none;
  background: transparent;
}
.contact-textarea:focus {
  border-radius: 0;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid #353535;
  outline: none;
  color: #353535;
  resize: none;
  background: transparent;
}
.contact-submit {
  width: 194px;
  height: 72px;
  background-color: #246696;
  color: #fff;
  border: 1px solid transparent;
  margin: 15px 0 0 15px;
  transform: skewX(20deg);
  transition: all ease-in-out 0.4s;
}
.contact-submit span {
  transform: skewX(-20deg);
  display: inline-block;
  margin-right: 10px;
}
.contact-submit i {
  transform: skewX(-20deg);
}
.contact-submit:hover {
  border: 1px solid #000;
  background: transparent;
  color: #000;
}

.office-location-total {
  padding: 100px 0 0;
  position: relative;
}
.office-location-total h5 {
  font-size: 18px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  margin: 0 0 30px;
  line-height: 1;
  position: relative;
}
.office-location-total .angle-left {
  right: -15%;
  top: -15%;
  z-index: -1;
}
.office-location-total .angle-right {
  bottom: -25%;
  left: -16%;
}
.office-location {
  margin: 0 -30px;
  padding: 0 0 100px;
}
.office-location-unit {
  padding: 0 30px;
}
.office-location-unit img {
  width: 100%;
}
.office-location-unit label {
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0 30px;
  line-height: 1;
  font-family: "Open Sans", sans-serif;
  position: relative;
}
.office-location-unit label:after {
  content: "";
  border-bottom: 1px solid #ff0804;
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
}
.office-location-unit p {
  font-size: 18px;
  line-height: 1.3;
  margin: 0;
  font-family: "Roboto", sans-serif;
}
.office-location-unit a {
  font-size: 18px;
  line-height: 1.3;
  margin: 0;
  font-family: "Roboto", sans-serif;
  display: block;
  color: #353535;
  transition: all ease-in-out 0.4s;
}
.office-location-unit a:hover {
  color: #246696;
}
.office-location-unit ul {
  margin: 15px 0 0;
  padding: 0;
  list-style: none;
}
.office-location-unit ul li {
  margin: 0;
  padding: 0;
  display: block;
}
.office-location-unit ul li span {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  font-family: "Open Sans", sans-serif;
  line-height: 1;
  margin-right: 10px;
}
.office-location-unit ul li a {
  display: inline-block;
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  line-height: 1;
  color: #353535;
}
.office-location-unit ul li a:hover {
  color: #353535;
}

.submit-ticket {
  padding: 100px 0 0;
}
.submit-ticket .sub-heading {
}
.submit-ticket p {
  font-size: 16px;
  margin: 15px 0 55px;
}

/*----====Success Stories====----*/

.success-stories-banner {
}
.success-stories-banner .banner-content {
  display: flex;
  align-items: center;
  padding-left: 100px;
  position: relative;
}
.success-stories-banner .banner-content:after {
  content: "";
  width: 100%;
  height: 135px;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
}
.success-stories-banner-left {
  background: #fff;
  transform: skewX(20deg);
  display: inline-block;
  margin: 0 0 0 40px;
  position: relative;
}
.success-stories-banner-left .angle-left {
  top: -85%;
  left: -97%;
}
.stories-banner-left-content {
  transform: skewX(-20deg);
  padding: 50px 65px;
}
.stories-banner-left-content label {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  line-height: 1;
  font-family: "Open Sans", sans-serif;
}
.stories-banner-left-content h1 {
  font-size: 31px;
  font-family: "Open Sans", sans-serif;
  margin: 0;
  line-height: 1.3;
  font-weight: normal;
  display: table;
}
.stories-banner-left-content h1 span {
  display: block;
  position: relative;
}
.stories-banner-left-content h1 span:after {
  content: "";
  border-bottom: 1px solid #ff0804;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
}
.success-stories-banner-right {
  padding: 50px 0 0;
  position: relative;
  z-index: 1;
}
.success-stories-banner-right img {
  width: 100%;
}

.about-project {
}
.about-project label {
  font-size: 18px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  margin: 0;
  line-height: 1;
}
.about-project .sub-heading {
  width: 82%;
  margin: 20px 0 0;
}
.about-project-content {
  margin: 60px -45px 0;
}
.about-project-content-unit {
  padding: 0 45px;
}
.about-project-content-unit span {
  font-size: 24px;
  font-weight: 600;
  display: block;
  font-family: "Open Sans", sans-serif;
  line-height: 1;
}
.about-project-content-unit p {
  margin: 15px 0 0;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.5;
  width: 70%;
}
.about-project-img {
  margin: 50px -100px 0;
  padding: 0 100px;
}
.about-project-img img {
  width: 100%;
}

.about-project-two {
  padding: 60px 0 0;
  position: relative;
}
.about-project-two .sub-heading {
  width: 85%;
}
.about-project-two-content {
  padding: 55px 0 0;
  position: relative;
}
.project-two-content-unit {
  padding: 0 25px;
}
.project-two-content-unit span {
  font-size: 16px;
  font-weight: bold;
  display: block;
  line-height: 1;
  margin: 0 0 10px;
}
.project-two-content-unit p {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  margin: 0;
  line-height: 1.7;
}
.about-project-two-img {
  padding: 80px 0;
}
.about-project-two-img-left {
  padding-right: 30px;
}
.about-project-two-img-left img {
  width: 100%;
}
.about-project-two-img-right {
  padding-left: 30px;
}
.about-project-two-img-right img {
  width: 100%;
}
.about-project-two .angle-right {
  top: -16px;
  left: 0;
  z-index: -1;
}
.about-project-two .angle-left {
  bottom: -11%;
  right: 14%;
  z-index: -1;
}

.success-technologies {
}
.success-technologies .carousel-technologies {
  margin: 80px 0 0;
}
.success-technologies .technologies-image-area {
  margin: 0;
}
.success-technologies .technologies-image-area-left {
  padding-right: 30px;
}
.success-technologies .technologies-image-area-right {
  padding-left: 30px;
}

.number-section {
  padding: 80px 0;
}
.number-section-unit {
  position: relative;
}
.number-section-unit:before {
  content: "";
  border-top: 8px solid #ff0804;
  position: absolute;
  top: -24px;
  left: 0;
  width: 50%;
}
.number-section-unit.first-child:before {
  display: none;
}
.number-section-unit .heading {
}
.number-section-unit span {
  font-size: 16px;
  font-weight: bold;
  display: block;
  line-height: 1;
  font-family: "Open Sans", sans-serif;
  padding: 10px 0 25px;
}
.number-section-unit label {
  display: block;
  line-height: 1;
  margin: 0;
  font-size: 48px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
}

.success-stories-testimonial {
  border-bottom: 1px solid #353535;
}
.success-stories-testimonial .testimonial-total .angle-right {
  transform: rotate(180deg);
}

.success-build-your-project {
}
.success-build-your-project .build-your-project .register-for-web {
  padding: 100px 0;
}

.next-project {
  padding-bottom: 50px;
}
.next-project .services-success-stories-parent .heading {
  padding: 0 0 50px;
}
.next-project .services-success-stories-parent {
  border: none;
}

.success-stories-testimonial {
}

/*----====About====----*/

.about-banner {
}
.about-banner-content-parent {
  text-align: center;
  width: 100%;
}
.about-banner-content-parent img {
}
.about-banner-content {
  padding: 60px 100px 0;
  text-align: left;
}
.about-banner-content .webinar-banner-left {
}
.about-banner-content .webinar-banner-left p {
  margin: 0;
  font-size: 32px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  line-height: 1.3;
  width: 100%;
  text-align: center;
}
.about-banner-content .webinar-banner-center {
}
.about-banner-content .webinar-banner-center p {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
  font-family: "Open Sans", sans-serif;
  width: 290px;
}
.about-banner-content .webinar-banner-right {
}
.about-banner-content .webinar-banner-right p {
  margin: 0;
  font-size: 16px;
  font-weight: normal;
  font-family: "Roboto", sans-serif;
  line-height: 1.5;
}

.about-inner-nav {
  padding: 60px 0;
  position: relative;
}
.about-inner-nav .angle-right {
  top: -220%;
  right: -23%;
  z-index: -1;
  visibility: visible;
  opacity: 1;
  transition: visibility ease-in-out 0.4s, opacity ease-in-out 0.6s;
}
.about-inner-nav ul {
  margin: 0;
  padding: 25px 0;
  list-style: none;
  display: flex;
  justify-content: center;
  background: transparent;
  transition: all ease-in-out 0.4s;
}
.about-inner-nav ul li {
  margin: 0;
  padding: 0 38px;
  display: inline-block;
}
.about-inner-nav ul li a {
  display: block;
  line-height: 1;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  color: #353535;
  transition: all ease-in-out 0.4s;
}
.about-inner-nav ul li a:hover {
  color: #246696;
}
.is_stuck .about-inner-nav ul {
  margin: 10px -100px 0;
  background: #246696;
}
.is_stuck .about-inner-nav ul li a {
  color: #fff;
}
.is_stuck .angle-right {
  visibility: hidden;
  opacity: 0;
}
.is_stuck {
  z-index: 5;
}

.tagline-area {
}
.tagline-area .sub-heading {
  line-height: 1.2;
}
.tagline-paragraph-area {
  padding: 50px 0 0;
}
.tagline-paragraph {
}
.tagline-paragraph p {
  font-size: 18px;
  margin: 0;
  font-family: "Lato", sans-serif;
  line-height: 1.5;
}

.our-vision {
  padding: 100px 0 0;
}
.our-vision-left {
  position: relative;
  z-index: 2;
}
.our-vision-left .heading {
  width: 160px;
  line-height: 1.3;
}
.our-vision-left p {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.5;
  margin: 80px 0 0;
  position: relative;
  padding: 50px 100px 50px 0;
  display: inline-block;
  font-family: "Open Sans", sans-serif;
}
.our-vision-left p:after {
  content: "";
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  transform: skewX(20deg);
}
.our-vision-left p span {
  display: table;
  position: relative;
  z-index: 1;
}
.our-vision-left p span:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #ff0804;
  position: absolute;
  bottom: 7px;
  left: 0;
}
.our-vision-right {
  margin: 0 -100px 0 -50%;
}
.our-vision-right img {
  width: 100%;
}

.service-consumer-benefits {
  position: relative;
}
.service-consumer-benefits .angle-right {
  top: 0;
  left: -100px;
  z-index: -1;
}
.service-consumer-benefits .about-area-paragraph-left span,
.service-consumer-benefits .about-area-paragraph-center span,
.service-consumer-benefits .about-area-paragraph-right span {
  display: block;
  font-size: 28px;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  padding: 0 0 25px;
}
.service-consumer-benefits .about-area .sub-heading {
  margin: 20px 0 55px;
}
.service-consumer-benefits .about-area {
  padding: 100px 0;
}

.our-value-section {
  position: relative;
  padding: 80px 0 0;
}
.our-value-section .heading {
}
.our-value-section .angle-left {
  top: 42%;
  right: 8%;
}
.our-value-section-content {
  margin: 0 -30px;
}
.our-value-section-unit {
  padding: 50px 30px 0;
}
.our-value-section-unit span {
  display: block;
  font-size: 16px;
  font-weight: bold;
  font-family: "Lato", sans-serif;
  line-height: 1;
}
.our-value-section-unit label {
  display: block;
  margin: 20px 0;
  line-height: 1;
  font-size: 36px;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
}
.our-value-section-unit p {
  margin: 0;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.5;
  font-family: "Lato", sans-serif;
}

.our-value-number {
  padding: 145px 0;
}
.our-value-number-unit {
  position: relative;
}
.our-value-number-unit:after {
  content: "";
  width: 35%;
  height: 8px;
  background: #353535;
  position: absolute;
  top: 0;
  left: 0;
}
.our-value-number-unit label {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  line-height: 1;
  font-family: "Open Sans", sans-serif;
  display: block;
  padding: 35px 0 25px;
}
.our-value-number-unit span {
  display: block;
  font-size: 64px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  line-height: 1;
}

.awards-section {
  padding: 60px 0 0;
}
.awards-section .heading {
}
.awards-section-carousel {
  margin: 40px -100px 0;
  position: relative;
}
.awards-carousel-item {
  position: relative;
}
.awards-carousel-content {
  position: absolute;
  bottom: 60px;
  left: 100px;
}
.awards-carousel-content .sub-heading {
  width: 63%;
  line-height: 1.3;
  text-shadow: 0 0 20px rgba(0, 0, 0, 1);
}
.awards-carousel-content p {
  font-size: 16px;
  margin: 25px 0 0;
  line-height: 1.3;
  font-family: "Roboto", sans-serif;
}

.awards-section-carousel .owl-theme .owl-nav {
  position: absolute;
  top: -220px;
  right: 100px;
}
.awards-section-carousel .owl-carousel .owl-nav button.owl-next,
.awards-section-carousel .owl-carousel .owl-nav button.owl-prev {
  width: 91px;
  height: 55px;
  background-color: transparent;
  transform: skewX(20deg);
  position: relative;
  border-radius: 0;
  margin: 0;
  border: 1px solid #353535;
  transition: all ease-in-out 0.4s;
}
.awards-section-carousel .owl-carousel .owl-nav button.owl-next:before,
.awards-section-carousel .owl-carousel .owl-nav button.owl-prev:before {
  font-family: "Font Awesome 5 Free";
  font-size: 26px;
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) skewX(-20deg);
  color: #353535;
  transition: all ease-in-out 0.4s;
}
.awards-section-carousel .owl-carousel .owl-nav button.owl-next:hover:before,
.awards-section-carousel .owl-carousel .owl-nav button.owl-prev:hover:before {
  color: #fff;
}
.awards-section-carousel .owl-carousel .owl-nav button.owl-next:before {
  content: "\f061";
}
.awards-section-carousel .owl-carousel .owl-nav button.owl-prev:before {
  content: "\f060";
}
.awards-section-carousel .owl-carousel .owl-nav button.owl-next:hover,
.awards-section-carousel .owl-carousel .owl-nav button.owl-prev:hover {
  background-color: #246696;
  border: 1px solid #246696;
}

.in-the-news {
  padding: 0 0 50px;
}
.in-the-news .technologies-carousel-item {
  height: auto;
}
.in-the-news .technologies-carousel-item span {
  font-size: 14px;
  display: block;
  font-family: "Roboto", sans-serif;
  line-height: 1;
  padding: 20px 0;
}
.in-the-news .technologies-carousel-item label {
  font-size: 24px;
  font-weight: 600;
  display: block;
  line-height: 1;
  margin: 0 0 24px;
}
.in-the-news .technologies-carousel-item p {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  line-height: 1.5;
  margin: 0;
}
.in-the-news .technologies-carousel {
  margin: 50px -25px 0;
}
.in-the-news .technologies-carousel .owl-theme .owl-nav {
  position: absolute;
  top: -105px;
  right: 100px;
}
.in-the-news .technologies-carousel .owl-carousel .owl-nav button.owl-next,
.in-the-news .technologies-carousel .owl-carousel .owl-nav button.owl-prev {
  width: 91px;
  height: 55px;
  background-color: transparent;
  transform: skewX(20deg);
  position: relative;
  border-radius: 0;
  margin: 0;
  border: 1px solid #353535;
  transition: all ease-in-out 0.4s;
}
.in-the-news
  .technologies-carousel
  .owl-carousel
  .owl-nav
  button.owl-next:before,
.in-the-news
  .technologies-carousel
  .owl-carousel
  .owl-nav
  button.owl-prev:before {
  font-family: "Font Awesome 5 Free";
  font-size: 26px;
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) skewX(-20deg);
  color: #353535;
  transition: all ease-in-out 0.4s;
}
.in-the-news
  .technologies-carousel
  .owl-carousel
  .owl-nav
  button.owl-next:hover:before,
.in-the-news
  .technologies-carousel
  .owl-carousel
  .owl-nav
  button.owl-prev:hover:before {
  color: #fff;
}
.in-the-news
  .technologies-carousel
  .owl-carousel
  .owl-nav
  button.owl-next:before {
  content: "\f061";
}
.in-the-news
  .technologies-carousel
  .owl-carousel
  .owl-nav
  button.owl-prev:before {
  content: "\f060";
}
.in-the-news
  .technologies-carousel
  .owl-carousel
  .owl-nav
  button.owl-next:hover,
.in-the-news
  .technologies-carousel
  .owl-carousel
  .owl-nav
  button.owl-prev:hover {
  background-color: #246696;
  border: 1px solid #246696;
}
.in-the-news .angle-right {
  top: 7%;
  right: -32%;
  z-index: -1;
}

.our-team-section {
  padding: 0 0 100px;
  position: relative;
}
.our-team-section label {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  line-height: 1;
  font-family: "Open Sans", sans-serif;
}
.our-team-section .sub-heading {
  width: 88%;
  line-height: 1.3;
  margin: 12px 0 65px;
}
.team-section-imgbox {
  margin: 0 -100px;
  position: relative;
}
.team-section-imgbox img {
  width: 100%;
}
.team-section-content {
  position: absolute;
  bottom: 80px;
  left: 130px;
  background: #fff;
  transform: skewX(20deg);
  display: flex;
  align-items: center;
}
.team-section-content-left {
  transform: skewX(-20deg);
  padding: 50px 80px;
}
.team-section-content-left label {
}
.team-section-content-left p {
  font-size: 31px;
  margin: 0;
  line-height: 1.5;
  font-family: "Open Sans", sans-serif;
  white-space: nowrap;
}
.team-section-content-left p span {
  display: table;
  position: relative;
}
.team-section-content-left p span:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #ff0804;
  position: absolute;
  bottom: 0;
  left: 0;
}
.team-section-content-right {
  transform: skewX(-20deg);
  padding: 50px 80px;
}
.team-section-content-right button {
  width: 254px;
  height: 72px;
  background-color: #246696;
  color: #fff;
  border: 1px solid #246696;
  font-family: "Roboto", sans-serif;
  transform: skewX(20deg);
  transition: all ease-in-out 0.4s;
}
.team-section-content-right button:hover {
  border: 1px solid #353535;
  background-color: transparent;
  color: #353535;
}
.team-section-content-right button span,
.team-section-content-right button i {
  transform: skewX(-20deg);
  display: inline-block;
}
.team-section-content-right button span {
  margin-right: 10px;
}
.our-team-section .angle-right {
  bottom: 34%;
  right: -30%;
}
.our-team-section .angle-left {
  transform: rotate(180deg);
  top: 20%;
  left: -10%;
  z-index: -1;
}

.leadership-team {
  margin: 0 -60px;
}
.leadership-team-unit {
  padding: 0 60px 120px;
}
.leadership-team-unit img {
  width: 100%;
  margin: 0 0 28px;
}
.leadership-team-unit label {
  display: inline-block;
  font-size: 34px;
  font-weight: 600;
  margin: 0;
  line-height: 1;
  font-family: "Open Sans", sans-serif;
  float: left;
}
.leadership-team-unit a {
  display: inline-block;
  float: right;
  font-size: 35px;
  line-height: 1;
  color: #246696;
  transition: all ease-in-out 0.4s;
}
.leadership-team-unit a:hover {
  color: #353535;
}
.leadership-team-unit span {
  display: block;
  font-size: 18px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  line-height: 1;
  margin: 10px 0 35px;
}
.leadership-team-unit p {
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  line-height: 1.5;
  margin: 0;
}

.location-area {
}
.location-area .success-stories-tab ul.tabs li {
  display: table;
  float: initial;
  font-size: 32px;
  font-weight: 600;
  margin: 0 0 50px;
  color: #353535;
}
.location-area .success-stories-tab ul.tabs li:last-child {
  margin-bottom: 0;
}
.country-name {
  font-size: 16px !important;
  font-weight: bold !important;
  margin: 0 0 60px !important;
}
.success-stories-left {
}
.success-stories-right {
  margin: 0 -100px 0 0;
}
.about-location-area {
  position: relative;
}
.about-location-area img {
  width: 100%;
}
.location-area .success-stories-tab ul.tabs li:after {
  content: "";
  border-bottom: 1px solid #ff0804;
  position: absolute;
  bottom: 0;
  left: -100%;
  transition: all ease-in-out 0.4s;
}
.success-stories-tab ul.tabs li:hover {
  background: transparent;
}
.success-stories-tab ul.tabs li:hover:after {
  left: 0;
}
.location-area .success-stories-tab ul.tabs li.country-name:after {
  display: none;
}
.location-area .success-stories-tab ul.tabs li.country-name {
  cursor: text;
}
.location-area .success-stories-tab ul.tabs li.active {
  color: #353535;
}
.location-area .success-stories-tab ul.tabs li.active:after {
  left: 0;
}
.location-area .success-stories-tab ul.tabs {
  margin: 80px 0 0;
}
.about-location-area-content {
  position: absolute;
  bottom: 60px;
  left: 150px;
  background: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 58px 47px rgba(0, 0, 0, 0.5);
  font-family: "Open Sans", sans-serif;
}
.about-location-area-content label {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 9px;
  line-height: 1;
  color: #fff;
}
.about-location-area-content p {
  font-size: 16px;
  margin: 0;
  line-height: 1.3;
  color: #fff;
  font-family: "Roboto", sans-serif;
  width: 65%;
}
.about-location-area-content p a {
  display: inline-block;
  text-decoration: underline;
  color: #fff;
  transition: all ease-in-out 0.4s;
}
.about-location-area-content p a:hover {
  text-decoration: none;
}
.about-location-area-content ul {
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}
.about-location-area-content ul li {
  margin: 0;
  padding: 0;
  display: block;
  line-height: 1;
}
.about-location-area-content ul li span {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  font-family: "Roboto", sans-serif;
  color: #fff;
}
.about-location-area-content ul li a {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  font-family: "Roboto", sans-serif;
  color: #fff;
  transition: all ease-in-out 0.4s;
}
.about-location-area-content ul li a:hover {
  text-decoration: underline;
}
.location-area .success-stories-tab .tab_content {
  padding: 0;
}
.location-area .success-stories-tab {
  margin: 0;
}

/*----====Careers====----*/
.careers-banner {
}
.careers-banner-content {
  display: flex;
  align-items: center;
}
.careers-banner-content .angle-left {
  bottom: -25%;
  left: -18%;
  transform: rotate(180deg);
}
.careers-banner-content .angle-right {
  top: -34%;
  right: -19%;
  transform: rotate(180deg);
}
.careers-banner-content ul {
  margin: 0;
  padding: 0 0 0 160px;
  list-style: none;
}
.careers-banner-content ul li {
  margin: 0;
  padding: 0 0 100px;
  display: block;
  font-size: 100px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  line-height: 1;
}
.careers-banner-content ul li:last-child {
  padding-bottom: 0;
}

.careers-banner-content a {
  display: inline-block;
  transform: skewX(20deg);
  padding: 25px 50px;
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  border: 1px solid #fff;
  background: #fff;
  color: #000;
  position: absolute;
  right: 100px;
  bottom: 110px;
  transition: all ease-in-out 0.4s;
}
.careers-banner-content a span {
  display: inline-block;
  margin-right: 10px;
  transform: skewX(-20deg);
}
.careers-banner-content a i {
  transform: skewX(-20deg);
}
.careers-banner-content a:hover {
  background: transparent;
  color: #fff;
}

.join-our-team {
  padding: 80px 0 90px;
  position: relative;
}
.join-our-team .angle-right {
  top: -23%;
  left: -35%;
  z-index: -1;
}
.join-our-team-content {
  padding: 50px 0 0;
}
.our-team-content-left {
}
.our-team-content-left p {
  margin: 0;
  font-size: 18px;
  line-height: 1.5;
  font-family: "Roboto", sans-serif;
}
.our-team-content-right {
  padding: 0 0 0 100px;
}
.our-team-content-right button {
  width: 216px;
  height: 72px;
  border: solid 1px #353535;
  transform: skewX(20deg);
  color: #353535;
  background: transparent;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  transition: all ease-in-out 0.4s;
}
.our-team-content-right button:hover {
  background: #246696;
  border: solid 1px #246696;
  color: #fff;
}
.our-team-content-right button span {
  display: inline-block;
  margin-right: 10px;
  transform: skewX(-20deg);
}
.our-team-content-right button i {
  transform: skewX(-20deg);
}

.join-our-team-unit-area {
  padding: 100px 0;
}
.join-our-team-unit {
  text-align: center;
  padding: 0 65px;
}
.join-our-team-unit img {
}
.join-our-team-unit label {
  font-size: 18px;
  font-weight: bold;
  margin: 12px 0 15px;
  line-height: 1;
  display: block;
}
.join-our-team-unit p {
  font-size: 16px;
  margin: 0;
  font-family: "Roboto", sans-serif;
  line-height: 1.3;
}

.join-our-team a {
  display: table;
  transform: skewX(20deg);
  padding: 25px 50px;
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  border: 1px solid #000;
  background: #fff;
  color: #000;
  margin: 0 auto;
  transition: all ease-in-out 0.4s;
}
.join-our-team a span {
  display: inline-block;
  margin-right: 10px;
  transform: skewX(-20deg);
}
.join-our-team a i {
  transform: skewX(-20deg);
}
.join-our-team a:hover {
  background: #246696;
  color: #fff;
  border: 1px solid #246696;
}

.open-position-area {
  padding: 0 0 100px;
  position: relative;
}
.open-position-area .heading {
}
.common-filter-area {
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  padding: 20px 0;
  margin: 55px 0 0;
}
.common-filter-area label {
  margin: 0 80px 0 0;
  line-height: 1;
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
}
.custom-dropdown {
  display: inline-block;
  padding: 0 45px 0 0;
}
.custom-dropdown button {
  background-color: transparent;
  border: none;
  color: #353535;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  padding: 0;
  border-radius: 0;
  transition: all ease-in-out 0.4s;
}
.custom-dropdown button:focus {
  box-shadow: none !important;
  color: #353535;
  background-color: transparent;
  border: none;
}
.custom-dropdown .dropdown-toggle::after {
  border: solid #353535;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
}
.custom-dropdown button:hover {
  color: #246696;
  background: transparent;
}
.custom-dropdown button:active {
  background-color: transparent !important;
  color: #353535 !important;
  border: none !important;
}
.custom-dropdown.show > .btn-secondary.dropdown-toggle {
  color: #246696;
  background-color: transparent;
  border: none;
}
.custom-dropdown .dropdown-menu.show {
  margin: 21px 0 0;
}
.clear-filter {
  float: right;
  border: none;
  background: transparent;
  box-shadow: none;
  color: #353535;
  transition: all ease-in-out 0.4s;
}
.clear-filter i {
  margin-left: 10px;
}
.clear-filter:hover {
  color: #246696;
}

/*.search-button{ background: transparent; border: none; background: transparent; box-shadow: none; color: #353535; transition: all ease-in-out .4s; }
.search-button i{ margin-left: 10px;}
.search-button:hover{ color: #246696;}*/

.search-button {
  display: inline-block;
  position: relative;
}
.search-button i {
  position: absolute;
  top: 50%;
  right: 10px;
  line-height: 1;
  font-size: 16px;
  transform: translateY(-50%);
  z-index: -1;
}
.search-button input {
  width: 85px;
  padding-left: 0;
  padding-right: 35px;
  outline: none;
  border: none;
  box-shadow: none;
  background: transparent;
  color: #353535;
  font-size: 16px;
  transition: all ease-in-out 0.4s;
}
.search-button input:active {
  width: 250px;
  outline: none;
  border: none;
  box-shadow: none;
  background: transparent;
  color: #353535;
}
.search-button input:focus {
  width: 250px;
  outline: none;
  border: none;
  box-shadow: none;
  background: transparent;
  color: #353535;
}
.search-button input::-webkit-input-placeholder {
  color: #353535;
}
.search-button input::-moz-placeholder {
  color: #353535;
}
.search-button input:-ms-input-placeholder {
  color: #353535;
}
.search-button input:-moz-placeholder {
  color: #353535;
}
.desktop-visible-filter {
  display: inline-block !important;
}
.mobile-visible-filter {
  display: none !important;
}

.open-position-unit-area {
  padding: 100px 0 0;
}
.open-position-unit {
  border: solid 1px #bfbfbf;
  transform: skewX(20deg);
  margin: 0 55px 60px;
  background: transparent;
  box-shadow: -4px 68px 18px -54px rgba(36, 102, 150, 0);
  transition: all ease-in-out 0.4s;
}
.open-position-unit-content {
  transform: skewX(-20deg);
  padding: 45px 70px;
}
.open-position-unit-content label {
  margin: 0;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.3;
  color: #246696;
  display: block;
  font-family: "Open Sans", sans-serif;
  width: 75%;
  transition: all ease-in-out 0.4s;
}
.open-position-unit-content ul {
  margin: 15px 0 25px;
  padding: 0;
  list-style: none;
  line-height: 1;
}
.open-position-unit-content ul li {
  margin: 0;
  padding: 0 20px 0 0;
  display: inline-block;
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  color: #000;
  line-height: 1;
  position: relative;
  transition: all ease-in-out 0.4s;
}
.open-position-unit-content ul li:before {
  content: "|";
  position: absolute;
  top: 0;
  left: -13px;
}
.open-position-unit-content ul li:first-child:before {
  display: none;
}
.open-position-unit-content a {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  color: #ff0804;
  line-height: 1;
  transition: all ease-in-out 0.4s;
}
.open-position-unit-content a i {
  margin-left: 10px;
}

.open-position-unit:hover {
  border: solid 1px #246696;
  background: #246696;
  box-shadow: -4px 68px 18px -54px rgba(36, 102, 150, 0.8);
}
.open-position-unit:hover .open-position-unit-content label,
.open-position-unit:hover .open-position-unit-content ul li,
.open-position-unit:hover .open-position-unit-content a {
  color: #fff;
}
.open-position-unit:hover .open-position-unit-content a:hover {
  color: #000;
}

.view-more-button {
  width: 186px;
  height: 69px;
  border: solid 1px #353535;
  font-size: 16px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  color: #353535;
  background: transparent;
  transform: skewX(20deg);
  margin: 25px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all ease-in-out 0.4s;
}
.view-more-button span {
  transform: skewX(-20deg);
  display: block;
}
.view-more-button:hover {
  color: #fff;
  background: #246696;
  border: solid 1px #246696;
}

.open-position-area .angle-left {
  bottom: 6%;
  right: 13%;
  z-index: -1;
}

.shape-world {
  /*padding: 0 0 150px 0;*/
}
.shape-world .sub-heading {
}
.shape-world p {
  margin: 25px 0 0;
  font-size: 24px;
  font-family: "Roboto", sans-serif;
  line-height: 1.3;
}
.shape-world p a {
  display: inline-block;
  color: #ff0804;
  transition: all ease-in-out 0.4s;
}
.shape-world p a:hover {
  color: #353535;
}

.careers-get-in-touch {
}


.new-current-opening{ padding: 0 0 130px;}
.new-current-opening-content{}
.common-opening-new{ margin: 80px 0 0;}
.common-opening-new .sub-heading{}
.common-opening-new p{ margin: 30px 0 0; line-height: 1.5;}
.common-opening-new button{ width: 216px; height: 72px; border: solid 1px #353535; transform: skewX(20deg); color: #353535; background: transparent; 
font-size: 16px; font-family: "Roboto", sans-serif; margin: 55px 0 0; transition: all ease-in-out 0.4s;}
.common-opening-new button span, .common-opening-new button i{ transform: skewX(-20deg); display: inline-block;}
.common-opening-new button span{ margin-right: 10px;}
.common-opening-new button:hover{ background: #246696; border: solid 1px #246696; color: #fff;}
.new-current-opening-left{ padding-right: 50px;}
.new-current-opening-right{ padding-left: 50px;}





/*----====Resources====----*/

.resources-banner {
  position: relative;
}
.resources-banner .angle-right {
  top: -43%;
  right: -21%;
  z-index: -1;
}
.resources-banner-content {
}
.resources-banner-content-left {
  height: 100%;
}
.resources-banner-content-left img {
  width: 100%;
  padding: 80px 50px 0;
}
.resource-left-content {
  background: #fff;
  transform: skewX(20deg);
  width: 59%;
  margin: -85px auto 0;
}
.resource-left-content-unit {
  transform: skewX(-20deg);
  padding: 40px 80px;
  display: inline-block;
}
.resource-left-content-unit label {
  margin: 0;
  line-height: 1;
  display: block;
  font-size: 16px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
}
.resource-left-content-unit p {
  margin: 10px 0 17px;
  font-size: 24px;
  font-weight: normal;
  font-family: "Open Sans", sans-serif;
  line-height: 1.5;
  text-decoration: underline;
  width: 361px;
  text-decoration-color: #ff0804;
}
.resource-left-content-unit a {
  line-height: 1;
  font-size: 16px;
  font-weight: normal;
  font-family: "Roboto", sans-serif;
  color: #ff0804;
}
.resource-left-content-unit a i {
  margin-left: 10px;
}

.resources-banner-content-right {
  padding: 40px 70px 0 60px;
  height: 74%;
}
.resource-right-unit {
  padding: 0 0 35px;
}
.resource-right-unit-left {
}
.resource-right-unit-left label {
  margin: 0;
  line-height: 1;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
}
.resource-right-unit-left p {
  margin: 10px 0 28px;
  font-size: 18px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  width: 290px;
}
.resources-common-ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.resources-common-ul li {
  margin: 0;
  padding: 0 25px 0 0;
  display: inline-block;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  line-height: 1;
  position: relative;
}
.resources-common-ul li:before {
  content: "|";
  position: absolute;
  top: 0;
  left: -16px;
}
.resources-common-ul li:first-child:before {
  display: none;
}
.resource-right-unit-right {
  position: relative;
}
.resource-right-unit-right img {
  width: 100%;
}
.resources-banner-content-right
  .mCSB_scrollTools
  .mCSB_dragger
  .mCSB_dragger_bar {
  background-color: #000;
}
.resources-banner-content-right .mCSB_scrollTools .mCSB_draggerRail {
  visibility: hidden;
}

.blog-section {
  padding: 50px 0 100px;
}
.blog-section .in-the-news .technologies-carousel-item .resources-common-ul {
  margin: 27px 0 0;
}
.blog-section .in-the-news .angle-right {
  top: 58%;
  left: -11%;
  z-index: -1;
}
.view-more-blog {
  width: 266px;
  height: 72px;
  border: solid 1px #353535;
  color: #353535;
  background: transparent;
  transform: skewX(20deg);
  margin: 85px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all ease-in-out 0.4s;
}
.view-more-blog span {
  display: inline-block;
  transform: skewX(-20deg);
}
.view-more-blog i {
  margin-left: 10px;
  transform: skewX(-20deg);
}
.view-more-blog:hover {
  border: solid 1px #246696;
  color: #fff;
  background: #246696;
}

.research-section {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  padding: 0 0 100px;
}
.research-section .heading {
}
.research-section-content {
  margin: 60px -100px 0;
}
.research-section-content-left {
  padding: 80px 50px 0 100px;
}
.research-section-content-left label {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  line-height: 1;
  font-family: "Open Sans", sans-serif;
}
.research-section-content-left h5 {
  font-size: 36px;
  font-weight: 600;
  margin: 30px 0 35px;
  line-height: 1.3;
  font-family: "Open Sans", sans-serif;
}
.research-section-content-left p {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.5;
  margin: 0 0 50px;
  font-family: "Roboto", sans-serif;
}
.research-section-content-left button {
  transform: skewX(20deg);
  width: 224px;
  height: 72px;
  background-color: #246696;
  color: #fff;
  border: 1px solid #246696;
  font-size: 16px;
  margin-left: 16px;
  transition: all ease-in-out 0.4s;
}
.research-section-content-left button span {
  display: inline-block;
  transform: skewX(-20deg);
}
.research-section-content-left button i {
  transform: skewX(-20deg);
  margin-left: 10px;
}
.research-section-content-left button:hover {
  border: 1px solid #fff;
  background-color: transparent;
}
.research-section-content-right {
}
.research-section-content-right img {
  width: 100%;
}

.research-unit-area {
  padding: 100px 0 0;
}
.research-unit-area .resources-common-ul {
  margin: 30px 0 0;
}
.research-unit-area img {
  width: 100%;
}
.research-unit-area .technologies-carousel-item {
  margin: 0 40px;
}
.research-unit-area .in-the-news {
  padding: 0 0 70px;
}

.view-more-research {
  width: 306px;
  height: 72px;
  border: solid 1px #353535;
  color: #353535;
  background: transparent;
  transform: skewX(20deg);
  font-size: 16px;
  margin: 50px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all ease-in-out 0.4s;
}
.view-more-research span {
  display: inline-block;
  transform: skewX(-20deg);
}
.view-more-research i {
  transform: skewX(-20deg);
  margin-left: 10px;
}
.view-more-research:hover {
  background: #246696;
  border: solid 1px #246696;
  color: #fff;
}

.resource-build {
  position: relative;
}
.resource-build .angle-right {
  bottom: 22%;
  right: -27%;
  z-index: -1;
}

/*--=====Privacy=====--*/

.sanscubicle-privacy-logo {
  display: inline-block;
  width: 65px;
  margin: 0 0 20px;
}
.sanscubicle-privacy-logo img {
  width: 100%;
}
.privacy-body {
  margin: 40px 0 80px;
}
.privacy-body span {
  font-size: 75px; /*font-family: 'helveticaneuebold' !important;*/
  color: #000;
  text-transform: uppercase;
  display: block;
  line-height: 1;
}
.privacy-paragraph {
  /*padding: 60px 0 0;*/
  font-family: "Roboto", sans-serif !important;
}
.privacy-paragraph p {
  line-height: 1.5 !important;
  font-size: 16px;
  font-weight: normal;
  color: #000; /*font-family: 'helveticaneuebold' !important;*/
  margin: 0 0 35px;
}
.privacy-paragraph label {
  cursor: text;
  margin: 0 0 8px;
  letter-spacing: normal;
  text-transform: initial;
  color: #000;
  font-size: 24px; /*font-family: 'helveticaneuebold' !important;*/
}
.privacy-paragraph ul {
  margin: -10px 0 0;
  padding: 0;
  list-style: none;
}
.privacy-paragraph ul li {
  margin: 0;
  padding: 0 0 25px;
  display: block;
  color: #000;
  font-size: 16px; /*font-family: 'helveticaneuebold' !important;*/
}
.privacy-paragraph a {
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px; /*font-family: 'helveticaneuebold' !important;*/
  transition: all ease-in-out 0.4s;
}
.privacy-paragraph a:hover {
  color: rgba(0, 0, 0, 1);
  text-decoration: none;
}
.privacy-body h2.web-h2 {
  margin-bottom: 30px;
}

/*--=====Service Inner Pages=====--*/

.inner-services-banner {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 600px;
}
.inner-services-banner .banner-container {
  height: auto;
  margin: 80px 0 0;
}
.inner-services-banner .banner-content {
  height: 600px;
}
.inner-services-banner .services-banner-left {
  text-align: center; /*text-shadow: 0 0 11px #000;*/
}
.inner-services-banner .services-banner-left .heading {
  margin: 30px 0 0;
}
.inner-services-banner .services-banner-left p {
  font-size: 23px;
  font-weight: bold;
  margin: 30px auto 0;
  width: 55%;
  line-height: 1.3;
}
.inner-services-banner .services-banner-left .bottom-arrow {
  margin: 90px 0 0;
}

ul.tabs {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  height: 32px;
  border-bottom: 1px solid #333;
  width: 100%;
}

ul.tabs li {
  float: left;
  margin: 0;
  cursor: pointer;
  padding: 0px 21px;
  height: 31px;
  line-height: 31px;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
  background-color: #666;
  color: #ccc;
  overflow: hidden;
  position: relative;
}

.tab_last {
  border-right: 0;
}

ul.tabs li:hover {
  background-color: #ccc;
  color: #333;
}

ul.tabs li.active {
  background-color: #fff;
  color: #333;
  border-bottom: 1px solid #fff;
  display: block;
}

.tab_container {
  border: 1px solid #333;
  border-top: none;
  clear: both;
  float: left;
  width: 100%;
  background: #fff;
  overflow: auto;
}

.tab_content {
  padding: 20px;
  display: none;
}

.tab_drawer_heading {
  display: none;
}

@media screen and (max-width: 980px) {
  .tabs {
    display: none;
  }
  .tab_drawer_heading {
    background-color: #ccc;
    color: #fff;
    border-top: 1px solid #333;
    margin: 0;
    padding: 5px 20px;
    display: block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .d_active {
    background-color: #666;
    color: #fff;
  }
}

.services-tab {
  margin: 0 -120px;
  position: relative;
}
.services-tab ul.tabs {
  height: auto;
  background-color: #ededed;
  border-bottom: none;
}
.services-tab ul.tabs li {
  width: 16.666666%;
  text-align: center;
  color: #909090;
  font-size: 24px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  height: auto;
  border: none;
  background-color: transparent;
  padding: 30px 0;
  transform: skewX(20deg);
  border-right: 2px solid #fff;
  transition: all ease-in-out 0.4s;
}
.services-tab ul.tabs li span {
  display: block;
  transform: skewX(-20deg);
}
.services-tab ul.tabs li.active {
  background-color: #fff;
  color: #246696;
}
.services-tab .tab_container {
  border: none;
  padding: 0 120px;
}
.services-tab .tab_content {
  padding: 0;
}

.custom-tab-container {
  display: flex;
  align-items: center;
  padding: 100px 0 0;
}

.custom-tab-container-left {
}
.custom-tab-p {
  font-size: 18px;
  line-height: 1.33;
  margin: 20px 0 0;
  font-family: "Roboto", sans-serif;
}
.custom-tab-container-left .submit-button {
  margin: 60px 0 0 20px;
}
.custom-tab-container-right {
  padding: 0;
  width: 60%;
}
.custom-tab-container-right img {
  width: 100%;
}
.tab-cntent-ul {
  margin-top: 20px;
  color: #000;
}

.custom-tab-content {
  margin: 50px 0 0;
}
.custom-tab-content .tab-heading {
  line-height: 1.34;
  font-size: 32px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  margin: 0;
  width: 47%;
}
.common-p {
  font-size: 18px;
  line-height: 1.5;
  font-family: "Lato", sans-serif;
  margin: 26px 0 0;
  width: 58%;
}

.content-grid-parent {
  margin: 80px 0 30px;
}
.content-grid {
  margin: 30px -50px 0;
}
.content-grid-child {
  padding: 0 50px 30px;
}
.content-grid-child span {
  font-size: 20px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  display: block;
  margin: 0;
  line-height: 1;
}
.content-grid-child .common-p {
  width: 100%;
  margin: 20px 0 0;
}
.content-grid-child ul {
  margin-top: 20px;
}

.type-of-grid-area {
  margin: 60px 0 0;
}
.type-of-grid {
  margin: 60px -50px 0;
}
.type-of-grid-child {
  padding: 0 50px;
}
.type-of-grid-child span {
  font-size: 64px;
  font-weight: bold;
  color: #353535;
  line-height: 1;
  display: block;
  font-family: "Open Sans", sans-serif;
}
.type-of-grid-child p {
  color: #353535;
}

.para-div {
  margin: 60px 0 0;
}
.para-div .custom-tab-p {
  font-weight: bold;
  margin: 0;
}

.tab-content-text2 {
  margin: 80px 0 0;
}

.para-div-content {
  margin: 0 -50px 100px;
}
.para-div-content-child {
  padding: 0 50px;
}

.cloud-services.services-tab ul.tabs li {
  width: 33.333333%;
}
.microsoft-tab.services-tab ul.tabs li {
  width: 20%;
}

.tab_content.tabcasestudies
{
  padding: 50px 0px;
}
.custom-grid-text {
  float: right;
  width: 70%;
}
.custom-grid-img {
  float: left;
}

.custom-grid-text.two {
  float: left;
  width: 70%;
}
.custom-grid-img.two {
  float: right;
}
.custom-content-grid {
  display: flex;
  align-items: center;
}

.digital-trans-tab {
}
.digital-trans-tab .content-grid {
  margin: 60px -50px 0;
}
.digital-trans-tab .content-grid-child {
  padding: 0 50px 0;
}

.pega-tab {
}
.pega-tab .tab-content-text2 {
  margin: 60px 0 0;
}
.pega-tab .content-grid {
  margin: 60px -50px 0;
}
.pega-tab .para-div {
  margin: 30px 0 0;
}
.pega-tab .para-div-content {
  margin: 15px -50px 0;
}

.salesforce-tab {
}
.salesforce-tab .content-grid-parent {
  margin: 60px 0 0;
}
.salesforce-tab .content-grid {
  margin: 50px -50px 0;
}
.salesforce-tab .content-grid-parent {
  margin: 40px 0 0;
}
.salesforce-tab .para-div {
  margin: 0;
}

.vc_general.vc_btn3{
position:absolute;
bottom:10px;
}
.custom-bullet {
  list-style: none;
}
.custom-bullet li {
  position: relative;
}
.custom-bullet li:before {
  content: "\f105";
  display: inline-block;
  font-weight: 600;
  font-family: "Font Awesome 5 Free";
  line-height: 1;
  position: absolute;
  top: 4px;
  left: -20px;
}

/*----====Technical Staffing====----*/

.custom-tab-container-left {
  padding: 0 80px 0 0;
}
.custom-tab-container-left .heading {
  font-size: 40px;
  font-weight: 600;
  line-height: 1.3;
}

.why-techstar-content-parent {
  margin: 0 -50px;
  border-bottom: 1px solid #000;
  padding: 0 0 80px;
}
.why-techstar-content {
  padding: 0 50px;
}
.why-techstar-content label {
  margin: 0;
  line-height: 1;
  font-size: 24px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
}
.why-techstar-content p {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.3;
  font-family: "Roboto", sans-serif;
  margin: 15px 0 0;
}

.tips-advice {
  margin: 80px 0 0;
  border-bottom: 1px solid #000;
  padding: 0 0 80px;
}
.tips-advice label {
  margin: 0;
  line-height: 1;
  font-size: 24px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
}
.tips-advice ul,
.why-techstar-content ul {
  margin: 15px 0 0;
  padding: 0;
  list-style: none;
}
.tips-advice ul li,
.why-techstar-content ul li {
  margin: 0;
  padding: 0;
  display: block;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.3;
  font-family: "Roboto", sans-serif;
}
.tips-bullet {
}
.tips-bullet li {
  position: relative;
  padding-left: 22px !important;
}
.tips-bullet li:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #000;
  position: absolute;
  top: 6px;
  left: 0;
}

.technical-grid-total {
  position: relative;
  margin: 80px 0 0;
}
.technical-grid-total .angle-left {
  top: 0;
  right: -22%;
  transform: rotate(180deg);
}
.technical-grid-unit {
}
.technical-img-grid {
  margin-left: -120px;
  padding: 0 50px 0 0;
}
.technical-img-grid img {
  width: 100%;
}
.technical-text-grid {
  padding: 0 0 0 50px;
}
.technical-text-grid label {
  font-size: 48px;
  font-weight: bold;
  margin: 15px 0 0;
  line-height: 1;
  font-family: "Open Sans", sans-serif;
}
.technical-text-grid p {
  font-size: 18px;
  line-height: 1.5;
  margin: 15px 0 0;
  width: 65%;
  font-family: "Lato", sans-serif;
}
.technical-text-grid ul {
  margin: 50px 0 0;
  padding: 0;
  list-style: none;
}
.technical-text-grid ul li {
  margin: 0 0 50px;
  padding: 0;
  display: block;
}
.technical-text-grid ul li:last-child {
  margin-bottom: 0;
}
.technical-text-grid ul li span {
  font-size: 64px;
  font-weight: bold;
  line-height: 0.8;
  color: rgba(53, 53, 53, 0.1);
  display: inline-block;
}
.technical-text-grid ul li p {
}

.technical-grid2-total {
}
.technical-grid2-unit {
  display: flex;
  align-items: center;
  padding: 150px 0 0;
}
.technical-grid2-text {
  float: right;
  padding: 0 50px 0 0;
}
.technical-grid2-text label {
  font-size: 48px;
  font-weight: bold;
  margin: 15px 0 0;
  line-height: 1;
  font-family: "Open Sans", sans-serif;
}
.technical-grid2-text p {
  font-size: 18px;
  line-height: 1.5;
  margin: 15px 0 0;
  font-family: "Lato", sans-serif;
  width: 530px;
}
.technical-grid2-img {
  margin-right: -120px;
  padding: 0 0 0 50px;
}
.technical-grid2-img img {
  width: 100%;
}

.technical-grid2-unit.second-child .technical-grid2-text {
  float: left;
  padding: 0 0 0 50px;
}
.technical-grid2-unit.second-child .technical-grid2-img {
  margin: 0 0 0 -120px;
  padding: 0 50px 0 0;
}

.technical-expert-area {
  padding: 120px 0 0;
}
.inner-heading {
  font-size: 48px;
  font-weight: bold;
  margin: 0;
  line-height: 1;
  font-family: "Open Sans", sans-serif;
}
.technical-expert-grid {
  margin: 80px -30px 0;
}
.technical-expert-unit {
  padding: 0 30px 80px;
}
.technical-expert-unit label {
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
  color: #353535;
  margin: 0;
  display: inherit;
}
.technical-expert-unit p {
  font-size: 18px;
  font-weight: normal;
  font-family: "Lato", sans-serif;
  margin: 12px 0 0;
  line-height: 1.5;
  width: 63%;
}

.technical-staff {
  padding: 50px 0 0;
}
.technical-staff .sub-heading {
  font-size: 30px;
}
.technical-staff .our-value-number-unit span {
  font-size: 56px;
  padding: 30px 0 0;
}
.technical-staff .our-value-number-unit label {
  font-size: 18px;
  padding: 15px 0 0;
  width: 60%;
  line-height: 1.3;
}
.technical-staff .our-value-number-unit:after {
  background: #ff0804;
}
.technical-staff .our-value-number {
  padding: 50px 0;
}

/*----====Microsoft Services====----*/
.microsoft-tab {
}
.microsoft-tab .technical-grid2-total {
  padding: 70px 0 0;
}
.microsoft-tab .technical-grid2-unit {
  padding: 100px 0 0;
}
.microsoft-tab .technical-grid2-unit.first-child {
  padding: 50px 0 0;
}
.microsoft-tab .technical-grid2-unit.last-child {
  padding: 0 0 50px;
}
.m360-number {
  font-size: 60px !important;
}
.power-platform-tab .technical-grid2-unit {
  padding: 0 !important;
}

.fixme {
  width: 100%;
  top: 70px !important;
  z-index: 5;
}

/*----====Cloud Services====----*/

.common-tab-section {
}
.common-tab-section .heading {
  font-size: 65px;
  font-weight: bold;
  line-height: 1;
}
.common-tab-section .custom-tab-p {
  font-size: 24px;
}

/*----====Process Mining====----*/
.process-mining-content {
}
.technical-grid2-text .submit-button {
  margin: 50px 0 0 20px;
  width: auto;
  height: auto;
  padding: 25px 40px;
  display: inline-block;
  background: transparent;
  border: 1px solid #000;
  color: #000;
}
.technical-grid2-text .submit-button:hover {
  color: #fff;
  border: 1px solid #246696;
  background: #246696;
}
.carousel-label {
  font-size: 24px;
  font-weight: bold;
  cursor: text;
  margin: 0;
  font-family: "Open Sans", sans-serif;
}
.finance-carousel {
  padding: 60px 0 0;
}
.operations-carousel {
  padding: 60px 0 0;
}
.process-mining-content .tab-content-text2 {
  margin: 140px 0 60px;
}
.process-mining-content .with-vive-img img {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
  margin: 0 0 15px;
}
.process-mining-content .technical-grid2-text ul {
  margin: 0;
  padding: 50px 0 0;
  list-style: none;
}
.process-mining-content .technical-grid2-text ul li {
  margin: 0;
  padding: 0 0 50px;
  display: block;
  line-height: 1;
  font-size: 22px;
  font-family: "Roboto", sans-serif;
}
.process-mining-content .technical-grid2-text ul li:last-child {
  padding-bottom: 0;
}
.more-with-vive {
  float: initial;
}
.process-mining-content .process span {
  padding: 50px 0 0;
  display: inline-block;
}
.process-mining-content .process {
  overflow: hidden;
}
.process-video-area img {
  width: 100%;
}
.process-video-area {
  position: relative;
}
.play-icon-area {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.play-icon-area span {
  display: block;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  line-height: 1;
  padding: 25px 0 0;
}
.process-youtube-icon img {
  width: auto;
}
.process-youtube-icon {
  cursor: pointer;
}
.process-mining-content .technical-grid2-unit.second-child {
  padding-bottom: 100px;
}

.register-for-process {
  padding: 60px 0 100px;
  border-bottom: 1px solid #000;
}
.register-for-process label {
  font-size: 32px;
  font-weight: bold;
  line-height: 1;
  font-family: "Open Sans", sans-serif;
  margin: 18px 0 0;
  float: left;
}
.register-for-process .submit-button {
  float: right;
  margin-right: 20px;
}
.vc_grid-item-mini{
display:flex;
align-items: stretch!important;
border-radius:4px;
}
/*----====Analytics====----*/
.analytics-page {
}
.analytics-page .technical-grid2-text a {
  margin: 60px 0 0 20px;
}
.analytics-page .technical-grid2-text {
  position: relative;
}
.analytics-page .technical-grid2-text .angle-right {
  top: -37%;
  left: -148%;
  z-index: -1;
}
.analytics-page .technical-grid2-text .angle-left {
  top: -130%;
  right: -100%;
  transform: rotate(180deg);
  z-index: -1;
}
.analytics-page .technical-grid2-img img {
  width: auto;
}
.analytics-page .technical-grid2-img {
  margin-right: 0;
  text-align: center;
}
.analytics-page .technical-grid2-unit.second-child .technical-grid2-img {
  text-align: center;
  margin: 0;
}
.analytics-page .technical-grid2-unit {
  padding: 150px 0;
  border-top: 1px solid #353535;
  overflow: hidden;
}
.analytics-page .technical-grid2-unit.first-child {
  padding-top: 50px;
  border-top: none;
}
.analytics-page .technical-grid2-unit.last-child {
  border-bottom: 1px solid #353535;
}

/*----====Analytics Services====----*/
.analytics-sevices-page {
}
.analytics-sevices-page .custom-tab-container-left {
  padding-right: 50px;
}
.analytics-sevices-page .custom-tab-container-right {
  padding-left: 50px;
  width: 100%;
}

.service-include-section {
  padding: 150px 0 0;
  position: relative;
}
.service-include-section .angle-left {
  z-index: -1;
  top: 26%;
  right: -20%;
  transform: rotate(180deg);
}
.analytics-sevices-page .content-grid-child img {
  padding: 0 0 15px;
}
.analytics-services-tab {
  margin: 0;
  padding: 150px 0 0;
  position: relative;
}
.analytics-services-tab .angle-left {
  z-index: -1;
  bottom: 0;
  left: -11%;
  transform: rotate(180deg);
}
.analytics-sevices-page .approach-heading {
  font-size: 40px;
  font-weight: bold;
}
.analytics-sevices-page .angle-right {
  z-index: -1;
  top: 0;
  left: -26%;
}

/*----====Big Data====----*/
.big-data-page {
}
.big-data-page .content-grid-child img {
  padding: 0;
}

/*--blog detail---*/

.blog-detail-text p {
  margin-bottom: 25px;
}
.blog-detail-text h3 {
  margin-bottom: 25px;
}
.blog-detail-text ul {
  margin-bottom: 25px;
}
.blog-detail-text img.ms-team {
  width: 50%;
  margin: 0 auto;
}

.success,
.success2 {
  display: block;
  margin-top: 20px;
  font-weight: 500 !important;
  font-size: 16px;
  text-transform: capitalize;
}
.success2 {
  margin-top: 5px;
}

.ariba-logo, .tribe-logo{
  margin-top: 15px;
  text-align: right;
}
.ariba-logo a, .tribe-logo a {
  display: inline-block;
}

.nintex-logo,
.oracle-logo {
  width: 50px;
  margin-right: 10px;
}

.sina-nav .sina-menu > li.active a::before {
  visibility: visible;
  opacity: 1;
}



/*--Latest Digital Transformation---*/

.latest-digital-info{ position: relative; padding: 80px 0 0;}
.latest-digital-info .heading{}
.latest-digital-info label{ font-size: 32px; font-weight: 600; margin: 80px 0 0; line-height: 1;}
.latest-digital-content{ margin: 50px -100px 0;}
.latest-digital-content ul{ margin: 0; padding: 0; list-style: none;}
.latest-digital-content ul li{ margin: 0; padding: 0; display: inline-block; float: left; width: 20%; height: 450px; background: #E8E7EC;}
.latest-digital-content ul li a{ display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; text-align: center;}
.latest-digital-content ul li:nth-child(2n+0){ background: #E0DEDE;}
.digital-content-unit{ }
.digital-content-unit img{ transform: scale3d(1, 1, 1); transition: all ease-in-out .4s;}
.digital-content-unit span{ display: block; line-height: 1; margin: 20px 0 0; font-weight: bold; font-size: 20px; color: #246696;}
.latest-digital-content ul li a:hover .digital-content-unit img{ transform: scale3d(1.1, 1.1, 1.1);}
.latest-digital-content ul li a:hover .digital-content-unit span{ color: #246696;}

/* Custom CSS */
.item-wrap {height: 100vh; position: relative; overflow: hidden;}
.item-wrap .bg {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; transform: scale(1.1); background-size: 100%; background-position: center;}
.sina-nav .sina-menu > li {position: relative;}
.sina-nav .sina-menu > li.menu-item-has-children:hover ul.sub-menu {left: 50%; transform: translateX(-50%);}
.doc-row {background: #e8e7ec;}
.doc-col {margin-bottom: 30px;}
.doc-content {display: table-cell; vertical-align: middle; padding: 0 15% 0 6%;}
.doc-image {display: table-cell; width: 190px;}
.doc-col .wpb_wrapper {display: table;}

@media screen and (max-width: 991px) {
  .sina-nav ul ul.sub-menu {
    background: #fff0 !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    top: 0px !important;
    position: relative !important;
    box-shadow: 0 0 0px 0px rgb(0 0 0 / 0%);
    left: 104px !important;
  }

  .sina-nav ul ul.sub-menu li.menu-item-has-children:after {
    top: 20px !important;
  }

  .sina-nav .sina-menu ul.sub-menu li a {
    font-size: 16px;
  }

  .sina-nav ul ul.sub-menu li.menu-item-has-children:hover ul.sub-menu {
    transform: translateX(-60%) !important;
    overflow-x: auto;
  }
}

.vc_grid-item-zone-c-right .vc_gitem-animated-block {
    float: left;
    width: 0% !important;
}

#content-bottom-widgets{
display:none !important
}
.widget.widget_recent_entries, .widget.widget_search, .widget.widget_recent_comments, .entry-footer{
display:none !important
}
.entry-content{
padding:1px 80px 40px 80px;
}
 
.entry-header{
margin-top: 111px;
    padding: 28px 80px;
    background: #eee;
    }
    .entry-summary{
     padding: 12px 80px;
    }
    
.carreer-container .vc_gitem-zone-mini{
height:280px;

}    
.carreer-container .vc_btn3-container.vc_btn3-left{
position:absolute;
bottom:4px;
}

.carreer-container .vc_gitem-zone-mini .vc_gitem-col{
height: 100%;
}