/* font-family: 'Poppins', sans-serif;
font-family: 'Raleway', sans-serif; */

.container-wrapper {
  margin: 0 auto;
  background: linear-gradient(119deg, #293479 0%, #121D4C 16%, #151821 100%) 0% 0% no-repeat;
  background: -webkit-linear-gradient(119deg, #293479 0%, #121D4C 16%, #151821 100%) 0% 0% no-repeat;
  background: -moz-linear-gradient(119deg, #293479 0%, #121D4C 16%, #151821 100%) 0% 0% no-repeat;
  background: -ms-linear-gradient(119deg, #293479 0%, #121D4C 16%, #151821 100%) 0% 0% no-repeat;
  background: -o-linear-gradient(119deg, #293479 0%, #121D4C 16%, #151821 100%) 0% 0% no-repeat;
  overflow-x: hidden;
}

/* Header Style */
.fluid-container {
  width: 90%;
  padding: 25px 0;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}
.logo {
  display: inline-block;
  max-width: 105px;
}
.logo img{
  width: 100%;
}
.fluid-container, .logo{
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.navbar {
  margin-left: auto;
}
.navbar li {
  display: inline-block;
  margin-left: 30px;
}
.navbar li a {
  display: block;
  padding: 5px;
  font-size: 0.875em;
  color: #ffffff;
  font-weight: 500;
  border-bottom: 3px solid transparent;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.navbar li.active a {
  color: #81A8F9;
  border-color: #81A8F9;
}
.mobileToggle {
  display: none;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  padding: 5px;
  cursor: pointer;
  margin-left: auto;
  z-index: 999;
}

.mobileToggle span {
  height: 3px;
  width: 35px;
  background-color: #6e87ba;
  margin: 4px 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.mobileToggle.close span:nth-child(1) {
  -webkit-transform: rotate(-45deg) translate(-7px, 6px);
  -moz-transform: rotate(-45deg) translate(-7px, 6px);
  -ms-transform: rotate(-45deg) translate(-7px, 6px);
  -o-transform: rotate(-45deg) translate(-7px, 6px);
  transform: rotate(-45deg) translate(-7px, 6px);
}

.mobileToggle.close span:nth-child(2) {
  opacity: 0;
}

.mobileToggle.close span:nth-child(3) {
  -webkit-transform: rotate(45deg) translate(-8px, -7px);
  -moz-transform: rotate(45deg) translate(-8px, -7px);
  -ms-transform: rotate(45deg) translate(-8px, -7px);
  -o-transform: rotate(45deg) translate(-8px, -7px);
  transform: rotate(45deg) translate(-8px, -7px);
}
body.fixed {
  overflow: hidden;
}
body.fixed:before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.5);
}
.header.stickyhd{
  background-color:rgba(15,20,43,0.8);;
}
.header.stickyhd .fluid-container{
  padding: 10px 0;
}
.header.stickyhd .logo{
  max-width: 62px;
}
@media (max-width: 767px) {
  .header .navbar{position:fixed;display:block;top:0;bottom:0;left:-310px;background-color:#262c36;overflow:auto;height:100vh;width:310px;z-index:999;padding-top:10px;transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}
  .header .navbar.active{left:0}
  .header .navbar ul{-webkit-flex-flow:column;-moz-flex-flow:column;-ms-flex-flow:column;flex-flow:column}
  .header .navbar ul li{margin:0;display:block;border-bottom:1px solid #454c58}
  .header .navbar ul li:last-child{border-bottom:none}
  .header .navbar ul li a{padding:20px}
  .mobileToggle{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
  .mobileToggle span{height:2px;width:30px}
  .fluid-container{padding:15px}
  .header.stickyhd .fluid-container{padding:10px 15px}
  .header.stickyhd .logo{max-width:50px}
}
/* Header Style End */

.section {
  min-height: 100vh;
  padding: 100px 0;
  position: relative;
  overflow: hidden;
  background: linear-gradient(119deg, #293479 0%, #121D4C 16%, #151821 100%) 0% 0% no-repeat;
  background: -moz-linear-gradient(119deg, #293479 0%, #121D4C 16%, #151821 100%) 0% 0% no-repeat;
  background: -ms-linear-gradient(119deg, #293479 0%, #121D4C 16%, #151821 100%) 0% 0% no-repeat;
  background: -o-linear-gradient(119deg, #293479 0%, #121D4C 16%, #151821 100%) 0% 0% no-repeat;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}

/* Section 1 Style */
.section1 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  width: 100%;
  border-radius: 10px;
}

.section1 .left-content {
  width: 45%;
  position: relative;
  z-index: 7;
}

.hero-section{
  margin-bottom: 30px;
}

.left-content .xponent-form {
  margin: 25px 0;
  width: 100%;
}

.form-row {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
}
.xponent-form .action-btn {
  margin: 0;
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.form-row .input-form {
  width: 100%;
}

.form-row .input-form .form-control {
  -moz-appearance: none;
  -webkit-appearance: none;
  font-size: 0.85em;
  padding: 0 16px;
  height: 48px;
  line-height: 48px;
  box-shadow: none;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  padding-right: 170px;
  width: 100%;
  border-style: none;
  background: #242C50;
  border-radius: 40px;
}

.form-row .input-form .form-control::-webkit-input-placeholder { 
  color: rgba(255, 255, 255, 0.3);
}
.form-row .input-form .form-control:-ms-input-placeholder { 
  color: rgba(255, 255, 255, 0.3);
}
.form-row .input-form .form-control::placeholder { 
  color: rgba(255, 255, 255, 0.3);
}
.form-control:active,
.form-control:focus {
  outline: none;
  border-color: #1358b3;
}

.section1 .animated-content {
  width: 55%;
  position: relative;
  z-index: 6;
}

.section1 .animated-content .coinInHand {
  text-align: right;
  position: relative;
}
.handAnimate{
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}
.coinGroup {
  /* display: none; */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.coinGroup img {
  position: absolute;
  left: 15%;
  animation: spin2 24s linear infinite;
  -webkit-animation: spin2 24s linear infinite;
  -moz-animation: spin2 24s linear infinite;
  -ms-animation: spin2 24s linear infinite;
  -o-animation: spin2 24s linear infinite;
}
.coinGroup img.coin1 {
  left: 20%;
  top: -5%;  
}
.coinGroup img.coin2 {
  left: 25%;
  top: 60%;
  animation-delay: 2s;
}
.coinGroup img.coin3 {
  left: 72%;
  animation-delay: 5s;
}
.coinGroup img.coin4 {
  top: 55%;
  left: 80%;
  animation-delay: 1s;
}
/* .section1 .animated-content .coinInHand > img {
  width: 90%;
  height: 90%;
  -webkit-animation: handIcon 2.5s ease-in-out infinite alternate;
  -moz-animation: handIcon 2.5s ease-in-out infinite alternate;
  -ms-animation: handIcon 2.5s ease-in-out infinite alternate;
  -o-animation: handIcon 2.5s ease-in-out infinite alternate;
  animation: handIcon 2.5s ease-in-out infinite alternate;
  transform-style: preserve-3d;
  backface-visibility: hidden;
} */

/* Section 2 Style */
.inner-wrap {
  margin: 5% 5% 10% 0;
  height: inherit;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
}
.xponent-steps {
  width: 100%;
  background: rgb(0 0 0 / 10%);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  border-radius: 45px;
  padding: 65px;
}
.stepBlock {
  text-align: center;
  width: calc(100% - 200px);
  width: -webkit-calc(100% - 200px);
  width: -moz-calc(100% - 200px);
}
.separator {
  background: url("../images/connector.svg") no-repeat left center;
  background-size: contain;
  min-width: 100px;
  max-width: 100px;
  height: 27px;
  position: relative;
  margin-top: 80px;
}

.stepBlock figure {
  margin-bottom: 30px;
  height: 155px;
  line-height: 155px;
}
.stepBlock figure img {
  max-height: 155px;
  width: auto;
}
.stepBlock.last figure img {
  max-width: 135px;
}
.stepsCount {
  margin-bottom: 15px;
}
.stepsCount span {
  display: inline-block;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: #72d2b8;
  color: #ffffff;
  line-height: 40px;
  text-align: center;
  font-weight: 500;
}
.stepsCount span.step1 {
  background-color: #72d2b8;
}
.stepsCount span.step2 {
  background-color: #fbd286;
  color: #2a313a;
}
.stepsCount span.step3 {
  background-color: #b9a0e3;
}
.section2Col {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: inherit;
  -webkit-align-items: inherit;
  -moz-align-items: inherit;
  -ms-align-items: inherit;
  -o-align-items: inherit;
}
.section2ColLeft {
  width: 60%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
}
.colItemRow {
  width: 100%;
}
.colItemRow:nth-child(even){
  margin-left: 45%;
}
.colItemWrap{
  max-width: 65%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
}
.colItemWrap figure{
  min-width: 120px;
  max-width: 120px;
  height: 120px;
  position: relative;
  border-radius: 50%;
  background-color: #baa1e3;
}
.colItemWrap figure img {
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  max-height: 100px;
}
.colItemWrap.style1 figure {
  background-color: #baa1e3;
}
.colItemWrap.style2 figure {
  background-color: #fbd286;
}
.colItemWrap.style3 figure {
  background-color: #ecc8d5;
}
.colItemInfo {
  padding-left: 40px;
}
.colItemInfo .count{
  color: #BAA1E3;
  font-family: 'Raleway', sans-serif;
  font-size: 0.875em;
  font-weight: 600;
}
.colItemWrap .colItemInfo h3 {
  margin: 8px 0 10px 0;
}
.colItemWrap .colItemInfo p {
  color: #ffffff;
}
.colItemWrap.style1 .colItemInfo .count,
.colItemWrap.style1 .colItemInfo h3 {
  color: #baa1e3;
}
.colItemWrap.style2 .colItemInfo .count,
.colItemWrap.style2 .colItemInfo h3 {
  color: #fbd286;
}

.colItemWrap.style3 .colItemInfo .count,
.colItemWrap.style3 .colItemInfo h3 {
  color: #ecc8d5;
}
.section2ColRight {
  width: 40%;
  max-width: 65%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  text-align: right;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
}
.section2ColRight img{
  max-width: 65%;
}

/* Section 3 Style */
.set-apart-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  width: 100%;
}
.set-apart-container figure {
  width: 50%;
  text-align: left;
  padding: 0 15px;
}

.set-apart-container figure img {
  max-height: 280px;
}
.set-apart-info {
  padding: 0 15px;
  max-width: 512px;
  width: 50%;
}
.set-apart-info .set-apart-title {
  color: #72d2b8;
  font-size: 1em;
  font-weight: 400;
  margin-bottom: 30px;
}
.slide2Title{
  position: relative;
  top: -50px;
}
/* circle Animate style */
.circleAnimate {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}
.circleAnimate img {
  position: absolute;
  top: 80%;
  left: 80%;
  -webkit-animation: spin 5s linear infinite;
  -moz-animation: spin 5s linear infinite;
  -o-animation: spin 5s linear infinite;
  -ms-animation: spin 5s linear infinite;
  animation: spin 5s linear infinite;
}
.circleAnimate img.cricle1 {
  width: 30%;
}
.circleAnimate img.cricle2 {
  width: 45%;
  animation-delay: 0.5s;
}
.circleAnimate img.cricle3 {
  width: 60%;
  animation-delay: 1s;
}
.circleAnimate img.cricle4 {
  width: 75%;
  animation-delay: 1.5s;
}
.circleAnimate img.cricle5 {
  width: 90%;
  animation-delay: 2s;
}
.circleAnimate img.cricle6 {
  min-width: 105%;
  animation-delay: 2.5s;
}
.circleAnimate img.cricle7 {
  min-width: 120%;
  animation-delay: 3s;
}
/* Sphere Style */
.sphereGroup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.sphere {
  max-width: 55px;
  position: absolute;
}
.sphere-1 {
  top: 11%;
  left: 31%;
  -webkit-animation: animation1 2s ease-in-out infinite alternate;
  -moz-animation: animation1 2s ease-in-out infinite alternate;
  -ms-animation: animation1 2s ease-in-out infinite alternate;
  -o-animation: animation1 2s ease-in-out infinite alternate;
  animation: animation1 2s ease-in-out infinite alternate;
}
.sphere-2 {
  max-width: 25px;
  top: 11%;
  left: 93%;
  -webkit-animation: animation2 3s ease-in-out infinite alternate;
  -moz-animation: animation2 3s ease-in-out infinite alternate;
  -ms-animation: animation2 3s ease-in-out infinite alternate;
  -o-animation: animation2 3s ease-in-out infinite alternate;
  animation: animation2 3s ease-in-out infinite alternate;
}
.sphere-3 {
  max-width: 45px;
  top: 58%;
  left: 4%;
  -webkit-animation: animation3 3.5s ease-in-out infinite alternate;
  -moz-animation: animation3 3.5s ease-in-out infinite alternate;
  -ms-animation: animation3 3.5s ease-in-out infinite alternate;
  -o-animation: animation3 3.5s ease-in-out infinite alternate;
  animation: animation3 3.5s ease-in-out infinite alternate;
}
.sphere-4 {
  max-width: 35px;
  top: 49%;
  left: 47%;
  -webkit-animation: animation3 2s ease-in-out infinite alternate;
  -moz-animation: animation3 2s ease-in-out infinite alternate;
  -ms-animation: animation3 2s ease-in-out infinite alternate;
  -o-animation: animation3 2s ease-in-out infinite alternate;
  animation: animation3 2s ease-in-out infinite alternate;
}
.sphere-5 {
  max-width: 40px;
  top: 33%;
  left: 86%;
  -webkit-animation: animation1 3s ease-in-out infinite alternate;
  -moz-animation: animation1 3s ease-in-out infinite alternate;
  -ms-animation: animation1 3s ease-in-out infinite alternate;
  -o-animation: animation1 3s ease-in-out infinite alternate;
  animation: animation1 3s ease-in-out infinite alternate;
}
.sphere-6 {
  max-width: 50px;
  top: 82%;
  left: 33%;
  -webkit-animation: animation2 2s ease-in-out infinite alternate;
  -moz-animation: animation2 2s ease-in-out infinite alternate;
  -ms-animation: animation2 2s ease-in-out infinite alternate;
  -o-animation: animation2 2s ease-in-out infinite alternate;
  animation: animation2 2s ease-in-out infinite alternate;
}
.sphere-7 {
  top: 70%;
  left: 95%;
  -webkit-animation: animation3 2.5s ease-in-out infinite alternate;
  -moz-animation: animation3 2.5s ease-in-out infinite alternate;
  -ms-animation: animation3 2.5s ease-in-out infinite alternate;
  -o-animation: animation3 2.5s ease-in-out infinite alternate;
  animation: animation3 2.5s ease-in-out infinite alternate;
}
.sphere-8 {
  top: 90%;
  left: 86%;
  -webkit-animation: animation1 3s ease-in-out infinite alternate;
  -moz-animation: animation1 3s ease-in-out infinite alternate;
  -ms-animation: animation1 3s ease-in-out infinite alternate;
  -o-animation: animation1 3s ease-in-out infinite alternate;
  animation: animation1 3s ease-in-out infinite alternate;
}
.sphere-9 {
  top: 95%;
  left: 95%;
  -webkit-animation: animation2 3s ease-in-out infinite alternate;
  -moz-animation: animation2 3s ease-in-out infinite alternate;
  -ms-animation: animation2 3s ease-in-out infinite alternate;
  -o-animation: animation2 3s ease-in-out infinite alternate;
  animation: animation2 3s ease-in-out infinite alternate;
}
/* Section 2 - Sphere Style */
#section2 .sphere-1 {
  max-width: 35px;
  top: 12%;
  left: 59%;
}
#section2 .sphere-2 {
  top: 55%;
  left: 97%;
}
#section2 .sphere-3 {
  max-width: 40px;
  top: 47%;
  left: 5%;
}
#section2 .sphere-4 {
  max-width: 45px;
  top: 90%;
  left: 61%;
}
#section2 .sphere-5 {
  
}
#section2 .sphere-6 {
  
}
#section2 .sphere-7 {
  
}
/* Section 3 - Sphere Style */
#section3 .sphere-1 {
  max-width: 35px;
  top: 12%;
  left: 59%;
}
#section3 .sphere-2 {
  top: 55%;
  left: 97%;
}
#section3 .sphere-3 {
  max-width: 35px;
  top: 20%;
  left: 0%;
}
#section3 .sphere-4 {
  max-width: 45px;
  top: 76%;
  left: 62%;
}
#section3 .sphere-5 {
  
}
#section3 .sphere-6 {
  max-width: 30px;
  top: 74%;
  left: 7%;
}
#section3 .sphere-7 {
  top: 86%;
  left: 84%;
  min-width: 55px;
}

