@charset "utf-8";
/* CSS Document */

@import url("animate.css");
@import url("owl.carousel.css");
@import url("owl.theme.green.css");
@import url("https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Rubik:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");

@font-face {
  font-family: "Satoshi-Variable";
  src: url("../fonts/Satoshi-Variable.woff2") format("woff2"),
    url("../fonts/Satoshi-Variable.woff") format("woff"),
    url("../fonts/Satoshi-Variable.ttf") format("truetype");
  font-weight: 300 900;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-VariableItalic";
  src: url("../fonts/Satoshi-VariableItalic.woff2") format("woff2"),
    url("../fonts/Satoshi-VariableItalic.woff") format("woff"),
    url("../fonts/Satoshi-VariableItalic.ttf") format("truetype");
  font-weight: 300 900;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: "Satoshi-Light";
  src: url("../fonts/Satoshi-Light.woff2") format("woff2"),
    url("../fonts/Satoshi-Light.woff") format("woff"),
    url("../fonts/Satoshi-Light.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Satoshi-LightItalic";
  src: url("../fonts/Satoshi-LightItalic.woff2") format("woff2"),
    url("../fonts/Satoshi-LightItalic.woff") format("woff"),
    url("../fonts/Satoshi-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: "Satoshi-Regular";
  src: url("../fonts/Satoshi-Regular.woff2") format("woff2"),
    url("../fonts/Satoshi-Regular.woff") format("woff"),
    url("../fonts/Satoshi-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Satoshi-Italic";
  src: url("../fonts/Satoshi-Italic.woff2") format("woff2"),
    url("../fonts/Satoshi-Italic.woff") format("woff"),
    url("../fonts/Satoshi-Italic.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: "Satoshi-Medium";
  src: url("../fonts/Satoshi-Medium.woff2") format("woff2"),
    url("../fonts/Satoshi-Medium.woff") format("woff"),
    url("../fonts/Satoshi-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Satoshi-MediumItalic";
  src: url("../fonts/Satoshi-MediumItalic.woff2") format("woff2"),
    url("../fonts/Satoshi-MediumItalic.woff") format("woff"),
    url("../fonts/Satoshi-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: "Satoshi-Bold";
  src: url("../fonts/Satoshi-Bold.woff2") format("woff2"),
    url("../fonts/Satoshi-Bold.woff") format("woff"),
    url("../fonts/Satoshi-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Satoshi-BoldItalic";
  src: url("../fonts/Satoshi-BoldItalic.woff2") format("woff2"),
    url("../fonts/Satoshi-BoldItalic.woff") format("woff"),
    url("../fonts/Satoshi-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: "Satoshi-Black";
  src: url("../fonts/Satoshi-Black.woff2") format("woff2"),
    url("../fonts/Satoshi-Black.woff") format("woff"),
    url("../fonts/Satoshi-Black.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Satoshi-BlackItalic";
  src: url("../fonts/Satoshi-BlackItalic.woff2") format("woff2"),
    url("../fonts/Satoshi-BlackItalic.woff") format("woff"),
    url("../fonts/Satoshi-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
  font-style: italic;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Poppins", sans-serif !important;
  font-size: 14px;
  color: #3a3a3a;
  font-weight: 400;
  position: relative;
  background-color: #ffffff !important;
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

.clearfix {
  zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}

.clearfix:after {
  clear: both;
}

.clr,
.clear {
  clear: both;
}

header,
footer,
aside,
article,
section,
nav,
figure {
  position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
}

ul,
li,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  outline: none !important;
  cursor: pointer;
}

a:hover,
a:focus {
  text-decoration: none !important;
  outline: none;
}

img {
  border: 0;
  outline: none;
  max-width: 100%;
}

input[type="text"],
input[type="password"],
select,
textarea,
input[type="button"] {
  max-width: 100%;
}

input[type="date"].form-control {
  text-transform: uppercase;
}

table {
  width: 100%;
}
p {
  margin: 0;
  padding: 0;
}
.fltL {
  float: left;
}
.fltR {
  float: right !important;
}
.padding_none {
  padding: 0 !important;
}
.border_none {
  border: none !important;
}
.navbar-toggle {
  background-color: #fff !important;
}
.icon-bar {
  background-color: #000 !important;
}
.p_right0 {
  padding-right: 0px !important;
}
.p_left0 {
  padding-left: 0px !important;
}

.Title {
  display: inline-block;
  background-color: transparent;
  -o-background-clip: text;
  -ms-background-clip: text;
  -moz-background-clip: text;
  -webkit-background-clip: text;
  -o-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  outline: 0;
  border: none;
  background-image: linear-gradient(160.15deg, #0ed6dc 10.51%, #7038f5 92.04%);
  font-weight: 700;
}

header {
  position: absolute;
  width: 100%;
  z-index: 9;
  padding: 25px 0 0 0;
}
header .navbar {
  padding: 0;
}
header .navbar .navbar-brand {
  margin: 0 40px 0 0;
  padding: 0;
  max-width: 100px;
}
header .navbar .navbar-collapse {
  justify-content: space-between;
  padding: 0 0 0 150px;
}
header .navbar .navbar-nav li {
  margin: 0 20px;
}
header .navbar .navbar-nav li .nav-link {
  padding: 0;
  font-size: 16px;
  color: #000;
  position: relative;
  font-weight: 400;
}
header .navbar .navbar-nav li.active .nav-link {
  color: #542984;
  font-family: "Satoshi-Black";
}
header .navbar .navbar-nav li .nav-link:hover {
  color: #542984;
}
header .navbar .Login li {
  margin: 0 0 0 10px;
}
header .navbar .Login li a {
  font-size: 14px;
  background: linear-gradient(160.15deg, #0ed6dc 10.51%, #7038f5 92.04%);
  color: #fff;
  padding: 9px 14px;
  display: inline-block;
  border-radius: 5px;
}

.Fixed {
  animation: 0.7s ease 0s normal none 1 running;
  position: fixed;
  transition: all 0.5s ease-in-out;
  background: #fff;
  top: 0;
  padding: 20px 0;
  box-shadow: 0 1px 8px #ddd;
  z-index: 99;
}

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 0.9;
    transform: translateY(0);
  }
}

.SlideArea {
  padding: 110px 0 40px;
}
.SlideArea .SlideLeft h3 {
  font-family: "Satoshi-Black";
  font-size: 60px;
  color: #000;
  margin: 0 0 15px 0;
  line-height: 80px;
}
.SlideArea .SlideLeft h3 span {
  font-family: "Satoshi-Black";
}
.SlideArea .SlideLeft p {
  font-size: 15px;
  line-height: 30px;
  margin: 0 0 20px 0;
}
.SlideArea .SlideLeft a {
  background: linear-gradient(160.15deg, #0ed6dc 10.51%, #7038f5 92.04%);
  color: #fff;
  padding: 13px 30px;
  display: inline-block;
  border-radius: 5px;
}
.SlideArea .SlideRight {
  position: relative; /* background-color: #000; */
  border-radius: 15px;
  overflow: hidden;
}
.SlideArea .SlideRight a {
  display: block;
}
.SlideArea .SlideRight img {
  width: 100%;
  opacity: 0.85;
}
.SlideArea .SlideRight span {
  position: absolute;
  width: 40px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 40px;
}
.SlideArea .SlideRight span img {
  opacity: 1;
}
.SlideArea .SlideRight video {
  width: 100%;
}

.SlideArea .SlideRight iframe {
  width: 100%;
  height: 350px;
  margin: 0 0 -10px 0;
}

.BenefitArea {
  background: linear-gradient(233.24deg, #0ed6dc -60.53%, #7038f5 160.53%);
  padding: 50px 0 20px;
}
.BenefitArea .BenefitHead {
  text-align: center;
  margin: 0 0 50px 0;
  color: #fff;
}
.BenefitArea .BenefitHead h3 {
  font-size: 40px;
  font-weight: 600;
  margin: 0 0 20px 0;
}
.BenefitArea .BenefitHead p {
  font-size: 18px;
  font-family: Satoshi-Regular;
}
.BenefitArea .BenefitBox {
  background-color: #fff;
  text-align: center;
  padding: 40px 30px;
  border-radius: 5px;
  margin: 0 0 30px 0;
}
.BenefitArea .BenefitBox span {
  display: block;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  margin: 0 auto 50px;
  line-height: 75px;
}
.BenefitArea .BenefitBox.Green span {
  background-color: #9cd161;
  box-shadow: 0 30px 54px -10px #9cd16199;
}
.BenefitArea .BenefitBox.Orange span {
  background-color: #ffbe16;
  box-shadow: 0 30px 44px -10px #ffbe1666;
}
.BenefitArea .BenefitBox.Blue span {
  background-color: #6ebece;
  box-shadow: 0 30px 64px -10px #6ebece80;
}
.BenefitArea .BenefitBox h4 {
  font-weight: 600;
  color: #000;
  font-size: 20px;
  line-height: 32px;
  margin: 0 0 15px 0;
}
.BenefitArea .BenefitBox p {
  font-family: "Satoshi-Medium";
  font-size: 15px;
  line-height: 26px;
}

.AnswerArea {
  padding: 50px 0;
}
.AnswerArea .AnswerBox + .AnswerBox {
  border-top: 1px solid #ddd;
  padding-top: 50px;
  margin: 50px 0 0 0;
}
.AnswerArea .AnswerBox .AnswerLeft h3 {
  font-family: Satoshi-Bold;
  font-size: 44px;
  color: #000;
  margin: 0 0 15px 0;
  line-height: 50px;
}
.AnswerArea .AnswerBox .AnswerLeft p {
  font-size: 15px;
  line-height: 30px;
  margin: 0 0 20px 0;
}
.AnswerArea .AnswerBox .AnswerLeft ul li {
  font-size: 15px;
  line-height: 26px;
  margin: 0 0 15px 0;
  position: relative;
  padding: 0 0 0 30px;
}
.AnswerArea .AnswerBox .AnswerLeft ul li span {
  position: absolute;
  top: 0;
  left: 0;
  width: 19px;
}

.AnswerArea .AnswerBox .AnswerRight {
  border: 3px solid #f4f4f4;
  /* border-radius: 10px; */
}
/*.AnswerArea .AnswerBox .AnswerRight{ border-radius: 10px;}*/

.IntegrationArea2 {
  background-color: #fff;
}
.IntegrationArea {
  padding: 50px 0;
  background-color: #f4f4f4;
  text-align: center;
}
.IntegrationArea h3 {
  font-family: "Poppins";
  font-size: 44px;
  color: #000;
  margin: 0 0 15px 0;
  line-height: 50px;
}
.IntegrationArea p {
  font-size: 15px;
  line-height: 30px;
}
.IntegrationArea ul {
  display: flex;
  flex-wrap: wrap;
  margin: 50px 0 30px 0;
  justify-content: space-between;
}
.IntegrationArea ul li {
  display: flex;
  align-items: center;
  border-radius: 5px;
  justify-content: center;
  padding: 0 15px;
}
.IntegrationArea a {
  font-family: "Satoshi-Medium";
  color: #000;
  font-size: 15px;
}
.IntegrationArea a i {
  margin: 0 0 0 9px;
}

.IntegrationArea .owl-carousel {
  margin-top: 30px;
}

.BusinessArea {
  background-image: url(../images/Business.png);
  padding: 100px 0;
  color: #fff;
  background-size: cover;
}
.BusinessArea .BusinessLeft h3 {
  font-family: "Poppins";
  font-size: 44px;
  margin: 0 0 25px 0;
  line-height: 60px;
}
.BusinessArea .BusinessLeft p {
  font-size: 17px;
  line-height: 30px;
  font-family: "Satoshi-Medium";
}
.BusinessArea .BusinessRight {
  text-align: right;
}
.BusinessArea .BusinessRight a {
  background: #fff;
  color: #000;
  padding: 13px 30px;
  display: inline-block;
  border-radius: 5px;
  font-family: "Satoshi-Medium";
  font-size: 16px;
}
.BusinessArea .BusinessRight a i {
  margin: 0 0 0 10px;
}
.BusinessArea .BusinessRight a:hover {
  background: linear-gradient(160.15deg, #0ed6dc 10.51%, #7038f5 92.04%);
  color: #fff;
}

.NewsArea {
  padding: 50px 0;
}
.NewsArea h3 {
  margin: 0 0 40px 0;
  font-family: "Poppins";
  font-size: 44px;
  line-height: 30px;
  text-align: center;
  color: #000;
  font-weight: 700;
}
.NewsArea h3 a {
  float: right;
  font-size: 15px;
  color: #000;
  font-weight: 400;
  font-family: "Satoshi-Medium";
}
.NewsArea h3 a i {
  margin-left: 10px;
}
.NewsArea .NewsBox h6 {
  text-transform: uppercase;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #ddd;
  margin: 0 0 15px 0;
  display: none;
}
.NewsArea .NewsBox article {
  display: flex;
  justify-content: space-between;
}
.NewsArea .NewsBox figure {
  padding: 0;
}
.NewsArea .NewsBox figure img {
  width: 100%;
}
.NewsArea .NewsBox figcaption {
  text-align: center;
  margin: 20px 0 0 0;
}
.NewsArea .NewsBox figcaption h4 {
  font-family: "Poppins";
  font-weight: 700;
  font-size: 27px;
  line-height: 35px;
  color: #000;
  margin: 0 0 10px 0;
}
.NewsArea .NewsBox figcaption p {
  font-size: 16px;
  font-weight: 500;
  color: #000;
}

.TechnologyArea {
  text-align: center;
  padding: 40px 0;
}
.TechnologyArea h2 {
  font-family: "Poppins";
  font-size: 44px;
  color: #000;
  margin: 0 0 15px 0;
  line-height: 50px;
}
.TechnologyArea p {
  font-size: 15px;
  line-height: 30px;
  margin: 0 0 30px 0;
  color: #000;
}
.TechnologyArea .TechnologyBox {
  text-align: center;
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.TechnologyArea .TechnologyBox img {
  width: auto;
  margin: auto;
}
.TechnologyArea ul li {
  display: inline-block;
  margin: 0 10px;
}
.TechnologyArea ul li img {
  max-height: 70px;
}

.Footer {
  padding: 50px 0;
}
.Footer .Foots {
  font-family: "Satoshi-Medium";
}
.Footer .Foots figure {
  margin: 0 0 20px 0;
}
.Footer .Foots figure img {
  width: 175px;
}
.Footer .Foots p {
  font-size: 16px;
  line-height: 24px;
  margin: 0px 0 30px 0;
  color: #404040;
  font-weight: 400;
  letter-spacing: 0.3px;
}
.Footer .Foots p a {
  color: #2f5597;
}
.Footer .Foots ol {
  margin: 0 0 15px 0;
}
.Footer .Foots ol li {
  display: inline-block;
  margin: 0 10px 0 0;
}
.Footer .Foots ol li a {
  display: block;
}
.Footer .Foots h3 {
  font-size: 18px;
  margin: 0 0 10px 0;
  font-family: "Poppins";
  color: #000;
  font-weight: 700;
}
.Footer .Foots ul li {
  margin: 0 0 7px 0;
}
.Footer .Foots ul li a {
  font-size: 14px;
  line-height: 23px;
  color: #000;
  font-family: "Poppins";
  font-weight: 400;
}
.Footer .Foots ul li a:hover {
  color: #000;
}
.Footer .Foots ul li a strong {
  font-family: "Satoshi-Bold";
  color: #000;
}
.Footer .Foots ul li h3 a {
  font-size: 18px;
  line-height: 23px;
  color: #000;
  font-family: "Poppins";
  font-weight: 700;
}

.Copyright {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #ddd;
  padding: 50px 0;
  font-family: "Satoshi-Medium";
}
.Copyright p {
  font-size: 14px;
  line-height: 23px;
  color: #404040;
}
.Copyright ul li {
  display: inline-block;
  margin: 0 10px;
}
.Copyright ul li a {
  font-size: 14px;
  line-height: 23px;
  color: #000;
}
.Copyright ul li a:hover {
  color: #447eea;
}
.Copyright .Language select {
  border: none;
  padding: 0 7px 0 1px;
}
.Copyright .Language span {
  color: #000;
}

.ChangingArea {
  padding: 120px 0 0 0;
  text-align: center;
  background-color: #f4f4f4;
}
.ChangingArea h3 {
  font-family: "Satoshi-Black";
  font-size: 60px;
  color: #000;
  margin: 0 0 20px 0;
  line-height: 80px;
}
.ChangingArea a {
  background: linear-gradient(160.15deg, #0ed6dc 10.51%, #7038f5 92.04%);
  color: #fff;
  padding: 13px 30px;
  display: inline-block;
  border-radius: 5px;
}
.ChangingArea figure {
  margin: 50px 0 0 0;
}
.ChangingArea figure img {
  width: 100%;
}

.ChangingArea.CaseStudyArea {
  padding-bottom: 50px;
}
.ChangingArea.CaseStudyArea h3 {
  margin: 0 0 70px 0;
  font-family: "Poppins";
  font-weight: 600;
  color: #161925;
}
.ChangingArea.CaseStudyArea p {
  text-align: left;
  font-weight: 400;
  color: #1e2131;
  font-size: 15px;
  line-height: 27px;
  margin: 0 0 -30px 0;
}

.OverviewArea {
  padding: 50px 0;
}
.OverviewArea .OverviewHead {
  margin: 0 0 40px 0;
}
.OverviewArea .OverviewHead h5 {
  text-align: center;
  margin: 0 0 15px 0;
  variant: JIS04;
  font-variant: JIS04;
}
.OverviewArea .OverviewHead h5 span {
  font-size: 26px;
}
.OverviewArea .OverviewHead h4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 44px;
  color: #000;
  text-align: center;
}
.OverviewArea .OverviewHead .OverviewBox {
  margin: 40px 0 0 0;
  transition: 0.5s all ease-in-out;
  padding: 40px 40px;
  text-align: center;
  border-radius: 5px;
  min-height: 365px;
  border: 1px solid #ebebeb;
}
.OverviewArea .OverviewHead .OverviewBox span {
  font-size: 30px;
  font-weight: 600;
}
.OverviewArea .OverviewHead .OverviewBox h6 {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  margin: 20px 0 20px 0;
  min-height: 57px;
  position: relative;
  line-height: 28px;
}
.OverviewArea .OverviewHead .OverviewBox p {
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
  color: #000;
}
.OverviewArea .OverviewHead .OverviewBox.Orange {
  background-color: #fdf3ea;
}
.OverviewArea .OverviewHead .OverviewBox.Orange span {
  color: #ff7900;
}
.OverviewArea .OverviewHead .OverviewBox.Green {
  background-color: #e1f7f1;
}
.OverviewArea .OverviewHead .OverviewBox.Green span {
  color: #00a078;
}
.OverviewArea .OverviewHead .OverviewBox.Blue {
  background-color: #eeecff;
}
.OverviewArea .OverviewHead .OverviewBox.Blue span {
  color: #1b00ff;
}
.OverviewArea .OverviewHead .OverviewBox:hover {
  box-shadow: 0px 40px 204px -80px #00000040;
}
.OverviewArea .OverviewBody figcaption {
  text-align: right;
}
.OverviewArea .OverviewBody figcaption h5 {
  margin: 0 0 15px 0;
}
.OverviewArea .OverviewBody figcaption h5 span {
  font-size: 26px;
}
.OverviewArea .OverviewBody figcaption h6 {
  font-size: 20px;
  color: #000;
  font-weight: 600;
  line-height: 35px;
  margin: 0 0 20px 0;
}
.OverviewArea .OverviewBody figure {
  border-radius: 10px;
  overflow: hidden;
  margin: 0;
}

.ChainArea {
  padding: 0 0 40px 0;
}
.ChainArea + .ChainArea {
  padding-top: 40px;
}
.ChainArea .ChainLeft h6 {
  margin: 0 0 30px 0;
  font-size: 26px;
}
.ChainArea .ChainLeft h4 {
  font-size: 24px;
  color: #000;
  font-weight: 600;
  line-height: 45px;
  margin: 0 0 15px 0;
}
.ChainArea .ChainRight ul {
  display: flex;
  flex-wrap: wrap;
}
.ChainArea .ChainRight ul li {
  display: inline-block;
  width: 50%;
  padding: 10px;
}
.ChainArea .ChainRight ul li aside {
  background: linear-gradient(
    233.24deg,
    rgba(14, 214, 220, 0.05) -60.53%,
    rgba(112, 56, 245, 0.05) 160.53%
  );
  text-align: center;
  padding: 25px 0;
  border-radius: 5px;
}
.ChainArea .ChainRight ul li aside img {
  width: 100px;
}
.ChainArea .ChainRight ul li aside label {
  display: block;
  margin: 10px 0 0 0;
  color: #000;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
}

.VideosArea {
  padding: 0 0 70px;
}
.VideosArea .VideosHead {
  border-top: 1px solid #ddd;
  text-align: center;
  padding: 30px 0 0 0;
  margin: 0 0 50px 0;
}
.VideosArea .VideosHead h6 {
  margin: 0 0 15px 0;
  font-size: 26px;
}
.VideosArea .VideosHead h5 {
  color: #000;
  font-weight: 600;
  margin: 0 0 15px 0;
  font-size: 24px;
}
.VideosArea .VideosHead p {
  font-size: 14px;
  line-height: 23px;
  font-weight: 400;
}
.VideosArea .VideosBody {
  background-image: url(../images/Base.png);
  padding: 0 0 30px 0;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
}
.VideosArea .VideosBody .owl-carousel {
  width: 100%;
  margin: auto;
}
.VideosArea .VideosBody .owl-carousel .owl-nav .owl-prev,
.VideosArea .VideosBody .owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  outline: 0;
}
.VideosArea .VideosBody .owl-carousel .owl-nav .owl-prev {
  left: -60px;
}
.VideosArea .VideosBody .owl-carousel .owl-nav .owl-next {
  right: -60px;
  transform: rotate(180deg);
}
.VideosArea .VideosBody .owl-carousel .owl-dots {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: -100px;
}
.VideosArea .VideosBody .owl-carousel .owl-dots .owl-dot {
  margin: 0 5px;
  border-radius: 20px;
  opacity: 0.2;
}
.VideosArea .VideosBody .owl-carousel .owl-dots .owl-dot.active {
  opacity: 1;
}

.NewsletterArea {
  padding: 20px 0 20px;
}
.NewsletterArea .NewsletterBox {
  background: linear-gradient(233.24deg, #0ed6dc -60.53%, #7038f5 160.53%);
  text-align: center;
  padding: 50px;
  color: #fff;
  border-radius: 10px;
}
.NewsletterArea .NewsletterBox h3 {
  font-size: 36px;
  font-weight: 600;
  margin: 0 0 40px 0;
  line-height: 50px;
}
.NewsletterArea .NewsletterBox form {
  background-color: #fff;
  max-width: 675px;
  margin: 0 auto 50px;
  padding: 10px;
  border-radius: 5px;
  display: flex;
}
.NewsletterArea .NewsletterBox form input {
  width: 75%;
  border: none;
  outline: 0;
  color: #000;
  padding: 0 0 0 30px;
  font-weight: 500;
}
.NewsletterArea .NewsletterBox form button {
  background: linear-gradient(160.15deg, #0ed6dc 10.51%, #7038f5 92.04%);
  color: #fff;
  padding: 13px 10px;
  display: inline-block;
  border-radius: 5px;
  border: none;
  outline: 0;
  width: 25%;
}
.NewsletterArea .NewsletterBox p {
  color: #e3e3e3;
  font-weight: 300;
  font-size: 15px;
  line-height: 35px;
}
.NewsletterArea .NewsletterBox p a {
  color: #e3e3e3;
  font-weight: 300;
  font-size: 15px;
  line-height: 35px;
  text-decoration: underline;
}

.ContactArea {
  padding: 120px 0 50px 0;
  background-color: #f4f4f4;
}
.ContactArea .ContactHead {
  text-align: center;
  margin: 0 0 60px 0;
}
.ContactArea .ContactHead h3 {
  font-size: 50px;
  color: #000;
  line-height: 66px;
  font-weight: 600;
  margin: 0 0 20px 0;
}
.ContactArea .ContactHead p {
  font-weight: 400;
  color: #686868;
  font-size: 15px;
}
.ContactArea .ContactBody .ContactLeft {
  padding: 0 20px 0 0;
}
.ContactArea .ContactBody .ContactLeft ul {
  padding: 55px 0 0 0;
}
.ContactArea .ContactBody .ContactLeft ul li {
  padding: 25px;
  margin: 0 0 30px 0;
  border: 1px solid #eee;
  border-radius: 10px;
}
.ContactArea .ContactBody .ContactLeft ul li:nth-child(1) {
  background-color: #fdf3ea;
}
.ContactArea .ContactBody .ContactLeft ul li:nth-child(2) {
  background-color: #e1f7f1;
}
.ContactArea .ContactBody .ContactLeft ul li:nth-child(3) {
  background-color: #eeecff;
}
.ContactArea .ContactBody .ContactLeft ul li h4 {
  margin: 0 0 15px 0;
  font-size: 20px;
}
.ContactArea .ContactBody .ContactLeft ul li h4 span {
  font-weight: 600;
}
.ContactArea .ContactBody .ContactLeft ul li p {
  font-size: 15px;
  line-height: 30px;
  margin: 0 0 27px 0;
}
.ContactArea .ContactBody .ContactLeft ul li a {
  font-weight: 500;
  color: #5c58f0;
  font-size: 15px;
}
.ContactArea .ContactBody .ContactRight h4 {
  margin-bottom: 30px;
}
.ContactArea .ContactBody .ContactRight .form-group {
  margin: 0 0 20px 0;
}
.ContactArea .ContactBody .ContactRight .form-group .form-control {
  height: auto;
  border: none;
  padding: 20px 20px;
  font-size: 14px;
  font-weight: 500;
  box-shadow: none;
  color: #000;
}
.ContactArea .ContactBody .ContactRight button {
  background: linear-gradient(160.15deg, #0ed6dc 10.51%, #7038f5 92.04%);
  color: #fff;
  padding: 13px 30px;
  display: inline-block;
  border-radius: 5px;
  border: none;
  outline: 0;
  width: 200px;
  margin: auto;
  display: block;
}

.LeadershipArea {
  padding: 70px 0;
  background-color: #f4f4f4;
}
.LeadershipArea .LeadershipLeft {
  border-radius: 17px;
  overflow: hidden; /* border: 3px solid #ffffff; */
  box-shadow: 0px 0px 10px #ddd;
  width: 85%;
}
.LeadershipArea .LeadershipRight h6 {
  font-size: 35px;
  margin: 0 0 20px;
}
.LeadershipArea .LeadershipRight h5 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin: 0 0 5px 0;
  line-height: 35px;
}
.LeadershipArea .LeadershipRight h4 {
  font-size: 25px;
  font-weight: 600;
  margin: 0 0 10px 0;
}
.LeadershipArea .LeadershipRight p {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 400;
  line-height: 38px;
}

.VisionArea {
  padding: 120px 0 50px 0;
}
.VisionArea .VisionHead {
  margin: 0 0 60px 0;
}
.VisionArea .VisionHead h4 {
  text-align: center;
  margin: 0 0 30px 0;
  font-size: 34px;
  font-weight: 600;
  line-height: 60px;
}
.VisionArea .VisionHead figure {
  overflow: hidden;
  margin: 0;
}
.VisionArea .VisionHead figure img {
  width: 100%;
}
.VisionArea .VisionBody article {
  padding: 0 0 50px 0;
}
.VisionArea .VisionBody article + article {
  border-top: 1px solid #ddd;
  padding: 50px 0 0 0;
}
.VisionArea .VisionBody article h4 {
  font-size: 35px;
  margin: 0 0 20px 0;
}
.VisionArea .VisionBody article p {
  font-size: 20px;
  line-height: 37px;
  font-weight: 500;
}

.AddressArea {
  background: linear-gradient(160.15deg, #0ed6dc 10.51%, #7038f5 92.04%);
  padding: 50px 0;
}
.AddressArea .AddressLeft h4 {
  font-family: Poppins;
  font-size: 36px;
  font-weight: 600;
  line-height: 65px;
  color: #fff;
  margin: 0 0 60px 0;
}
.AddressArea .AddressLeft article aside {
  border-left: 1px solid #d2d2d2;
  padding: 0 0 0 15px;
  margin: 0 0 80px 0;
}
.AddressArea .AddressLeft article aside:last-child {
  margin: 0;
}
.AddressArea .AddressLeft article aside h6 {
  color: #fff;
  font-weight: 600;
  margin: 0 0 15px 0;
  line-height: 24px;
  font-size: 20px;
}
.AddressArea .AddressLeft article aside p {
  font-weight: 400;
  color: #ddd;
  font-size: 16px;
  line-height: 28px;
}

.LeaderShipAra {
  text-align: center;
  padding: 50px 100px;
  background-color: #f4f4f4;
}
.LeaderShipAra .LeaderShipLeft figure {
  margin-bottom: 0px;
  box-shadow: 0px 0px 10px #ddd;
  border-radius: 10px;
}
.LeaderShipAra .LeaderShipRight {
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
}
.LeaderShipAra .LeaderShipRight h3 {
  display: inline-block;
  background-color: transparent;
  -o-background-clip: text;
  -ms-background-clip: text;
  -moz-background-clip: text;
  -webkit-background-clip: text;
  -o-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  outline: 0;
  border: none;
  background-image: linear-gradient(
    rgba(14, 214, 220, 1),
    rgba(112, 56, 245, 1)
  );
  font-weight: 700;
  font-family: "Poppins";
  margin: 0 0 15px 0;
  font-size: 32px;
}
.LeaderShipAra .LeaderShipRight h4 {
  font-size: 25px;
  font-weight: 600;
  margin: 0 0 10px 0;
}
.LeaderShipAra .LeaderShipRight h6 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin: 0 0 5px 0;
  line-height: 35px;
}
.LeaderShipAra .LeaderShipRight p {
  font-family: "Poppins";
  font-size: 18px;
  font-weight: 400;
  line-height: 38px;
}

.TeamArea {
  text-align: center;
  padding: 0 100px;
}

.TeamArea h6 {
  display: inline-block;
  background-color: transparent;
  -o-background-clip: text;
  -ms-background-clip: text;
  -moz-background-clip: text;
  -webkit-background-clip: text;
  -o-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  outline: 0;
  border: none;
  background-image: linear-gradient(
    rgba(14, 214, 220, 1),
    rgba(112, 56, 245, 1)
  );
  font-weight: 700;
  font-family: "Poppins";
  margin: 0 0 25px 0;
  font-size: 22px;
}

.TeamArea h5 {
  font-weight: 600;
  font-size: 22px;
  margin: 0 0 20px 0;
  color: rgba(22, 25, 37, 1);
}

.TeamArea ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 50px 0 0 0;
}

.TeamArea ul li {
  width: 25%;
  padding: 0 15px;
  margin: 0 0 40px 0;
}

.TeamArea ul li article {
  text-align: center;
  box-shadow: 0px 50px 200px -40px #0000001a;
  border: 2px solid #f3f7f5;
  border-radius: 30px;
  padding: 15px;
  background-color: #fff;
  cursor: pointer;
}

.TeamArea ul li article figure {
  border-radius: 10px;
  overflow: hidden;
}

.TeamArea ul li article figure img {
}

.TeamArea ul li h4 {
  color: #161925;
  font-weight: 600;
  font-size: 22px;
  margin: 0 0 5px 0;
}

.TeamArea ul li p {
  color: #1e2131;
  font-size: 16px;
  font-weight: 500;
}

.ModalBox .modal-dialog {
  max-width: 750px;
  margin: 50px auto;
}
.ModalBox .modal-dialog .CloseModal {
  position: absolute;
  top: -13px;
  right: -13px;
  width: 26px;
  height: 26px;
  background-color: #fff;
  border: 2px solid rgba(0, 0, 0, 0.5);
  text-align: center;
  color: #000;
  font-size: 15px;
  border-radius: 50%;
  z-index: 1;
}
.ModalBox .VideoBox iframe {
  width: 100%;
  border: none;
  height: 420px;
}
.ModalBox .VideoBox video {
  width: 100%;
  margin-bottom: -7px;
}
.VideoBox iframe {
  position: relative;
  width: 85%;
  height: 531px;
  margin: auto;
  display: block;
  border: 3px solid #000;
}

.ModalBox .FullModal {
  padding: 0 !important;
}
.ModalBox .FullModal .modal-dialog {
  max-width: 1075px;
  margin: 0px auto;
}
.ModalBox .FullModal .modal-dialog .modal-content {
  border-radius: 10px;
  box-shadow: none;
  padding: 40px;
}
.ModalBox .FullModal .modal-dialog .CloseModal {
  top: -13px;
  right: -13px;
}

.ModalBox .SmallModal {
  padding: 0 !important;
}
.ModalBox .SmallModal .modal-dialog {
  max-width: 550px;
  margin: 0px auto;
}
.ModalBox .SmallModal .modal-dialog .modal-content {
  border-radius: 0;
  box-shadow: none;
}
.ModalBox .SmallModal .modal-dialog .CloseModal {
  top: -13px;
  right: -13px;
}

.SmallModal .TeamBox {
  display: flex;
}

.TeamBox article {
  display: flex;
  width: 80%;
  margin: auto;
}

.TeamBox article figure {
  margin: 0;
  width: 45%;
}

.TeamBox article figure img {
  width: 100%;
}

.TeamBox article figcaption {
  width: 55%;
  padding: 0 0 0 30px;
}

.TeamBox article figcaption h3 {
  color: #161925;
  font-weight: 600;
  font-size: 32px;
  margin: 0 0 15px 0;
}

.TeamBox article figcaption h4 {
  margin: 0 0 15px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.TeamBox article figcaption h4 span {
  color: #161925;
  font-size: 20px;
}

.TeamBox article figcaption h4 a {
  width: 35px;
  height: 35px;
  float: right;
  background-color: #0976b4;
  text-align: center;
  color: #fff;
  font-size: 16px;
  border-radius: 35px;
  line-height: 35px;
}

.TeamBox article figcaption p {
  color: #1e2131;
  font-size: 15px;
  font-weight: 400;
  line-height: 33px;
}

/* 

.ContactArea .ContactBody address h5{font-weight:700;color:#000;margin:0 0 15px 0;line-height:29px;font-size:22px}
.ContactArea .ContactBody address h6{color:#000;margin:0 0 10px 0;font-weight:600}
.ContactArea .ContactBody address p{font-weight:400;color:#686868;font-size:15px}
.ContactArea .ContactBody address article{display:flex;margin:15px 0 0 0}
.ContactArea .ContactBody address article aside{border-left:1px solid #787878;padding:0 0 0 15px;min-width:225px}
.ContactArea .ContactBody address article aside h6{color:#000;font-weight:600;margin:0 0 5px 0}
.ContactArea .ContactBody address article aside p{font-weight:400;color:#686868;font-size:14px}
.ContactArea .ContactBody .ContactLeft iframe{width: 100%;height: 450px;border: 5px solid #c7c7c7;}
.ContactArea .ContactBody .ContactLeft article{display:flex;margin:20px 0 0 0}
.ContactArea .ContactBody .ContactLeft article aside{border-left:1px solid #787878;padding: 0 15px 0 15px;min-width:225px;width: 50%;}
.ContactArea .ContactBody .ContactLeft article aside h6{color:#000;font-weight:600;margin:0 0 5px 0;line-height: 24px;}
.ContactArea .ContactBody .ContactLeft article aside p{font-weight:400;color:#686868;font-size:14px;line-height: 24px;}
.ContactArea .ContactBody .ContactLeft img{border: 5px solid #c7c7c7; width: 100%}

.VisionArea{background:#F4F4F4;padding:150px 0 50px 0}
.VisionArea .VisionLeft h4{font-family:Poppins;font-size:60px;font-weight:700;line-height:90px;letter-spacing:0em;background:linear-gradient(233.24deg,#0ED6DC -60.53%,#7038F5 160.53%);background-color:transparent;background-clip:text;-o-background-clip:text;-ms-background-clip:text;-moz-background-clip:text;-webkit-background-clip:text;-o-text-fill-color:transparent;-ms-text-fill-color:transparent;-moz-text-fill-color:transparent;-webkit-text-fill-color:transparent}
.VisionArea .VisionRight p{font-family:Poppins;font-size:23px;font-weight:600;line-height:45px}
.VisionArea hr{background:#787878;margin:40px 0}

.VisionArea{padding:50px 0}
.VisionArea h6{margin:0 0 15px 0}
.VisionArea h6 span{font-size:22px}
.VisionArea h5{font-size:26px;font-weight:600;line-height:45px;margin:0 0 20px 0}
.VisionArea .VisionTabs{background:#F4F4F4;display:flex}
.VisionArea .VisionTabs .nav-tabs{display:block;border:none;background:linear-gradient(160.15deg,rgba(14,214,220,.05) 10.51%,rgba(112,56,245,.05) 92.04%);padding:15px 0;width:25%}
.VisionArea .VisionTabs .nav-tabs .nav-item{display:block}
.VisionArea .VisionTabs .nav-tabs .nav-item .nav-link{border:none;padding:17px 20px;color:#000;font-size:14px;font-weight:500}
.VisionArea .VisionTabs .nav-tabs .nav-item .nav-link span{width:30px;display:inline-block;margin:0 10px 0 0;opacity:0}
.VisionArea .VisionTabs .nav-tabs .nav-item .nav-link.active{background-color:transparent}
.VisionArea .VisionTabs .nav-tabs .nav-item .nav-link.active span{opacity:1}
*/

.JobOpeningsArea {
  padding: 200px 0 50px 0;
  text-align: center;
  background-color: #f4f4f4;
}
.JobOpeningsArea h3 {
  font-family: "Poppins";
  font-weight: 600;
  color: #161925;
  font-size: 60px;
  color: #000;
  margin: 0 0 30px 0;
  line-height: 80px;
}
.JobOpeningsArea p {
  text-align: left;
  font-weight: 400;
  color: #1e2131;
  font-size: 15px;
  line-height: 27px;
  margin: 0 0 20px 0;
}

.StaticArea .panel-group {
  margin: 0;
}
.StaticArea .panel-group .panel {
  border-radius: 0;
}
.StaticArea .panel-group .panel + .panel {
  margin: 20px 0 0 0;
}
.StaticArea .panel-group .panel .panel-heading {
  cursor: pointer;
  background-color: #e9e9e9;
  border-radius: 0;
  padding: 15px 55px 15px 20px;
  position: relative;
  display: flex;
  align-items: center;
  /* justify-content:space-between; */
}
.StaticArea .panel-group .panel .panel-heading:after {
  content: "";
  background-image: url("../images/job_arrow.png");
  transform-origin: right;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 20px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: cover;
  transition: 0.5s all ease-in-out;
}
.StaticArea .panel-group .panel .panel-heading[aria-expanded="true"]:after {
  transform: rotate(90deg);
}

.StaticArea .panel-group .panel .panel-heading h4 {
  font-size: 17px;
  color: #161925;
  font-weight: 500;
  text-align: left;
  width: 50%;
}
.StaticArea .panel-group .panel .panel-heading h4 span {
  margin: 0 10px 0px 0;
}
.StaticArea .panel-group .panel .panel-heading a {
  color: #000;
  font-size: 14px;
}
.StaticArea .panel-group .panel .panel-body {
  padding: 15px;
}
.StaticArea .panel-group .panel .panel-body:before {
  content: none;
}
.StaticArea .panel-group .panel .panel-body p {
  font-size: 15px;
  line-height: 28px;
  font-weight: 400;
  color: #404040;
}
.StaticArea .panel-group .panel .panel-body p + p {
  margin-top: 15px;
}
.StaticArea .panel-group .panel .panel-heading .PanelHeadingBoxMain {
  display: flex;
}
.StaticArea
  .panel-group
  .panel
  .panel-heading
  .PanelHeadingBoxMain
  .PanelHeadingBox {
  text-align: left;
}
.StaticArea
  .panel-group
  .panel
  .panel-heading
  .PanelHeadingBoxMain
  .PanelHeadingBox:first-child {
  margin: 0 75px 0 0;
}
.StaticArea
  .panel-group
  .panel
  .panel-heading
  .PanelHeadingBoxMain
  .PanelHeadingBox
  h6 {
  font-size: 14px;
  margin: 0 0 5px 0;
  font-weight: 500;
  font-family: "Poppins";
  color: #000;
}
.StaticArea
  .panel-group
  .panel
  .panel-heading
  .PanelHeadingBoxMain
  .PanelHeadingBox
  h5 {
  font-size: 18px;
  font-weight: 500;
  font-family: "Poppins";
  color: #161925;
}

.BeneFitsArea {
  padding: 100px 0 50px;
  background-color: #f4f4f4;
}
.LifeAtBiBtnArea42 {
  text-align: center;
  background-color: #fff;
  padding: 50px 0 25px;
}
.LifeAtBiBtnArea42 span {
  background-color: transparent;
  -o-background-clip: text;
  -ms-background-clip: text;
  -moz-background-clip: text;
  -webkit-background-clip: text;
  -o-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#0ed6dc, #7038f5);
  font-weight: 700;
  font-size: 22px;
  font-family: "Poppins";
}
.BeneFitsArea .BeneFitsLeft h6 {
  background-color: transparent;
  -o-background-clip: text;
  -ms-background-clip: text;
  -moz-background-clip: text;
  -webkit-background-clip: text;
  -o-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#0ed6dc, #7038f5);
  font-weight: 700;
  font-size: 22px;
  font-family: "Poppins";
  margin: 0 0 15px 0;
}
.BeneFitsArea .BeneFitsLeft h4 {
  font-size: 36px;
  font-weight: 700;
  line-height: 54px;
  margin: 0 0 10px 0;
  color: #161925;
}
.BeneFitsArea .BeneFitsLeft p {
  font-size: 15px;
  font-weight: 400;
  line-height: 32px;
  color: #1e2131;
}
.BeneFitsRight .BenefitsBox {
  margin: 0 0 50px 0;
}
.BeneFitsArea .BenefitsBox span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 20px 0;
  border-radius: 4px;
  width: 80px;
  height: 80px;
}
.BeneFitsArea .BenefitsBox h6 {
  font-weight: 600;
  font-size: 20px;
  line-height: 33px;
  color: #000;
  margin: 0 0 5px 0;
}
.BeneFitsArea .BenefitsBox p {
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  color: #000;
  text-align: justify;
}
.BenefitsBox span.First {
  background-color: #e7f2ff;
}
.BenefitsBox span.Second {
  background-color: #f1f7e8;
}
.BenefitsBox span.Third {
  background-color: #e7f2ff;
}
.BenefitsBox span.Fourth {
  background-color: #ffeeed;
}
.BeneFitsArea .BeneFitsRight {
  padding: 0 0 0 50px;
}

.Panel-body-content {
  text-align: left;
  padding: 25px 50px 0;
}
.Panel-body-contentLi {
  margin: 0 0 35px 0;
}
.Panel-body-content h1 {
  color: rgba(0, 24, 51, 1);
  font-weight: 700;
  font-size: 32px;
  margin: 0 0 30px 0;
  font-family: "Poppins";
}
.Panel-body-content h5 {
  color: rgba(0, 24, 51, 1);
  font-weight: 500;
  font-size: 20px;
  margin: 0 0 15px 0;
  font-family: "Rubik";
}
.Panel-body-content ul {
  margin: 0 0 0 20px;
}
.Panel-body-content ul li {
  list-style-type: initial;
  margin: 0 0 5px 0;
}
.Panel-body-content ul li::marker {
  font-size: 20px;
}
.PanelBodyJobSummary {
  border: 0.25px solid #d4d4d4;
  background-color: #f9f9f9;
  padding: 35px 0 25px 25px;
}
.PanelBodyJobSummary .ApplyNowBtn {
  border-radius: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  box-shadow: 0 4px 9px 0 rgba(210, 35, 42, 0.1);
  background-image: linear-gradient(233deg, #0ed6dc -60.53%, #7038f5 160.53%);
  padding: 15px 40px;
  display: inline-block;
}
.PanelBodyJobSummary .PbjsSummary {
  margin: 50px 0 0 0;
  text-align: left;
}
.PanelBodyJobSummary .PbjsSummary h6 {
  font-weight: 700;
  font-size: 16px;
  margin: 0 0 25px 0;
}
.PanelBodyJobSummary .PbjsSummary .PbjsBox {
  position: relative;
  padding: 0 0 0 40px;
  margin: 0 0 50px 0;
}
.PanelBodyJobSummary .PbjsSummary .PbjsBox:last-child {
  margin-bottom: 0px;
}
.PanelBodyJobSummary .PbjsSummary .PbjsBox .PbjsBoxOverlay {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.PanelBodyJobSummary .PbjsSummary .PbjsBox p {
  color: #000;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  margin: 0 0 0px 5px !important;
}

.CaseStudyAreaNew {
  padding: 200px 0 0px 0;
  background-color: #f4f4f4;
}
.CaseStudyAreaNew h3 {
  font-family: "Poppins";
  font-weight: 600;
  color: #161925;
  font-size: 48px;
  color: #000;
  margin: 0 0 20px 0;
  line-height: 55px;
}
.CaseStudyAreaNew p {
  text-align: left;
  font-weight: 500;
  color: rgba(120, 120, 120, 1);
  font-size: 14px;
  line-height: 27px;
  margin: 0 0 25px 0;
}
.CaseStudyAreaNew p span {
  color: rgba(0, 0, 0, 1);
}

.DuisAuteArea {
  background-color: #fff;
  padding: 100px 0 50px 0;
}
.DuisAuteArea p {
  font-weight: 400;
  font-size: 20px;
  color: #000;
  letter-spacing: -0.33px;
  line-height: 30px;
  margin: 0 0 75px 0;
}
.DuisAuteArea .DuisAuteAreaBox h1 {
  font-size: 48px;
  font-weight: 700;
  line-height: 72px;
  color: #000;
  letter-spacing: -0.67px;
}
.DuisAuteArea .DuisAuteAreaBox p {
  font-size: 15px;
  line-height: 28px;
  margin: 0 0 25px 0;
}
.DuisAuteArea .DuisAuteAreaBox .DuisAuteTitle {
  margin: 0 0 75px 0;
}
.DuisAuteArea .DuisAuteAreaBox .DuisAuteTitle h5 {
  color: #000;
  font-weight: 500;
  font-size: 20px;
  line-height: 34px;
  margin: 0 0 25px 0;
}
.DuisAuteArea .DuisAuteAreaBox .DuisAuteTitle {
  border: 1px solid rgba(120, 120, 120, 1);
  border-left: none;
  border-right: none;
  padding: 20px 0;
}
.DuisAuteArea .DuisAuteAreaBox .DuisAuteTitle span {
  color: rgba(120, 120, 120, 1);
  font-weight: 500;
  font-size: 15px;
}
.DuisAuteArea .DuisAuteAreaBox figure {
  margin: 0 0 75px 0;
}
.DuisAuteArea .DuisAuteAreaBox figure img {
  width: 100%;
}
.DuisAuteArea .DuisAuteAreaBox.DuisAuteAreaBoxBottom {
  margin: 50px 0 0;
}
.DuisAuteArea .DuisAuteAreaBox.DuisAuteAreaBoxBottom h3 {
  font-size: 32px;
  margin: 0 0 10px 0;
  font-weight: 700;
  line-height: 42px;
  color: #000;
  letter-spacing: -0.44px;
}

.RevolutionBusinessArea .section-title {
  text-align: center;
}
.RevolutionBusinessArea .section-title h6 {
  display: inline-block;
  background-color: transparent;
  -o-background-clip: text;
  -ms-background-clip: text;
  -moz-background-clip: text;
  -webkit-background-clip: text;
  -o-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  outline: 0;
  border: none;
  background-image: linear-gradient(
    rgba(14, 214, 220, 1),
    rgba(112, 56, 245, 1)
  );
  font-weight: 700;
  font-family: "Poppins";
  margin: 0 0 25px 0;
  font-size: 22px;
}
.RevolutionBusinessArea {
  padding: 50px 0;
}
.RevolutionBusinessArea .section-title h5 {
  font-weight: 600;
  font-size: 22px;
  margin: 0 0 20px 0;
  color: rgba(22, 25, 37, 1);
}
.RevolutionBusinessArea .section-title p {
  color: rgba(30, 33, 49, 1);
  margin: 0 0 40px 0;
  font-size: 15px;
  line-height: 32px;
}
.RevolutionBusinessBox {
  border-radius: 8px;
  padding: 20px 15px;
  margin: 0 25px 25px;
  height: calc(100% - 25px);
  text-align: center;
  border: 1px solid rgba(238, 238, 238, 1);
}
.RevolutionBusinessBox span {
  margin: 0 0 20px 0;
  display: inline-block;
}
.RevolutionBusinessBox h6 {
  font-weight: 600;
  font-size: 18px;
  margin: 0 0 10px 0;
  color: #000;
  line-height: 28px;
}
.RevolutionBusinessBox p {
  font-size: 14px;
  line-height: 24px;
}
.RevolutionBusinessBox.Orange {
  background-color: rgba(253, 243, 234, 1);
}
.RevolutionBusinessBox.Green {
  background-color: rgba(224, 248, 242, 1);
}
.RevolutionBusinessBox.Blue {
  background-color: rgba(238, 236, 255, 1);
}
.RevolutionBusinessBox.Cyan {
  background-color: rgba(217, 242, 247, 1);
}
.RevolutionBusinessBox.Red {
  background-color: rgba(250, 237, 237, 1);
}
.RevolutionBusinessBox.Grey {
  background-color: rgba(241, 241, 241, 1);
}

.PricingArea .section-title {
  text-align: center;
}
.PricingArea .section-title h6 {
  display: inline-block;
  background-color: transparent;
  -o-background-clip: text;
  -ms-background-clip: text;
  -moz-background-clip: text;
  -webkit-background-clip: text;
  -o-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  outline: 0;
  border: none;
  background-image: linear-gradient(
    rgba(14, 214, 220, 1),
    rgba(112, 56, 245, 1)
  );
  font-weight: 700;
  font-family: "Poppins";
  margin: 0 0 25px 0;
  font-size: 22px;
}
.PricingArea {
  padding: 100px 0 0 0;
}
.PricingArea .PricingAreaBox {
  border-bottom: 1px solid rgba(120, 120, 120, 1);
  padding: 0 0 25px 0;
}
.PricingArea .section-title h4 {
  font-weight: 600;
  font-size: 22px;
  margin: 0 0 20px 0;
  color: rgba(22, 25, 37, 1);
}
.PricingArea .section-title p {
  color: rgba(30, 33, 49, 1);
  margin: 0 0 75px 0;
  font-size: 15px;
  line-height: 28px;
}
.PricingArea .PricingBox {
  margin: 0 25px;
  padding: 35px 25px;
  border-radius: 10px;
}
.PricingArea .PricingBox.Background {
  background: linear-gradient(
    233.24deg,
    rgba(14, 214, 220, 0.05) -60.53%,
    rgba(112, 56, 245, 0.05) 160.53%
  );
}
.PricingArea .PricingBox h6 {
  color: #000;
  font-weight: 700;
  font-size: 18px;
  margin: 0 0 15px 0;
}
.PricingArea .PricingBox h1 {
  color: #000;
  font-weight: 700;
  font-size: 36px;
  margin: 0 0 15px 0;
}
.PricingArea .PricingBox .BookYourDemo {
  border: 1px solid rgba(220, 220, 220, 1);
  background-color: #fff;
  border-radius: 10px;
  display: block;
  margin: 0 0 15px 0;
  letter-spacing: -0.25px;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  padding: 15px 0;
}
.PricingArea .PricingBox .BookYourDemo:hover {
  background-image: linear-gradient(
    rgba(14, 214, 220, 1),
    rgba(112, 56, 245, 1)
  );
  color: #fff;
}
.PricingArea .PricingBox small {
  letter-spacing: 0.16px;
  color: rgba(119, 119, 119, 1);
  font-size: 13px;
  text-align: center;
  display: block;
  font-weight: 400;
}
.PricingArea .PricingBox ul {
  border-top: 1px solid rgba(120, 120, 120, 0.24);
  margin: 20px 0 0 0;
  padding: 20px 0 0 0;
}
.PricingArea .PricingBox ul li {
  margin: 0 0 10px 0;
  letter-spacing: 0.18px;
  color: #000;
  font-size: 13px;
  font-weight: 400;
}
.PricingArea .PricingBox ul li span {
  width: 20px;
  margin: 0 10px 0 0;
  display: inline-block;
}

.PricingArea .NeedHelpArea {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 35px 0 60px 0;
}
.PricingArea .NeedHelpArea h4 {
  font-weight: 700;
  letter-spacing: -0.44px;
  color: #000;
  font-size: 20px;
}
.PricingArea .NeedHelpArea a {
  font-size: 14px;
  background: linear-gradient(160.15deg, #0ed6dc 10.51%, #7038f5 92.04%);
  color: #fff;
  padding: 9px 14px;
  display: inline-block;
  border-radius: 5px;
  font-weight: 700;
  letter-spacing: -0.25px;
  margin: 0 0 0 15px;
}

.FaqArea {
  padding: 50px 0 100px;
}
.FaqArea .section-title {
  text-align: center;
}
.FaqArea .section-title h6 {
  display: inline-block;
  background-color: transparent;
  -o-background-clip: text;
  -ms-background-clip: text;
  -moz-background-clip: text;
  -webkit-background-clip: text;
  -o-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  outline: 0;
  border: none;
  background-image: linear-gradient(
    rgba(14, 214, 220, 1),
    rgba(112, 56, 245, 1)
  );
  font-weight: 700;
  font-family: "Poppins";
  margin: 0 0 25px 0;
  font-size: 22px;
}
.FaqArea .section-title h4 {
  color: rgba(22, 25, 37, 1);
  font-weight: 600;
  font-size: 24px;
  margin: 0 0 100px 0;
}
.FaqArea .StaticArea .panel-group {
  margin: 0;
}
.FaqArea .StaticArea .panel-group .panel {
  border-radius: 0;
  border-top: 1px solid rgba(120, 120, 120, 1);
}
.FaqArea .StaticArea .panel-group .panel + .panel {
  margin: 20px 0 0 0;
}
.FaqArea .StaticArea .panel-group .panel .panel-heading {
  cursor: pointer;
  background-color: transparent;
  border-radius: 0;
  padding: 35px 55px 15px 0px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.FaqArea .StaticArea .panel-group .panel .panel-heading:after {
  content: "";
  background-image: url("../images/job_arrow.png");
  transform-origin: right;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 20px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: cover;
  transition: 0.5s all ease-in-out;
}
.FaqArea
  .StaticArea
  .panel-group
  .panel
  .panel-heading[aria-expanded="true"]:after {
  transform: rotate(90deg);
  transform-origin: right;
}
.FaqArea .StaticArea .panel-group .panel .panel-heading h4 {
  font-size: 22px;
  color: #000;
  width: 100%;
  font-weight: 500;
  letter-spacing: -0.44px;
}
.FaqArea .StaticArea .panel-group .panel .panel-heading h4 span {
  margin: 0 10px 0px 0;
}
.FaqArea .StaticArea .panel-group .panel .panel-heading a {
  color: #000;
  font-size: 14px;
}
.FaqArea .StaticArea .panel-group .panel .panel-body {
  padding: 15px 15px 15px 0;
}
.FaqArea .StaticArea .panel-group .panel .panel-body:before {
  content: none;
}
.FaqArea .StaticArea .panel-group .panel .panel-body p {
  font-size: 15px;
  line-height: 28px;
  font-weight: 400;
  color: #404040;
}
.FaqArea .StaticArea .panel-group .panel .panel-body p + p {
  margin-top: 15px;
}

.FormArea {
  padding: 50px;
  background-color: rgba(244, 244, 244, 1);
}
.FormArea h2 {
  font-weight: 700;
  color: rgba(0, 24, 51, 1);
  line-height: 36px;
  font-size: 28px;
  margin: 0 0 20px 0;
}
.FormArea .form-group .form-control {
  background-color: #fff;
  border-radius: 4px;
  border: none;
  padding: 0.75rem;
  height: auto;
}
.FormArea .Submit {
  background-image: linear-gradient(
    rgba(14, 214, 220, 1),
    rgba(112, 56, 245, 1)
  );
  border: none;
  margin: 25px 0 0 0;
  outline: none;
  color: #fff;
  font-size: 14px;
  border-radius: 4px;
  padding: 10px 40px;
}

.FormArea .CheckBox {
  display: inline-block;
  position: relative;
  padding-left: 33px;
  cursor: pointer;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 400 !important;
  color: #2d2d2d;
  margin: 0 !important;
  min-height: 20px;
}
.FormArea .CheckBox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.FormArea .CheckBox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: transparent;
  border: 1px solid rgba(27, 0, 255, 1);
  border-radius: 2px;
  min-width: auto;
}
.FormArea .CheckBox:hover input ~ .checkmark {
  background: rgba(27, 0, 255, 1);
  border-color: rgba(27, 0, 255, 1);
}
.FormArea .CheckBox input:checked ~ .checkmark {
  background: rgba(27, 0, 255, 1);
}
.FormArea .CheckBox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 8px;
  top: 2px;
  width: 5px;
  height: 11px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.FormArea .CheckBox input:checked ~ .checkmark:after {
  display: block;
}

.LifeAtBi42Area {
  background-image: linear-gradient(
    235deg,
    rgba(14, 214, 220, 1),
    rgba(112, 56, 245, 1)
  );
  padding: 25px 50px;
  border-radius: 4px;
  text-align: center;
}

.TestimonialsArea {
  padding: 75px 125px 75px;
  background-color: rgba(244, 244, 244, 1);
}
.TestimonialsArea .TestimonialSpan {
  background-color: rgba(255, 242, 242, 1);
  border-radius: 4px;
  padding: 10px 15px;
  color: rgba(243, 4, 44, 1);
  font-size: 16px;
  margin: 0px auto 25px;
  text-transform: uppercase;
  display: inline-block;
}
.TestimonialsArea .section-title {
  text-align: center;
  margin: 0 0 100px 0;
}
.TestimonialsArea .section-title h1 {
  color: #000;
  text-align: left;
  letter-spacing: -0.67px;
  font-weight: 700;
  font-size: 38px;
  margin: 0 0 0px 0;
}
.TestimonialsArea .section-title span {
  color: rgba(243, 4, 44, 1);
}
.TestimonialsArea .section-title p {
  color: rgba(102, 112, 133, 1);
  font-size: 16px;
}
.TestimonialsArea .TestimonialsBox {
  padding: 0 0 10px 0;
}
.TestimonialsArea .TestimonialsBox h5 {
  color: rgba(0, 0, 0, 1);
  font-weight: 500;
  letter-spacing: -0.33px;
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 45px 0;
}
.TestimonialsArea .TestimonialsBox .quote {
  width: 42px;
  display: inline-block;
}
.TestimonialsArea .TestimonialsBox hr {
  background-color: rgba(120, 120, 120, 1);
  margin-bottom: 2rem;
}
.TestimonialsArea .TestimonialsBox .TestimonialsDetails {
  position: relative;
  padding: 0 0 0 60px;
}
.TestimonialsArea .TestimonialsBox .TestimonialsDetails figure {
  position: absolute;
  left: 0;
}
.TestimonialsArea .TestimonialsBox .TestimonialsDetails h6 {
  color: rgba(0, 0, 0, 1);
  font-size: 15px;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 5px 0;
}
.TestimonialsArea .TestimonialsBox .TestimonialsDetails p {
  color: rgba(64, 64, 64, 1);
  font-size: 14px;
}

.CaseStudiesArea {
  padding: 0px 0 0 0;
}
.CaseStudiesArea .section-title {
  text-align: center;
}
.CaseStudiesArea .section-title h6 {
  display: inline-block;
  background-color: transparent;
  -o-background-clip: text;
  -ms-background-clip: text;
  -moz-background-clip: text;
  -webkit-background-clip: text;
  -o-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  outline: 0;
  border: none;
  background-image: linear-gradient(
    rgba(14, 214, 220, 1),
    rgba(112, 56, 245, 1)
  );
  font-weight: 700;
  font-size: 22px;
  margin: 0 0 15px 0;
}
.CaseStudiesArea .section-title h4 {
  letter-spacing: -0.44px;
  color: rgba(22, 25, 37, 1);
  font-weight: 700;
  font-size: 22px;
  margin: 0 0 20px 0;
}
.CaseStudiesArea .section-title p {
  color: rgba(30, 33, 49, 1);
  font-size: 14px;
  margin: 0 0 60px 0;
}
.CaseStudiesArea .CaseStudyBox figure {
  border-radius: 10px;
}
.CaseStudiesArea .CaseStudyBox .CaseStudyContent {
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.2);
  padding: 20px 25px 15px 25px;
  width: 90%;
  position: relative;
  top: -50px;
  margin: 0px auto;
}
.CaseStudiesArea .CaseStudyBox .CaseStudyContent h5 {
  color: rgba(46, 47, 53, 1);
  font-weight: 700;
  font-size: 22px;
  margin: 0 0 10px 0;
}
.CaseStudiesArea .CaseStudyBox a {
  font-weight: 500;
  font-family: "Inter";
  font-size: 13px;
  line-height: 28px;
  color: #58595d;
}
.CaseStudiesArea .CaseStudyBox .CaseStudyContent p {
  font-weight: 500;
  font-family: "Inter";
  font-size: 13px;
  line-height: 28px;
  color: #58595d;
}

.ConnectProvideArea {
  padding: 50px 0 50px;
}
.ConnectProvideArea .section-title {
  text-align: center;
  margin: 0 0 50px 0;
}
.ConnectProvideArea .section-title h5 {
  font-size: 22px;
  font-weight: 600;
  color: rgba(22, 25, 37, 1);
  margin: 0 0 25px 0;
}
.ConnectProvideArea .section-title p {
  color: rgba(30, 33, 49, 1);
  font-size: 14px;
  line-height: 32px;
}
.ConnectBox {
  border-radius: 8px;
  display: flex;
  align-items: center;
  margin: 0 0 25px 0;
  padding: 10px;
}
.ConnectBox.Cyan {
  background-color: rgba(240, 250, 255, 1);
}
.ConnectBox.Red {
  background-color: rgba(255, 232, 232, 1);
}
.ConnectBox.Grey {
  background-color: rgba(239, 239, 239, 1);
}
.ConnectBox.Yellow {
  background-color: rgba(255, 249, 237, 1);
}
.ConnectBox span {
  width: 55px;
  margin: 0 10px 0 0;
  display: inline-block;
}
.ConnectBox h6 {
  font-weight: 500;
  color: rgba(25, 25, 27, 1);
  font-size: 22px;
  font-weight: 500;
}

.EventsAwardsArticle ul {
  display: flex;
  justify-content: center;
}
.EventsAwardsArticle .nav-tabs {
  border: none;
  margin: 0 0 50px 0;
}
.EventsAwardsArticle .nav-tabs .nav-item .nav-link {
  border: none;
  color: #161925;
  font-weight: 600;
  font-size: 32px;
}
.EventsAwardsArticle .nav-tabs .nav-item .nav-link.active {
  display: inline-block;
  background-color: transparent;
  -o-background-clip: text;
  -ms-background-clip: text;
  -moz-background-clip: text;
  -webkit-background-clip: text;
  -o-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  outline: 0;
  border: none;
  background-image: linear-gradient(160.15deg, #0ed6dc 10.51%, #7038f5 92.04%);
  font-weight: 700;
}

.EventsAwardsArticle .nav-tabs .nav-item .nav-link.active {
  border-bottom: 3px solid transparent;
  border-image: linear-gradient(0.25turn, #0ed6dc, #7038f5);
  border-image-slice: 1;
  width: 100%;
}

.owl-theme .owl-dots button:focus {
  border: none;
  outline: none;
}
.owl-theme .owl-dots .owl-dot span {
  background-color: #d6d6d6;
}
.owl-theme .owl-dots .owl-dot:hover span {
  background-image: linear-gradient(#0ed6dc, #7038f5);
}
.owl-theme .owl-dots .owl-dot.active span {
  background-image: linear-gradient(#0ed6dc, #7038f5);
}

.CaseStudyArea.Anchor figure a {
  background: transparent;
  padding: 0px;
  display: inline-block;
  border-radius: 0px;
}

.MainHeadingTitle {
  text-align: center;
  margin: 50px 0 75px 0;
}
.MainHeadingTitle h3 {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 54px;
  color: #000;
  margin: 0 0 20px 0;
  line-height: 55px;
}

.SubmitEnquiryModal .modal-dialog .CloseModal {
  position: absolute;
  top: -13px;
  right: -13px;
  width: 26px;
  height: 26px;
  background-color: #fff;
  border: 2px solid rgba(0, 0, 0, 0.5);
  text-align: center;
  color: #000;
  font-size: 15px;
  border-radius: 50%;
}
.SubmitEnquiryModal .modal-dialog .Decline {
  margin: 0;
}
.SubmitEnquiryModal .modal-dialog .Decline h3 {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 22px;
  margin: 0 0 5px;
  text-align: center;
  color: #000;
}
.SubmitEnquiryModal .modal-dialog .Decline p {
  font-size: 16px;
  color: #777;
  text-align: center;
}
.SubmitEnquiryModal .modal-dialog .Decline h4 {
  margin: 15px 0 0 0;
  text-align: right;
}
.SubmitEnquiryModal .modal-dialog .Decline h4 a {
  text-transform: capitalize;
  margin: 0 0 0 30px;
  font-size: 17px;
  color: #49a0d5;
  font-weight: 400;
  -webkit-transition: 0.5s all ease-in-out;
  transition: 0.5s all ease-in-out;
}
.SubmitEnquiryModal .modal-dialog .Decline h4 a:hover {
  color: #000;
}
.SubmitEnquiryModal span {
  display: inline-flex;
  align-items: center;
  margin: 0 0 25px 0;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #1ac11f;
}
.SubmitEnquiryModal span i {
  color: #fff;
  font-size: 20px;
}
.SubmitEnquiryModal p,
.SubmitEnquiryModal h3 {
  text-align: center;
}

.Background {
  background-color: #f4f4f4;
}