/* FAQs Page - Sphere Style */
.faqPage .sphere-1 {
  top: 13%;
  left: 24%;
}
.faqPage .sphere-2 {
  max-width: 47px;
  left: 72%;
  top: 18%;
}
.faqPage .sphere-3 {
  top: 36%;
  left: 8%;
}
.faqPage .sphere-4 {  
  left: 93%;
  top: 26%;
}
.faqPage .sphere-5 {
  top: 45%;
  left: 90%;
}
.faqPage .sphere-6 {
  top: 62%;
  left: 15%;
}
.faqPage .sphere-7 {
  left: 8%;
  top: 83%;
}
.faqPage .sphere-8 {

}

/* About Page Section1 - Sphere Style */
.AboutPage .section1 .sphere-1 {
  top: 15%;
  left: 35%;
}
.AboutPage .section1 .sphere-2 {
  max-width: 35px;
  left: 58%;
  top: 8%;
}
.AboutPage .section1 .sphere-3 {
  top: 46%;
  left: 4%;
}
.AboutPage .section1 .sphere-4 {  
  left: 95%;
  top: 19%;
  min-width: 35px;
}
.AboutPage .section1 .sphere-5 {
  max-width: 35px;
  top: 78%;
  left: 16%;
}
.AboutPage .section1 .sphere-6 {
  top: 76%;
  left: 43%;
}
.AboutPage .section1 .sphere-7 {
  left: 95%;
  top: 90%;
}

/* About Page Section2 - Sphere Style */
.AboutPage .section2 .sphere-1 {
  top: 9%;
  left: 48%;
}
.AboutPage .section2 .sphere-2 {
  left: 80%;
  top: 18%;
}
.AboutPage .section2 .sphere-3 {
  top: 33%;
  left: 5%;
}
.AboutPage .section2 .sphere-4 {  
  left: 45%;
  top: 50%;
}
.AboutPage .section2 .sphere-5 {
  top: 85%;
  left: 15%;
}
.AboutPage .section2 .sphere-6 {
  top: 83%;
  left: 50%;
}
.AboutPage .section2 .sphere-7 {
  left: 95%;
  top: 62%;
}
.AboutPage .section2 .sphere-8 {
  max-width: 35px;
  left: 80%;
  top: 80%;
}

/* About Page Section3 - Sphere Style */
.AboutPage .section3 .sphere-1 {
  top: 8%;
  left: 19%;
}
.AboutPage .section3 .sphere-2 {
  max-width: 50px;
  left: 47%;
  top: 5%;
}
.AboutPage .section3 .sphere-3 {
  top: 30%;
  left: 91%;
}
.AboutPage .section3 .sphere-4 {  
  max-width: 40px;
  left: 3%;
  top: 44%;
}
.AboutPage .section3 .sphere-5 {
  max-width: 35px;
  top: 84%;
  left: 18%;
}
.AboutPage .section3 .sphere-6 {
  top: 84%;
  left: 47%;
}
.AboutPage .section3 .sphere-7 {
  max-width: 35px;
  left: 67%;
  top: 72%;
}
.AboutPage .section3 .sphere-8 {
  max-width: 45px;
  left: 91%;
  top: 83%;
}

/* About Page Section4 - Sphere Style */
.AboutPage .section4 .sphere-1 {
  top: 8%;
  left: 24%;
}
.AboutPage .section4 .sphere-2 {
  left: 80%;
  top: 14%;
}
.AboutPage .section4 .sphere-3 {
  top: 28%;
  left: 7%;
}
.AboutPage .section4 .sphere-4 {  
  max-width: 40px;
  left: 62%;
  top: 35%;
}
.AboutPage .section4 .sphere-5 {
  max-width: 40px;
  top: 29%;
  left: 92%;
}
.AboutPage .section4 .sphere-6 {
  top: 67%;
  left: 5%;
}
.AboutPage .section4 .sphere-7 {
  max-width: 25px;
  left: 35%;
  top: 78%;
}
.AboutPage .section4 .sphere-8 {
  max-width: 35px;
  left: 64%;
  top: 87%;
}
.AboutPage .section4 .sphere-9 {
  left: 92%;
  top: 67%;
}

/* About Page Section5 - Sphere Style */
.AboutPage .section5 .sphere-1 {
  top: 5%;
  left: 5%;
}
.AboutPage .section5 .sphere-2 {
  max-width: 35px;
  left: 29%;
  top: 14%;
}
.AboutPage .section5 .sphere-3 {
  max-width: 50px;
  top: 13%;
  left: 66%;
}
.AboutPage .section5 .sphere-4 {  
  max-width: 40px;
  left: 92%;
  top: 22%;
}
.AboutPage .section5 .sphere-5 {
  max-width: 50px;
  top: 88%;
  left: 27%;
}
.AboutPage .section5 .sphere-6 {
  top: 85%;
  left: 56%;
}
.AboutPage .section5 .sphere-7 {
  max-width: 35px;
  left: 87%;
  top: 86%;
}
.AboutPage .section5 .sphere-8 {
  max-width: 45px;
  left: 96%;
  top: 59%;
}

.warning-msgs,
.success-msgs {
  color: #F45467;
  font-size: 0.825em;
  display: none;
}

.success-msgs {
  color: #77D5BB;
}
.xponent-form #btn.error{
  font-size: 0;
  color: transparent;  
  background: #F45467 url('../images/cross-sign.svg') no-repeat center;
}
.xponent-form #btn.success{
  font-size: 0;
  color: transparent;  
  background: #77D5BB url('../images/tick-sign.svg') no-repeat center;
}

.warning-msgs.show, 
.success-msgs.show{
  display: block;
}
/* Footer Style */
.footer {
  background: #0f142b;
  padding-top: 55px;
}
.footer-container {
  width: 90%;
  margin: 0 auto;
}
.footerGroup {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
}
.footerCol {
  width: 31.5%;
}
.footerCol.Col3 {
  padding-left: 120px;
  align-self: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  -o-align-self: center;
}
.footerGroup p {
  margin-bottom: 18px;
  font-size: 0.625em;
}
.footerLogo {
  display: inline-block;
  max-width: 105px;
  margin-bottom: 60px;
}
.subHeader1 {
  color: #ffffff;
  margin-bottom: 30px;
  line-height: 1.5;
}
.footer .action-btn {
  margin: 0;
}
.footerNav {
  display: block;
  text-align: left;
  margin: 90px 0;
}
.footerNav li {
  display: block;
  margin-top: 20px;
}
.footerNav li a {
  display: inline-block;
  padding: 5px;
  padding-left: 0;
  font-size: 0.875em;
  color: #ffffff;
  font-weight: 500;
}
.footerNav li:first-child {
  margin-top: 0px;
}
.socialLink {
  display: block;
  text-align: left;
  margin: 30px 0;
}
.socialLink li {
  display: inline-block;
  margin-right: 15px;
}
.socialLink li:last-child {
  margin-right: 0;
}
.socialLink li a {
  display: inline-block;
  color: #ffffff;
  font-size: 22px;
  line-height: 22px;
  vertical-align: middle;
}
.socialLink li a svg{
  width: 20px;
  height: 20px;
  fill: #ffffff;
}
.footerBottom {
  padding: 25px 0;
  margin-top: 60px;
  font-size: 0.825em;
  border-top: 1px solid #bec2ca;
}
.copyright {
  color: #ffffff;
  font-size: 0.875em;
  text-align: center;
}

.goToSlideWrap {
  position: absolute;
  width: 100%;
  bottom: 90px;
  left: 0;
  z-index: 8;
}
.goToSlideBtn {
  position: relative;
  color: #a1a3af;
  font-weight: 400;
  font-size: 0.75em;
  cursor: pointer;
}
.goToSlideBtn i {
  content: "";
  width: 12px;
  height: 14px;
  background: url("../images/scroll-down.svg") no-repeat left center / contain;
  display: inline-block;
  position: relative;
  top: 2px;
  margin-right: 5px;
}
.footerInfo {
  margin-top: 40px;
}
.footerInfo p {
  text-align: justify;
}
.footerInfo p + p {
  margin-top: 10px;
}

/* Slide 3 Style */
.text1 {
  text-align: left;
  letter-spacing: 0px;
  color: #74F4D6;
  opacity: 1;
  font-size: 1.25em;
  text-transform: uppercase;
}
.text2 {
  text-align: left;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  margin: 15px 0;
  margin-top: 30px;
}
.text2 + p{
  margin-bottom: 50px;
}
.text3 {
  text-align: left;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  margin-bottom: 20px;
}

.custom-card-header {
  text-align: left;
   letter-spacing: 0px;
  opacity: 1;
  font-size: 1.52em;
}
.card-btn-background-color {
  background-color: #ffffff;
}

.card-one-background {
  background: transparent linear-gradient(124deg, #fed2ce 0%, #fdbabe 100%) 0%
    0% no-repeat padding-box;
}

.card-one-color {
  color: #c87777;
}

.card-two-color {
  color: #407679;
}
.card-two-background {
  background: transparent linear-gradient(124deg, #9fe2d0 0%, #72d2b8 100%) 0%
    0% no-repeat padding-box;
}

.card-three-color {
  color: #7e6b4a;
}
.card-three-background {
  background: transparent linear-gradient(124deg, #e8d4b0 0%, #fbd286 100%) 0%
    0% no-repeat padding-box;
}

.card-four-color {
  color: #4e85a5;
}
.card-four-background {
  background: transparent linear-gradient(124deg, #badfe3 0%, #98d9dc 100%) 0%
    0% no-repeat padding-box;
}

.card-five-color {
  color: #725f91;
}
.card-five-background {
  background: transparent linear-gradient(124deg, #c7b4e5 0%, #baa1e3 100%) 0%
    0% no-repeat padding-box;
}

.card-six-color {
  color: #33437b;
}
.card-six-background {
  background: transparent linear-gradient(124deg, #9bc7fe 0%, #5675f0 100%) 0%
    0% no-repeat padding-box;
}
.info-card {
  width: 100%;
  padding: 50px 30px 30px;
  height: 350px;
  border-radius: 25px;
}

.card-container {
  width: 100%;
  height: 100%;
  display: flex;
}

.left-info {
  width: 60%;
  padding: 0 5px 0 0;
}

.right-info {
  width: 40%;
  padding: 0 0 0 5px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.right-info img{
  max-height: 180px;
}

.large-size {
  font-size: 1.52em;
}

.small-size {
  font-size: 0.76em;
}

.hide-scroll {
  /* height: 100vh;
  overflow-y: scroll; */
}
/* Hide scrollbar for Chrome, Safari and Opera */
.hide-scroll::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.hide-scroll {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.card-btn {
  width: max-content;
}

/* FAQs Page Style */
.faqPage{
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
}
.faqPageWrapper{
  max-width: 768px;
  margin: 0 auto;
}
.faqsheader{
  text-align: center;
  margin: 70px 0;
}
.tabs{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  width: calc(100% + 30px);
  width: -webkit-calc(100% + 30px);
  width: -moz-calc(100% + 30px);
  width: -ms-calc(100% + 30px);
  margin: 0 -15px;
}
.tab-link{
  cursor: pointer;
  padding: 0 15px;
  width: 33.33%;
}
.tab-link .tabOuter{
  border: 2px solid transparent;
  border-radius: 46px;
  padding: 5px;
  height: 235px;
  width: 100%;
}
.tab-link.current .tabOuter{
  border-color: #A4DBDF;
}

.tab-link .tabHeading{
  border-radius: 40px;
  overflow: hidden;
  height: 100%;
  text-align: center;
}
.tab-link .tabHeading figure{
  width: 100%;
  height: 160px;
  line-height: 160px;
}
.tab-link .tabHeading figure img{
  max-height: 70px;
}
.tabTitle{
  display: block;
  text-align: center;
  width: 100%;
  padding: 0 5px;
}
.tabTitle span{
  display: inline-block;
  font-size: 1em;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  color: #4E85A5;
  border-bottom: 3px solid transparent;
  padding: 0 10px 10px 10px;
}
.tab-link.current span{
  border-color: #4E85A5;
}
.tab-link.current .tabOuter.color1{
  border-color: #A4DBDF;
}
.tab-link.current .tabOuter.color2{
  border-color: #FBD286;
}
.tab-link.current .tabOuter.color3{
  border-color: #FDBABE;
}
.tab-link .color1 .tabHeading{
  background: transparent linear-gradient(134deg, #BADFE3 0%, #98D9DC 100%) 0% 0% no-repeat;
  background: transparent -webkit-linear-gradient(134deg, #BADFE3 0%, #98D9DC 100%) 0% 0% no-repeat;
  background: transparent -moz-linear-gradient(134deg, #BADFE3 0%, #98D9DC 100%) 0% 0% no-repeat;
  background: transparent -ms-linear-gradient(134deg, #BADFE3 0%, #98D9DC 100%) 0% 0% no-repeat;
  background: transparent -o-linear-gradient(134deg, #BADFE3 0%, #98D9DC 100%) 0% 0% no-repeat;
}
.tab-link .color2 .tabHeading{
  background: transparent linear-gradient(134deg, #E8D4B0 0%, #FBD286 100%) 0% 0% no-repeat;
  background: transparent -webkit-linear-gradient(134deg, #E8D4B0 0%, #FBD286 100%) 0% 0% no-repeat;
  background: transparent -moz-linear-gradient(134deg, #E8D4B0 0%, #FBD286 100%) 0% 0% no-repeat;
  background: transparent -ms-linear-gradient(134deg, #E8D4B0 0%, #FBD286 100%) 0% 0% no-repeat;
  background: transparent -o-linear-gradient(134deg, #E8D4B0 0%, #FBD286 100%) 0% 0% no-repeat;
}
.tab-link .color3 .tabHeading{
  background: transparent linear-gradient(134deg, #FED2CE 0%, #FDBABE 100%) 0% 0% no-repeat;
  background: transparent -webkit-linear-gradient(134deg, #FED2CE 0%, #FDBABE 100%) 0% 0% no-repeat;
  background: transparent -moz-linear-gradient(134deg, #FED2CE 0%, #FDBABE 100%) 0% 0% no-repeat;
  background: transparent -ms-linear-gradient(134deg, #FED2CE 0%, #FDBABE 100%) 0% 0% no-repeat;
  background: transparent -o-linear-gradient(134deg, #FED2CE 0%, #FDBABE 100%) 0% 0% no-repeat;
}
.tab-link .color1 .tabTitle span,
.tab-link.current .color1 span{
  color: #4E85A5;  
}
.tab-link .color2 .tabTitle span{
  color: #7E6B4A;  
}
.tab-link .color3 .tabTitle span{
  color: #C87777;  
}
.tab-link.current .color1 span{
  border-color: #4E85A5;
}
.tab-link.current .color2 span{
  border-color: #7E6B4A;
}
.tab-link.current .color3 span{
  border-color: #C87777;
}
.tabContent{
  margin-top: 50px;
}
.tab-content{
  display: none;
}
.tab-content.current{
  display: inherit;
}
.faq_item{
  border-bottom: 2px solid #2e3449;
}
.faq_item .accordion{
  cursor: pointer;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 1em;
  padding: 20px 0;
  position: relative;
  padding-right: 60px;
}
.faq_item .accordion:after{
  content: '';
  background: url('../images/plus-sign.svg') no-repeat center;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.faq_item .accordion.active:after{
  transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  -moz-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
}
.faq_item .panel{
  display: none;
  overflow: hidden;
  padding-bottom: 20px;
}
.faq_item .panel p{
  color: #ffffff;
  line-height: 1.375;
}
/* About Page */
.rowGroup{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
}
.rowCol{
  width: 45%;
}
.infoColumn{
  width: 50%;
}
.imgColumn{
  width: 40%;
}
.imageStyle{
  position: relative;
}
.imageStyle figure{
  background: linear-gradient(90deg, #FED2CE 0%, #FDBABE 100%) 0% 0% no-repeat;
  background: -webkit-linear-gradient(90deg, #FED2CE 0%, #FDBABE 100%) 0% 0% no-repeat;
  background: -moz-linear-gradient(90deg, #FED2CE 0%, #FDBABE 100%) 0% 0% no-repeat;
  background: -ms-linear-gradient(90deg, #FED2CE 0%, #FDBABE 100%) 0% 0% no-repeat;
  background: -o-linear-gradient(90deg, #FED2CE 0%, #FDBABE 100%) 0% 0% no-repeat;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 30px;
}
.imageStyle figure img{
  position: relative;
  bottom: 20px;
  right: 20px;  
}
.aboutHeading{
  font-size: 2.65em;
  font-family: 'Raleway', sans-serif;
  line-height: 1.166;
  margin: 0;
}
.aboutHeading a{
  color: inherit;
  text-decoration: underline;
}
.abouttitle{
  line-height: 1;
  font-size: 1.25em;
  color: #74F4D6;
  margin: 0 0 20px 0;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
}
.teamGroup{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: wrap;
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  width: calc(100% + 40px);
  width: -webkit-calc(100% + 40px);
  width: -moz-calc(100% + 40px);
  width: -ms-calc(100% + 40px);
  width: -o-calc(100% + 40px);
  margin: 0 -20px;
}
.teamOuter {
  width: 33.33%;
  padding: 0 20px;
}
.teamMember{
  margin-top: 40px;
  text-align: center;
}
.teamMember figure img{
  max-width: 75%;
}
.teamMember h5{
  font-size: 1.25em;
  margin: 15px 0 0 0;
}
.teamMember h6{
  font-size: 1em;
  font-family: 'Poppins', sans-serif;
  margin: 10px 0 0 0;
  color: #67CAFF;
  font-weight: 400;
}
.AboutPage .section5{
  padding-bottom: 0!important;
  min-height: auto;
}

/* Page not Found Style */
.pageNotFound{
  background: url('../images/404-bg.svg') no-repeat top left / cover;
  min-height: 100vh;
  padding: 60px 0;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  justify-items: center;
}
.page-404{
  text-align: center;
  position: relative;
  z-index: 2;
}
.page-404 figure img{
  max-width: 60%;
}
.page-404 h1{
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 1em;
  margin-top: -40px;
}
.page-404 .action-btn{
  margin-top: 50px;
}
.bannerIcons{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.bannerIcons img{
  position: absolute;
  max-width: 120px;
}
.bannerIcons .icon1{
  top: 15%;
  right: 22%;
}
.bannerIcons .icon2{
  bottom: 20%;
  left: 10%;
}
.bannerIcons .icon3{
  bottom: 35%;
  right: 15%;
}
.bannerIcons .icon4{
  bottom: 10%;
  right: 5%;
}

/* Start Loader Style */
body{overflow:hidden}
body.loaded{overflow:visible}
.preloader{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:999}
.preloader.loaded-done{z-index:0;position: relative;}
.loader{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
.overlayDoor:before,.overlayDoor:after{content:"";position:absolute;width:50%;height:100%;background:#fff;transition:2s cubic-bezier(.77,0,.18,1);-webkit-transition:2s cubic-bezier(.77,0,.18,1);-moz-transition:2s cubic-bezier(.77,0,.18,1);-ms-transition:2s cubic-bezier(.77,0,.18,1);-o-transition:2s cubic-bezier(.77,0,.18,1);}
.overlayDoor:before{left:0}
.overlayDoor:after{right:0}
.preloader.loaded .overlayDoor:before{left:-50%}
.preloader.loaded .overlayDoor:after{right:-50%}
/* End Loader Style */

/* Animation Style */
.tab-link .tabOuter,
.tabTitle span,
.faq_item .accordion:after,
.aboutHeading a{
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
/* Animation 1 */
@-webkit-keyframes animation1{0%{transform:translateY(0px)}100%{transform:translateY(20px)}}
@-moz-keyframes animation1{0%{transform:translateY(0px)}100%{transform:translateY(20px)}}
@-o-keyframes animation1{0%{transform:translateY(0px)}100%{transform:translateY(20px)}}
@-ms-keyframes animation1{0%{transform:translateY(0px)}100%{transform:translateY(20px)}}
@keyframes animation1{0%{transform:translateY(0px)}100%{transform:translateY(20px)}}

/* Animation 2 */
@-webkit-keyframes animation2{0%{transform:translateX(0px)}100%{transform:translateX(20px)}}
@-moz-keyframes animation2{0%{transform:translateX(0px)}100%{transform:translateX(20px)}}
@-o-keyframes animation2{0%{transform:translateX(0px)}100%{transform:translateX(20px)}}
@-ms-keyframes animation2{0%{transform:translateX(0px)}100%{transform:translateX(20px)}}
@keyframes animation2{0%{transform:translateX(0px)}100%{transform:translateX(20px)}}

/* Animation 3 */
@-webkit-keyframes animation3{0%{transform:translate3d(0px,0px,0px)}100%{transform:translate3d(20px,20px,20px)}}
@-moz-keyframes animation3{0%{transform:translate3d(0px,0px,0px)}100%{transform:translate3d(20px,20px,20px)}}
@-o-keyframes animation3{0%{transform:translate3d(0px,0px,0px)}100%{transform:translate3d(20px,20px,20px)}}
@-ms-keyframes animation3{0%{transform:translate3d(0px,0px,0px)}100%{transform:translate3d(20px,20px,20px)}}
@keyframes animation3{0%{transform:translate3d(0px,0px,0px)}100%{transform:translate3d(20px,20px,20px)}}

/* Hand icon animation */
@-webkit-keyframes handIcon{0%{transform:perspective(0) rotateX(0)}100%{transform:perspective(500px) rotateX(5deg)}}
@-moz-keyframes handIcon{0%{transform:perspective(0) rotateX(0)}100%{transform:perspective(500px) rotateX(5deg)}}
@-o-keyframes handIcon{0%{transform:perspective(0) rotateX(0)}100%{transform:perspective(500px) rotateX(5deg)}}
@-ms-keyframes handIcon{0%{transform:perspective(0) rotateX(0)}100%{transform:perspective(500px) rotateX(5deg)}}
@keyframes handIcon{0%{transform:perspective(0) rotateX(0)}100%{transform:perspective(500px) rotateX(5deg)}}

/* Spin Animation */
@-webkit-keyframes spin {
  0%{-webkit-transform:translate(-50%,-50%) scale(1.4) rotate(0);-moz-transform:translate(-50%,-50%) scale(1.4) rotate(0);-ms-transform:translate(-50%,-50%) scale(1.4) rotate(0);-o-transform:translate(-50%,-50%) scale(1.4) rotate(0);transform:translate(-50%,-50%) scale(1.4) rotate(0)}
  100%{-webkit-transform:translate(-50%,-50%) scale(1.4) rotate(360deg);-moz-transform:translate(-50%,-50%) scale(1.4) rotate(360deg);-ms-transform:translate(-50%,-50%) scale(1.4) rotate(360deg);-o-transform:translate(-50%,-50%) scale(1.4) rotate(360deg);transform:translate(-50%,-50%) scale(1.4) rotate(360deg)}
}
@-moz-keyframes spin {
  0%{-webkit-transform:translate(-50%,-50%) scale(1.4) rotate(0);-moz-transform:translate(-50%,-50%) scale(1.4) rotate(0);-ms-transform:translate(-50%,-50%) scale(1.4) rotate(0);-o-transform:translate(-50%,-50%) scale(1.4) rotate(0);transform:translate(-50%,-50%) scale(1.4) rotate(0)}
  100%{-webkit-transform:translate(-50%,-50%) scale(1.4) rotate(360deg);-moz-transform:translate(-50%,-50%) scale(1.4) rotate(360deg);-ms-transform:translate(-50%,-50%) scale(1.4) rotate(360deg);-o-transform:translate(-50%,-50%) scale(1.4) rotate(360deg);transform:translate(-50%,-50%) scale(1.4) rotate(360deg)}
}
@-o-keyframes spin {
  0%{-webkit-transform:translate(-50%,-50%) scale(1.4) rotate(0);-moz-transform:translate(-50%,-50%) scale(1.4) rotate(0);-ms-transform:translate(-50%,-50%) scale(1.4) rotate(0);-o-transform:translate(-50%,-50%) scale(1.4) rotate(0);transform:translate(-50%,-50%) scale(1.4) rotate(0)}
  100%{-webkit-transform:translate(-50%,-50%) scale(1.4) rotate(360deg);-moz-transform:translate(-50%,-50%) scale(1.4) rotate(360deg);-ms-transform:translate(-50%,-50%) scale(1.4) rotate(360deg);-o-transform:translate(-50%,-50%) scale(1.4) rotate(360deg);transform:translate(-50%,-50%) scale(1.4) rotate(360deg)}
}
@-ms-keyframes spin {
  0%{-webkit-transform:translate(-50%,-50%) scale(1.4) rotate(0);-moz-transform:translate(-50%,-50%) scale(1.4) rotate(0);-ms-transform:translate(-50%,-50%) scale(1.4) rotate(0);-o-transform:translate(-50%,-50%) scale(1.4) rotate(0);transform:translate(-50%,-50%) scale(1.4) rotate(0)}
  100%{-webkit-transform:translate(-50%,-50%) scale(1.4) rotate(360deg);-moz-transform:translate(-50%,-50%) scale(1.4) rotate(360deg);-ms-transform:translate(-50%,-50%) scale(1.4) rotate(360deg);-o-transform:translate(-50%,-50%) scale(1.4) rotate(360deg);transform:translate(-50%,-50%) scale(1.4) rotate(360deg)}
}
@keyframes spin {
  0%{-webkit-transform:translate(-50%,-50%) scale(1.4) rotate(0);-moz-transform:translate(-50%,-50%) scale(1.4) rotate(0);-ms-transform:translate(-50%,-50%) scale(1.4) rotate(0);-o-transform:translate(-50%,-50%) scale(1.4) rotate(0);transform:translate(-50%,-50%) scale(1.4) rotate(0)}
  100%{-webkit-transform:translate(-50%,-50%) scale(1.4) rotate(360deg);-moz-transform:translate(-50%,-50%) scale(1.4) rotate(360deg);-ms-transform:translate(-50%,-50%) scale(1.4) rotate(360deg);-o-transform:translate(-50%,-50%) scale(1.4) rotate(360deg);transform:translate(-50%,-50%) scale(1.4) rotate(360deg)}
}
/* Coin Spin */
@-webkit-keyframes spin2 {
  0%{-webkit-transform:rotate(0);-moz-webkit-transform:rotate(0);-ms-webkit-transform:rotate(0);-o-webkit-transform:rotate(0);transform:rotate(0)}
  100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spin2 {
  0%{-webkit-transform:rotate(0);-moz-webkit-transform:rotate(0);-ms-webkit-transform:rotate(0);-o-webkit-transform:rotate(0);transform:rotate(0)}
  100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}

/* Responsive Style */
@media (min-width: 1681px){
  p, .navbar li a, .goToSlideBtn, .colItemInfo .count, .footerBottom, .footerNav li a, .warning-msgs, .success-msgs{font-size:1em}  
  .tab-link .tabOuter{padding: 10px;}
  .faqsheader{margin: 100px 0 70px 0;}
  .tabs{width: calc(100% + 50px);width: -webkit-calc(100% + 50px);width: -moz-calc(100% + 50px);width: -ms-calc(100% + 50px);margin: 0 -25px;}
  .tab-link{padding: 0 25px;}
  .tabTitle span{font-size: 1.625em;}
  .faq_item .accordion{font-size: 1.5em;padding: 24px 0;}
  .faq_item .panel{padding-bottom: 24px;}
  .footerGroup p{font-size: 0.825em;}
  .section{padding:150px 0}
  .container{max-width:1530px}
  .btn-style{font-size:1em;height:60px;line-height:60px;min-width: 180px;}
  h1,.title1{font-size:4.5em}
  .aboutHeading{font-size: 3.75em;}
  .abouttitle{font-size: 1.875em;}
  .hero-section p{font-size:1.125em}
  .form-row .input-form .form-control{height:68px;line-height:68px;font-size:1.25em}
  .hero-section{margin-bottom:30px}
  .form-row .input-form .form-control{padding-right:200px}
  .colItemWrap .colItemInfo h3{font-size:1.75em}
  .section2ColRight img{max-width:75%}
  .faqPageWrapper{max-width: 1020px;}
  .tab-link .tabOuter{height: 300px;}
  .colItemWrap figure{min-width:150px;max-width:150px;height:150px}
  .colItemWrap figure img{max-height:140px}
  .tab-link .tabHeading figure{height: 210px;line-height: 210px;}
  .tab-link .tabHeading figure img {max-height: 100px;}
  .right-info img{max-height: 245px;}
  .imageStyle figure img{bottom: 25px;right: 25px;}
  .rowCol{width: 45%;}
  .AboutPage .section1{padding-top: 175px;}
  .abouttitle{margin-bottom: 30px;}
  .teamMember{margin-top: 60px;}
  .teamMember h5{font-size: 1.75em;margin-top: 30px;}
  .teamMember h6{font-size: 1.25em;}
  .teamMember{margin-top: 100px;}
  .teamMember figure img{max-width: 100%;}
  .handAnimate{transform: scale(1.5);-webkit-transform: scale(1.5);-moz-transform: scale(1.5);-o-transform: scale(1.5);-ms-transform: scale(1.5);}
  .coinGroup img{top: -12%;}
  .coinGroup img.coin1{left:20%}
  .coinGroup img.coin2{left:31%;top:78%;}
  .coinGroup img.coin3{left:72%;}
  .coinGroup img.coin4{top:55%;left:90%;}
  .pageNotFound{padding: 100px 0;}
  .page-404 figure img{max-width: 100%;}
  .page-404 h1{font-size: 2em;}
  .page-404 h1{margin-top: -60px;}
  .page-404 .action-btn{margin-top: 80px;}
  .bannerIcons img{max-width: 160px;}
}

@media (max-width: 1439px) {
  .text1{font-size:1em}
  .footerCol.Col3{padding-left:80px}
}

@media (max-width: 1279px) {
  .fluid-container{padding:15px 0}
  .logo{max-width:90px}
  .section{min-height:auto}
  .AboutPage .section1{padding-top: 150px;}
  .xponent-steps{padding:45px}
  .section1 .left-content .xponent-form .form-row{display:flex;flex-direction:column;width:100%}
  .footerCol.Col3{padding-left:50px}
  .footerLogo{margin-bottom:35px}
  .colItemWrap{max-width:70%}
  .inner-wrap{margin:2.5% 0 5%}
  .section2ColRight img{max-width:55%}
  .faqsheader{margin: 50px 0;}
}
@media (max-width: 1023px) {
  .section{padding:100px 0}
  .xponent-steps{padding:30px}
  .separator{min-width:50px;max-width:50px}
  .set-apart-container{padding:0}
  .section1 .left-content .xponent-form .form-row{display:flex;flex-direction:column}
  .section1 .left-content .xponent-form .form-row .btn-wrapper{position:inherit}
  .section1 .left-content .xponent-form .form-row .btn-wrapper .btn{width:100%}
  .section1 .left-content{padding-top:80px}
  .footerGroup{flex-flow:wrap;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap}
  .footerCol{width:100%}
  .footerCol.Col3{padding-left:0;margin-top:30px}
  .footerNav{margin:30px 0}
  .footer{padding-top:50px}
  .footerBottom{margin-top:50px}
  .colItemWrap{max-width:80%}
  .colItemWrap figure{max-width:100px;min-width:100px;height:100px}
  .colItemWrap figure img{max-height:80px;bottom:-10px}
  .abouttitle, .teamMember h5{font-size: 1em;}
  .aboutHeading{font-size: 2em;}
  .teamMember h6{font-size: 0.75em;}
  .teamOuter{padding: 0 10px;}
  .coinGroup img{max-width: 50px;}
  .page-404 figure img{max-width: 100%;}
  .bannerIcons img{max-width: 80px;}
}
@media (max-width: 767px) {
  .logo{max-width:60px}
  .fluid-container{width:100%;padding-left:15px;padding-right:15px}
  .xponent-steps{flex-flow:wrap;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center}
  .stepBlock{width:100%;padding-top:80px}
  .stepBlock:first-child{padding-top:0}
  .separator{transform:rotate(90deg)!important;-webkit-transform:rotate(90deg)!important;-moz-transform:rotate(90deg)!important;-ms-transform:rotate(90deg)!important;-o-transform:rotate(90deg)!important;min-width:100px;max-width:100px}
  .stepBlock figure{height:initial}
  .stepBlock figure img,.set-apart-container figure img{max-height:250px}
  .set-apart-container{flex-flow:wrap;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap}
  .section{padding:80px 0}
  .set-apart-container figure,.set-apart-info{width:100%}
  .set-apart-container figure{text-align:center!important;margin-bottom:30px}
  .section .set-apart-container .mobileLeft{order:-1}
  .section1{flex-flow:wrap;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap}
  .section1 .left-content,.section1 .animated-content{width:100%}
  .section1 .left-content{padding-top:20px}
  .section1 .animated-content{order: -1;-webkit-order: -1;-ms-order: -1;-moz-order: -1;-o-order: -1;}
  .section1 .animated-content .coinInHand{text-align:center;margin-left: -60px;}
  .handAnimate{transform: scale(1);-moz-transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);}
  .coinGroup img.coin1{top: 3%;}
  .coinGroup img.coin2{top: 57%;}
  .section1 .left-content .xponent-form .form-row{display:flex;flex-direction:column}
  .form-row .input-form .form-control{padding:0 16px;height:40px;line-height:40px}
  .xponent-form .action-btn{min-width:100%;position:static;margin-top:20px}
  .xponent-form .action-btn .btn-style{width:100%}
  .section1 .left-content .xponent-form .form-row .input-form{margin-bottom:20px}
  .section1 .left-content .xponent-form .form-row .btn-wrapper{position:inherit}
  .footer{padding-top:30px}
  .footerBottom{padding:20px 0}
  .footer-container{width:100%;padding:0 30px}
  .footerLogo{position:relative;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);margin-bottom:25px}
  .footerGroup{flex-flow:wrap;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap}
  .footer .action-btn,.footerNav,.socialLink{text-align:center}
  .socialLink li{margin:0 10px}
  .goToSlideWrap{display:none}
  .footerBottom{margin-top:0}
  .footerNav li{display:inline-block;margin:0 10px}
  .socialLink,.footerNav{margin:25px 0}
  .section2Col{flex-flow:wrap;-webkit-flex-flow:wrap;-moz-flex-flow:wrap}
  .section2ColRight{order:-1;text-align:center;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center}
  .section2ColLeft,.section2ColRight{flex-flow:wrap;width:100%;max-width:100%}
  .colItemWrap{max-width:100%}
  .colItemInfo{padding-left:25px}
  .colItemRow{margin-left:0!important;margin-top:35px}
  .info-card{height:initial}
  .text2 + p{margin-bottom:25px}
  .sphere{transform:scale(0.5);-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5)}
  .right-info{align-items:center;-webkit-align-items:center}
  .circleAnimate{transform:scale(2);-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2)}
  .circleAnimate img{top:50%;left:50%}
  .inner-wrap{margin-bottom:30px;margin-top:0}
  .slide2Title{text-align:center;top:-30px}
  .faqsheader{margin: 30px 0;}
  .tab-link .tabHeading figure img{max-height: 50px;}
  .tab-link .tabOuter{height: 200px;}
  .tab-link .tabHeading figure{height: 130px;line-height: 130px;}
  .tabTitle span{padding: 0 5px 5px 5px;}
  .faq_item .accordion{padding: 15px 50px 15px 0;}
  .faq_item .panel{padding-bottom: 15px;}
  .tabContent{margin-top: 30px;}
  .tab-link .tabOuter{border-radius: 26px;}
  .tab-link .tabHeading{border-radius: 20px;}
  .faq_item .accordion:after{right: 15px;}
  .rowGroup{flex-flow: wrap;-webkit-flex-flow: wrap;-moz-flex-flow: wrap;-ms-flex-flow: wrap;-o-flex-flow: wrap;}
  .rowCol{width: 100%;}
  .imageStyle{margin-top: 40px;}
  .imageStyle figure{border-radius: 20px;}
  .imageStyle figure img{bottom: 15px;right: 15px;}
  .aboutHeading {font-size: 1.75em;}
  .imgColumn{order: -1;-webkit-order: -1;-moz-order: -1;-ms-order: -1;margin-bottom: 25px;}
  .teamOuter{width: 50%;}
  .teamMember{margin-top: 25px;}
  .teamMember h5, .teamMember h6{margin-top: 10px;}
  .AboutPage .section5{padding-bottom: 80px!important;}
  #section1 .sphere-3, .faqPage .sphere-6, .AboutPage .section2 .sphere-6, .AboutPage .section4 .sphere-3, .AboutPage .section4 .sphere-4, .AboutPage .section4 .sphere-7, .AboutPage .section4 .sphere-8, .AboutPage .section5 .sphere-6{display: none;}
  .faqPage .sphere-7, .AboutPage .section3 .sphere-5, .AboutPage .section3 .sphere-6{top: 92%;}
  .faqPage .sphere-1{top: 16%; top: 2%;}
  .faqPage .sphere-2{left: 88%;top: 13%;}
  #section1 .sphere-1{top: 0;}
  .page-404 h1{margin-top: -30px;}
  .bannerIcons img{max-width: 40px;}
  .bannerIcons .icon4{max-width: 80px;}
}
@media (max-width: 530px) {
  .card-container{flex-flow:wrap;-webkit-flex-flow:wrap}
  .left-info,.right-info{width:100%}
  .left-info{margin-bottom:20px}
  .info-card{padding:25px;height:initial}
  .left-content .xponent-form{margin-bottom:0}
  .warning-msgs,.success-msgs,.copyright{font-size:.75em}
  .tab-link{padding: 0 2.5px;}
  .tab-link .tabOuter{padding: 2px;}
  .tab-link .tabHeading figure img{max-height: 35px;}
  .tabTitle span{font-size: 0.875em;border-width: 2px;}
  .tab-link .tabOuter{height: 130px;}
  .tab-link .tabHeading figure{height: 70px;line-height: 70px;}
  .tab-link .tabOuter{border-radius: 16px;}
  .tab-link .tabHeading{border-radius: 10px;}
  .page-404 h1 {margin-top: -10px;}
  .bannerIcons .icon4{bottom: 5%;}
}