@charset "UTF-8";
@font-face {
  font-family: 'Gotham-Bold';
  src: url('../font/HCo_Gotham_1/GothamBold/Gotham-Bold.otf') format('opentype'),
    url('../font/HCo_Gotham_1/GothamBold/Gotham-Bold%EF%B9%96.eot#iefix')
      format('embedded-opentype'),
    url('../font/HCo_Gotham_1/GothamBold/Gotham-Bold.woff') format('woff'),
    url('../font/HCo_Gotham_1/GothamBold/Gotham-Bold.ttf') format('truetype'),
    url('../font/HCo_Gotham_1/GothamBold/Gotham-Bold.svg#gidolinyaregular')
      format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Medium';
  src: url('../font/HCo_Gotham_1/GothamMedium/Gotham-Medium.otf')
      format('opentype'),
    url('../font/HCo_Gotham_1/GothamMedium/Gotham-Medium%EF%B9%96.eot#iefix')
      format('embedded-opentype'),
    url('../font/HCo_Gotham_1/GothamMedium/Gotham-Medium.woff') format('woff'),
    url('../font/HCo_Gotham_1/GothamMedium/Gotham-Medium.ttf')
      format('truetype'),
    url('../font/HCo_Gotham_1/GothamMedium/Gotham-Medium.svg#gidolinyaregular')
      format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Book';
  src: url('../font/HCo_Gotham_1/GothamBook/Gotham-Book.otf') format('opentype'),
    url('../font/HCo_Gotham_1/GothamBook/Gotham-Book%EF%B9%96.eot#iefix')
      format('embedded-opentype'),
    url('../font/HCo_Gotham_1/GothamBook/Gotham-Book.woff') format('woff'),
    url('../font/HCo_Gotham_1/GothamBook/Gotham-Book.ttf') format('truetype'),
    url('../font/HCo_Gotham_1/GothamBook/Gotham-Book.svg#gidolinyaregular')
      format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Light';
  src: url('../font/HCo_Gotham_1/GothamLight/Gotham-Light.otf')
      format('opentype'),
    url('../font/HCo_Gotham_1/GothamLight/Gotham-Light%EF%B9%96.eot#iefix')
      format('embedded-opentype'),
    url('../font/HCo_Gotham_1/GothamLight/Gotham-Light.woff') format('woff'),
    url('../font/HCo_Gotham_1/GothamLight/Gotham-Light.ttf') format('truetype'),
    url('../font/HCo_Gotham_1/GothamLight/Gotham-Light.svg#gidolinyaregular')
      format('svg');
  font-weight: normal;
  font-style: normal;
}

h1 {
  font-size: 2.5vw;
  color: #01338d;
  margin: 1vw 0px;
  font-family: 'Gotham-Bold';
}

@media screen and (max-width: 860px) {
  h1 {
    font-size: 6vw !important;
  }
}

h2 {
  font-size: 1.2vw;
  color: #01338d;
  margin: 1vw 0px;
  font-family: 'Gotham-Medium';
}

@media screen and (max-width: 860px) {
  h2 {
    font-size: 5vw !important;
  }
}

h3 {
  font-size: 1.5vw;
  color: #01338d;
  margin: 1vw 0px;
  font-family: 'Gotham-Medium';
}

@media screen and (max-width: 860px) {
  h3 {
    font-size: 4vw !important;
  }
}

h4 {
  font-size: 1vw;
  color: #01338d;
  margin: 1vw 0px;
  font-family: 'Gotham-Medium';
}

@media screen and (max-width: 860px) {
  h4 {
    font-size: 3vw !important;
  }
}

h5 {
  font-size: 0.8vw;
  color: #01338d;
  margin: 1vw 0px;
  font-family: 'Gotham-Medium';
}

@media screen and (max-width: 860px) {
  h5 {
    font-size: 2.4vw !important;
  }
}

h6 {
  font-size: 0.5vw;
  color: #01338d;
  margin: 1vw 0px;
  font-family: 'Gotham-Medium';
}

@media screen and (max-width: 860px) {
  h6 {
    font-size: 1.8vw !important;
  }
}

p {
  font-family: 'Gotham-Light';
  font-size: 0.9vw;
  color: #7f98c5;
  margin: 1vw 0px;
}

@media screen and (max-width: 860px) {
  p {
    font-size: 3vw !important;
  }
}

a {
  text-decoration: initial;
  color: #0080f9;
  font-family: 'Gotham-Medium';
  font-size: 0.9vw;
}

@media screen and (max-width: 860px) {
  a {
    font-size: 2.8vw !important;
  }
}

a:hover {
  color: #01338d;
}

a {
  text-decoration: none;
  cursor: pointer;
}

* {
  outline: 0 !important;
}

*:after,
*:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  outline: 0;
}

body {
  font-family: 'Gotham-Book' !important;
  line-height: 1.5;
  position: relative;
  height: 100%;
  font-weight: normal;
  color: #01338d;
  float: left;
  width: 100%;
  margin: 0;
  overflow-x: hidden;
  letter-spacing: normal !important;
}

body.sticky2 {
  padding-top: 6.05vw;
}

body.noScroll {
  overflow: hidden !important;
}

body.noScrollBody {
  overflow: hidden !important;
}

body.noScrollBody .menuBtn {
  display: none;
}

body.noScrollBody header#header li.searchBtn a {
  cursor: pointer;
}

body.noScrollBody header#header li.searchBtn a img:nth-child(1) {
  display: none;
}

body.noScrollBody header#header li.searchBtn a img:nth-child(2) {
  display: none;
}

body.noScrollBody header#header li.searchBtn a img:nth-child(3) {
  display: block;
}

button:focus,
a:focus {
  outline: none;
  -webkit-box-shadow: initial !important;
  box-shadow: initial !important;
}

section {
  float: left;
  width: 100%;
}

img {
  max-width: 100%;
}

.no_padding {
  padding: 0 !important;
}

.max-row {
  max-width: inherit;
}

.mb20 {
  margin-bottom: 20px !important;
}

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

.mb40 {
  margin-bottom: 40px !important;
}

.mt40 {
  margin-top: 40px !important;
}

@media screen and (max-width: 1023px) {
  .mt40 {
    margin-top: 20px !important;
    margin-bottom: 0;
  }
}

.mt20 {
  margin-top: 20px !important;
}

.relative {
  position: relative;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Let's get this party started */
::-webkit-scrollbar {
  width: 6px;
  height: 3px;
}

/* Track */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  opacity: 0.5;
}

/* Handle */
::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(173, 173, 173, 0.9);
}

/**************************************************************************************
                                                                                       Header
**************************************************************************************/
.clearfix,
.row:after,
.toast {
  clear: both;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-offset-0,
.col-lg-offset-1,
.col-lg-offset-10,
.col-lg-offset-11,
.col-lg-offset-12,
.col-lg-offset-2,
.col-lg-offset-3,
.col-lg-offset-4,
.col-lg-offset-5,
.col-lg-offset-6,
.col-lg-offset-7,
.col-lg-offset-8,
.col-lg-offset-9 {
  padding-right: 0.75rem !important;
  padding-left: 0.75rem !important;
}

.row {
  max-width: 84vw;
  margin: 0 auto !important;
}

@media screen and (max-width: 860px) {
  .row {
    max-width: 84vw;
  }
}

.no_padding {
  padding: 0 !important;
}

.flexDev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/***************** Ready To Get Started?  (Blue BG) ******************/
.createAccountBlue h3 {
  text-align: center;
  font-size: 1.7vw;
  margin-bottom: 1.5vw;
  font-weight: 100;
}

.createAccountBlue a {
  text-align: center;
  display: block;
  margin-bottom: 6vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

.createAccountBlue a img {
  max-width: 0.8vw;
}

@media screen and (max-width: 860px) {
  .createAccountBlue a img {
    max-width: 2.5vw;
    margin-top: 1vw;
  }
}

.createAccountBlue .createAccountBlueBG {
  background-color: #01338d;
  padding: 9.5vw 0;
  position: relative;
  z-index: 9;
}

.createAccountBlue .createAccountBlueBG::before {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  top: -1.4vw;
  left: 0;
  background-image: url(../images/shape7.png);
  z-index: -1;
}

.createAccountBlue .createAccountBlueBG h1 {
  font-size: 2.5vw;
  text-align: center;
  color: #ffffff;
  margin-bottom: 0;
  font-family: 'Gotham-Medium';
  font-weight: 200;
}

.createAccountBlue .createAccountBlueBG h4 {
  text-align: center;
  color: #ffffff;
  font-family: 'Gotham-Book';
  font-size: 1.2vw;
  margin-top: 0.5vw;
  margin-bottom: 4vw;
}

.createAccountBlue .createAccountBlueBG ul {
  text-align: center;
  display: block;
}

.createAccountBlue .createAccountBlueBG ul li {
  display: inline-block;
}

.createAccountBlue .createAccountBlueBG ul li:first-child {
  margin-right: 1vw;
}

@media screen and (max-width: 860px) {
  .createAccountBlue .createAccountBlueBG ul li:first-child {
    margin-right: 3vw;
  }
}

.createAccountBlue .createAccountBlueBG ul li:first-child a {
  background-color: #00c8ff;
  color: #01338d;
  padding: 1vw 2vw;
  border-radius: 2vh;
  margin-bottom: 0;
}

.createAccountBlue .createAccountBlueBG ul li:last-child a {
  border: 1px solid #00c8ff;
  color: #01338d;
  padding: 1vw 2vw;
  border-radius: 2vh;
  color: #00c8ff;
  margin-bottom: 0;
}

/***************** Brands Logo section ******************/
.brands {
  margin-bottom: 5vw;
  background-color: #4432e0;
}

.brands .row {
  max-width: 78vw;
}

.brands p {
  color: #00c8ff;
  text-align: center;
  margin-bottom: 0.7vw;
  margin-top: 8vw;
}

.brands h1 {
  font-size: 2.2vw;
  text-align: center;
  width: 35vw;
  margin: 0 auto;
  margin-bottom: 3vw;
  color: #ffffff;
  position: relative;
}

@media screen and (max-width: 860px) {
  .brands h1 {
    width: 100%;
    font-size: 4vw !important;
  }
}

.brands h1::before {
  content: '';
  height: 0.8vw;
  width: 0.8vw;
  position: absolute;
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  right: 1vw;
  background-image: url(../images/shape8.png);
}

@media screen and (max-width: 860px) {
  .brands h1::before {
    height: 1.8vw;
    width: 1.8vw;
  }
}

.brands ul {
  display: block;
  margin-bottom: 4vw;
  text-align: center;
}

.brands ul li {
  display: inline-block;
}

.brands ul li .brandLogos {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  min-height: 7vw;
  min-width: 10vw;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  margin-bottom: 2.5vw;
}

@media screen and (max-width: 860px) {
  .brands ul li .brandLogos {
    min-height: 16vw;
    min-width: 19vw;
  }
}

.brands .viewBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #ffffff;
  width: 14vw;
  margin: 0 auto;
  margin-bottom: 7vw;
  border-radius: 2.2vh;
  padding: 0.7vw;
  color: #ffffff;
}

@media screen and (max-width: 860px) {
  .brands .viewBtn {
    width: 45vw;
    padding: 2vw;
  }
}

.brands .viewBtn img {
  max-width: 1vw;
  margin-left: 0.5vw;
}

@media screen and (max-width: 860px) {
  .brands .viewBtn img {
    max-width: 4vw;
    margin-left: 2.5vw;
    margin-top: 1vw;
  }
}

/***************** Info Accordions section ******************/
.infoAccordions {
  margin-top: 5vw;
  margin-bottom: 2vw;
}

@media screen and (max-width: 860px) {
  .infoAccordions {
    margin-bottom: 5vw;
  }
}

.infoAccordions .accordionBg {
  background-color: #e5f2fe;
  padding: 8vw;
  border-radius: 3vh;
}

.infoAccordions .accordionBg .expandedHeader {
  border-top: 1px solid #01338d;
  border-bottom: 1px solid #0080f9;
}

.infoAccordions .accordionBg .MuiIconButton-label {
  color: #0080f9;
}

.infoAccordions .accordionBg .iconBlue {
  color: #01338d;
}

.infoAccordions .accordionBg .lightBlueHeader {
  color: #0080f9;
}

.infoAccordions .accordionBg .MuiAccordion-root:before {
  background-color: transparent;
}

.infoAccordions .accordionBg .borderBlueHeader {
  border-top: 1px solid #0080f9;
  border-bottom: 1px solid #0080f9;
}

.infoAccordions .accordionBg h1 {
  font-size: 2.3vw;
  color: #0080f9;
  position: relative;
  text-transform: uppercase;
}

@media screen and (max-width: 860px) {
  .infoAccordions .accordionBg h1 {
    font-size: 5vw !important;
    text-align: center;
  }
}

.infoAccordions .accordionBg h1::before {
  content: '';
  height: 0.8vw;
  width: 0.8vw;
  position: absolute;
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  right: 0vw;
  opacity: 0.3;
  background-image: url(../images/shape8.png);
}

.infoAccordions .accordionBg .MuiAccordionSummary-content.Mui-expanded {
  margin: 0;
}

.infoAccordions .accordionBg .MuiAccordionDetails-root {
  padding: 0 16px 16px;
}

@media screen and (max-width: 860px) {
  .infoAccordions .accordionBg .MuiAccordionDetails-root {
    padding: 0 16px 0;
  }
}

.infoAccordions .accordionBg .MuiPaper-elevation1 {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  border-bottom: 1px solid #0080f9;
}

.infoAccordions .accordionBg .MuiAccordion-root.Mui-expanded {
  margin: 0;
}

.infoAccordions .accordionBg h4 {
  font-size: 1.2vw;
  font-weight: 100;
}

.infoAccordions .accordionBg p {
  margin: 0;
  color: #01338d;
}

@media screen and (max-width: 860px) {
  .infoAccordions .accordionBg p {
    margin-bottom: 7vw;
  }
}

/***************** Client Word section ******************/
.clientsWord {
  position: relative;
  padding-bottom: 10% !important;
  padding-top: 10% !important;
}

@media screen and (max-width: 860px) {
  .clientsWord {
    padding-bottom: 10% !important;
  }
}

.clientsWord .haedline {
  font-family: 'Gotham-Bold' !important;
  font-size: 2.2vw !important;
  text-align: center;
  color: #0080f9 !important;
  width: 40%;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 860px) {
  .clientsWord .haedline {
    font-size: 3.5vw !important;
    width: 80%;
  }
}

.clientsWord .haedline::after {
  background-image: url('../images/headline-arrow.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.3vw;
  position: absolute;
  height: 0.9vw;
  right: 10%;
  content: '';
}

@media screen and (max-width: 860px) {
  .clientsWord .haedline::after {
    width: 2vw;
    position: absolute;
    height: 2vw;
    right: 8%;
  }
}

.clientsWord .Word {
  width: 70%;
  margin: 5% auto;
}

.clientsWord .Word .quotes {
  width: 3vw;
  height: 2vw;
}

.clientsWord .Word p {
  color: #01338d;
  font-family: 'Gotham-Book';
  font-size: 1.5vw;
}

.clientsWord .slide-container {
  position: relative;
}

.clientsWord .Clientslider {
  height: auto;
}

.clientsWord .Clientslider .react-slideshow-container .nav span {
  border-color: transparent;
  position: relative;
}

.clientsWord .Clientslider .react-slideshow-container {
  position: relative;
}

.clientsWord .Clientslider .react-slideshow-container .nav:first-of-type {
  height: 2vw;
  margin-right: 0px;
  border-right: 2px;
  border-top: 2px;
  width: 2vw;
  border: 2px solid rgba(0, 128, 249, 0.25);
  z-index: 10;
  text-align: center;
  cursor: pointer;
  color: #fff;
  border-radius: 50%;
  position: absolute !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 47%;
  top: 100%;
}

@media screen and (max-width: 1023px) {
  .clientsWord .Clientslider .react-slideshow-container .nav:first-of-type {
    left: 38%;
    width: 5vw;
    height: 5vw;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .clientsWord .Clientslider .react-slideshow-container .nav:first-of-type {
    left: 45%;
  }
}

.clientsWord
  .Clientslider
  .react-slideshow-container
  .nav:first-of-type::before {
  background-image: url('../images/slideright.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 1vw;
  position: absolute;
  height: 1vw;
  right: 15%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  content: '';
  background-color: transparent;
  top: unset;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media screen and (max-width: 960px) {
  .clientsWord
    .Clientslider
    .react-slideshow-container
    .nav:first-of-type::before {
    width: 2vw;
    height: 2vw;
  }
}

.clientsWord .Clientslider .react-slideshow-container .nav:last-of-type {
  height: 2vw;
  margin-right: 0px;
  border-right: 2px;
  border-top: 2px;
  width: 2vw;
  border: 2px solid rgba(0, 128, 249, 0.25);
  z-index: 10;
  text-align: center;
  cursor: pointer;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  right: 47%;
  top: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 1023px) {
  .clientsWord .Clientslider .react-slideshow-container .nav:last-of-type {
    right: 38%;
    width: 5vw;
    height: 5vw;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .clientsWord .Clientslider .react-slideshow-container .nav:last-of-type {
    right: 45%;
  }
}

.clientsWord
  .Clientslider
  .react-slideshow-container
  .nav:last-of-type::before {
  background-image: url('../images/slideright.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 1vw;
  position: absolute;
  height: 1vw;
  left: 15%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  content: '';
  background-color: transparent;
  top: unset;
}

@media screen and (max-width: 960px) {
  .clientsWord
    .Clientslider
    .react-slideshow-container
    .nav:last-of-type::before {
    width: 2vw;
    height: 2vw;
  }
}

.clientsWord .Clientslider .client {
  text-align: center;
  position: relative;
}

@media screen and (max-width: 860px) {
  .clientsWord .Clientslider .client {
    margin-top: 10%;
  }
}

.clientsWord .Clientslider .client img {
  max-height: 7vw;
  max-width: 7vw;
}

@media screen and (max-width: 860px) {
  .clientsWord .Clientslider .client img {
    height: 17vw;
    width: 17vw;
    max-height: 17vw;
    max-width: 17vw;
  }
}

.clientsWord .Clientslider .client h4 {
  text-transform: uppercase;
  color: #0080f9;
  margin: 1% 0;
}

.clientsWord .Clientslider .client p {
  font-family: 'Gotham-Book';
  margin: 1% 0;
  text-transform: uppercase;
  text-align: center !important;
}

.coming-soon .soonBody {
  padding: 5% 0;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 860px) {
  .coming-soon .soonBody {
    padding: 15% 0;
  }
}

.coming-soon .soonBody h3 {
  font-family: 'Gotham-Medium';
  font-weight: 500;
  margin-bottom: 2%;
  font-size: 2vw;
}

.coming-soon .soonBody a {
  background-color: #0080f9;
  padding: 1% 3%;
  border-radius: 1vw;
  color: #e5f2fe !important;
  display: table;
  margin: auto;
  margin-top: 40px;
}

.coming-soon .soonBody a:hover {
  color: #01338d;
}

.coming-soon .soonBody .cornerPattern {
  position: absolute;
  right: 0;
  top: 15%;
}

.coming-soon .soonBody .comingImg {
  width: 50vw;
  height: 70%initial;
}

.coming-soon .soonBody .soonPattern {
  position: absolute;
  left: 15%;
  bottom: 10%;
  width: 3vw;
}

.coming-soon .policyBody {
  padding: 10% 0;
  position: relative;
  text-align: left;
}

.coming-soon .policyBody p {
  padding-left: 0;
  margin-bottom: 0;
}
/* 
@media screen and (max-width: 960px) {
  .coming-soon .policyBody p {
    padding: 0 10%;
  }
} */

.coming-soon .policyBody h5 {
  color: #7f98c5;
  line-height: 22px;
  letter-spacing: 1px;
}

.coming-soon .policyBody ul {
  padding-left: 20px;
}

.coming-soon .policyBody ul li {
  display: list-item;
  list-style: number;
  color: #7f98c5;
  font-size: 0.8rem;
}

.coming-soon .policyBody ol {
  padding-left: 20px;
}

.coming-soon .policyBody ol li {
  display: list-item;
  list-style: disc;
  color: #7f98c5;
  font-size: 0.7rem;
}

.coming-soon .policyBody .btmPattern {
  position: absolute;
  left: 0;
  opacity: 0.3;
  width: 12%;
}

@media screen and (max-width: 960px) {
  .coming-soon .policyBody .btmPattern {
    width: 18%;
  }
}

.coming-soon .policyBody .rightPattern {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.3;
  width: 4%;
}

@media screen and (max-width: 960px) {
  .coming-soon .policyBody .rightPattern {
    width: 10%;
    top: 5%;
  }
}

.AcceptPopup {
  text-align: center;
  margin: 0 auto;
  width: 50%;
  padding: 5% 10% !important;
  position: relative;
}

@media screen and (max-width: 860px) {
  .AcceptPopup {
    padding: 10% !important;
    width: 70%;
  }
}

.AcceptPopup .patternImg {
  position: absolute;
  width: 11%;
  right: 5%;
  top: 5%;
}

@media screen and (max-width: 860px) {
  .AcceptPopup .patternImg {
    top: 8%;
  }
}

.AcceptPopup img {
  margin-right: 2%;
}

.AcceptPopup .logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.AcceptPopup .logos .arrow {
  width: 1.5vw;
  height: 1.7vw;
}

@media screen and (max-width: 860px) {
  .AcceptPopup .logos .arrow {
    width: 3vw;
    height: 3vw;
  }
}

.AcceptPopup .logos .logoaccept {
  width: 35%;
  height: 2.5vw;
}

@media screen and (max-width: 860px) {
  .AcceptPopup .logos .logoaccept {
    width: 41%;
    height: 6vw;
  }
}

.AcceptPopup h2 {
  font-family: 'Gotham-Medium';
  font-size: 1.5vw;
}

@media screen and (max-width: 860px) {
  .AcceptPopup h2 {
    font-size: 4vw !important;
    margin: 10% 0;
  }
}

.AcceptPopup p {
  margin-bottom: 6%;
}

.AcceptPopup a {
  color: #fff;
  background-color: #0080f9;
  padding: 2% 10%;
  margin-top: 2%;
  border-radius: 7px;
}

@media screen and (max-width: 860px) {
  .AcceptPopup a {
    padding: 4% 10%;
  }
}

/***************** Case Study section ******************/
.caseStudy .row {
  max-width: 75vw;
  margin: 0 auto;
}

.caseStudy .caseStudyImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  max-width: 82%;
  min-height: 22vw;
  border-radius: 3vh;
  margin: 0 auto;
  margin-bottom: 2vw;
}

@media screen and (max-width: 860px) {
  .caseStudy .caseStudyImg {
    min-height: 40vw;
    margin-bottom: 6vw;
  }
}

.caseStudy .caseStudyContent {
  max-width: 82%;
  margin: 0 auto;
}

.caseStudy .caseStudyContent .caseStudyLogo {
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
  min-height: 0.9vw;
  margin-bottom: 1vw;
}

@media screen and (max-width: 860px) {
  .caseStudy .caseStudyContent .caseStudyLogo {
    min-height: 3.7vw;
    margin-bottom: 1vw;
  }
}

@media screen and (max-width: 860px) {
  .caseStudy .caseStudyContent h2 {
    font-size: 4vw !important;
  }
}

.caseStudy .caseStudyContent a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  position: relative;
}

.caseStudy .caseStudyContent a::before {
  background-image: url('../images/shape2.png');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  width: 0.8vw;
  max-width: 0.8vw;
  height: 0.8vw;
  right: 70%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  content: '';
  background-color: transparent;
  top: unset;
}

@media screen and (max-width: 860px) {
  .caseStudy .caseStudyContent a::before {
    max-width: 2.5vw;
    right: 60%;
    height: 2.5vw;
    width: 2.5vw;
  }
}

.caseStudy .caseStudyContent a img {
  max-width: 0.8vw;
}

@media screen and (max-width: 860px) {
  .caseStudy .caseStudyContent a img {
    max-width: 2.5vw;
    margin-top: 1vw;
  }
}

.PagesHero {
  background-color: #0080f9;
  position: relative;
  padding-top: 2%;
  padding-bottom: 0;
}

@media screen and (max-width: 860px) {
  .PagesHero {
    padding-bottom: 5%;
  }
}

.PagesHero .heroRight {
  width: 58%;
  position: absolute;
  right: 5%;
  bottom: 0;
}

@media screen and (max-width: 860px) {
  .PagesHero .heroRight {
    width: 80%;
    z-index: 1;
  }
}

.PagesHero .heroLeft {
  width: 8%;
  position: absolute;
  left: 0;
  bottom: -21%;
}

@media screen and (max-width: 860px) {
  .PagesHero .heroLeft {
    bottom: -12%;
    width: 15%;
  }
}

.PagesHero .row {
  max-width: 88vw;
}

.PagesHero .gridHeader .container {
  z-index: 1;
}

@media screen and (max-width: 860px) {
  .PagesHero .gridHeader:first-child {
    padding-bottom: 0px;
    margin-top: 6%;
  }
}

@media screen and (max-width: 860px) {
  .PagesHero .gridHeader:last-child {
    padding-top: 5%;
  }
}

.PagesHero .gridHeader p {
  font-family: 'Gotham-Book';
  color: #99ccfc;
}

.PagesHero .gridHeader a {
  font-family: 'Gotham-Medium';
  color: #e5f2fe;
}

.PagesHero .gridHeader .rightArrow {
  width: 0.9vw;
  height: 0.9vw;
}

@media screen and (max-width: 860px) {
  .PagesHero .gridHeader .rightArrow {
    width: 2.5vw;
    height: 2.5vw;
    margin-left: 0.5vw;
  }
}

.PagesHero .gridHeader p {
  margin: 0;
}

.PagesHero .gridHeader .onlineLogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.PagesHero .gridHeader .onlineLogo span {
  font-family: 'Gotham-Medium';
  font-size: 1.2vw;
  color: #e5f2fe;
}

@media screen and (max-width: 860px) {
  .PagesHero .gridHeader .onlineLogo span {
    font-size: 3.5vw;
  }
}

.PagesHero .gridHeader .container {
  position: relative;
  margin-right: 3%;
}

.PagesHero .gridHeader .container .installsIcon {
  position: relative;
  z-index: 999;
  width: 2.9vw;
  height: 2.9vw;
  background-color: rgba(225, 225, 225, 0.2);
  border-radius: 35%;
  padding: 25%;
}

@media screen and (max-width: 860px) {
  .PagesHero .gridHeader .container .installsIcon {
    width: 6vw;
    height: 6vw;
  }
}

.PagesHero .gridHeader .fastLinks {
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: right;
  width: 80%;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

@media screen and (max-width: 860px) {
  .PagesHero .gridHeader .fastLinks {
    float: initial;
  }
}

@media screen and (max-width: 860px) {
  .PagesHero .gridHeader .fastLinks {
    width: 100%;
  }
}

.PagesHero .gridHeader .fastLinks li {
  margin-right: 7%;
}

@media screen and (max-width: 860px) {
  .PagesHero .gridHeader .fastLinks li {
    margin-right: 5%;
  }
}

.PagesHero .gridHeader .fastLinks a {
  font-size: 1vw;
}

@media screen and (max-width: 860px) {
  .PagesHero .gridHeader .fastLinks a {
    font-size: 2.5vw;
  }
}

.PagesHero .gridHeader .fastLinks a:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Gotham-Light';
}

.PagesHero .installsContent {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 80%;
  position: relative;
}

@media screen and (max-width: 860px) {
  .PagesHero .installsContent {
    height: auto;
    max-width: 100%;
  }
}

.PagesHero h1 {
  color: #e5f2fe;
  margin-top: 15%;
  font-size: 2.3vw;
}

@media screen and (max-width: 860px) {
  .PagesHero h1 {
    margin-top: 5%;
  }
}

.PagesHero .description {
  color: #b2d8fd;
  width: 80%;
  font-family: 'Gotham-Book';
}

.PagesHero .description li {
  position: relative;
  color: #b2d8fd;
  font-family: 'Gotham-Book';
  font-size: 1vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1.5vw 0;
  margin-left: 1vw;
}

@media screen and (max-width: 860px) {
  .PagesHero .description li {
    font-size: 3vw;
  }
}

.PagesHero .description li::after {
  background-image: url('../images/installments/arrows.png');
  background-size: cover;
  background-repeat: no-repeat;
  content: ' ';
  position: absolute;
  top: 0vw;
  height: 0.5vw;
  width: 0.5vw;
  left: -1vw;
  top: 0.5vw;
}

@media screen and (max-width: 860px) {
  .PagesHero .description li::after {
    height: 1.7vw;
    width: 1.7vw;
    left: -2.5vw;
    top: 1.5vw;
  }
}

.PagesHero ul.heroBtns {
  display: block;
  margin-top: 2.9vw;
}

@media screen and (max-width: 860px) {
  .PagesHero ul.heroBtns {
    margin-top: 9vw;
    margin-bottom: 7vw;
  }
}

.PagesHero ul.heroBtns li {
  display: inline-block;
}

.PagesHero ul.heroBtns li:first-child {
  margin-right: 2vw;
  margin-top: 2vw;
  background-color: #ffffff;
  padding: 0.6vw 1.7vw;
  border-radius: 2vh;
}

@media screen and (max-width: 860px) {
  .PagesHero ul.heroBtns li:first-child {
    padding: 0 3.7vw;
    border-radius: 2vh;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 6vw;
  }
}

.PagesHero ul.heroBtns li:first-child a {
  color: #0080f9;
}

.PagesHero ul.heroBtns li a {
  color: #ffffff;
}

@media screen and (max-width: 860px) {
  .PagesHero ul.heroBtns li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.PagesHero ul.heroBtns li a .rightArrow {
  width: 0.7vw;
}

@media screen and (max-width: 860px) {
  .PagesHero ul.heroBtns li a .rightArrow {
    width: 3vw;
  }
}

.PagesHero .imgContainer {
  padding: 37%;
}

@media screen and (max-width: 860px) {
  .PagesHero .imgContainer {
    padding: 0;
  }
}

.PagesHero .imgContainer .installsImg {
  width: 60%;
  position: absolute;
  right: -9vw;
  height: 44vw;
  bottom: -19%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (max-width: 860px) {
  .PagesHero .imgContainer .installsImg {
    width: 100%;
    height: 57vw;
    bottom: 4vw;
    right: 2.5%;
    position: relative;
    z-index: 3;
  }
}

.PagesHero .imgContainerSub {
  padding: 42%;
}

.PagesHero .imgContainerSub .subsImg {
  width: 60%;
  position: absolute;
  right: -16%;
  height: 44vw;
  background-size: cover;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (max-width: 860px) {
  .PagesHero .imgContainerSub .subsImg {
    width: 100%;
    height: 100vw;
    bottom: -5vw;
    z-index: 11;
  }
}

.PagesHero .paymentLinkIntroImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  max-width: 100%;
  min-height: 42vw;
}

@media screen and (max-width: 860px) {
  .PagesHero .paymentLinkIntroImg {
    min-height: 85vw;
  }
}

.ModuleFeatures {
  position: relative;
}

@media screen and (max-width: 860px) {
  .ModuleFeatures {
    margin-top: 15%;
    margin-bottom: 10%;
  }
}

@media screen and (max-width: 860px) {
  .ModuleFeatures .MuiGrid-container {
    padding: 10% 0 !important;
  }
}

@media screen and (max-width: 860px) {
  .ModuleFeatures .MuiGrid-item {
    padding-bottom: 5% !important;
  }
}

@media screen and (max-width: 860px) {
  .ModuleFeatures .MuiGrid-item:nth-child(2) {
    padding-top: 0% !important;
    padding-bottom: 0% !important;
  }
}

.ModuleFeatures > div > div > div:nth-child(4) .AddImg .onlineImg {
  -webkit-transform: unset !important;
  transform: unset !important;
  background-size: contain;
  width: 100%;
  height: 24vw;
}

@media screen and (max-width: 860px) {
  .ModuleFeatures > div > div > div:nth-child(4) .AddImg .onlineImg {
    width: 80%;
    height: 65vw;
  }
}

.ModuleFeatures > div > div > div:nth-child(4) .AddImg::before {
  display: none;
}

.ModuleFeatures .addPtnbtm {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50vh;
  width: 9vw;
  position: absolute;
  left: 0;
  bottom: 14%;
}

.ModuleFeatures .ClientPtntop {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 11vh;
  width: 3vw;
  position: absolute;
  right: 0;
  top: 20%;
}

.ModuleFeatures .MuiGrid-container:nth-child(even) > div > .AddImg .onlineImg {
  -webkit-transform: perspective(60vw) rotateY(13deg);
  transform: perspective(60vw) rotateY(13deg);
}

@media screen and (max-width: 860px) {
  .ModuleFeatures
    .MuiGrid-container:nth-child(even)
    > div
    > .AddImg
    .onlineImg {
    -webkit-transform: unset !important;
    transform: unset !important;
  }
}

.ModuleFeatures .MuiGrid-container:nth-child(even) > div > .AddImg:before {
  -webkit-transform: perspective(60vw) rotateY(13deg);
  transform: perspective(60vw) rotateY(13deg);
}

@media screen and (max-width: 860px) {
  .ModuleFeatures .MuiGrid-container:nth-child(even) > div > .AddImg:before {
    -webkit-transform: unset !important;
    transform: unset !important;
  }
}

@media screen and (max-width: 950px) {
  .ModuleFeatures .MuiGrid-container:nth-child(odd) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.ModuleFeatures .addDetails {
  text-align: left;
  padding: 0 16%;
}

.ModuleFeatures .addDetails .haedline {
  margin: 0;
  font-size: 1.9vw;
  width: 100%;
  margin-top: 12%;
}

@media screen and (max-width: 860px) {
  .ModuleFeatures .addDetails .haedline {
    font-size: 3.5vw;
  }
}

.ModuleFeatures .addDetails .haedline::after {
  right: 0px;
  top: 0;
}

@media screen and (max-width: 860px) {
  .ModuleFeatures .addDetails .haedline::after {
    right: -9%;
    top: 0;
  }
}

.ModuleFeatures .addDetails p {
  color: #01338d;
  font-family: 'Gotham-Book';
  font-size: 1vw;
  font-weight: 600;
}

.ModuleFeatures .addDetails .paymentOptions {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
}

.ModuleFeatures .addDetails .paymentOptions .MuiAccordion-root {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.ModuleFeatures .addDetails .paymentOptions .Mui-expanded {
  min-height: initial !important;
}

.ModuleFeatures .addDetails .paymentOptions .MuiAccordionSummary-root {
  min-height: initial !important;
}

.ModuleFeatures .addDetails .paymentOptions .MuiAccordionSummary-root {
  padding: 0 !important;
}

.ModuleFeatures .addDetails .paymentOptions .MuiAccordionSummary-content {
  margin: 0;
}

.ModuleFeatures .addDetails .paymentOptions .icons {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3vw 3vw 3vw;
  grid-template-columns: 3vw 3vw 3vw;
  text-align: center;
  -webkit-column-gap: 2%;
  column-gap: 2%;
}

@media screen and (max-width: 860px) {
  .ModuleFeatures .addDetails .paymentOptions .icons {
    -ms-grid-columns: 10.5vw 10.5vw !important;
    grid-template-columns: 10.5vw 10.5vw !important;
  }
}

.ModuleFeatures .addDetails .paymentOptions .icons img {
  width: 3vw;
  height: 3vw;
}

@media screen and (max-width: 860px) {
  .ModuleFeatures .addDetails .paymentOptions .icons img {
    min-width: 10.5vw;
    min-height: 10.5vw;
  }
}

.ModuleFeatures .addDetails .paymentOptions li {
  color: #435575;
  font-family: 'Gotham-Book';
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-size: 0.87vw;
  margin: 2%;
}

@media screen and (max-width: 860px) {
  .ModuleFeatures .addDetails .paymentOptions li {
    margin: 5%;
    font-size: 1.9vw;
  }
}

.ModuleFeatures .addDetails .paymentOptions li img {
  height: 1.5vw;
  width: 1.7vw;
  margin-right: 2%;
}

@media screen and (max-width: 860px) {
  .ModuleFeatures .addDetails .paymentOptions li img {
    height: 4.5vw;
    width: 4.5vw;
  }
}

.ModuleFeatures .addDetails .paymentOptions li .optImgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ModuleFeatures .addDetails .paymentOptions li .optImgs .img1 {
  height: 1.7vw;
  width: 2vw;
  margin-right: 5%;
}

@media screen and (max-width: 860px) {
  .ModuleFeatures .addDetails .paymentOptions li .optImgs .img1 {
    height: 4vw;
    width: 7vw;
  }
}

.ModuleFeatures .addDetails .paymentOptions li .optImgs .img2 {
  height: 2vw;
  width: 3.5vw;
}

@media screen and (max-width: 860px) {
  .ModuleFeatures .addDetails .paymentOptions li .optImgs .img2 {
    height: 5vw;
    width: 10vw;
  }
}

.ModuleFeatures .addDetails .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 2%;
}

.ModuleFeatures .addDetails .contact img {
  max-width: 0.7vw;
  max-height: 0.7vw;
}

@media screen and (max-width: 860px) {
  .ModuleFeatures .addDetails .contact img {
    max-width: 2vw;
    max-height: 2vw;
  }
}

@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.ModuleFeatures .animated {
  text-align: center;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: fade 1.5s linear;
  animation: fade 1.5s linear;
}

.ModuleFeatures .animated .circles {
  margin: 0;
  position: absolute;
  top: 0;
  left: 20%;
  height: 30vw;
  width: 30vw;
  -webkit-transition: all 1.3s ease-out;
  transition: all 1.3s ease-out;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.ModuleFeatures .animated .circles:hover {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

@media screen and (max-width: 860px) {
  .ModuleFeatures .animated .circles {
    bottom: -18vw;
    top: unset;
    left: 28%;
    height: 28vw;
    width: 33vw;
  }
}

.ModuleFeatures .AddImg {
  text-align: center;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-top: 10vw;
  padding-bottom: 10vw;
  margin-top: -5vw;
}

.ModuleFeatures .AddImg .onlineImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  height: 24vw;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 2vw;
  -webkit-transform: perspective(60vw) rotateY(-13deg);
  transform: perspective(60vw) rotateY(-13deg);
}

@media screen and (max-width: 950px) {
  .ModuleFeatures .AddImg .onlineImg {
    -webkit-transform: unset !important;
    transform: unset !important;
    width: 80%;
    margin: 0 auto;
    height: 35vw;
  }
}

.ModuleFeatures .AddImg::before {
  content: ' ';
  position: absolute;
  top: 9vw;
  height: 25vw;
  background-color: #c7e3fe;
  width: 29vw;
  right: 7vw;
  opacity: 50%;
  border-radius: 2vw;
  -webkit-transform: perspective(60vw) rotateY(-13deg);
  transform: perspective(60vw) rotateY(-13deg);
}

@media screen and (max-width: 950px) {
  .ModuleFeatures .AddImg::before {
    width: 60%;
    margin: 0 auto;
    right: 0;
    left: 0;
    -webkit-transform: unset !important;
    transform: unset !important;
    height: 40vw;
  }
}

.introSection {
  position: relative;
  background-color: #0080f9;
  padding-bottom: 13%;
  z-index: 9;
  padding-top: 3% !important;
}

@media screen and (max-width: 860px) {
  .introSection {
    padding-bottom: 20%;
  }
}

.introSection::before {
  content: '';
  height: 77%;
  width: 63%;
  position: absolute;
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  right: 0;
  background-image: url(../images/introBG.png);
  z-index: -1;
}

@media screen and (max-width: 860px) {
  .introSection::before {
    height: 44%;
  }
}

@media screen and (max-width: 860px) {
  .introSection .gridHeader:first-child {
    padding-bottom: 0px;
  }
}

@media screen and (max-width: 860px) {
  .introSection .gridHeader:last-child {
    padding-top: 5%;
  }
}

.introSection .row {
  max-width: 88vw;
}

.introSection p,
.introSection a {
  font-family: 'Gotham-Light';
  color: #e5f2fe;
}

.introSection .rightArrow {
  width: 0.9vw;
  height: 0.9vw;
  margin-top: 1%;
}

@media screen and (max-width: 860px) {
  .introSection .rightArrow {
    width: 15px;
    height: 14px;
  }
}

.introSection p {
  margin: 0;
}

.introSection .onlineLogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

@media screen and (max-width: 860px) {
  .introSection .onlineLogo {
    margin-top: 5%;
  }
}

.introSection .onlineLogo span {
  font-family: 'Gotham-Medium';
  font-size: 1.2vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 860px) {
  .introSection .onlineLogo span {
    font-size: 3.5vw;
  }
}

.introSection .container {
  position: relative;
  margin-right: 3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.introSection .container .paymentIcon {
  position: relative;
  z-index: 999;
  width: 2.5vw;
  height: 2.2vw;
  background-color: rgba(225, 225, 225, 0.2);
  border-radius: 35%;
  padding: 25%;
}

@media screen and (max-width: 860px) {
  .introSection .container .paymentIcon {
    width: 6.9vw;
    height: 6vw;
  }
}

.introSection .fastLinks {
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: right;
  width: 80%;
}

@media screen and (max-width: 860px) {
  .introSection .fastLinks {
    float: initial;
  }
}

@media screen and (max-width: 860px) {
  .introSection .fastLinks {
    width: 100%;
  }
}

.introSection .fastLinks li {
  margin-right: 5%;
}

.introSection .fastLinks a {
  font-size: 1.1vw;
}

@media screen and (max-width: 860px) {
  .introSection .fastLinks a {
    font-size: 2.5vw;
  }
}

.introSection .fastLinks a:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.introSection .herosec {
  width: 49%;
  text-align: center;
  margin: 0 auto;
}

@media screen and (max-width: 860px) {
  .introSection .herosec {
    width: 90%;
  }
}

.introSection .herosec h1 {
  color: #e5f2fe;
  margin-top: 5vw;
  font-size: 2.4vw;
}

@media screen and (max-width: 860px) {
  .introSection .herosec h1 {
    font-size: 5vw;
  }
}

.introSection .herosec p {
  margin: 0 5vw;
  font-size: 1.1vw;
}

.introSection .heroBtns {
  width: 50%;
  text-align: center;
  margin: 3% auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.introSection .heroBtns .btn {
  border-radius: 18px;
  background-color: #fff;
  padding: 2% 5%;
  color: #0080f9;
  margin-right: 5%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: 'Gotham-Medium';
}

.introSection .heroBtns .btn:hover {
  color: #01338d;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.introSection .heroBtns .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: 'Gotham-Medium';
}

.introSection .heroBtns .contact:hover {
  color: #01338d;
}

.introSection .inroImgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.introSection .inroImgs .BGBigImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 85vw;
  max-width: 85vw;
  height: 90%;
  max-height: 90%;
  border-radius: 24px;
  margin: 0 auto;
  margin-bottom: 20px;
  position: absolute;
  top: 70%;
  left: 0;
  right: 0;
}

@media screen and (max-width: 860px) {
  .introSection .inroImgs .BGBigImg {
    width: 90%;
    max-width: 90%;
    top: 80%;
    height: 50%;
    max-height: 55%;
  }
}

.each-slide {
  display: none;
}

.active .each-slide {
  display: block;
}

.leftHeader .WhiteLogo {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.leftHeader .BlueLogo {
  -webkit-filter: brightness(1);
  filter: brightness(1);
}

.sticky {
  position: fixed !important;
  top: 0;
  width: 100%;
  background-color: #fff !important;
  z-index: 999 !important;
  padding: 2.2vw 0;
}

@media screen and (max-width: 768px) {
  .sticky {
    max-height: 16vw;
    position: relative !important;
  }
}

.sticky .rightHeader {
  float: right;
}

@media screen and (max-width: 768px) {
  .sticky .rightHeader {
    display: none;
  }
}

.sticky .rightHeader ul li:nth-child(2) a {
  color: #e5f2fe !important;
  background-color: #0080f9 !important;
}

.sticky .colorTextLightBlue li a {
  color: #01338d !important;
}

.sticky .leftHeader img {
  -webkit-filter: brightness(1) !important;
  filter: brightness(1) !important;
}

.header {
  padding: 2vw 0;
  background-color: #fcfeff;
  float: left;
  width: 100%;
  z-index: 9999 !important;
  padding-bottom: 0.5vw;
  position: relative;
}

@media screen and (min-width: 769px) and (max-width: 861px) {
  .header .MuiGrid-grid-sm-6 {
    -ms-flex-preferred-size: 66% !important;
    flex-basis: 66% !important;
    max-width: 65%;
  }
}

@media screen and (max-width: 768px) {
  .header .MuiGrid-grid-sm-6 {
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
    max-width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .header {
    max-height: 16vw;
    background-color: #01338d !important;
  }
}

.header .mobileIcon {
  display: none;
}

@media screen and (max-width: 768px) {
  .header .mobileIcon {
    display: block;
    font-size: 6vw;
    color: #fff;
    float: right;
  }
}

.header .row {
  max-width: 88vw;
}

@media screen and (max-width: 768px) {
  .header .row {
    max-width: 85vw;
  }
}

.header .row > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header .row > div a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1vw;
  font-family: 'Gotham-Medium';
}

@media screen and (max-width: 768px) {
  .header .row > div a {
    display: inline-block;
  }
}

@media screen and (max-width: 768px) {
  .header .row > div .leftHeader {
    margin-top: 3vw;
  }
}

.header .row > div .leftHeader img {
  max-width: 11vw;
}

@media screen and (max-width: 768px) {
  .header .row > div .leftHeader img {
    max-width: 27vw;
    -webkit-filter: brightness(0) invert(1) !important;
    filter: brightness(0) invert(1) !important;
  }
}

.header .row > div .centerHeader .closeMenu {
  font-size: 6vw;
  color: #01338d;
  float: right;
  padding: 2vw;
  position: relative;
  z-index: 999;
}

.header .row > div .centerHeader .handleMobile {
  display: block;
  animation: fadeIn ease 0.6s;
  -webkit-animation: fadeIn ease 0.6s;
  -moz-animation: fadeIn ease 0.6s;
  -o-animation: fadeIn ease 0.6s;
  -ms-animation: fadeIn ease 0.6s;
}

.header .row > div .centerHeader .showList {
  display: block;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.header .row > div .centerHeader ul {
  display: block;
}

@media screen and (max-width: 768px) {
  .header .row > div .centerHeader ul {
    display: none;
  }
}

.header .row > div .centerHeader ul li {
  display: inline-block;
  margin: 0 1vw;
  font-size: 1vw;
  position: relative;
}

.header .row > div .centerHeader ul li a {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
  font-size: 1vw;
}

@media screen and (min-width: 769px) and (max-width: 861px) {
  .header .row > div .centerHeader ul li a {
    font-size: 1.5vw !important;
  }
}

.header .row > div .centerHeader ul li a:before,
.header .row > div .centerHeader ul li a:after {
  content: '';
  position: absolute;
  bottom: -0.6vw;
  width: 0px;
  height: 10%;
  margin: 1vw 0 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  opacity: 0;
  background-color: #00c8ff;
  left: 0;
}

@media screen and (max-width: 768px) {
  .header .row > div .centerHeader ul li a:before,
  .header .row > div .centerHeader ul li a:after {
    display: none;
  }
}

.header .row > div .centerHeader ul li a:hover {
  cursor: pointer;
}

.header .row > div .centerHeader ul li a:hover:before,
.header .row > div .centerHeader ul li a:hover:after {
  width: 100%;
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .header .row > div .centerHeader ul li a:hover:before,
  .header .row > div .centerHeader ul li a:hover:after {
    display: none;
  }
}

.header .row > div .centerHeader ul li .nav-dropdown {
  display: none;
}

@media screen and (min-width: 769px) and (max-width: 859px) {
  .header .row > div .centerHeader ul li:hover .megaMenu {
    width: 60vw !important;
    overflow: scroll;
  }
  .header
    .row
    > div
    .centerHeader
    ul
    li:hover
    .megaMenu
    li
    a
    h4
    .imgheaderCont
    img {
    width: 7vw !important;
    max-height: 7.5vw !important;
  }
  .header .row > div .centerHeader ul li:hover .megaMenu li a p {
    margin-left: 7.7vw !important;
  }
  .header .row > div .centerHeader ul li:hover .megaMenu li h3 {
    font-size: 3vw !important;
    margin: 2vw;
  }
  .header .row > div .centerHeader ul li:hover .megaMenu li a h4 span {
    font-size: 2vw !important;
    padding: 2vw !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header .row > div .centerHeader ul li:hover .nav-dropdown {
    left: 0;
    right: unset !important;
  }
}

@media screen and (min-width: 769px) {
  .header .row > div .centerHeader ul li:hover .megaMenu {
    min-width: 58vw !important;
    overflow: scroll;
  }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
  .header .row > div .centerHeader ul li:hover .megaMenu {
    display: inline-block;
  }
}

@media screen and (min-width: 769px) {
  .header .row > div .centerHeader ul li:hover .megaMenu .megaSub1 {
    width: 67%;
    float: left;
  }
  .header .row > div .centerHeader ul li:hover .megaMenu .megaSub1 .megaSubSub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .header
    .row
    > div
    .centerHeader
    ul
    li:hover
    .megaMenu
    .megaSub1
    .megaSubSub
    a {
    margin-bottom: 1vw;
  }
  .header
    .row
    > div
    .centerHeader
    ul
    li:hover
    .megaMenu
    .megaSub1
    .megaSubSub
    a:nth-of-type(1) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .header
    .row
    > div
    .centerHeader
    ul
    li:hover
    .megaMenu
    .megaSub1
    .megaSubSub
    a:nth-of-type(2) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .header
    .row
    > div
    .centerHeader
    ul
    li:hover
    .megaMenu
    .megaSub1
    .megaSubSub
    a:nth-of-type(3) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .header
    .row
    > div
    .centerHeader
    ul
    li:hover
    .megaMenu
    .megaSub1
    .megaSubSub
    a:nth-of-type(4) {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .header
    .row
    > div
    .centerHeader
    ul
    li:hover
    .megaMenu
    .megaSub1
    .megaSubSub
    a:nth-of-type(5) {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .header
    .row
    > div
    .centerHeader
    ul
    li:hover
    .megaMenu
    .megaSub1
    .megaSubSub
    a:nth-of-type(6) {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .header
    .row
    > div
    .centerHeader
    ul
    li:hover
    .megaMenu
    .megaSub1
    .megaSubSub
    a:nth-of-type(7) {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .header .row > div .centerHeader ul li:hover .megaMenu .megaSub2 {
    width: 28%;
    float: left;
    margin-left: 3%;
  }
  .header .row > div .centerHeader ul li:hover .megaMenu .megaSub2 li {
    width: 100% !important;
  }
  .header .row > div .centerHeader ul li:hover .megaMenu li {
    width: 50% !important;
  }
  .header .row > div .centerHeader ul li:hover .megaMenu li h3 {
    color: #7f98c5;
    font-size: 0.8vw;
    font-family: 'Gotham-Medium';
    font-weight: 100;
  }
  .header .row > div .centerHeader ul li:hover .megaMenu li a {
    margin-bottom: 1.7vw;
  }
  .header .row > div .centerHeader ul li:hover .megaMenu li a h4 {
    margin-bottom: 0.5vw;
    -webkit-box-align: initial !important;
    -ms-flex-align: initial !important;
    align-items: initial !important;
    -ms-flex-line-pack: initial !important;
    align-content: initial !important;
    color: #01338d;
    margin: 0;
  }
  .header
    .row
    > div
    .centerHeader
    ul
    li:hover
    .megaMenu
    li
    a
    h4
    .imgheaderCont {
    border: 1px solid #e4f0ff;
    border-radius: 1.9vh;
    padding: 0vw;
    margin-right: 1vw;
  }
  .header
    .row
    > div
    .centerHeader
    ul
    li:hover
    .megaMenu
    li
    a
    h4
    .imgheaderCont
    img {
    max-width: 5vw !important;
    max-height: 2.5vw;
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
  .header
    .row
    > div
    .centerHeader
    ul
    li:hover
    .megaMenu
    li
    a
    h4
    .imgheaderCont {
    max-width: 2vw !important;
  }
}

@media screen and (min-width: 769px) {
  .header .row > div .centerHeader ul li:hover .megaMenu li a h4 span {
    background-color: #0080f9;
    padding: 0.1vw 0.3vw;
    height: 1vw;
    margin-left: 0.7vw;
    border-radius: 1vh;
    font-size: 0.6vw;
    color: #fff;
    font-family: 'Gotham-Light';
  }
  .header .row > div .centerHeader ul li:hover .megaMenu li a p {
    margin-left: 3.7vw;
    font-size: 0.7vw;
    margin-top: -1.5vw;
    color: #7f98c5;
  }
  .header .row > div .centerHeader ul li:hover .nav-dropdown {
    background-color: #fff;
    position: absolute;
    border-radius: 2.3vh;
    min-width: 24vw;
    padding: 1.4vw 2.5vw;
    z-index: 99;
    display: block;
    border: 1px solid #e4f0ff;
    left: -10vw;
    overflow: hidden;
    padding-bottom: 5vw;
  }
  .header .row > div .centerHeader ul li:hover .nav-dropdown::before {
    content: '';
    height: 10.8vw;
    width: 10.8vw;
    position: absolute;
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -4vw;
    right: -2vw;
    background-image: url(../images/shape14.png);
    z-index: -111;
  }
  .header .row > div .centerHeader ul li:hover .nav-dropdown li {
    margin: 0;
    width: 100%;
    float: left;
  }
  .header .row > div .centerHeader ul li:hover .nav-dropdown li a {
    display: block;
  }
  .header .row > div .centerHeader ul li:hover .nav-dropdown li a::after {
    display: none;
  }
  .header .row > div .centerHeader ul li:hover .nav-dropdown li a::before {
    display: none;
  }
  .header .row > div .centerHeader ul li:hover .nav-dropdown li a h4 {
    color: #01338d;
    font-size: 0.8vw;
    font-family: 'Gotham-Medium';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    font-weight: 100;
  }
  .header .row > div .centerHeader ul li:hover .nav-dropdown li a h4 img {
    max-width: 0.9vw;
    margin-right: 0.5vw;
  }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
  .header .row > div .centerHeader ul li:hover .nav-dropdown li a h4 img {
    max-width: 2vw;
  }
}

.header .row > div .rightHeader {
  float: right;
}

@media screen and (max-width: 768px) {
  .header .row > div .rightHeader {
    display: none;
  }
}

.header .row > div .rightHeader ul {
  display: block;
}

.header .row > div .rightHeader ul li {
  display: inline-block;
  margin: 0 0.8vw;
  font-size: 1vw;
}

@media screen and (min-width: 769px) and (max-width: 861px) {
  .header .row > div .rightHeader ul li a {
    font-size: 1.5vw !important;
  }
}

.header .row > div .rightHeader ul li:nth-child(2) a {
  border-radius: 3vh;
  padding: 0.5vw 1.2vw;
  color: #e5f2fe;
}

@media screen and (max-width: 768px) {
  .header .row > div .rightHeader ul li:nth-child(2) a {
    color: #e5f2fe !important;
    background-color: #0080f9 !important;
  }
}

.header .row > div .rightHeader ul li:nth-child(3) a {
  color: #7f98c5;
}

.header .row > div .rightHeader ul li:nth-child(3) a img {
  margin-right: 0.2vw;
  max-width: 0.9vw;
}

.header .row > div .rightHeader ul li .arrow {
  max-width: 0.8vw;
}

.header .colorTextLightWhite li a {
  color: #01338d;
}

.header .colorTextLightBlue li a {
  color: #b2d8fd;
}

.header .colorTextLighterBlue2 li a {
  color: #e5f2fe;
  font-family: 'Gotham-Book';
}

@media screen and (max-width: 768px) {
  .header .handleMobile {
    background-color: #fff;
    width: 100%;
    height: 100%;
    display: inline-block;
    margin-top: 2vw;
    z-index: 9999;
    position: relative;
    border-radius: 3vh;
    padding: 6vw;
    -webkit-box-shadow: -1px 0px 44px -17px rgba(0, 0, 0, 0.75);
    box-shadow: -1px 0px 44px -17px rgba(0, 0, 0, 0.75);
  }
  .header .centerHeader ul {
    width: 100%;
    float: left;
  }
  .header .centerHeader ul li {
    display: block !important;
    overflow: hidden;
  }
  .header .centerHeader ul li a {
    margin-bottom: 2.5vw;
    color: #01338d !important;
  }
  .header .centerHeader a {
    display: block !important;
    font-size: 3.8vw !important;
  }
  .header .centerHeader li:hover .megaMenu h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .header .centerHeader li:hover .megaMenu h4 img {
    width: 9.8vw !important;
    margin-right: 2vw;
  }
  .header .centerHeader li:hover .nav-dropdown {
    display: inline-block !important;
  }
  .header .centerHeader li:hover .nav-dropdown .megaSub1 .megaSubSub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .header .centerHeader li:hover .nav-dropdown .megaSub1 .megaSubSub a {
    margin-bottom: 1vw;
  }
  .header
    .centerHeader
    li:hover
    .nav-dropdown
    .megaSub1
    .megaSubSub
    a:nth-of-type(1) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .header
    .centerHeader
    li:hover
    .nav-dropdown
    .megaSub1
    .megaSubSub
    a:nth-of-type(2) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .header
    .centerHeader
    li:hover
    .nav-dropdown
    .megaSub1
    .megaSubSub
    a:nth-of-type(3) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .header
    .centerHeader
    li:hover
    .nav-dropdown
    .megaSub1
    .megaSubSub
    a:nth-of-type(4) {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .header
    .centerHeader
    li:hover
    .nav-dropdown
    .megaSub1
    .megaSubSub
    a:nth-of-type(5) {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .header
    .centerHeader
    li:hover
    .nav-dropdown
    .megaSub1
    .megaSubSub
    a:nth-of-type(6) {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .header
    .centerHeader
    li:hover
    .nav-dropdown
    .megaSub1
    .megaSubSub
    a:nth-of-type(7) {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .header .centerHeader li:hover .nav-dropdown li {
    display: inline-block;
  }
  .header .centerHeader li:hover .nav-dropdown li h3 {
    font-size: 3.5vw !important;
    margin-bottom: 3vw;
  }
  .header .centerHeader li:hover .nav-dropdown li a h4 span {
    background-color: #0080f9;
    padding: 1% 2%;
    height: auto;
    margin-left: 2%;
    position: absolute;
    border-radius: 1vh;
    font-size: 2vw;
    color: #fff;
    font-family: 'Gotham-Light';
  }
  .header .centerHeader li:hover .nav-dropdown li a h4 img {
    width: 3vw;
    margin-right: 2vw;
  }
  .header .centerHeader li:hover .nav-dropdown li a p {
    margin-bottom: 4vw;
  }
  .header .rightHeader {
    margin-bottom: 7vw;
    float: left !important;
  }
  .header .rightHeader ul {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .header .rightHeader ul li {
    margin: 0 2.5vw !important;
  }
  .header .rightHeader ul li a {
    font-size: 3vw !important;
    margin-bottom: 0 !important;
  }
  .header .rightHeader ul li a .arrow {
    max-width: 2.6vw;
    margin-right: 0.3vw;
    margin-left: 0.8vw;
  }
  .header .rightHeader ul li a img {
    margin-right: 1.2vw !important;
    max-width: 3vw !important;
  }
}

.paddingfooter {
  padding: 3vw 0 !important;
}

@media screen and (max-width: 860px) {
  .paddingfooter {
    padding: 12vw 0;
  }
}

.footer {
  width: 100%;
  float: left;
  padding: 3vw 0;
  padding-bottom: 0;
}

@media screen and (max-width: 860px) {
  .footer {
    padding: 12vw 0;
    padding-bottom: 0;
  }
}

.footer .row {
  max-width: 72vw;
}

.footer .row h4 {
  font-size: 0.9vw;
}

.footer .row h3 {
  font-size: 0.9vw;
  color: #7f98c5;
  font-family: 'Gotham-Book';
  margin: 0.9vw 0;
  margin-top: 2.5vw;
}

.footer .row .footerSub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.footer .row .footerSub li:nth-of-type(1) {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.footer .row .footerSub li:nth-of-type(2) {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.footer .row .footerSub li:nth-of-type(3) {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.footer .row .footerSub li:nth-of-type(4) {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.footer .row .footerSub li:nth-of-type(5) {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

.footer .row .footerSub li:nth-of-type(6) {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}

.footer .row .footerSub li:nth-of-type(7) {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}

.footer .row .footerSub li:nth-of-type(8) {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
}

.footer .row .footerSub li:nth-of-type(9) {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}

.footer .row .footerSub li:nth-of-type(10) {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
}

.footer .row .footerSub li:nth-of-type(11) {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
}

.footer .row ul li {
  margin-bottom: 0.5vw;
  display: block;
  padding: 0;
}

.footer .row ul li a {
  color: #01338d;
  font-family: 'Gotham-Book';
}

.footer .row ul li a:hover {
  color: #0080f9;
}

.footer .copyRights {
  padding: 5vw 0;
  padding-bottom: 0;
}

.footer .copyRights .row {
  max-width: 72vw;
}

.footer .copyRights .row > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer .copyRights .row > div .langBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 860px) {
  .footer .copyRights .row > div .langBtn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.footer .copyRights .row > div .langBtn img {
  margin-right: 0.5vw;
  max-width: 0.8vw;
}

@media screen and (max-width: 860px) {
  .footer .copyRights .row > div .langBtn img {
    margin-right: 1vw;
    max-width: 3vw;
  }
}

.footer .copyRights .row > div .langBtn a {
  font-size: 0.9vw;
  color: #01338d;
}

@media screen and (max-width: 860px) {
  .footer .copyRights .row > div .langBtn a {
    font-size: 3vw !important;
  }
}

.footer .copyRights .row > div .langBtn a:last-child {
  color: #7f98c5;
  margin-left: 0.5vw;
  font-size: 1.1vw;
}

@media screen and (max-width: 860px) {
  .footer .copyRights .row > div .langBtn a:last-child {
    font-size: 4vw !important;
    margin-left: 3vw;
  }
}

.footer .copyRights .row > div h3 {
  font-size: 0.7vw;
  color: #7f98c5;
  margin: 0;
  text-align: center;
}

@media screen and (max-width: 860px) {
  .footer .copyRights .row > div h3 {
    font-size: 3vw !important;
  }
}

@media screen and (max-width: 860px) {
  .footer .copyRights .row > div .socialMedia {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.footer .copyRights .row > div .socialMedia ul {
  display: block;
  float: right;
}

@media screen and (max-width: 860px) {
  .footer .copyRights .row > div .socialMedia ul {
    float: initial;
    text-align: center;
  }
}

.footer .copyRights .row > div .socialMedia ul li {
  display: inline-block;
  margin: 0 0.8vw;
}

@media screen and (max-width: 860px) {
  .footer .copyRights .row > div .socialMedia ul li {
    margin: 0 3vw;
  }
}

.footer .copyRights .row > div .socialMedia ul li i {
  font-size: 1vw;
  color: #01338d;
}

@media screen and (max-width: 860px) {
  .footer .copyRights .row > div .socialMedia ul li i {
    font-size: 4vw;
  }
}

.footer .cookiesAlert {
  background-color: #99ccfc;
  display: block;
  margin-top: 2vw;
  padding: 3vw 0;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 9999999;
  padding-bottom: 4%;
}

.footer .cookiesAlert .imgBg {
  position: absolute;
  right: 1%;
  top: 1%;
  width: 3%;
}

@media screen and (max-width: 960px) {
  .footer .cookiesAlert .imgBg {
    width: 7%;
  }
}

.footer .cookiesAlert .row {
  max-width: 84vw;
}

@media screen and (max-width: 960px) {
  .footer .cookiesAlert .row {
    max-width: 72vw;
  }
}

@media screen and (max-width: 960px) {
  .footer .cookiesAlert {
    padding: 10vw 0 20vw 0;
  }
}

.footer .cookiesAlert .contaner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
}

.footer .cookiesAlert .accept {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 7%;
}

@media screen and (max-width: 960px) {
  .footer .cookiesAlert .accept {
    margin-top: 3%;
  }
}

.footer .cookiesAlert .accept a:first-child {
  position: absolute;
  top: 50%;
  right: 8%;
}

@media screen and (max-width: 860px) {
  .footer .cookiesAlert .accept a:first-child {
    position: absolute;
    bottom: 10%;
    left: 23%;
    right: unset;
    top: unset !important;
  }
}

.footer .cookiesAlert .fa-shield-alt {
  color: #fff;
  font-size: 2vw;
  margin-right: 5%;
}

@media screen and (max-width: 960px) {
  .footer .cookiesAlert .fa-shield-alt {
    font-size: 9vw;
  }
}

@media screen and (max-width: 960px) {
  .footer .cookiesAlert .MuiGrid-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.footer .cookiesAlert .MuiGrid-item {
  padding: 0 !important;
}

.footer .cookiesAlert .MuiGrid-item:last-child {
  text-align: right;
}

.footer .cookiesAlert p {
  margin: 0;
  color: #fff;
  font-size: 0.9vw;
}

.footer .cookiesAlert p a {
  text-decoration: underline;
  font-family: 'Gotham-Book';
}

.footer .cookiesAlert .fa-times-circle {
  color: #fff;
  margin-left: 5%;
}

.footer .cookiesAlert .fa-times-circle:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  color: #01338d;
  -webkit-transition: width 4s;
  transition: width 4s;
  position: relative;
  z-index: 3;
  left: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

@media screen and (max-width: 860px) {
  .footer .cookiesAlert .fa-times-circle {
    font-size: 4vw;
  }
}

.footer .cookiesAlert .options {
  text-align: right;
}

.MainHome {
  background-color: #fcfeff;
}

.MainHome .header {
  position: relative;
}

.MainHome .createAccountBlue .morequestion {
  display: none;
}

.MainHome .PaymentsInner {
  background-color: #e5f2fe;
  padding-top: 5vw;
  padding-bottom: 5vw;
  position: relative;
}

.MainHome .PaymentsInner::after {
  background-image: url(../images/home/Oval.png);
  content: '';
  display: block;
  position: absolute;
  right: -5vw;
  bottom: 10vw;
  width: 10vw;
  height: 10vw;
  background-size: contain;
}

.MainHome .PaymentsInner::before {
  background-image: url(../images/home/Corner3.png);
  content: '';
  display: block;
  position: absolute;
  left: 5vw;
  top: 5vw;
  width: 2vw;
  height: 2vw;
  background-size: contain;
  background-repeat: no-repeat;
}

.MainHome .PaymentsInner p {
  color: #0080f9;
  text-align: center;
  margin-bottom: 0.7vw;
  margin-top: 1vw;
  font-weight: 700;
}

.MainHome .PaymentsInner h1 {
  font-size: 2.2vw;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 6vw;
  max-width: 35vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 860px) {
  .MainHome .PaymentsInner h1 {
    max-width: 100vw;
  }
}

.MainHome .PaymentsInner h1::after {
  background-image: url(../images/home/Corner2.png);
  width: 20px;
  height: 15px;
  content: '';
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}

.MainHome .PaymentsInner .productContent {
  text-align: center;
  margin-bottom: 6vw;
}

.MainHome .PaymentsInner .productContent .logoBg {
  background-color: #ffffff;
  max-width: 4vw;
  border-radius: 3vh;
  margin: 0 auto;
  -webkit-box-shadow: 0px 25px 44px -17px #1782fb;
  box-shadow: 0px 25px 44px -17px #1782fb;
}

@media screen and (max-width: 860px) {
  .MainHome .PaymentsInner .productContent .logoBg {
    max-width: 10vw;
    border-radius: 2vh;
    margin: 0 auto;
    -webkit-box-shadow: 0px 3px 13px -3px #1782fb;
    box-shadow: 0px 3px 13px -3px #1782fb;
    margin-bottom: 3vw;
  }
}

.MainHome .PaymentsInner .productContent .logoBg .productLogo {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  min-height: 4vw;
  max-width: 5vw;
}

@media screen and (max-width: 860px) {
  .MainHome .PaymentsInner .productContent .logoBg .productLogo {
    min-height: 10vw;
    max-width: 15vw;
  }
}

.MainHome .PaymentsInner .productContent p {
  width: 75%;
  margin: 0 auto;
  margin-bottom: 1vw;
  color: #435575;
  min-height: 5vw;
}

.MainHome .PaymentsInner .productContent a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.MainHome .PaymentsInner .productContent a img {
  max-width: 0.8vw;
  margin-left: 5px;
  margin-top: 2px;
}

@media screen and (max-width: 860px) {
  .MainHome .PaymentsInner .productContent a img {
    max-width: 2.5vw;
    margin-top: 1vw;
  }
}

.MainHome .GetStarted .createAccountBlueBG {
  background-color: #01338d;
  padding: 9.5vw 0;
  position: relative;
  z-index: 9;
}

.MainHome .GetStarted .createAccountBlueBG::before {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  top: -1.4vw;
  left: 0;
  background-image: url(../images/shape7.png);
  z-index: -1;
}

.MainHome .GetStarted .createAccountBlueBG h1 {
  font-size: 2.5vw;
  text-align: center;
  color: #ffffff;
  margin-bottom: 0;
  font-family: 'Gotham-Medium';
  font-weight: 200;
}

.MainHome .GetStarted .createAccountBlueBG h4 {
  text-align: center;
  color: #ffffff;
  font-family: 'Gotham-Book';
  font-size: 1.2vw;
  margin-top: 0.5vw;
  margin-bottom: 4vw;
}

.MainHome .GetStarted .createAccountBlueBG ul {
  text-align: center;
  display: block;
}

.MainHome .GetStarted .createAccountBlueBG ul li {
  display: inline-block;
}

.MainHome .GetStarted .createAccountBlueBG ul li:first-child {
  margin-right: 1vw;
}

@media screen and (max-width: 860px) {
  .MainHome .GetStarted .createAccountBlueBG ul li:first-child {
    margin-right: 3vw;
  }
}

.MainHome .GetStarted .createAccountBlueBG ul li:first-child a {
  background-color: #00c8ff;
  color: #01338d;
  padding: 1vw 2vw;
  border-radius: 2vh;
  margin-bottom: 0;
}

.MainHome .GetStarted .createAccountBlueBG ul li:last-child a {
  border: 1px solid #00c8ff;
  color: #01338d;
  padding: 1vw 2vw;
  border-radius: 2vh;
  color: #00c8ff;
  margin-bottom: 0;
}

.MainHome .HomeSlider .control-arrow {
  display: none;
}

.MainHome .HomeSlider .slider .PaymentGrid {
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fff),
    color-stop(#fff),
    to(rgba(178, 216, 253, 0.2))
  ) !important;
  background-image: linear-gradient(
    #fff,
    #fff,
    rgba(178, 216, 253, 0.2)
  ) !important;
}

.MainHome .HomeSlider .slider .slide {
  background: transparent;
}

@media screen and (max-width: 860px) {
  .MainHome .HomeSlider .slider .slide {
    max-height: initial;
  }
}

.MainHome .HomeSlider .slider .slide img {
  height: 80vh;
  -o-object-fit: cover;
  object-fit: cover;
  border-top-left-radius: 15px;
}

@media screen and (max-width: 860px) {
  .MainHome .HomeSlider .slider .slide img {
    height: 54vh;
  }
}

.MainHome .HomeSlider .slider .slide .SubContent {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 80vh;
  padding-left: 5vw;
  max-width: 90%;
  position: relative;
}

@media screen and (max-width: 860px) {
  .MainHome .HomeSlider .slider .slide .SubContent {
    height: auto;
    max-width: 100%;
  }
}

.MainHome .HomeSlider .slider .slide .SubContent::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 2vw;
  left: 3vw;
  background-image: url(../images/arrowmenu.png);
  width: 2vw;
  height: 3vw;
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (max-width: 860px) {
  .MainHome .HomeSlider .slider .slide .SubContent::after {
    display: none;
  }
}

.MainHome .HomeSlider .slider .slide .SubContent::before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0vw;
  right: -8.5vw;
  background-image: url(../images/home/Rectangle.png);
  width: 3vw;
  height: 5vw;
  background-size: contain;
  z-index: -1;
  background-repeat: no-repeat;
}

.MainHome .HomeSlider .slider .slide .SubContent img {
  height: auto;
  width: 15vw;
}

.MainHome .HomeSlider .slider .slide .SubContent h4 {
  font-size: 0.8vw;
  color: #0080f9;
  font-style: italic;
  font-family: 'Gotham-Light';
}

.MainHome .HomeSlider .slider .slide .SubContent p {
  color: #01338d;
  font-size: 1.1vw;
}

@media screen and (max-width: 860px) {
  .MainHome .HomeSlider .slider .slide .SubContent p {
    margin-bottom: 5vw;
    font-size: 3.5vw !important;
  }
}

.MainHome .HomeSlider .slider .slide .SubContent h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 80%;
  font-size: 2.3vw;
}

.MainHome .HomeSlider .slider .slide .SubContent h3::after {
  content: '';
  background-image: url(../images/home/Corner.png);
  width: 20px;
  height: 10px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}

.MainHome .HomeSlider .slider .slide .SubContent a {
  max-width: 12vw;
  background: #0080f9;
  padding: 10px 20px;
  border-radius: 10px;
  color: #fff;
  margin-right: 15px;
  margin-top: 1vw;
  display: inline-block;
}

@media screen and (max-width: 860px) {
  .MainHome .HomeSlider .slider .slide .SubContent a {
    text-align: center;
    display: block;
    max-width: 100%;
  }
}

.MainHome .HomeSlider .slider .slide .SubContent .SliderLink {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: transparent;
  border-radius: 0px;
  color: #0080f9;
  text-decoration: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: 'Gotham-Light';
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 860px) {
  .MainHome .HomeSlider .slider .slide .SubContent .SliderLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.MainHome .HomeSlider .slider .slide .SubContent .SliderLink::after {
  content: '';
  display: block;
  background-image: url(../images/arrow6.png);
  width: 10px;
  height: 10px;
  background-size: contain;
  margin-left: 5px;
  margin-top: 1px;
}

.MainHome .SwvlSlider {
  margin-bottom: 5%;
}

.MainHome .SwvlSlider .slide {
  background-color: #0080f9;
}

.MainHome .SwvlSlider .slide img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.MainHome .SwvlSlider .slide .BlueSide {
  position: relative;
}

.MainHome .SwvlSlider .slide .BlueSide::before {
  content: '';
  background-image: url(../images/home/shape-1.png);
  width: 15%;
  height: 25%;
  display: block;
  position: absolute;
  right: 15%;
  background-repeat: no-repeat;
  top: 20%;
  background-size: contain;
}

.MainHome .SwvlSlider .slide .BlueSide::after {
  content: '';
  background-image: url(../images/home/shape-1.png);
  width: 15%;
  height: 25%;
  display: block;
  position: absolute;
  left: -11%;
  background-repeat: no-repeat;
  bottom: 0;
  background-size: contain;
}

.MainHome .SwvlSlider .slide .NoPad {
  padding-right: 0;
  z-index: 2;
}

.MainHome .SwvlSlider .slide .SubContent {
  text-align: left;
  margin-top: 25%;
  padding-left: 12%;
  z-index: 1;
  position: relative;
  padding-bottom: 5vw;
}

@media screen and (max-width: 860px) {
  .MainHome .SwvlSlider .slide .SubContent {
    margin-top: 0;
    height: auto;
    padding-bottom: 10vw;
  }
}

.MainHome .SwvlSlider .slide .SubContent img {
  width: 20%;
}

.MainHome .SwvlSlider .slide .SubContent h3 {
  color: #fff;
  max-width: 50%;
  font-size: 2vw;
  font-family: 'Gotham-Light';
}

@media screen and (max-width: 860px) {
  .MainHome .SwvlSlider .slide .SubContent h3 {
    max-width: 90%;
  }
}

.MainHome .SwvlSlider .slide .SubContent p {
  color: #fff;
  font-size: 14px;
  max-width: 70%;
  margin-bottom: 2vw;
}

@media screen and (max-width: 860px) {
  .MainHome .SwvlSlider .slide .SubContent p {
    max-width: 90%;
    margin-top: 10%;
  }
}

.MainHome .SwvlSlider .slide .SubContent a {
  background: #fff;
  margin-bottom: 27px;
  padding: 10px;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 15vw;
  padding: 15px;
  font-family: 'Gotham-Light';
  text-decoration: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.MainHome .SwvlSlider .slide .SubContent a::after {
  background-image: url(../images/home/right-arrow.png);
  content: '';
  width: 15px;
  height: 15px;
  background-size: contain;
  margin-left: 15px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 860px) {
  .MainHome .SwvlSlider .slide .SubContent a {
    max-width: 60%;
    margin-top: 10%;
  }
}

.MainHome .SwvlSlider .control-arrow {
  top: 20%;
  bottom: auto;
}

@media screen and (max-width: 860px) {
  .MainHome .SwvlSlider .control-arrow {
    top: 5%;
    left: auto !important;
  }
}

.MainHome .SwvlSlider .control-next {
  left: 62%;
}

.MainHome .SwvlSlider .control-prev {
  left: 58%;
}

@media screen and (max-width: 860px) {
  .MainHome .SwvlSlider .control-prev {
    right: 22vw !important;
  }
}

.MainHome .MainFeatures {
  margin-top: 10%;
  position: relative;
  margin-bottom: 8%;
}

.MainHome .MainFeatures::before {
  content: '';
  display: block;
  position: absolute;
  background-image: url(../images/home/feature_before.png);
  right: -8%;
  width: 400px;
  height: 400px;
  background-size: 100%;
  margin-top: 2%;
}

.MainHome .MainFeatures::after {
  content: '';
  display: block;
  position: absolute;
  background-image: url(../images/home/feature_after.png);
  left: -8%;
  width: 400px;
  height: 400px;
  background-size: 100%;
  top: 2%;
}

.MainHome .MainFeatures h3 {
  text-align: center;
  max-width: 18vw;
  margin: auto;
  margin-bottom: 50px;
}

@media screen and (max-width: 860px) {
  .MainHome .MainFeatures h3 {
    z-index: 99;
    position: relative;
    max-width: 80%;
  }
}

.MainHome .MainFeatures .FeatureItem {
  background-color: #fff;
  -webkit-box-shadow: 0px 11px 32px #0080f914;
  box-shadow: 0px 11px 32px #0080f914;
  padding: 15px 25px;
  text-align: center;
  border-radius: 25px;
  z-index: 1;
  position: relative;
  min-height: 25vw;
  padding-top: 4vw;
}

.MainHome .MainFeatures .FeatureItem img {
  max-height: 45px;
  margin-bottom: 25px;
}

.MainHome .MainFeatures .FeatureItem h4 {
  font-family: 'Gotham-Light';
}

@media screen and (max-width: 860px) {
  .MainHome .MainFeatures .FeatureItem h4 {
    font-size: 5vw !important;
  }
}

@media screen and (max-width: 860px) {
  .MainHome .MainFeatures .FeatureItem p {
    font-size: 4vw !important;
  }
}

.MainHome .MainPayment {
  position: relative;
  margin-top: 10%;
}

.MainHome .MainPayment::before {
  content: '';
  display: block;
  background-image: url(../images/HomeShape1.png);
  width: 40px;
  height: 30px;
  position: absolute;
  right: -1px;
  background-size: contain;
}

.MainHome .MainPayment h6 {
  text-align: center;
  font-size: 1vw;
  font-style: italic;
  font-family: verdana;
  color: #0080f9;
}

@media screen and (max-width: 860px) {
  .MainHome .MainPayment h6 {
    font-size: 3.8vw !important;
  }
}

.MainHome .MainPayment h5 {
  text-align: center;
  font-size: 24px;
  max-width: 30%;
  margin: auto;
}

@media screen and (max-width: 860px) {
  .MainHome .MainPayment h5 {
    max-width: 90%;
    font-size: 5vw !important;
  }
}

.MainHome .MainPayment .MainGrid {
  margin-top: 10%;
}

.MainHome .MainPayment .MainGrid .PaymentGrid {
  margin-bottom: 5%;
}

.MainHome .MainPayment .MainGrid .PaymentGrid:first-child .PaymentImg img {
  max-width: 85%;
}

.MainHome .MainPayment .MainGrid .PaymentGrid:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.MainHome .MainPayment .MainGrid .PaymentGrid:nth-child(even) .PayMentCard {
  float: left !important;
  -webkit-box-shadow: 23px 25px 38px #0080f914 !important;
  box-shadow: 23px 25px 38px #0080f914 !important;
  margin-left: 10vw;
  margin-right: 0vw !important;
}

@media screen and (max-width: 860px) {
  .MainHome .MainPayment .MainGrid .PaymentGrid:nth-child(even) .PayMentCard {
    margin-left: 0vw;
  }
}

.MainHome
  .MainPayment
  .MainGrid
  .PaymentGrid:nth-child(even)
  .PayMentCard::before {
  left: -20%;
}

@media screen and (max-width: 860px) {
  .MainHome
    .MainPayment
    .MainGrid
    .PaymentGrid:nth-child(even)
    .PayMentCard::before {
    left: -6vw;
  }
}

.MainHome
  .MainPayment
  .MainGrid
  .PaymentGrid:nth-child(3n-5)
  .PayMentCard::before {
  background-color: #0080f9 !important;
}

.MainHome
  .MainPayment
  .MainGrid
  .PaymentGrid:nth-child(3n-4)
  .PayMentCard::before {
  background-color: #0080f9 !important;
}

.MainHome .MainPayment .MainGrid .PaymentGrid:nth-child(3n-6) {
  margin-top: 8%;
}

@media screen and (max-width: 860px) {
  .MainHome .MainPayment .MainGrid .PaymentGrid:nth-child(3n-6) .PaymentImg {
    margin-top: 10%;
  }
}

.MainHome .MainPayment .MainGrid .PaymentGrid:nth-child(3n-6) .PaymentImg img {
  margin-top: 10%;
}

.MainHome
  .MainPayment
  .MainGrid
  .PaymentGrid:nth-child(3n-6)
  .PayMentCard::before {
  background-color: #00c8ff !important;
}

.MainHome .MainPayment .MainGrid .PaymentGrid:nth-child(4n-8) .PaymentImg img {
  margin-top: 10%;
}

.MainHome
  .MainPayment
  .MainGrid
  .PaymentGrid:nth-child(4n-8)
  .PayMentCard::before {
  background-color: #4432e0 !important;
}

.MainHome .MainPayment .MainGrid .PaymentGrid .PaymentImg {
  background-image: url(../images/shape10.png);
  background-size: 33vw;
  background-repeat: no-repeat;
  background-position: center center;
}

.MainHome .MainPayment .MainGrid .PaymentGrid .PaymentImg img {
  max-width: 100%;
}

@media screen and (max-width: 860px) {
  .MainHome .MainPayment .MainGrid .PaymentGrid .PaymentImg img {
    max-width: 100%;
  }
}

.MainHome .MainPayment .MainGrid .PaymentGrid .PaymentItem {
  z-index: 1;
}

.MainHome .MainPayment .MainGrid .PaymentGrid .PaymentItem .PayMentCard {
  -webkit-box-shadow: -23px 25px 38px #0080f914;
  box-shadow: -23px 25px 38px #0080f914;
  background-color: #fff;
  float: right;
  max-width: 25vw;
  min-height: 60vh;
  border-radius: 25px;
  position: relative;
  padding: 25px;
  padding-top: 10%;
  text-align: center;
  margin-right: 10vw;
}

.MainHome .MainPayment .MainGrid .PaymentGrid .PaymentItem .PayMentCard h3 {
  font-size: 2vw;
}

.MainHome .MainPayment .MainGrid .PaymentGrid .PaymentItem .PayMentCard p {
  color: #01338d;
  font-size: 1.1vw;
}

@media screen and (max-width: 860px) {
  .MainHome .MainPayment .MainGrid .PaymentGrid .PaymentItem .PayMentCard p {
    margin-bottom: 5vw;
    font-size: 4vw !important;
  }
}

@media screen and (min-width: 860px) and (max-width: 1204px) {
  .MainHome .MainPayment .MainGrid .PaymentGrid .PaymentItem .PayMentCard {
    min-height: 40vh;
  }
}

@media screen and (max-width: 860px) {
  .MainHome .MainPayment .MainGrid .PaymentGrid .PaymentItem .PayMentCard {
    max-width: 90vw;
    min-height: auto;
    margin-right: 0;
  }
}

.MainHome
  .MainPayment
  .MainGrid
  .PaymentGrid
  .PaymentItem
  .PayMentCard::before {
  width: 80%;
  height: 100%;
  background-color: #0080f9;
  content: '';
  position: absolute;
  display: block;
  z-index: -1;
  right: -20%;
  top: 10%;
  border-radius: 25px;
  background-image: url(../images/mask.png);
}

@media screen and (max-width: 860px) {
  .MainHome
    .MainPayment
    .MainGrid
    .PaymentGrid
    .PaymentItem
    .PayMentCard::before {
    right: -6vw;
  }
}

.MainHome
  .MainPayment
  .MainGrid
  .PaymentGrid
  .PaymentItem
  .PayMentCard
  .topLogo {
  margin: auto;
  display: block;
  max-width: 45%;
}

.MainHome .MainPayment .MainGrid .PaymentGrid .PaymentItem .PayMentCard i {
  background: #e4f0ff;
  margin: auto;
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 60px;
  border-radius: 20px;
  height: 60px;
  margin-top: 25px;
}

.MainHome
  .MainPayment
  .MainGrid
  .PaymentGrid
  .PaymentItem
  .PayMentCard
  .Explore {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #0080f9;
  border-radius: 25px;
  max-width: 15vw;
  padding: 8px;
  margin: auto;
  color: #fff;
  text-decoration: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 860px) {
  .MainHome
    .MainPayment
    .MainGrid
    .PaymentGrid
    .PaymentItem
    .PayMentCard
    .Explore {
    max-width: 65vw;
  }
}

.MainHome
  .MainPayment
  .MainGrid
  .PaymentGrid
  .PaymentItem
  .PayMentCard
  .Explore::after {
  content: '';
  display: block;
  background-repeat: no-repeat;
  background-image: url(../images/right-arrow.png);
  width: 15px;
  height: 14px;
  background-size: contain;
  margin-left: 10px;
}

.MainHome .MainPayment .MainGrid .PaymentGrid .PaymentItem .PayMentCard a {
  margin-top: 15px;
  overflow: hidden;
  display: inline-block;
  text-decoration: underline;
}

.MainHome .MainCustomers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 5vw;
  text-align: center;
  margin-bottom: 25px;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .MainHome .MainCustomers {
    text-align: center;
    display: block;
  }
}

.MainHome .MainCustomers h3 {
  font-size: 15px;
  font-family: 'Gotham-Light';
}

.MainHome .MainCustomers img {
  margin: 25px;
  max-width: 8%;
}

@media screen and (max-width: 860px) {
  .MainHome .MainCustomers img {
    max-width: 22vw;
    margin: 0px 3px;
  }
}

.MainHome .MainCustomers a {
  margin: auto;
  background: #0080f9;
  padding: 15px 20px;
  border-radius: 15px;
  color: #fff;
  -ms-flex-line-pack: center;
  align-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 12vw;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 3vw;
}

@media screen and (max-width: 860px) {
  .MainHome .MainCustomers a {
    max-width: 47vw;
  }
}

/***************** Pricing Tabs section ******************/
.pricingInner {
  background-color: #01338d;
  height: 55vw;
  position: relative;
  z-index: 9;
}

@media screen and (max-width: 860px) {
  .pricingInner {
    height: 120vw;
  }
}

.pricingInner::before {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  left: 0;
  background-image: url(../images/bgPricing.png);
  z-index: -1;
}

.pricingInner .pricingTabs .tabsContent {
  margin-bottom: 3vw;
}

.pricingInner .pricingTabs .tabsContent h1 {
  text-align: center;
  color: #e5f2fe;
  font-size: 3vw;
  position: relative;
  width: 13vw;
  margin: 0 auto;
  margin-bottom: 1vw;
  margin-top: 5vw;
}

@media screen and (max-width: 860px) {
  .pricingInner .pricingTabs .tabsContent h1 {
    width: 25vw;
  }
}

.pricingInner .pricingTabs .tabsContent h1::before {
  content: '';
  height: 0.9vw;
  width: 0.9vw;
  position: absolute;
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0.5vw;
  right: 0vw;
  background-image: url(../images/shape13.png);
}

@media screen and (max-width: 860px) {
  .pricingInner .pricingTabs .tabsContent h1::before {
    height: 1.8vw;
    width: 1.8vw;
  }
}

.pricingInner .pricingTabs .tabsContent p {
  color: #99ccfc;
  width: 26vw;
  margin: 0 auto;
  margin-bottom: 1vw;
  text-align: center;
  font-size: 1.1vw;
}

@media screen and (max-width: 860px) {
  .pricingInner .pricingTabs .tabsContent p {
    width: 100%;
    margin-bottom: 2vw;
  }
}

.pricingInner .pricingTabs .tabsContent a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #00c8ff;
}

.pricingInner .pricingTabs .tabsContent a img {
  max-width: 0.8vw;
}

@media screen and (max-width: 860px) {
  .pricingInner .pricingTabs .tabsContent a img {
    max-width: 2.5vw;
    margin-top: 1vw;
  }
}

.pricingInner .pricingTabs .MuiAppBar-positionStatic {
  position: static;
  background-color: transparent !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 2px solid #6d63e8;
  width: 70vw;
  margin: 0 auto;
  margin-bottom: 3vw;
}

.pricingInner .pricingTabs .MuiTab-root {
  min-width: 20vw;
  padding: 2.2vw 4vw;
  font-family: 'Gotham-Medium' !important;
}

@media screen and (max-width: 860px) {
  .pricingInner .pricingTabs .MuiTab-root {
    padding: 6.5vw 6vw;
  }
}

.pricingInner .pricingTabs .MuiTabs-indicator {
  display: none !important;
}

.pricingInner .pricingTabs .PrivateTabIndicator-colorPrimary-2 {
  display: none !important;
}

@media screen and (max-width: 860px) {
  .pricingInner .pricingTabs .PrivateTabIndicator-colorPrimary-2 {
    height: 0.5vw;
  }
}

.pricingInner .pricingTabs span.MuiTab-wrapper {
  text-transform: capitalize;
  font-size: 1.2vw;
  font-family: 'Gotham-Medium';
}

@media screen and (max-width: 860px) {
  .pricingInner .pricingTabs span.MuiTab-wrapper {
    font-size: 3vw;
  }
}

.pricingInner .pricingTabs span.MuiTab-wrapper img {
  width: 1vw;
  display: block;
  margin: 0 auto;
  padding-bottom: 0.2vw;
}

@media screen and (max-width: 860px) {
  .pricingInner .pricingTabs span.MuiTab-wrapper img {
    width: 3vw;
    padding-bottom: 1.5vw;
  }
}

.pricingInner .pricingTabs span.MuiTab-wrapper .payIcon {
  width: 1.7vw;
}

@media screen and (max-width: 860px) {
  .pricingInner .pricingTabs span.MuiTab-wrapper .payIcon {
    width: 5vw;
  }
}

.pricingInner .pricingTabs .MuiTab-textColorPrimary.Mui-selected {
  color: #e5f2fe;
  border-bottom: 0.2vw solid #00c8ff;
}

@media screen and (max-width: 860px) {
  .pricingInner .pricingTabs .MuiTab-textColorPrimary.Mui-selected {
    border-bottom: 0.8vw solid #00c8ff;
  }
}

.pricingInner .pricingTabs .MuiTab-textColorPrimary.Mui-selected img {
  opacity: 1;
}

.pricingInner .pricingTabs .MuiTab-textColorPrimary {
  color: rgba(208, 232, 254, 0.45);
}

.pricingInner .pricingTabs .MuiTab-textColorPrimary img {
  opacity: 0.7;
}

/**********************************
                         Start Pricing POS
***********************************/
/***************** Pricing Slide section ******************/
.pricingSlide {
  position: relative;
  margin-bottom: 8vw;
}

.pricingSlide .row {
  max-width: 70vw;
}

.pricingSlide .slideImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 40vw;
  min-width: 30vw;
  position: absolute;
  right: -2vw;
  border-radius: 3vh 0 0 0;
}

.pricingSlide .slideCard {
  background-color: #0080f9;
  border-radius: 3vh;
  padding: 0 8vw;
  margin-top: 3vw;
  padding-top: 3.5vw;
  padding-bottom: 4vw;
  position: relative;
  margin-bottom: 3vw;
}

@media screen and (max-width: 860px) {
  .pricingSlide .slideCard {
    padding-top: 8.5vw;
    padding-bottom: 7vw;
  }
}

.pricingSlide .slideCard::before {
  content: '';
  height: 2.5vw;
  width: 2.5vw;
  position: absolute;
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  top: 2vw;
  right: 2vw;
  background-image: url(../images/shape10.png);
}

@media screen and (max-width: 860px) {
  .pricingSlide .slideCard::before {
    height: 5.5vw;
    width: 5.5vw;
    top: 5vw;
    right: 5vw;
  }
}

.pricingSlide .slideCard .slideMaterialUi {
  margin-bottom: 4vw;
}

.pricingSlide .slideCard .slideMaterialUi h3 {
  margin: 0;
  margin-bottom: 3vw;
  color: #e5f2fe;
  font-weight: 100;
  font-size: 1.2vw;
}

@media screen and (max-width: 860px) {
  .pricingSlide .slideCard .slideMaterialUi h3 {
    font-size: 4vw !important;
    margin-bottom: 12vw;
  }
}

.pricingSlide .slideCard .slideMaterialUi .MuiSlider-track {
  background-color: #e5f2fe;
  height: 0.3vw;
}

@media screen and (max-width: 860px) {
  .pricingSlide .slideCard .slideMaterialUi .MuiSlider-track {
    height: 1vw;
  }
}

.pricingSlide .slideCard .slideMaterialUi .MuiSlider-rail {
  background-color: #e5f2fe;
  height: 0.2vw;
}

@media screen and (max-width: 860px) {
  .pricingSlide .slideCard .slideMaterialUi .MuiSlider-rail {
    height: 1vw;
  }
}

.pricingSlide .slideCard .slideMaterialUi span.MuiSlider-markLabel {
  color: #99ccfc;
  font-size: 0.8vw;
  top: 3vw;
}

@media screen and (max-width: 860px) {
  .pricingSlide .slideCard .slideMaterialUi span.MuiSlider-markLabel {
    font-size: 2vw;
    top: 5vw;
  }
}

.pricingSlide .slideCard .slideMaterialUi .MuiSlider-mark {
  width: 0.2vw;
  height: 0.2vw;
  position: absolute;
  border-radius: 20px;
  top: 0.8vw;
  border: 0.3vw solid #99ccfc;
  background-color: #e5f2fe;
}

@media screen and (max-width: 860px) {
  .pricingSlide .slideCard .slideMaterialUi .MuiSlider-mark {
    width: 1.2vw;
    height: 1.2vw;
    position: absolute;
    border-radius: 20px;
    top: -0.1vw;
    border: 0.8vw solid #99ccfc;
  }
}

.pricingSlide .slideCard .slideMaterialUi .MuiSlider-thumb {
  width: 2.2vw;
  height: 2.2vw;
  margin-top: -1vw;
  background-color: #e5f2fe;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

@media screen and (max-width: 860px) {
  .pricingSlide .slideCard .slideMaterialUi .MuiSlider-thumb {
    width: 5vw;
    height: 5vw;
    margin-top: -2vw;
  }
}

.pricingSlide .slideCard .slideMaterialUi .MuiSlider-thumb::before {
  content: '';
  height: 1vw;
  width: 1.1vw;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/arrowsSlide.png);
}

@media screen and (max-width: 860px) {
  .pricingSlide .slideCard .slideMaterialUi .MuiSlider-thumb::before {
    height: 3.5vw;
    width: 3.5vw;
  }
}

@media screen and (max-width: 860px) {
  .pricingSlide .slideCard .slideMaterialUi .MuiSlider-thumb > span {
    top: -7vw;
  }
}

.pricingSlide
  .slideCard
  .slideMaterialUi
  .MuiSlider-thumb
  > span
  .MuiSlider-mark {
  width: 0.2vw;
  height: 0.2vw;
  position: absolute;
  border-radius: 20px;
  top: 0.7vw;
  border: 0.3vw solid #99ccfc;
  background-color: #e5f2fe;
}

@media screen and (max-width: 860px) {
  .pricingSlide
    .slideCard
    .slideMaterialUi
    .MuiSlider-thumb
    > span
    .MuiSlider-mark {
    width: 1.2vw;
    height: 1.2vw;
    position: absolute;
    border-radius: 20px;
    top: -0.1vw;
    border: 0.8vw solid #99ccfc;
  }
}

.pricingSlide .slideCard .slideMaterialUi .MuiSlider-thumb > span > span {
  color: #fff;
  font-family: 'Gotham-Medium';
  font-size: 1vw;
  margin-left: 1.2vw;
  background-color: transparent;
}

@media screen and (max-width: 860px) {
  .pricingSlide .slideCard .slideMaterialUi .MuiSlider-thumb > span > span {
    font-size: 3vw;
    margin-left: 2.5vw;
    margin: 0;
  }
}

@media screen and (min-width: 860px) {
  .pricingSlide .slideCard .slideMaterialUi .MuiSlider-valueLabel span {
    width: 100%;
  }
}

.pricingSlide .slideCard .MuiSlider-root {
  height: 1vw;
  padding: 1vw 0;
}

.pricingSlide .slideCard span.PrivateValueLabel-offset-8.MuiSlider-valueLabel {
  top: -2vw;
}

@media screen and (max-width: 860px) {
  .pricingSlide
    .slideCard
    span.PrivateValueLabel-offset-8.MuiSlider-valueLabel {
    top: -6vw;
  }
}

.pricingSlide .SlideContent {
  max-width: 50vw;
  margin: 0 auto;
}

.pricingSlide .SlideContent h3 {
  background-color: #e5f2fe;
  font-size: 1.5vw;
  color: #0080f9;
  margin: 0;
  margin-bottom: 0.5vw;
  font-weight: 200;
  max-width: 7vw;
  padding: 0.5vw;
  text-align: center;
  border-radius: 2vh;
  font-family: 'Gotham-Bold';
}

@media screen and (max-width: 860px) {
  .pricingSlide .SlideContent h3 {
    margin-bottom: 1.5vw;
    max-width: 20vw;
    padding: 1vw;
    border-radius: 1vh;
  }
}

.pricingSlide .SlideContent h2 {
  font-size: 1vw;
  color: #ffffff;
  margin: 0;
  margin-bottom: 0.3vw;
  font-weight: 200;
}

@media screen and (max-width: 860px) {
  .pricingSlide .SlideContent h2 {
    font-size: 3vw !important;
    margin-top: 2vw;
  }
}

.pricingSlide .SlideContent h2 span {
  font-size: 1vw;
  font-family: 'Gotham-Light';
  margin-left: 0.5vw;
}

@media screen and (max-width: 860px) {
  .pricingSlide .SlideContent h2 span {
    margin-left: 1.5vw;
    font-size: 3vw;
  }
}

.pricingSlide .SlideContent h4 {
  color: #ffffff;
  font-family: 'Gotham-Light';
  margin: 0;
  font-size: 0.8vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  margin-bottom: 0.8vw;
}

@media screen and (max-width: 860px) {
  .pricingSlide .SlideContent h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2.7vw !important;
  }
}

.pricingSlide .SlideContent h4 span {
  color: #00c8ff;
  font-family: 'Gotham-Light';
  margin-left: 0.5vw;
}

.pricingSlide .SlideContent h4 img {
  max-width: 0.8vw;
}

@media screen and (max-width: 860px) {
  .pricingSlide .SlideContent h4 img {
    max-width: 2.5vw;
  }
}

.pricingSlide .SlideContent .twoArrows {
  width: 3vw;
  margin: 0 auto;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  margin-top: 2vw;
}

@media screen and (max-width: 860px) {
  .pricingSlide .SlideContent .twoArrows {
    width: 10vw;
  }
}

.pricingSlide .SlideContent .leftContent {
  margin-left: 3vw;
}

.pricingSlide .SlideContent .leftContent .lowRateContact {
  margin-top: 2vw;
}

.pricingSlide .SlideContent .leftContent .lowRateContact h2 {
  text-align: center;
}

.pricingSlide .SlideContent .leftContent .lowRateContact h4 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pricingSlide .SlideContent h4 {
  color: #99ccfc;
}

.dragImg {
  display: block;
}

.dragImg p {
  color: #435575;
  text-align: center;
  margin: 0;
  font-family: 'Gotham-Medium';
  font-size: 0.8vw;
}

.dragImg p span {
  display: block;
  font-family: 'Gotham-Book';
  font-weight: 300;
}

@media screen and (max-width: 860px) {
  .dragImg p {
    font-size: 2.5vw !important;
  }
}

.dragImg .dragBtn {
  height: 1.8vw;
  margin: 0 auto;
  display: block;
  margin-bottom: 0.5%;
}

@media screen and (max-width: 860px) {
  .dragImg .dragBtn {
    height: 5vw;
  }
}

.MuiTooltip-tooltip {
  background-color: transparent !important;
  font-size: 1vw !important;
  margin-bottom: 0.5vw !important;
  z-index: 9 !important;
}

@media screen and (max-width: 860px) {
  .MuiTooltip-tooltip {
    font-size: 2.5vw !important;
    margin-bottom: 0.7vw !important;
  }
}

/***************** Payments Options section ******************/
.paymentOpt {
  margin-top: 5vw;
  margin-bottom: 5vw;
  position: relative;
}

.paymentOpt::before {
  content: '';
  height: 25vw;
  width: 25vw;
  position: absolute;
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  top: -4vw;
  left: -9vw;
  background-image: url(../images/payoptBg.png);
}

@media screen and (max-width: 860px) {
  .paymentOpt {
    margin-top: 10vw;
    margin-bottom: 10vw;
  }
}

.paymentOpt .row {
  max-width: 58vw;
}

.paymentOpt .row > div > div:nth-child(1) h3 {
  color: #00c8ff;
}

.paymentOpt .row > div > div:nth-child(2) h3 {
  color: #0080f9;
}

.paymentOpt .row > div > div:nth-child(3) h3 {
  color: #01338d;
}

.paymentOpt .row > div > div:nth-child(4) h3 {
  color: #4432e0;
}

.paymentOpt h1 {
  font-size: 2.2vw;
  text-align: center;
  width: 30vw;
  margin: 0 auto;
  margin-bottom: 3vw;
}

@media screen and (max-width: 860px) {
  .paymentOpt h1 {
    font-size: 5vw !important;
    width: 100%;
  }
}

.paymentOpt .paymentOptContent {
  width: 100%;
  background-color: #e5f2fe;
  padding: 2vw 3.5vw;
  border-radius: 3.5vh;
  margin-bottom: 1vw;
  height: 100%;
}

@media screen and (max-width: 860px) {
  .paymentOpt .paymentOptContent {
    border-radius: 1.5vh;
    padding: 5vw 3.5vw;
  }
}

.paymentOpt .paymentOptContent .paymentOptIcon img {
  width: 2vw;
  height: 1.6vw;
}

@media screen and (max-width: 860px) {
  .paymentOpt .paymentOptContent .paymentOptIcon img {
    width: 4vw;
    height: 3.9vw;
  }
}

.paymentOpt .paymentOptContent h4 {
  color: #435575;
  font-family: 'Gotham-Light';
}

.paymentOpt .paymentOptContent .provided {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3vw 3vw 3vw 3vw 3vw 3vw;
  grid-template-columns: 3vw 3vw 3vw 3vw 3vw 3vw;
  text-align: center;
  -webkit-column-gap: 2%;
  column-gap: 2%;
}

@media screen and (max-width: 860px) {
  .paymentOpt .paymentOptContent .provided {
    -ms-grid-columns: 10.5vw 10.5vw 10.5vw 10.5vw;
    grid-template-columns: 10.5vw 10.5vw 10.5vw 10.5vw;
  }
}

.paymentOpt .paymentOptContent .provided img {
  min-width: 3vw;
  min-height: 3vw;
}

@media screen and (max-width: 860px) {
  .paymentOpt .paymentOptContent .provided img {
    min-width: 10.5vw;
    min-height: 10.5vw;
  }
}

/***************** Case Study section ******************/
.caseStudy {
  margin-top: 5vw;
  margin-bottom: 5vw;
}

@media screen and (max-width: 860px) {
  .caseStudy {
    margin-top: 10vw;
    margin-bottom: 10vw;
  }
}

/**********************************
                         End Pricing POS
***********************************/
/**********************************
                         Start Pricing Payment Gateway
***********************************/
/***************** Payment Packages section ******************/
.paymentPackages {
  margin-top: 5vw;
  margin-bottom: 7vw;
  position: relative;
}

.paymentPackages .row {
  max-width: 70vw;
}

.paymentPackages .switchTitle {
  font-size: 1.2vw;
  margin: 0;
  color: #ffffff;
  font-weight: 200;
}

.paymentPackages .switchBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2vw;
}

@media screen and (max-width: 860px) {
  .paymentPackages .switchBtn {
    margin-bottom: 9vw;
    margin-top: 3vw;
  }
}

.paymentPackages .switchBtn button {
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.paymentPackages .switchBtn h2 {
  font-family: 'Gotham-Book';
  color: #ffffff;
}

@media screen and (max-width: 860px) {
  .paymentPackages .switchBtn h2 {
    font-size: 4vw !important;
  }
}

.paymentPackages .switchBtn .notActive {
  color: #7f98c5;
  font-family: 'Gotham-Light';
  font-weight: 100;
}

.paymentPackages .switchBtn .MuiSwitch-root {
  width: 5.2vw;
  height: 3.7vw;
  padding: 1vw;
}

@media screen and (max-width: 860px) {
  .paymentPackages .switchBtn .MuiSwitch-root {
    width: 15.2vw;
    height: 7.6vw;
  }
}

.paymentPackages .switchBtn .MuiSwitch-input {
  top: 0;
  left: 0;
  width: 100%;
  cursor: inherit;
  height: 100%;
  margin: 0;
  opacity: 0;
  padding: 0;
  z-index: 1;
  position: absolute;
}

.paymentPackages .switchBtn .MuiSwitch-thumb {
  width: 0.9vw;
  height: 0.9vw;
  -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  background-color: #4432e0;
  border-radius: 10vh;
}

@media screen and (max-width: 860px) {
  .paymentPackages .switchBtn .MuiSwitch-thumb {
    width: 4vw;
    height: 4vw;
  }
}

.paymentPackages .switchBtn .MuiIconButton-root:hover {
  background-color: transparent;
}

.paymentPackages .switchBtn .MuiSwitch-track {
  opacity: 1;
  background-color: #00c8ff;
  position: relative;
  border-radius: 2vh !important;
}

.paymentPackages .switchBtn .MuiSwitch-switchBase.Mui-checked {
  left: calc(100% - 0.5vw);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

@media screen and (max-width: 860px) {
  .paymentPackages .switchBtn .MuiSwitch-switchBase.Mui-checked {
    left: calc(100% - 1vw);
  }
}

.paymentPackages
  .switchBtn
  .MuiSwitch-colorSecondary.Mui-checked
  + .MuiSwitch-track {
  background-color: #00c8ff;
}

.paymentPackages .switchBtn .MuiSwitch-switchBase {
  top: 0.5vw;
  left: 0.5vw;
  padding: 0.9vw;
}

@media screen and (max-width: 768px) {
  .paymentPackages .switchBtn .MuiSwitch-switchBase {
    top: 0.68vw;
    left: 1vw;
  }
}

@media screen and (min-width: 768px) and (max-width: 860px) {
  .paymentPackages .switchBtn .MuiSwitch-switchBase {
    top: 0.9vw;
  }
}

.paymentPackages .cardWhiteBg {
  background-color: #ffffff;
  border-radius: 3vh;
  -webkit-box-shadow: 0px 5px 25px -17px #1782fb;
  box-shadow: 0px 5px 25px -17px #1782fb;
  padding: 4vw;
  width: 35vw;
  margin: 0 auto;
  z-index: 99;
  position: relative;
}

@media screen and (max-width: 860px) {
  .paymentPackages .cardWhiteBg {
    width: 100%;
    padding: 6vw;
    padding-top: 10vw;
  }
}

.paymentPackages .cardWhiteBg h3 {
  margin: 0;
  font-size: 2vw;
  font-weight: 100;
  position: relative;
}

.paymentPackages .cardWhiteBg h3::before {
  content: '';
  height: 1.3vw;
  width: 1.5vw;
  position: absolute;
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  top: -1.5vw;
  left: 0;
  background-image: url(../images/shape8.png);
}

@media screen and (max-width: 860px) {
  .paymentPackages .cardWhiteBg h3::before {
    height: 2.8vw;
    width: 4.8vw;
    top: -5vw;
  }
}

.paymentPackages .cardWhiteBg p {
  font-family: 'Gotham-Book';
  width: 20vw;
  margin-bottom: 3.5vw;
}

@media screen and (max-width: 860px) {
  .paymentPackages .cardWhiteBg p {
    width: 100%;
  }
}

.paymentPackages .cardWhiteBg h2 {
  margin: 0;
  font-size: 2.8vw;
  color: #0080f9;
  margin-bottom: 3vw;
}

@media screen and (max-width: 860px) {
  .paymentPackages .cardWhiteBg h2 {
    margin-bottom: 4vw;
  }
}

.paymentPackages .cardWhiteBg h2 span {
  font-size: 1.2vw;
  margin-left: 0.7vw;
  font-family: 'Gotham-Light';
}

@media screen and (max-width: 860px) {
  .paymentPackages .cardWhiteBg h2 span {
    font-size: 3.5vw;
    margin-left: 2vw;
  }
}

.paymentPackages .cardWhiteBg ul {
  display: block;
  margin-bottom: 3vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (max-width: 860px) {
  .paymentPackages .cardWhiteBg ul {
    margin-bottom: 7vw;
  }
}

.paymentPackages .cardWhiteBg ul li {
  color: #01338d;
  font-size: 1vw;
  font-family: 'Gotham-Book';
  margin-bottom: 0.5vw;
}

@media screen and (max-width: 860px) {
  .paymentPackages .cardWhiteBg ul li {
    margin-bottom: 2vw;
    font-size: 3vw;
  }
}

.paymentPackages .cardWhiteBg ul li img {
  max-width: 0.8vw;
  margin-right: 0.5vw;
}

@media screen and (max-width: 860px) {
  .paymentPackages .cardWhiteBg ul li img {
    max-width: 3vw;
    margin-right: 1vw;
  }
}

.paymentPackages .cardWhiteBg a {
  background-color: #0080f9;
  display: block;
  border-radius: 2.2vh;
  padding: 0.8vw;
  margin: 0;
  color: #e5f2fe;
  width: 15vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 860px) {
  .paymentPackages .cardWhiteBg a {
    padding: 2vw;
    width: 100%;
  }
}

.paymentPackages .cardWhiteBg a img {
  max-width: 0.8vw;
  margin-left: 0.2vw;
}

@media screen and (max-width: 860px) {
  .paymentPackages .cardWhiteBg a img {
    max-width: 2.5vw;
    margin-left: 1vw;
    margin-top: 1vw;
  }
}

.paymentPackages > div > div:last-child > div {
  margin: auto;
}

.paymentPackages .cardBlueBg {
  background-color: #00c8ff;
  border-radius: 3vh;
  padding: 4vw;
  width: 38vw;
  margin-left: -3vw;
  z-index: 9;
  position: relative;
  padding-left: 6.5vw;
}

@media screen and (max-width: 860px) {
  .paymentPackages .cardBlueBg {
    width: 100%;
    margin-left: 0;
    position: initial;
    padding: 6vw;
    padding-top: 10vw;
  }
}

.paymentPackages .cardBlueBg h3 {
  margin: 0;
  font-size: 2vw;
  font-weight: 100;
  position: relative;
}

.paymentPackages .cardBlueBg h3::before {
  content: '';
  height: 1.8vw;
  width: 2.8vw;
  position: absolute;
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  top: -2vw;
  left: 0;
  background-image: url(../images/shape9.png);
}

@media screen and (max-width: 860px) {
  .paymentPackages .cardBlueBg h3::before {
    height: 3.8vw;
    width: 5.8vw;
    top: -5vw;
  }
}

.paymentPackages .cardBlueBg p {
  width: 24vw;
  margin-bottom: 3.5vw;
  color: #ffffff;
}

@media screen and (max-width: 860px) {
  .paymentPackages .cardBlueBg p {
    width: 100%;
  }
}

.paymentPackages .cardBlueBg a {
  border: 1px solid #ffffff;
  display: block;
  border-radius: 2.2vh;
  padding: 0.8vw;
  margin: 0;
  color: #01338d;
  width: 11vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 860px) {
  .paymentPackages .cardBlueBg a {
    width: 100%;
    padding: 2vw;
  }
}

.paymentPackages .cardBlueBg a img {
  max-width: 0.8vw;
  margin-left: 0.2vw;
}

@media screen and (max-width: 860px) {
  .paymentPackages .cardBlueBg a img {
    margin-left: 1vw;
    max-width: 2.1vw;
    margin-top: 0.7vw;
  }
}

/***************** Pricing Info section ******************/
.pricingInfo {
  margin-top: 5vw;
  margin-bottom: 7vw;
  position: relative;
}

.pricingInfo::before {
  content: '';
  height: 2.5vw;
  width: 2.5vw;
  position: absolute;
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  top: -6vw;
  left: 5vw;
  background-image: url(../images/shape10.png);
}

@media screen and (max-width: 860px) {
  .pricingInfo::before {
    height: 5.5vw;
    width: 5.5vw;
  }
}

.pricingInfo .row {
  max-width: 70vw;
}

.pricingInfo h1 {
  font-size: 2.4vw;
  margin-bottom: 3.5vw;
}

.pricingInfo ul {
  margin-bottom: 2vw;
}

.pricingInfo ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  color: #435575;
  font-size: 1.3vw;
  margin-bottom: 1vw;
}

@media screen and (max-width: 860px) {
  .pricingInfo ul li {
    font-size: 3.3vw;
  }
}

.pricingInfo ul li img {
  max-width: 1.3vw;
  margin-right: 0.5vw;
}

@media screen and (max-width: 860px) {
  .pricingInfo ul li img {
    max-width: 3.3vw;
    margin-right: 2vw;
    margin-top: 0px;
  }
}

.pricingInfo .pricingImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  min-height: 18vw;
  margin-top: 3vw;
}

@media screen and (max-width: 860px) {
  .pricingInfo .pricingImg {
    display: none;
  }
}

.pricingInfo .pricingMain .row {
  max-width: 85vw;
}

.pricingInfo .pricingMain .pricingImgMain {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  min-height: 33vw;
  border-radius: 3vh;
  margin-top: 3vw;
}

@media screen and (max-width: 860px) {
  .pricingInfo .pricingMain .pricingImgMain {
    min-height: 45vw;
  }
}

/***************** Products Inner section ******************/
.productsInner p {
  color: #0080f9;
  text-align: center;
  margin-bottom: 0.7vw;
  margin-top: 1vw;
  font-style: italic;
  font-weight: 700;
}

.productsInner h1 {
  font-size: 2.2vw;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 6vw;
}

.productsInner .productContent {
  text-align: center;
  margin-bottom: 6vw;
}

.productsInner .productContent .logoBg {
  background-color: #ffffff;
  max-width: 4vw;
  border-radius: 3vh;
  margin: 0 auto;
  -webkit-box-shadow: 0px 25px 44px -17px #1782fb;
  box-shadow: 0px 25px 44px -17px #1782fb;
}

@media screen and (max-width: 860px) {
  .productsInner .productContent .logoBg {
    max-width: 10vw;
    border-radius: 2vh;
    margin: 0 auto;
    -webkit-box-shadow: 0px 3px 13px -3px #1782fb;
    box-shadow: 0px 3px 13px -3px #1782fb;
    margin-bottom: 3vw;
  }
}

.productsInner .productContent .logoBg .productLogo {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  min-height: 4vw;
  max-width: 5vw;
}

@media screen and (max-width: 860px) {
  .productsInner .productContent .logoBg .productLogo {
    min-height: 10vw;
    max-width: 15vw;
  }
}

.productsInner .productContent p {
  width: 75%;
  margin: 0 auto;
  margin-bottom: 1vw;
}

.productsInner .productContent a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 860px) {
  .productsInner .productContent a {
    margin-top: 2vw;
  }
}

.productsInner .productContent a img {
  max-width: 0.8vw;
}

@media screen and (max-width: 860px) {
  .productsInner .productContent a img {
    max-width: 2.5vw;
    margin-top: 0vw;
  }
}

/**********************************
                         End Pricing Payment Gateway
***********************************/
.OnlinePayment {
  /***************** Custom for shared component *********/
  /***************** Shared *****************/
  /***************** Intro section ******************/
  /***************** Brands section ******************/
  /***************** Feature section ******************/
  /***************** Add Payments section ******************/
  /************** Custom for Client Word ******************/
}

@media screen and (max-width: 860px) {
  .OnlinePayment .header .rightHeader ul li:nth-child(2) a img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    opacity: 0.8;
  }
}

.OnlinePayment .sticky .rightHeader ul li:nth-child(2) a {
  color: #e5f2fe !important;
  background-color: #0080f9 !important;
}

.OnlinePayment .sticky .rightHeader ul li:nth-child(2) a img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  opacity: 0.8;
}

.OnlinePayment .morequestion {
  display: none;
}

.OnlinePayment .createAccountBlue {
  padding-top: 0;
  padding-bottom: 0;
}

.OnlinePayment section {
  padding-top: 5%;
  padding-bottom: 5%;
}

.OnlinePayment .haedline {
  color: #0080f9;
  font-family: 'Gotham-Medium';
  position: relative;
  font-size: 1.2vw;
  width: 40%;
  margin: 0 auto;
}

@media screen and (max-width: 860px) {
  .OnlinePayment .haedline {
    font-size: 3vw;
    width: 80%;
  }
}

.OnlinePayment .haedline::after {
  background-image: url('../images/headline-arrow.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 1vw;
  position: absolute;
  height: 0.7vw;
  content: '';
}

@media screen and (max-width: 860px) {
  .OnlinePayment .haedline::after {
    width: 2vw;
    position: absolute;
    height: 2vw;
    right: 8%;
  }
}

.OnlinePayment .introSection {
  padding-bottom: 13%;
}

@media screen and (max-width: 960px) {
  .OnlinePayment .introSection {
    padding-bottom: 20%;
  }
}

.OnlinePayment .brandsUse {
  padding-top: 27%;
  text-align: center;
}

@media screen and (max-width: 860px) {
  .OnlinePayment .brandsUse {
    padding-top: 45%;
  }
}

.OnlinePayment .brandsUse .haedline {
  text-align: center;
  color: #01338d;
  margin-top: 2%;
}

.OnlinePayment .brandsUse .brandsLogos {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2% auto;
}

@media screen and (max-width: 860px) {
  .OnlinePayment .brandsUse .brandsLogos {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto auto;
    grid-template-columns: auto auto auto;
    margin: 7% auto;
  }
}

.OnlinePayment .brandsUse .brandsLogos .brandImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 8vw;
  height: 7.5vw;
  margin: 2% 1.5%;
}

@media screen and (max-width: 860px) {
  .OnlinePayment .brandsUse .brandsLogos .brandImg {
    width: 20vw;
    height: 15vw;
  }
}

.OnlinePayment .brandsUse .btnlink {
  color: #0080f9;
  text-align: center;
  background-color: #e5f2fe;
  font-size: 0.9vw;
  padding: 1% 3%;
  border-radius: 12px;
  margin: 3% 0;
}

.OnlinePayment .features h1 {
  font-size: 2.5vw;
  color: #0080f9;
  text-align: center;
  margin-bottom: 3%;
}

.OnlinePayment .features .patternbtm {
  width: 0.9vw;
  height: 0.9vw;
  position: absolute;
  right: 15%;
  bottom: 10%;
}

@media screen and (max-width: 860px) {
  .OnlinePayment .features .tabContainer .MuiBox-root-7 {
    padding-top: 0 !important;
  }
}

.OnlinePayment .features .MuiTab-textColorInherit.Mui-selected {
  background-color: #01338d;
  opacity: 1;
  -webkit-animation-name: fadeInOpacity;
  animation-name: fadeInOpacity;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  padding: 1.5vw;
}

@media screen and (max-width: 860px) {
  .OnlinePayment .features .MuiTab-textColorInherit.Mui-selected {
    padding: 5vw;
  }
  .OnlinePayment .features .MuiTab-textColorInherit.Mui-selected p {
    display: block;
  }
}

.OnlinePayment .features .MuiTab-textColorInherit.Mui-selected::after {
  background-image: url('../images/tabafter.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.3vw;
  width: 1.5vw;
  position: absolute;
  height: 2vw;
  right: -4%;
  content: '';
  background-color: transparent;
  -webkit-transform-origin: 100% 100% 0;
  transform-origin: 100% 100% 0;
  top: unset;
}

@media screen and (max-width: 860px) {
  .OnlinePayment .features .MuiTab-textColorInherit.Mui-selected::after {
    width: 5vw;
    height: 6vw;
    right: -6%;
  }
}

.OnlinePayment .features .MuiTabs-vertical {
  width: 50%;
}

@media screen and (max-width: 860px) {
  .OnlinePayment .features .MuiTabs-vertical {
    width: 100%;
  }
}

.OnlinePayment .features .MuiTab-root {
  min-width: 65%;
  max-width: 64%;
  padding: 1% 2%;
  overflow: initial;
}

@media screen and (max-width: 860px) {
  .OnlinePayment .features .MuiTab-root {
    min-width: 90%;
    max-width: 90%;
  }
}

.OnlinePayment .features .MuiButtonBase-root {
  margin: 5% 0% 0% 15%;
  border-radius: 1vw;
}

@media screen and (max-width: 860px) {
  .OnlinePayment .features .MuiButtonBase-root {
    margin: 2% 5% 0% 5%;
    min-height: auto;
  }
}

.OnlinePayment .features .MuiButtonBase-root:first-child {
  margin-top: 15%;
}

@media screen and (max-width: 860px) {
  .OnlinePayment .features .MuiButtonBase-root:first-child {
    margin-top: 5%;
  }
}

.OnlinePayment .features .MuiButtonBase-root:last-child {
  margin-bottom: 15%;
}

@media screen and (max-width: 860px) {
  .OnlinePayment .features .MuiButtonBase-root:last-child {
    margin-top: 5%;
    margin-bottom: 0;
  }
}

.OnlinePayment .features .tabContainer {
  position: relative;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#3f9ffa),
    color-stop(#178bf9),
    to(#0080f9)
  );
  background-image: linear-gradient(0deg, #3f9ffa, #178bf9, #0080f9);
}

@media screen and (max-width: 860px) {
  .OnlinePayment .features .tabContainer {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
}

.OnlinePayment .features .tabContainer .pattern {
  width: 0.9vw;
  height: 0.9vw;
  position: absolute;
  right: 50%;
  top: 15%;
}

.OnlinePayment .features .MuiTabs-scroller {
  width: 100%;
}

.OnlinePayment .features .tabsTopic {
  text-align: left;
}

.OnlinePayment .features .tabsTopic h3 {
  color: #e5f2fe;
  text-transform: capitalize;
  font-family: 'Gotham-Book';
  margin: 0;
}

.OnlinePayment .features .tabsTopic p {
  color: #99ccfc;
  text-transform: lowercase;
  font-family: 'Gotham-Book';
  text-transform: none;
  margin: 0;
}

@media screen and (max-width: 860px) {
  .OnlinePayment .features .tabsTopic p {
    display: none;
  }
}

.OnlinePayment .features .tabsTopic a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #00c8ff;
  font-family: 'Gotham-Medium';
  font-size: 0.8vw;
  text-align: left;
  padding-top: 1vw;
  text-transform: lowercase;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.OnlinePayment .features .tabsTopic a:hover {
  color: #b2d8fd;
  -webkit-transition: 2ms;
  transition: 2ms;
}

.OnlinePayment .features .tabsTopic a img {
  width: 0.9vw;
}

@media screen and (max-width: 860px) {
  .OnlinePayment .features .tabsTopic a img {
    width: 2vw;
  }
}

.OnlinePayment .features .MuiTabs-indicator {
  display: none;
}

@keyframes fade {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

.OnlinePayment .features .tabsImg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50vw;
  width: 31vw;
  opacity: 1;
  -webkit-animation-name: fadeInOpacity;
  animation-name: fadeInOpacity;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

@media screen and (max-width: 860px) {
  .OnlinePayment .features .tabsImg {
    height: 80vw;
    width: 100%;
  }
}

@-webkit-keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.OnlinePayment .features .MuiTab-textColorInherit {
  opacity: 1;
}

.OnlinePayment .ModuleFeatures {
  position: relative;
}

.OnlinePayment
  .ModuleFeatures
  > div
  > div
  > div:nth-child(4)
  .AddImg
  .onlineImg {
  -webkit-transform: unset !important;
  transform: unset !important;
  background-size: contain;
  width: 100%;
  height: 24vw;
}

@media screen and (max-width: 860px) {
  .OnlinePayment
    .ModuleFeatures
    > div
    > div
    > div:nth-child(4)
    .AddImg
    .onlineImg {
    width: 100%;
    height: 64vw;
  }
}

.OnlinePayment .ModuleFeatures > div > div > div:nth-child(4) .AddImg::before {
  display: none;
}

.OnlinePayment .ModuleFeatures .addPtnbtm {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50vh;
  width: 9vw;
  position: absolute;
  left: 0;
  bottom: 14%;
}

.OnlinePayment .ModuleFeatures .ClientPtntop {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 11vh;
  width: 3vw;
  position: absolute;
  right: 0;
  top: 20%;
}

.OnlinePayment
  .ModuleFeatures
  .MuiGrid-container:nth-child(even)
  > div
  > .AddImg
  .onlineImg {
  -webkit-transform: perspective(60vw) rotateY(-13deg);
  transform: perspective(60vw) rotateY(-13deg);
}

@media screen and (max-width: 860px) {
  .OnlinePayment
    .ModuleFeatures
    .MuiGrid-container:nth-child(even)
    > div
    > .AddImg
    .onlineImg {
    -webkit-transform: unset !important;
    transform: unset !important;
  }
}

.OnlinePayment
  .ModuleFeatures
  .MuiGrid-container:nth-child(even)
  > div
  > .AddImg:before {
  -webkit-transform: perspective(60vw) rotateY(-13deg);
  transform: perspective(60vw) rotateY(-13deg);
}

@media screen and (max-width: 860px) {
  .OnlinePayment
    .ModuleFeatures
    .MuiGrid-container:nth-child(even)
    > div
    > .AddImg:before {
    -webkit-transform: unset !important;
    transform: unset !important;
  }
}

@media screen and (max-width: 950px) {
  .OnlinePayment .ModuleFeatures .MuiGrid-container:nth-child(odd) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.OnlinePayment .ModuleFeatures .addDetails {
  text-align: left;
  padding: 0 16%;
}

.OnlinePayment .ModuleFeatures .addDetails .haedline {
  margin: 0;
  font-size: 1.9vw;
  width: 100%;
  margin-top: 12%;
}

@media screen and (max-width: 860px) {
  .OnlinePayment .ModuleFeatures .addDetails .haedline {
    font-size: 3.5vw;
  }
}

.OnlinePayment .ModuleFeatures .addDetails .haedline::after {
  right: 0px;
  top: 0;
}

@media screen and (max-width: 860px) {
  .OnlinePayment .ModuleFeatures .addDetails .haedline::after {
    right: -9%;
    top: 0;
  }
}

.OnlinePayment .ModuleFeatures .addDetails p {
  color: #01338d;
  font-family: 'Gotham-Book';
  font-size: 1vw;
  font-weight: 600;
}

.OnlinePayment .ModuleFeatures .addDetails .paymentOptions {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
}

.OnlinePayment .ModuleFeatures .addDetails .paymentOptions .MuiAccordion-root {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.OnlinePayment .ModuleFeatures .addDetails .paymentOptions .Mui-expanded {
  min-height: initial !important;
}

.OnlinePayment
  .ModuleFeatures
  .addDetails
  .paymentOptions
  .MuiAccordionSummary-root {
  min-height: initial !important;
}

.OnlinePayment
  .ModuleFeatures
  .addDetails
  .paymentOptions
  .MuiAccordionSummary-root {
  padding: 0 !important;
}

.OnlinePayment
  .ModuleFeatures
  .addDetails
  .paymentOptions
  .MuiAccordionSummary-content {
  margin: 0;
}

.OnlinePayment .ModuleFeatures .addDetails .paymentOptions .icons {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3vw 3vw 3vw;
  grid-template-columns: 3vw 3vw 3vw;
  text-align: center;
  -webkit-column-gap: 2%;
  column-gap: 2%;
}

@media screen and (max-width: 860px) {
  .OnlinePayment .ModuleFeatures .addDetails .paymentOptions .icons {
    -ms-grid-columns: 10.5vw 10.5vw !important;
    grid-template-columns: 10.5vw 10.5vw !important;
  }
}

.OnlinePayment .ModuleFeatures .addDetails .paymentOptions .icons img {
  width: 3vw;
  height: 3vw;
}

@media screen and (max-width: 860px) {
  .OnlinePayment .ModuleFeatures .addDetails .paymentOptions .icons img {
    min-width: 10.5vw;
    min-height: 10.5vw;
  }
}

.OnlinePayment .ModuleFeatures .addDetails .paymentOptions li {
  color: #435575;
  font-family: 'Gotham-Book';
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-size: 0.87vw;
  margin: 2%;
}

@media screen and (max-width: 860px) {
  .OnlinePayment .ModuleFeatures .addDetails .paymentOptions li {
    margin: 5%;
    font-size: 1.9vw;
  }
}

.OnlinePayment .ModuleFeatures .addDetails .paymentOptions li img {
  height: 1.5vw;
  width: 1.7vw;
  margin-right: 2%;
}

@media screen and (max-width: 860px) {
  .OnlinePayment .ModuleFeatures .addDetails .paymentOptions li img {
    height: 4.5vw;
    width: 4.5vw;
  }
}

.OnlinePayment .ModuleFeatures .addDetails .paymentOptions li .optImgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.OnlinePayment .ModuleFeatures .addDetails .paymentOptions li .optImgs .img1 {
  height: 1.7vw;
  width: 2vw;
  margin-right: 5%;
}

@media screen and (max-width: 860px) {
  .OnlinePayment .ModuleFeatures .addDetails .paymentOptions li .optImgs .img1 {
    height: 4vw;
    width: 7vw;
  }
}

.OnlinePayment .ModuleFeatures .addDetails .paymentOptions li .optImgs .img2 {
  height: 2vw;
  width: 3.5vw;
}

@media screen and (max-width: 860px) {
  .OnlinePayment .ModuleFeatures .addDetails .paymentOptions li .optImgs .img2 {
    height: 5vw;
    width: 10vw;
  }
}

.OnlinePayment .ModuleFeatures .addDetails .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 2%;
}

.OnlinePayment .ModuleFeatures .addDetails .contact img {
  max-width: 0.7vw;
  max-height: 0.7vw;
}

@media screen and (max-width: 860px) {
  .OnlinePayment .ModuleFeatures .addDetails .contact img {
    max-width: 2vw;
    max-height: 2vw;
  }
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.OnlinePayment .ModuleFeatures .animated {
  text-align: center;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: fade 1.5s linear;
  animation: fade 1.5s linear;
}

.OnlinePayment .ModuleFeatures .animated .circles {
  margin: 0;
  position: absolute;
  top: 0;
  left: 20%;
  height: 30vw;
  width: 30vw;
  -webkit-transition: all 1.3s ease-out;
  transition: all 1.3s ease-out;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.OnlinePayment .ModuleFeatures .animated .circles:hover {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

@media screen and (max-width: 860px) {
  .OnlinePayment .ModuleFeatures .animated .circles {
    bottom: -18vw;
    top: unset;
    left: 28%;
    height: 28vw;
    width: 33vw;
  }
}

.OnlinePayment .ModuleFeatures .AddImg {
  text-align: center;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-top: 10vw;
  padding-bottom: 10vw;
  margin-top: -5vw;
}

.OnlinePayment .ModuleFeatures .AddImg .onlineImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 95%;
  height: 23vw;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 2vw;
  -webkit-transform: perspective(60vw) rotateY(13deg);
  transform: perspective(60vw) rotateY(13deg);
}

@media screen and (max-width: 950px) {
  .OnlinePayment .ModuleFeatures .AddImg .onlineImg {
    -webkit-transform: unset !important;
    transform: unset !important;
    width: 80%;
    margin: 0 auto;
    height: 35vw;
  }
}

.OnlinePayment .ModuleFeatures .AddImg::before {
  content: ' ';
  position: absolute;
  top: 9vw;
  height: 25vw;
  background-color: #c7e3fe;
  width: 29vw;
  right: 7vw;
  opacity: 50%;
  border-radius: 2vw;
  -webkit-transform: perspective(60vw) rotateY(13deg);
  transform: perspective(60vw) rotateY(13deg);
}

@media screen and (max-width: 950px) {
  .OnlinePayment .ModuleFeatures .AddImg::before {
    width: 60%;
    margin: 0 auto;
    right: 0;
    left: 0;
    -webkit-transform: unset !important;
    transform: unset !important;
    height: 40vw;
  }
}

.OnlinePayment .clientsWord {
  padding-top: 0 !important;
}

@media screen and (max-width: 860px) {
  .OnlinePayment .clientsWord .client img {
    max-height: 24vw;
    max-width: 20vw;
  }
}

.OnlinePayment .clientsWord .ClientPtnPOs {
  display: none;
}

.OnlinePayment .clientsWord .ClientPtn {
  display: block !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50vw;
  width: 30vw;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

.animatedCircle .imageBox {
  position: relative;
  max-width: 28vw;
  float: right;
}

@media screen and (max-width: 959px) {
  .animatedCircle .imageBox {
    max-width: 100%;
    float: initial;
    margin: 0 auto;
    display: table;
  }
}

.animatedCircle .imageBox img {
  max-width: 100%;
  max-height: 30vw;
  display: none;
}

@media screen and (max-width: 959px) {
  .animatedCircle .imageBox img {
    max-height: initial;
  }
}

.animatedCircle .imageBox .smallCircles {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
}

.animatedCircle .imageBox .smallCircles li {
  background: #fff;
  width: 7vw;
  height: 7vw;
  border-radius: 50%;
  -webkit-box-shadow: 0px 5px 8px #b5b5b5;
  box-shadow: 0px 5px 8px #b5b5b5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1.5vw;
  position: absolute;
  left: 0;
  -webkit-transition: 1s;
  transition: 1s;
}

@media screen and (max-width: 959px) {
  .animatedCircle .imageBox .smallCircles li {
    width: 18vw;
    height: 18vw;
    padding: 3vw;
  }
}

.animatedCircle .imageBox .smallCircles li h5 {
  position: absolute;
  left: calc(100% + 10px);
  background: #fff;
  -webkit-box-shadow: 0px 5px 8px #b5b5b5;
  box-shadow: 0px 5px 8px #b5b5b5;
  border-radius: 6px;
  padding: 3px 5px;
  opacity: 0;
  -webkit-transition: 1s opacity;
  transition: 1s opacity;
  white-space: nowrap;
}

.animatedCircle .imageBox .smallCircles li:hover {
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
}

.animatedCircle .imageBox .smallCircles li:hover h5 {
  opacity: 1;
}

.animatedCircle .imageBox .smallCircles li:nth-child(1) {
  left: 17.5vw;
  top: 1vw;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

@media screen and (max-width: 608px) {
  .animatedCircle .imageBox .smallCircles li:nth-child(1) {
    left: 53vw;
    top: 12vw;
  }
}

@media screen and (min-width: 600px) and (max-width: 959px) {
  .animatedCircle .imageBox .smallCircles li:nth-child(1) {
    left: 44vw;
    top: 9vw;
  }
}

.animatedCircle .imageBox .smallCircles li:nth-child(2) {
  left: 24vw;
  top: 7vw;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

@media screen and (max-width: 608px) {
  .animatedCircle .imageBox .smallCircles li:nth-child(2) {
    left: 74vw;
    top: 26vw;
  }
}

@media screen and (min-width: 600px) and (max-width: 959px) {
  .animatedCircle .imageBox .smallCircles li:nth-child(2) {
    left: 88%;
    top: 22vw;
  }
}

.animatedCircle .imageBox .smallCircles li:nth-child(3) {
  left: 23vw;
  top: 16vw;
  -webkit-transform: scale(0.85);
  transform: scale(0.85);
}

@media screen and (max-width: 608px) {
  .animatedCircle .imageBox .smallCircles li:nth-child(3) {
    left: 74vw;
    top: 50vw;
  }
}

@media screen and (min-width: 600px) and (max-width: 959px) {
  .animatedCircle .imageBox .smallCircles li:nth-child(3) {
    left: 84%;
    top: 42vw;
  }
}

.animatedCircle .imageBox .smallCircles li:nth-child(4) {
  left: 14vw;
  top: 20vw;
  -webkit-transform: scale(0.82);
  transform: scale(0.82);
}

@media screen and (max-width: 608px) {
  .animatedCircle .imageBox .smallCircles li:nth-child(4) {
    left: 64%;
    top: 59vw;
  }
}

@media screen and (min-width: 600px) and (max-width: 959px) {
  .animatedCircle .imageBox .smallCircles li:nth-child(4) {
    left: 53%;
    top: 73%;
  }
}

.animatedCircle .imageBox .smallCircles li:nth-child(5) {
  left: 4vw;
  top: 18vw;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
}

@media screen and (max-width: 608px) {
  .animatedCircle .imageBox .smallCircles li:nth-child(5) {
    left: 18vw;
    top: 60vw;
  }
}

@media screen and (min-width: 600px) and (max-width: 959px) {
  .animatedCircle .imageBox .smallCircles li:nth-child(5) {
    left: 14%;
    top: 64%;
  }
}

.animatedCircle .imageBox .smallCircles li:nth-child(6) {
  left: -1.5vw;
  top: 12vw;
  -webkit-transform: scale(0.78);
  transform: scale(0.78);
}

@media screen and (max-width: 608px) {
  .animatedCircle .imageBox .smallCircles li:nth-child(6) {
    left: -4vw;
    top: 42vw;
  }
}

@media screen and (min-width: 600px) and (max-width: 959px) {
  .animatedCircle .imageBox .smallCircles li:nth-child(6) {
    left: -6%;
    top: 31vw;
  }
}

.animatedCircle .imageBox .smallCircles li:nth-child(7) {
  left: 4vw;
  top: 2vw;
  -webkit-transform: scale(0.82);
  transform: scale(0.82);
}

@media screen and (max-width: 608px) {
  .animatedCircle .imageBox .smallCircles li:nth-child(7) {
    left: 11vw;
    top: 17vw;
  }
}

@media screen and (min-width: 600px) and (max-width: 959px) {
  .animatedCircle .imageBox .smallCircles li:nth-child(7) {
    left: 14%;
    top: 12vw;
  }
}

.animatedCircle .imageBox .smallCircles li:nth-child(8) {
  left: 10vw;
  top: 24vw;
  -webkit-transform: scale(0.82);
  transform: scale(0.82);
}

@media screen and (max-width: 608px) {
  .animatedCircle .imageBox .smallCircles li:nth-child(8) {
    left: 32vw;
    top: 75vw;
  }
}

@media screen and (min-width: 600px) and (max-width: 959px) {
  .animatedCircle .imageBox .smallCircles li:nth-child(8) {
    left: 29%;
    top: 58vw;
  }
}

.animatedCircle .imageBox .smallCircles li:nth-child(9) {
  left: 11vw;
  top: -2vw;
  -webkit-transform: scale(0.82);
  transform: scale(0.82);
}

@media screen and (max-width: 608px) {
  .animatedCircle .imageBox .smallCircles li:nth-child(9) {
    left: 35vw;
    top: -4vw;
  }
}

@media screen and (min-width: 600px) and (max-width: 959px) {
  .animatedCircle .imageBox .smallCircles li:nth-child(9) {
    left: 41%;
    top: -3vw;
  }
}

.animatedCircle.aos-animate .imageBox img {
  display: block;
  -webkit-animation: linesAnimation 1.5s forwards;
  /* Safari 4+ */
  /* Fx 5+ */
  /* Opera 12+ */
  animation: linesAnimation 1.5s forwards;
  /* IE 10+, Fx 29+ */
}

.animatedCircle.aos-animate .imageBox .smallCircles {
  display: block;
  -webkit-animation: circleAnimation 3s forwards linear;
  /* Safari 4+ */
  /* Fx 5+ */
  /* Opera 12+ */
  animation: circleAnimation 3s forwards linear;
  /* IE 10+, Fx 29+ */
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

@-webkit-keyframes linesAnimation {
  0% {
    opacity: 0.5;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes linesAnimation {
  0% {
    opacity: 0.5;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/******************/
@-webkit-keyframes circleAnimation {
  0% {
    opacity: 0;
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
  }
  50% {
    opacity: 0;
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes circleAnimation {
  0% {
    opacity: 0;
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
  }
  50% {
    opacity: 0;
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.PosSolution {
  /***************** Custom for shared component *********/
  /***************** Intro section ******************/
  /*****************Benefits *******************/
  /***************** POS Features *******************/
  /***************** Flexible Options *******************/
  /***************** Specs *******************/
  /****************custom for client word in POS solution************/
  /***************** Partner *******************/
  /****************Custom for expansion *****************/
}

@media screen and (max-width: 860px) {
  .PosSolution .header .rightHeader ul li:nth-child(2) a img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    opacity: 0.8;
  }
}

.PosSolution .sticky .rightHeader ul li:nth-child(2) a {
  color: #e5f2fe !important;
  background-color: #0080f9 !important;
}

.PosSolution .sticky .rightHeader ul li:nth-child(2) a img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  opacity: 0.8;
}

.PosSolution .morequestion {
  display: none;
}

.PosSolution .introPOS {
  position: relative;
  background-color: #0080f9;
  padding-bottom: 10%;
  z-index: 9;
  border-bottom-left-radius: 36vw;
  padding-top: 2%;
}

@media screen and (max-width: 860px) {
  .PosSolution .introPOS {
    padding-top: 7%;
    padding-bottom: 45%;
  }
}

.PosSolution .introPOS .posPattern {
  position: absolute;
  left: 3%;
  bottom: 8%;
  height: 3vw;
  width: 3vw;
}

@media screen and (max-width: 860px) {
  .PosSolution .introPOS .posPattern {
    left: 2%;
    bottom: 2%;
    height: 4vw;
    width: 4vw;
  }
}

.PosSolution .introPOS::before {
  content: '';
  height: 73%;
  max-height: 74%;
  width: 47%;
  position: absolute;
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  right: 0;
  background-image: url(../images/posSolution/introBG.png);
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .PosSolution .introPOS::before {
    height: 27%;
    max-height: 27%;
    width: 50%;
  }
}

@media screen and (min-width: 767px) and (max-width: 860px) {
  .PosSolution .introPOS::before {
    height: 22%;
    max-height: 22%;
    width: 40%;
  }
}

@media screen and (min-width: 860px) and (max-width: 1024px) {
  .PosSolution .introPOS::before {
    height: 38%;
    max-height: 38%;
    width: 28%;
  }
}

@media screen and (max-width: 860px) {
  .PosSolution .introPOS .gridHeader:first-child {
    padding-bottom: 0px;
  }
}

@media screen and (max-width: 860px) {
  .PosSolution .introPOS .gridHeader:last-child {
    padding-top: 5%;
  }
}

.PosSolution .introPOS .row {
  max-width: 88vw;
}

.PosSolution .introPOS p {
  font-family: 'Gotham-Book';
  color: #99ccfc;
}

.PosSolution .introPOS a {
  font-family: 'Gotham-Medium';
  color: #e5f2fe;
}

.PosSolution .introPOS .rightArrow {
  width: 0.9vw;
  height: 0.9vw;
}

@media screen and (max-width: 860px) {
  .PosSolution .introPOS .rightArrow {
    width: 2.5vw;
    height: 2.5vw;
    margin-left: 0.5vw;
  }
}

.PosSolution .introPOS p {
  margin: 0;
}

.PosSolution .introPOS .onlineLogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.PosSolution .introPOS .onlineLogo span {
  font-family: 'Gotham-Medium';
  font-size: 1.2vw;
  color: #e5f2fe;
}

@media screen and (max-width: 860px) {
  .PosSolution .introPOS .onlineLogo span {
    font-size: 3.5vw;
  }
}

.PosSolution .introPOS .container {
  position: relative;
  margin-right: 3%;
}

.PosSolution .introPOS .container .paymentIcon {
  width: 1.2vw;
  height: 1.9vw;
  margin-right: 5px;
  position: relative;
  z-index: 999;
}

@media screen and (max-width: 860px) {
  .PosSolution .introPOS .container .paymentIcon {
    width: 4vw;
    height: 5.5vw;
  }
}

.PosSolution .introPOS .container::after {
  content: ' ';
  width: 2.9vw;
  height: 2.9vw;
  background-color: rgba(225, 225, 225, 0.2);
  border-radius: 35%;
  position: absolute;
  top: -0.5vw;
  right: 0px;
  left: -0.8vw;
  display: inline-block;
  padding: 2%;
}

@media screen and (max-width: 860px) {
  .PosSolution .introPOS .container::after {
    width: 8vw;
    height: 8vw;
    top: -1.5vw;
    right: -3px;
    left: -1.9vw;
    display: inline-block;
    padding: 2%;
  }
}

.PosSolution .introPOS .fastLinks {
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: right;
  width: 70%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 860px) {
  .PosSolution .introPOS .fastLinks {
    float: initial;
  }
}

@media screen and (max-width: 860px) {
  .PosSolution .introPOS .fastLinks {
    width: 100%;
  }
}

.PosSolution .introPOS .fastLinks li {
  margin-right: 5%;
}

.PosSolution .introPOS .fastLinks a {
  font-size: 1.1vw;
}

@media screen and (max-width: 860px) {
  .PosSolution .introPOS .fastLinks a {
    font-size: 2.5vw;
  }
}

.PosSolution .introPOS .fastLinks a:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Gotham-Light';
}

.PosSolution .introPOS .herosec {
  width: 49%;
  text-align: center;
  margin: 0 auto;
}

@media screen and (max-width: 860px) {
  .PosSolution .introPOS .herosec {
    width: 100%;
  }
}

.PosSolution .introPOS .herosec h1 {
  color: #e5f2fe;
  margin-top: 5vw;
  font-size: 2.4vw;
}

@media screen and (max-width: 860px) {
  .PosSolution .introPOS .herosec h1 {
    font-size: 5vw;
  }
}

.PosSolution .introPOS .herosec p {
  margin: 0 5vw;
  font-size: 1.1vw;
}

@media screen and (max-width: 860px) {
  .PosSolution .introPOS .herosec p {
    margin: 5vw;
  }
}

.PosSolution .introPOS .heroBtns {
  width: 50%;
  text-align: center;
  margin: 3% auto 15%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 860px) {
  .PosSolution .introPOS .heroBtns {
    width: 60%;
  }
}

.PosSolution .introPOS .heroBtns .btn {
  border-radius: 1vw;
  background-color: #fff;
  padding: 2% 5%;
  color: #0080f9;
  margin-right: 5%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.PosSolution .introPOS .heroBtns .btn:hover {
  color: #01338d;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.PosSolution .introPOS .heroBtns .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.PosSolution .introPOS .heroBtns .contact:hover {
  color: #01338d;
  text-decoration: underline;
}

.PosSolution .introPOS .inroImgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.PosSolution .introPOS .inroImgs .bgImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 90%;
  height: 70%;
  border-radius: 24px;
  margin: 0 auto;
  margin-bottom: 0px;
  position: absolute;
  left: 9vw;
  top: 32vw;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .PosSolution .introPOS .inroImgs .bgImg {
    width: 90%;
    background-size: cover;
    height: 41%;
    bottom: -15vw;
    top: unset;
    right: 2vw;
  }
}

@media screen and (min-width: 767px) and (max-width: 860px) {
  .PosSolution .introPOS .inroImgs .bgImg {
    width: 77%;
    background-size: cover;
    height: 35%;
    bottom: -20vw;
    top: unset;
    right: 2vw;
  }
}

@media screen and (min-width: 860px) and (max-width: 1023px) {
  .PosSolution .introPOS .inroImgs .bgImg {
    width: 60%;
    background-size: cover;
    height: 64%;
    right: 0vw;
    bottom: -19vw;
    top: unset;
  }
}

.PosSolution .posBenefits {
  position: relative;
  padding-top: 22%;
  padding-bottom: 5%;
}

.PosSolution
  .posBenefits
  .benefitsBlock
  > div
  > div:nth-child(odd)
  .imgContainer
  .benefitsImg {
  -webkit-transform: perspective(55vw) rotateY(-13deg);
  transform: perspective(55vw) rotateY(-13deg);
}

@media screen and (max-width: 960px) {
  .PosSolution
    .posBenefits
    .benefitsBlock
    > div
    > div:nth-child(odd)
    .imgContainer
    .benefitsImg {
    -webkit-transform: unset !important;
    transform: unset !important;
  }
}

.PosSolution
  .posBenefits
  .benefitsBlock
  > div
  > div:nth-child(odd)
  .imgContainer::before {
  right: 7vw;
}

@media screen and (max-width: 960px) {
  .PosSolution
    .posBenefits
    .benefitsBlock
    > div
    > div:nth-child(odd)
    .imgContainer::before {
    right: 12vw;
  }
}

@media screen and (max-width: 960px) {
  .PosSolution .posBenefits .benefitsBlock > div > div:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
}

.PosSolution
  .posBenefits
  .benefitsBlock
  > div
  > div:nth-child(2)
  .imgContainer {
  margin-left: 3vw;
}

@media screen and (max-width: 960px) {
  .PosSolution
    .posBenefits
    .benefitsBlock
    > div
    > div:nth-child(2)
    .imgContainer {
    margin-left: 0vw;
  }
}

.PosSolution .posBenefits h1 {
  text-align: center;
  color: #0080f9;
  font-size: 2.5vw;
  margin: 0 auto;
  width: 55%;
}

@media screen and (max-width: 860px) {
  .PosSolution .posBenefits h1 {
    width: 100%;
  }
}

.PosSolution .posBenefits .benefitsBlock {
  background-color: #011e7d;
  border-radius: 3vw 3vw 3vw 0;
  position: relative;
  margin-top: 3%;
  padding: 8% 5% 8%;
}

@media screen and (max-width: 860px) {
  .PosSolution .posBenefits .benefitsBlock {
    margin-top: 7%;
    padding: 20% 5%;
  }
}

.PosSolution .posBenefits .benefitsBlock .patternTop {
  position: absolute;
  top: 0;
  left: 0;
  height: 13vw;
  width: 13vw;
}

@media screen and (max-width: 860px) {
  .PosSolution .posBenefits .benefitsBlock .patternTop {
    height: 24vw;
    width: 24vw;
  }
}

.PosSolution .posBenefits .benefitsBlock .patternBtm {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 16vw;
  width: 10vw;
}

.PosSolution .posBenefits .benefitsBlock .MuiGrid-item {
  padding-top: 5%;
  padding-bottom: 5%;
}

.PosSolution .posBenefits .benefitsDetails {
  text-align: left;
  padding: 16%;
}

@media screen and (max-width: 860px) {
  .PosSolution .posBenefits .benefitsDetails {
    padding: 0;
  }
}

.PosSolution .posBenefits .benefitsDetails .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: #e5f2fe;
  border-radius: 1vw;
  color: #01338d;
  padding: 2% 2%;
  width: 45%;
}

@media screen and (max-width: 860px) {
  .PosSolution .posBenefits .benefitsDetails .contact {
    width: 40%;
    margin: 5% 0;
  }
}

.PosSolution .posBenefits .benefitsDetails .contact img {
  width: 1vw;
}

@media screen and (max-width: 860px) {
  .PosSolution .posBenefits .benefitsDetails .contact img {
    width: 2.5vw;
  }
}

.PosSolution .posBenefits .benefitsDetails .contact:hover {
  color: #01338d;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

.PosSolution .posBenefits .benefitsDetails .haedline {
  color: #e5f2fe;
  font-family: 'Gotham-Medium';
  position: relative;
  font-size: 1.5vw;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 960px) {
  .PosSolution .posBenefits .benefitsDetails .haedline {
    font-size: 4vw;
    width: 100%;
    margin: 5% 0;
  }
}

@media screen and (max-width: 960px) and (min-width: 860px) and (max-width: 960px) {
  .PosSolution .posBenefits .benefitsDetails .haedline {
    width: 80%;
  }
}

.PosSolution .posBenefits .benefitsDetails .haedline::after {
  background-image: url('../images/posSolution/headArrow.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.3vw;
  position: absolute;
  height: 0.9vw;
  right: 0;
  z-index: 9;
  content: ' ';
}

@media screen and (max-width: 960px) {
  .PosSolution .posBenefits .benefitsDetails .haedline::after {
    width: 2vw;
    position: absolute;
    height: 2vw;
    right: 8%;
  }
}

.PosSolution .posBenefits .benefitsDetails p {
  color: #e5f2fe;
  font-family: 'Gotham-Book';
  font-size: 0.9vw;
}

@media screen and (max-width: 960px) {
  .PosSolution .posBenefits .benefitsDetails p {
    font-size: 3vw;
  }
}

.PosSolution .posBenefits .imgContainer {
  text-align: center;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  padding-top: 4vw;
  padding-bottom: 4vw;
  margin-top: -5vw;
}

@media screen and (max-width: 1024px) {
  .PosSolution .posBenefits .imgContainer {
    width: 100%;
  }
}

@media screen and (max-width: 860px) {
  .PosSolution .posBenefits .imgContainer {
    margin-top: 16%;
    margin-bottom: 15%;
  }
}

.PosSolution .posBenefits .imgContainer .benefitsImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 84%;
  height: 17vw;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 2vw;
  -webkit-transform: perspective(130vw) rotateY(13deg);
  transform: perspective(130vw) rotateY(13deg);
}

@media screen and (max-width: 960px) {
  .PosSolution .posBenefits .imgContainer .benefitsImg {
    width: 80%;
    margin: 0 auto;
    height: 40vw;
    border-radius: 5vw;
    -webkit-transform: unset !important;
    transform: unset !important;
  }
}

.PosSolution .posBenefits .imgContainer::before {
  background-image: url('../images/posSolution/benefitbg.png');
  background-size: cover;
  background-repeat: no-repeat;
  content: ' ';
  position: absolute;
  top: 0vw;
  height: 10vw;
  width: 27vw;
  right: 9vw;
  top: 2vw;
  border-radius: 3vw;
}

@media screen and (max-width: 960px) {
  .PosSolution .posBenefits .imgContainer::before {
    right: 10vw;
    top: 2vw;
    width: 50vw;
    border-radius: 7vw;
  }
}

.PosSolution .posFeatures h1 {
  text-align: center;
  color: #0080f9;
  font-size: 2.5vw;
  margin: 5% auto;
  width: 55%;
  margin-bottom: 5%;
}

@media screen and (max-width: 860px) {
  .PosSolution .posFeatures h1 {
    width: 90%;
  }
}

.PosSolution .posFeatures .iconContainer {
  position: absolute;
  left: -4vw;
  top: -0.5vw;
  padding: 2%;
}

@media screen and (max-width: 860px) {
  .PosSolution .posFeatures .iconContainer {
    left: -12vw;
    top: -2vw;
  }
}

.PosSolution .posFeatures .iconContainer .secIcon {
  height: 2.5vw;
  width: 2.5vw;
}

@media screen and (max-width: 860px) {
  .PosSolution .posFeatures .iconContainer .secIcon {
    height: 7vw;
    width: 7vw;
  }
}

.PosSolution .posFeatures .featureDetails {
  width: 60%;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 860px) {
  .PosSolution .posFeatures .featureDetails {
    width: 75%;
  }
}

.PosSolution .posFeatures .featureDetails h4 {
  font-size: 1.2vw;
}

.PosSolution .posFeatures .featureDetails h4 img {
  height: 1.5vw;
  width: 1.8vw;
  margin-right: 1vw;
}

.PosSolution .posFeatures .featureDetails p {
  font-family: 'Gotham-Book';
}

.PosSolution .posFeatures .featureDetails ul li {
  position: relative;
  color: #01338d;
  font-family: 'Gotham-Book';
  font-size: 0.9vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0.5vw 0;
  margin-left: 1vw;
}

@media screen and (max-width: 860px) {
  .PosSolution .posFeatures .featureDetails ul li {
    font-size: 3vw;
  }
}

.PosSolution .posFeatures .featureDetails ul li::after {
  background-image: url('../images/posSolution/listArrow.png');
  background-size: cover;
  background-repeat: no-repeat;
  content: ' ';
  position: absolute;
  top: 0vw;
  height: 0.4vw;
  width: 0.4vw;
  left: -1vw;
  top: 0.5vw;
}

@media screen and (max-width: 860px) {
  .PosSolution .posFeatures .featureDetails ul li::after {
    height: 1.7vw;
    width: 1.7vw;
    left: -2.5vw;
    top: 1.5vw;
  }
}

.PosSolution .FlexibleOptions {
  padding: 5% 0;
  position: relative;
}

.PosSolution .FlexibleOptions .optionsPtn {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50%;
  width: 4vw;
  position: absolute;
  right: 0;
  top: 20%;
}

@media screen and (max-width: 860px) {
  .PosSolution .FlexibleOptions .optionsPtn {
    width: 8vw;
    display: none;
  }
}

@media screen and (max-width: 860px) {
  .PosSolution .FlexibleOptions {
    padding: 15% 0;
    padding-bottom: 25%;
  }
}

.PosSolution .FlexibleOptions .optContainer {
  background-color: #e5f2fe;
  border-radius: 2vw;
  padding: 3% 12%;
  width: 80%;
  position: relative;
}

@media screen and (max-width: 860px) {
  .PosSolution .FlexibleOptions .optContainer {
    width: 80%;
    padding: 12%;
    margin: 0 auto;
    padding-bottom: 30%;
  }
}

.PosSolution .FlexibleOptions .optContainer .optionsBg {
  position: absolute;
  right: -12vw;
  top: 7vw;
  height: 23vw;
  width: 33vw;
}

@media screen and (max-width: 860px) {
  .PosSolution .FlexibleOptions .optContainer .optionsBg {
    right: -2%;
    top: unset;
    bottom: -15vw;
    height: 40vw;
    width: 50vw;
  }
}

.PosSolution .FlexibleOptions .optContainer h2 {
  margin-bottom: 7%;
}

@media screen and (max-width: 860px) {
  .PosSolution .FlexibleOptions .optContainer h2 {
    font-size: 4vw !important;
  }
}

.PosSolution .FlexibleOptions .optContainer .containIcon {
  position: absolute;
  top: 7%;
  left: 9%;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.9vw;
  background-color: rgba(1, 51, 141, 0.15);
}

@media screen and (max-width: 860px) {
  .PosSolution .FlexibleOptions .optContainer .containIcon {
    padding: 1.7vw;
    top: 3.5%;
    left: 3%;
  }
}

.PosSolution .FlexibleOptions .optContainer .containIcon img {
  width: 1.2vw;
  height: 1.2vw;
}

@media screen and (max-width: 860px) {
  .PosSolution .FlexibleOptions .optContainer .containIcon img {
    width: 3vw;
    height: 3vw;
  }
}

.PosSolution .FlexibleOptions .optContainer ul.options {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  grid-column-gap: 10%;
  text-align: left;
  width: 70%;
}

@media screen and (max-width: 860px) {
  .PosSolution .FlexibleOptions .optContainer ul.options {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    width: 100%;
  }
}

.PosSolution .FlexibleOptions .optContainer ul.options li {
  margin: 1%;
}

@media screen and (max-width: 860px) {
  .PosSolution .FlexibleOptions .optContainer ul.options li {
    margin: 5% 1%;
  }
}

.PosSolution .FlexibleOptions .optContainer ul.options li .provided {
  display: inline;
  -ms-grid-columns: 3vw 3vw 3vw 3vw 3vw;
  grid-template-columns: 3vw 3vw 3vw 3vw 3vw;
  text-align: center;
  -webkit-column-gap: 2%;
  column-gap: 2%;
}

@media screen and (max-width: 860px) {
  .PosSolution .FlexibleOptions .optContainer ul.options li .provided {
    -ms-grid-columns: 10.5vw 10.5vw 10.5vw 10.5vw 10.5vw;
    grid-template-columns: 10.5vw 10.5vw 10.5vw 10.5vw 10.5vw;
  }
}

.PosSolution .FlexibleOptions .optContainer ul.options li .provided img {
  min-width: 4vw;
  min-height: 4vw;
}

@media screen and (max-width: 860px) {
  .PosSolution .FlexibleOptions .optContainer ul.options li .provided img {
    min-width: 15.5vw;
    min-height: 15.5vw;
  }
}

.PosSolution .FlexibleOptions .optContainer ul.options li img {
  height: 1vw;
  width: 1.2vw;
}

@media screen and (max-width: 860px) {
  .PosSolution .FlexibleOptions .optContainer ul.options li img {
    height: 4vw;
    width: 4.5vw;
  }
}

.PosSolution .FlexibleOptions .optContainer ul.options li h4 {
  color: #00c8ff;
  margin: 0.5vw 0;
}

.PosSolution .FlexibleOptions .optContainer ul.options li:nth-child(2) h4 {
  color: #0080f9;
}

.PosSolution .FlexibleOptions .optContainer ul.options li:nth-child(3) h4 {
  color: #01338d;
}

.PosSolution .FlexibleOptions .optContainer ul.options li:last-child h4 {
  color: #4432e0;
}

.PosSolution .Specs {
  background-color: #0080f9;
  padding: 5% 0;
  position: relative;
}

@media screen and (max-width: 860px) {
  .PosSolution .Specs {
    padding: 15% 0;
  }
}

.PosSolution .Specs .specsptrn {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 30vw;
  width: 30vw;
  opacity: 35%;
}

.PosSolution .Specs .specbg {
  position: absolute;
  right: 0;
  top: 60%;
  bottom: 0;
  height: 22%;
  width: 8vw;
}

@media screen and (max-width: 860px) {
  .PosSolution .Specs .specbg {
    height: 10%;
    width: 13vw;
    top: 50%;
  }
}

.PosSolution .Specs .specsTop {
  position: absolute;
  left: 3%;
  top: 7%;
  height: 2.2vw;
  width: 2.2vw;
}

@media screen and (max-width: 860px) {
  .PosSolution .Specs .specsTop {
    height: 6vw;
    width: 6vw;
    left: 6%;
    top: 6%;
  }
}

.PosSolution .Specs .MuiGrid-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.PosSolution .Specs .customGrid {
  padding-left: 0;
  padding-top: 0;
}

.PosSolution .Specs .bgBorder1 {
  border-radius: 50%;
  border: 1px solid rgba(229, 242, 254, 0.15);
  padding: 11%;
  background-color: #0080f9;
}

.PosSolution .Specs .bgBorder1 .bgBorder2 {
  border-radius: 50%;
  border: 1px solid #e5f2fe;
  padding: 5%;
  background-color: #e5f2fe;
  position: relative;
  height: 32vw;
  width: 100%;
  z-index: 1;
}

.PosSolution .Specs .bgBorder1 .bgBorder2 .specsBG {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 50vw;
  width: 54vw;
  position: absolute;
  bottom: -8vw;
  right: -5vw;
  z-index: 3;
}

@media screen and (max-width: 860px) {
  .PosSolution .Specs .bgBorder1 .bgBorder2 .specsBG {
    height: 89vw;
    width: 86vw;
    position: absolute;
    bottom: -7vw;
    right: 0vw;
  }
}

@media screen and (max-width: 860px) {
  .PosSolution .Specs .bgBorder1 .bgBorder2 {
    height: 60vw;
  }
}

.PosSolution .Specs h2 {
  color: #fff;
  font-size: 1.9vw;
  font-weight: 400;
}

.PosSolution .Specs ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  margin-top: 5%;
}

.PosSolution .Specs ul li {
  color: #e5f2fe;
  font-size: 0.9vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5%;
}

@media screen and (max-width: 860px) {
  .PosSolution .Specs ul li {
    font-size: 3vw;
  }
}

.PosSolution .Specs ul li .imgCont {
  height: 1vw;
  width: 1vw;
  margin-right: 2%;
}

.PosSolution .Specs ul li .imgCont img {
  width: 100%;
}

@media screen and (max-width: 860px) {
  .PosSolution .Specs ul li .imgCont {
    height: 3.5vw;
    width: 3.5vw;
    margin-right: 3%;
  }
}

.PosSolution .Specs .btnsbtm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 9;
}

.PosSolution .Specs .btnsbtm a {
  margin-top: 7%;
  margin-right: 2%;
}

.PosSolution .Specs .btnsbtm a:first-child {
  color: #0080f9;
  background-color: #fff;
  padding: 2% 4%;
  border-radius: 2vw;
  border: 1px solid #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.PosSolution .Specs .btnsbtm a:first-child:hover {
  color: #01338d;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.PosSolution .Specs .btnsbtm a:last-child {
  color: #fff;
  background-color: #0080f9;
  padding: 2% 4%;
  border: 1px solid #fff;
  border-radius: 2vw;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.PosSolution .Specs .btnsbtm a:last-child:hover {
  color: #01338d;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.PosSolution .clientsWord {
  position: relative;
  padding-bottom: 0% !important;
  padding-top: 10% !important;
}

.PosSolution .clientsWord .ClientPtn {
  display: none !important;
}

.PosSolution .clientsWord .ClientPtnPOs {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50vw;
  width: 30vw;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: block !important;
}

.PosSolution .clientsWord .haedline {
  font-family: 'Gotham-Bold';
  font-size: 2.2vw;
  text-align: center;
}

@media screen and (max-width: 860px) {
  .PosSolution .clientsWord .haedline {
    font-size: 3.5vw;
  }
}

.PosSolution .clientsWord .haedline::after {
  right: 10%;
}

.PosSolution .Partner {
  background-color: #e5f2fe;
  padding: 9% 0;
}

.PosSolution .Partner h1 {
  font-family: 'Gotham-Medium';
  font-weight: 500;
  font-size: 2.2vw;
}

.PosSolution .Partner p {
  width: 70%;
  margin: 2vw 0px;
}

.PosSolution .Partner a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.PosSolution .Partner a .rightArrowblue {
  width: 0.9vw;
  height: 0.9vw;
}

@media screen and (max-width: 860px) {
  .PosSolution .Partner a .rightArrowblue {
    width: 2.5vw;
    height: 2.5vw;
    margin-left: 0.5vw;
  }
}

.PosSolution .Partner .partnerImgs {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto auto;
  grid-template-columns: auto auto auto;
  grid-row-gap: 30%;
  grid-column-gap: 15%;
}

@media screen and (max-width: 860px) {
  .PosSolution .Partner .partnerImgs {
    grid-row-gap: 5%;
  }
}

.PosSolution .Partner .partnerImgs .singlePartner {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 8vw;
  height: 5vw;
  margin: 2% 1.5%;
}

@media screen and (max-width: 860px) {
  .PosSolution .Partner .partnerImgs .singlePartner {
    width: 20vw;
    height: 15vw;
  }
}

.PosSolution .infoAccordions .accordionBg {
  background-color: transparent;
}

.PosSolution .infoAccordions .accordionBg h1 {
  width: 85%;
  margin: 0 auto;
}

.PosSolution .infoAccordions .accordionBg h1::before {
  right: 0;
}

@media screen and (max-width: 860px) {
  .PosSolution .infoAccordions .accordionBg h1::before {
    height: 1.5vw;
    width: 2vw;
  }
}

@media screen and (max-width: 1280px) {
  .PosSolution .infoAccordions .accordionBg h1 {
    width: 100% !important;
  }
}

.PosSolution .infoAccordions .MuiGrid-container {
  width: 65%;
  margin: 0 auto;
}

@media screen and (max-width: 960px) {
  .PosSolution .infoAccordions .MuiGrid-container {
    width: 100% !important;
  }
}

@media screen and (min-width: 960px) {
  .PosSolution .infoAccordions .MuiGrid-grid-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100% !important;
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
  }
}

@media (min-width: 960px) {
  .PosSolution .infoAccordions .MuiGrid-grid-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100% !important;
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
    margin: 0 auto;
  }
}

.paymentLink .introPaymentLink {
  background-color: #0080f9;
  position: relative;
  z-index: 9;
}

.paymentLink .introPaymentLink .imgContainerSub {
  display: none;
}

.paymentLink .introPaymentLink .imgContainer {
  display: none;
}

.paymentLink .introPaymentLink .heroRight {
  display: none;
}

.paymentLink .introPaymentLink .heroLeft {
  display: none;
}

.paymentLink .introPaymentLink::after {
  content: '';
  position: absolute;
  background-image: url(../images/shape15.png);
  left: 0;
  width: 25vw;
  height: 15vw;
  background-size: 100%;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

.paymentLink .introPaymentLink .custompayment {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.paymentLink .introPaymentLink .custompayment p {
  color: #b2d8fd;
}

.paymentLink .introPaymentLink .gridHeader .container::after {
  top: -0.8vw;
  left: -0.8vw;
}

@media screen and (max-width: 960px) {
  .paymentLink .introPaymentLink .gridHeader .container::after {
    left: -1.7vw;
    top: -1.5vw;
  }
}

.paymentLink .introPaymentLink .gridHeader .container .installsIcon {
  width: 3.5vw;
  height: 2.5vw;
}

@media screen and (max-width: 960px) {
  .paymentLink .introPaymentLink .gridHeader .container .installsIcon {
    width: 8vw;
    height: 6vw;
  }
}

.paymentLink .imgsPaymentLink {
  padding-top: 10vw;
  background-color: #f9fcff;
  margin-bottom: 8vw;
  position: relative;
  padding-bottom: 0;
}

.paymentLink .imgsPaymentLink .row {
  max-width: 85vw;
}

.paymentLink .imgsPaymentLink .row > div {
  margin-bottom: 5vw;
}

.paymentLink .imgsPaymentLink .row > div:nth-child(even) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.paymentLink .imgsPaymentLink .row > div:nth-child(even) .paymentImgContent {
  position: relative;
}

.paymentLink
  .imgsPaymentLink
  .row
  > div:nth-child(even)
  .paymentImgContent
  .paymentDetailsImg {
  -webkit-transform: perspective(60vw) rotateY(-13deg);
  transform: perspective(60vw) rotateY(-13deg);
}

@media screen and (max-width: 860px) {
  .paymentLink
    .imgsPaymentLink
    .row
    > div:nth-child(even)
    .paymentImgContent
    .paymentDetailsImg {
    -webkit-transform: unset !important;
    transform: unset !important;
  }
}

.paymentLink
  .imgsPaymentLink
  .row
  > div:nth-child(even)
  .paymentImgContent::before {
  -webkit-transform: perspective(60vw) rotateY(-13deg);
  transform: perspective(60vw) rotateY(-13deg);
}

@media screen and (max-width: 860px) {
  .paymentLink
    .imgsPaymentLink
    .row
    > div:nth-child(even)
    .paymentImgContent::before {
    -webkit-transform: unset !important;
    transform: unset !important;
  }
}

.paymentLink .imgsPaymentLink .row .paymentImgContent {
  position: relative;
}

.paymentLink .imgsPaymentLink .row .paymentImgContent .paymentDetailsImg {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  max-width: 100%;
  min-height: 22vw;
  border-radius: 3vh;
  margin: 0 auto;
  margin-bottom: 2vw;
  -webkit-transform: perspective(60vw) rotateY(13deg);
  transform: perspective(60vw) rotateY(13deg);
}

@media screen and (max-width: 860px) {
  .paymentLink .imgsPaymentLink .row .paymentImgContent .paymentDetailsImg {
    min-height: 40vw;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 6vw;
    -webkit-transform: unset !important;
    transform: unset !important;
  }
}

.paymentLink .imgsPaymentLink .row .paymentImgContent::before {
  content: ' ';
  position: absolute;
  top: -1.5vw;
  height: 25vw;
  background-color: #c7e3fe;
  width: 27vw;
  right: 8vw;
  border-radius: 3vh;
  -webkit-transform: perspective(60vw) rotateY(13deg);
  transform: perspective(60vw) rotateY(13deg);
  opacity: 0.5;
}

@media screen and (max-width: 860px) {
  .paymentLink .imgsPaymentLink .row .paymentImgContent::before {
    height: 44vw;
    width: 64vw;
    right: 10vw;
    -webkit-transform: unset !important;
    transform: unset !important;
  }
}

.paymentLink .imgsPaymentLink .row .textPaymentLink {
  width: 27vw;
  margin: 0 auto;
  margin-top: 5vw;
}

@media screen and (max-width: 860px) {
  .paymentLink .imgsPaymentLink .row .textPaymentLink {
    width: 100%;
    margin-top: -10vw;
  }
}

.paymentLink .imgsPaymentLink .row .textPaymentLink .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: #0080f9;
  border-radius: 1vw;
  color: #e5f2fe;
  padding: 2% 2%;
  width: 30%;
  margin: 5% 0;
}

@media screen and (max-width: 860px) {
  .paymentLink .imgsPaymentLink .row .textPaymentLink .contact {
    width: 40%;
    margin: 5% 0;
  }
}

.paymentLink .imgsPaymentLink .row .textPaymentLink .contact img {
  width: 1vw;
}

@media screen and (max-width: 860px) {
  .paymentLink .imgsPaymentLink .row .textPaymentLink .contact img {
    width: 2.5vw;
  }
}

.paymentLink .imgsPaymentLink .row .textPaymentLink .contact:hover {
  color: #01338d;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

.paymentLink .imgsPaymentLink .row .textPaymentLink h3 {
  color: #0080f9;
  font-family: 'Gotham-Medium';
  font-weight: 200;
  font-size: 1.8vw;
  position: relative;
}

.paymentLink .imgsPaymentLink .row .textPaymentLink h3::before {
  content: '';
  height: 0.8vw;
  width: 0.8vw;
  position: absolute;
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  right: 0;
  background-image: url(../images/shape8.png);
  opacity: 0.2;
}

.paymentLink .imgsPaymentLink .row .textPaymentLink p {
  color: #01338d;
  font-family: 'Gotham-Book';
  font-size: 1vw;
}

.paymentLink .imgsPaymentLink .mainImg {
  bottom: -10vw;
  position: absolute;
  width: 100%;
  float: left;
}

.paymentLink .imgsPaymentLink .mainImg .row {
  max-width: 85vw;
}

.paymentLink .imgsPaymentLink .mainImg .row .paymentmainImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  max-width: 100%;
  min-height: 42vw;
  border-radius: 3vh;
  margin: 0 auto;
  margin-bottom: 2vw;
}

.paymentLink .clientsWord {
  padding-bottom: 6vw !important;
  padding-top: 10vw !important;
}

.paymentLink .CommonCase h4 {
  font-size: 0.9vw;
  color: #00c8ff;
  text-align: center;
  font-family: 'Gotham-Medium';
  font-weight: 200;
  margin: 0;
  margin-bottom: 0.4vw;
}

.paymentLink .CommonCase h1 {
  font-size: 2.2vw;
  color: #0080f9;
  text-align: center;
  margin: 0;
}

.paymentLink .CommonCase .MuiTab-textColorInherit.Mui-selected {
  opacity: 1;
}

.paymentLink .CommonCase .MuiTabs-vertical {
  width: 50%;
}

@media screen and (max-width: 860px) {
  .paymentLink .CommonCase .MuiTabs-vertical {
    width: 100%;
  }
}

.paymentLink .CommonCase .MuiTab-root {
  min-width: 80%;
  max-width: 80%;
  padding: 1% 2%;
  overflow: initial;
}

@media screen and (max-width: 860px) {
  .paymentLink .CommonCase .MuiTab-root {
    min-width: 90%;
    max-width: 90%;
  }
}

.paymentLink .CommonCase .MuiButtonBase-root {
  margin: 5% 0% 0% 7%;
}

@media screen and (max-width: 860px) {
  .paymentLink .CommonCase .MuiButtonBase-root {
    margin: 5% 5% 0% 5%;
  }
}

.paymentLink .CommonCase .MuiButtonBase-root:first-child {
  margin-top: 15%;
}

.paymentLink .CommonCase .MuiButtonBase-root:last-child {
  margin-bottom: 15%;
}

.paymentLink .CommonCase .tabContainer {
  position: relative;
  background-color: transparent;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 860px) {
  .paymentLink .CommonCase .tabContainer {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
}

.paymentLink .CommonCase .MuiTabs-scroller {
  width: 100%;
}

.paymentLink .CommonCase .tabsTopic {
  text-align: left;
  border-left: 0.2vw solid #e5f2fe;
  padding-left: 2vw;
}

.paymentLink .CommonCase .tabsTopic .casesBg {
  background-color: #0080f9;
  width: 3vw;
  height: 3vw;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8vh;
  margin-bottom: 1vw;
}

@media screen and (max-width: 860px) {
  .paymentLink .CommonCase .tabsTopic .casesBg {
    width: 9vw;
    height: 9vw;
    margin-bottom: 5vw;
  }
}

.paymentLink .CommonCase .tabsTopic .casesBg .casesIcons {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  min-height: 2.5vw;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 860px) {
  .paymentLink .CommonCase .tabsTopic .casesBg .casesIcons {
    min-height: 7.5vw;
    min-width: 4vw;
  }
}

.paymentLink .CommonCase .tabsTopic h3 {
  color: #01338d;
  text-transform: capitalize;
  font-family: 'Gotham-Medium';
  margin: 0;
  font-size: 1.2vw;
  font-weight: 200;
}

.paymentLink .CommonCase .tabsTopic p {
  color: #435575;
  text-transform: capitalize;
  font-family: 'Gotham-Book';
  margin: 0;
  font-size: 0.9vw;
  line-height: 1.5;
  margin-top: 1vw;
}

@media screen and (max-width: 860px) {
  .paymentLink .CommonCase .tabsTopic p {
    margin-top: 3vw;
  }
}

.paymentLink .CommonCase .MuiTabs-indicator {
  width: 0.3vw;
  left: 2.5vw;
  background-color: #0080f9 !important;
}

@media screen and (max-width: 860px) {
  .paymentLink .CommonCase .MuiTabs-indicator {
    left: 5.6vw;
  }
}

@keyframes fade {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.paymentLink .CommonCase .MainTabPanel {
  width: 100%;
}

.paymentLink .CommonCase .tabsImgBg {
  background-color: #e5f2fe;
  width: 40vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  margin-top: 5vw;
  height: 35vw;
  border-radius: 4vh;
}

@media screen and (max-width: 860px) {
  .paymentLink .CommonCase .tabsImgBg {
    margin-top: -5vw;
    height: 70vw;
    width: 100%;
  }
}

.paymentLink .CommonCase .tabsImgBg .tabsImg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 30vw;
  width: 30vw;
  opacity: 1;
  -webkit-animation-name: fadeInOpacity;
  animation-name: fadeInOpacity;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}

@media screen and (max-width: 860px) {
  .paymentLink .CommonCase .tabsImgBg .tabsImg {
    height: 50vw;
    width: 100%;
  }
}

.paymentLink .CommonCase .MuiTab-textColorInherit {
  opacity: 0.5;
}

.Subscriptions {
  /************** Custom for Client Word ******************/
}

.Subscriptions section {
  padding: 5% 0;
}

.Subscriptions .PagesHero .imgContainerSub .subsImg {
  right: -6%;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .Subscriptions .PagesHero .imgContainerSub .subsImg {
    right: -3%;
  }
}

.Subscriptions .PagesHero .heroLeft {
  bottom: -20%;
}

@media screen and (max-width: 860px) {
  .Subscriptions .PagesHero .heroLeft {
    bottom: -10%;
  }
}

.Subscriptions .Subshero {
  padding: 2% 0;
}

.Subscriptions .Subshero p {
  color: #b2d8fd;
  font-size: 1.2vw;
}

.Subscriptions .Subshero .paymentLinkIntroImg {
  display: none;
}

.Subscriptions .Subshero .imgContainer {
  display: none;
}

.Subscriptions .SubsBrands {
  text-align: center;
}

.Subscriptions .SubsBrands .haedline {
  font-family: 'Gotham-Medium';
  position: relative;
  font-size: 1.2vw;
  width: 40%;
  margin: 0 auto;
  text-align: center;
  color: #01338d;
  margin-top: 2%;
}

@media screen and (max-width: 860px) {
  .Subscriptions .SubsBrands .haedline {
    font-size: 3vw;
    width: 80%;
  }
}

.Subscriptions .SubsBrands .haedline::after {
  background-image: url('../images/headline-arrow.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 1vw;
  position: absolute;
  height: 0.7vw;
  content: '';
}

@media screen and (max-width: 860px) {
  .Subscriptions .SubsBrands .haedline::after {
    width: 2vw;
    position: absolute;
    height: 2vw;
    right: 8%;
  }
}

.Subscriptions .SubsBrands .brandsLogos {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2% auto;
}

@media screen and (max-width: 860px) {
  .Subscriptions .SubsBrands .brandsLogos {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto auto;
    grid-template-columns: auto auto auto;
  }
}

.Subscriptions .SubsBrands .brandsLogos .brandImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 8vw;
  height: 7.5vw;
  margin: 2% 1.5%;
}

@media screen and (max-width: 860px) {
  .Subscriptions .SubsBrands .brandsLogos .brandImg {
    width: 20vw;
    height: 15vw;
  }
}

.Subscriptions .SubsBrands .btnlink {
  color: #0080f9;
  text-align: center;
  background-color: #e5f2fe;
  font-size: 0.9vw;
  padding: 1% 3%;
  border-radius: 12px;
  margin: 3% 0;
}

.Subscriptions .SubsFeatures h1 {
  font-size: 2.5vw;
  color: #0080f9;
  text-align: center;
  margin-bottom: 3%;
}

.Subscriptions .SubsFeatures h4 {
  text-align: center;
  color: #00c8ff;
  margin: 0;
}

.Subscriptions .SubsFeatures .patternbtm {
  width: 0.9vw;
  height: 0.9vw;
  position: absolute;
  right: 15%;
  bottom: 10%;
}

@media screen and (max-width: 860px) {
  .Subscriptions .SubsFeatures .tabContainer .MuiBox-root-7 {
    padding-top: 0 !important;
  }
}

.Subscriptions .SubsFeatures .MuiTab-textColorInherit.Mui-selected {
  background-color: #e5f2fe;
  opacity: 1;
  -webkit-animation-name: fadeInOpacity;
  animation-name: fadeInOpacity;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  padding: 1.5vw;
}

.Subscriptions .SubsFeatures .MuiTab-textColorInherit.Mui-selected h3 {
  color: #0080f9;
}

.Subscriptions .SubsFeatures .MuiTab-textColorInherit.Mui-selected p {
  color: #01338d;
}

@media screen and (max-width: 860px) {
  .Subscriptions .SubsFeatures .MuiTab-textColorInherit.Mui-selected {
    padding: 5vw;
  }
  .Subscriptions .SubsFeatures .MuiTab-textColorInherit.Mui-selected p {
    display: block;
  }
}

.Subscriptions .SubsFeatures .MuiTab-textColorInherit.Mui-selected::after {
  background-image: url('../images/subscriptions/aftertabs.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.3vw;
  width: 1.5vw;
  position: absolute;
  height: 2vw;
  right: -4%;
  content: '';
  background-color: transparent;
  -webkit-transform-origin: 100% 100% 0;
  transform-origin: 100% 100% 0;
  top: unset;
}

@media screen and (max-width: 860px) {
  .Subscriptions .SubsFeatures .MuiTab-textColorInherit.Mui-selected::after {
    width: 5vw;
    height: 6vw;
    right: -6%;
  }
}

.Subscriptions .SubsFeatures .MuiTabs-vertical {
  width: 50%;
}

@media screen and (max-width: 860px) {
  .Subscriptions .SubsFeatures .MuiTabs-vertical {
    width: 100%;
  }
}

.Subscriptions .SubsFeatures .MuiTab-root {
  min-width: 65%;
  max-width: 64%;
  padding: 1% 2%;
  overflow: initial;
}

@media screen and (max-width: 860px) {
  .Subscriptions .SubsFeatures .MuiTab-root {
    min-width: 90%;
    max-width: 90%;
  }
}

.Subscriptions .SubsFeatures .MuiButtonBase-root {
  margin: 5% 0% 0% 15%;
  border-radius: 1vw;
}

@media screen and (max-width: 860px) {
  .Subscriptions .SubsFeatures .MuiButtonBase-root {
    margin: 2% 5% 0% 5%;
    min-height: auto;
  }
}

.Subscriptions .SubsFeatures .MuiButtonBase-root:first-child {
  margin-top: 15%;
}

@media screen and (max-width: 860px) {
  .Subscriptions .SubsFeatures .MuiButtonBase-root:first-child {
    margin-top: 5%;
  }
}

.Subscriptions .SubsFeatures .MuiButtonBase-root:last-child {
  margin-bottom: 15%;
}

@media screen and (max-width: 860px) {
  .Subscriptions .SubsFeatures .MuiButtonBase-root:last-child {
    margin-top: 5%;
    margin-bottom: 0;
  }
}

.Subscriptions .SubsFeatures .tabContainer {
  position: relative;
  z-index: 99;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#3f9ffa),
    color-stop(#178bf9),
    to(#0080f9)
  );
  background-image: linear-gradient(0deg, #3f9ffa, #178bf9, #0080f9);
}

@media screen and (max-width: 860px) {
  .Subscriptions .SubsFeatures .tabContainer {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
}

.Subscriptions .SubsFeatures .tabContainer .patternFeatures {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: -1;
}

.Subscriptions .SubsFeatures .tabContainer .MuiTabs-flexContainerVertical {
  margin: 4vw 0;
}

@media only screen and (max-width: 320px) and (max-width: 768px) {
  .Subscriptions .SubsFeatures .tabContainer .MuiTabs-flexContainerVertical {
    margin: unset !important;
  }
}

.Subscriptions .SubsFeatures .MuiTabs-scroller {
  width: 100%;
}

.Subscriptions .SubsFeatures .tabsTopic {
  text-align: left;
}

.Subscriptions .SubsFeatures .tabsTopic h3 {
  color: #e5f2fe;
  text-transform: capitalize;
  font-family: 'Gotham-Book';
  margin: 0;
}

.Subscriptions .SubsFeatures .tabsTopic p {
  color: #99ccfc;
  text-transform: lowercase;
  font-family: 'Gotham-Book';
  text-transform: none;
  margin: 0;
}

@media screen and (max-width: 860px) {
  .Subscriptions .SubsFeatures .tabsTopic p {
    display: none;
  }
}

.Subscriptions .SubsFeatures .tabsTopic a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #00c8ff;
  font-family: 'Gotham-Medium';
  font-size: 0.8vw;
  text-align: left;
  padding-top: 1vw;
}

.Subscriptions .SubsFeatures .tabsTopic a:hover {
  color: #b2d8fd;
  -webkit-transition: 2ms;
  transition: 2ms;
}

.Subscriptions .SubsFeatures .tabsTopic a img {
  height: 0.9vw;
  width: 0.9vw;
}

.Subscriptions .SubsFeatures .MuiTabs-indicator {
  display: none;
}

@keyframes fade {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

.Subscriptions .SubsFeatures .tabsImg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 39vw;
  width: 31vw;
  opacity: 1;
  -webkit-animation-name: fadeInOpacity;
  animation-name: fadeInOpacity;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

@media screen and (max-width: 860px) {
  .Subscriptions .SubsFeatures .tabsImg {
    height: 80vw;
    width: 100%;
  }
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.Subscriptions .SubsFeatures .MuiTab-textColorInherit {
  opacity: 1;
}

.Subscriptions .clientsWord .ClientPtn {
  display: block !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50vw;
  width: 30vw;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

.Installments {
  /************** Custom for Client Word ******************/
}

.Installments section {
  padding: 5% 0;
}

.Installments .haedline {
  color: #0080f9;
  font-family: 'Gotham-Medium';
  position: relative;
  font-size: 1.2vw;
  width: 40%;
  margin: 0 auto;
}

@media screen and (max-width: 860px) {
  .Installments .haedline {
    font-size: 3vw;
    width: 80%;
  }
}

.Installments .haedline::after {
  background-image: url('../images/headline-arrow.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 1vw;
  position: absolute;
  height: 0.7vw;
  content: '';
}

@media screen and (max-width: 860px) {
  .Installments .haedline::after {
    width: 2vw;
    position: absolute;
    height: 2vw;
    right: 8%;
  }
}

.Installments .installsHero {
  padding: 2% 0;
}

@media screen and (max-width: 860px) {
  .Installments .installsHero .gridHeader .container .installsIcon {
    width: 7vw;
    height: 7vw;
  }
}

.Installments .installsHero .gridHeader .container::after {
  top: -0.7vw;
}

.Installments .installsHero .installsImg {
  height: 42vw;
}

@media screen and (max-width: 860px) {
  .Installments .installsHero .installsImg {
    height: 60vw;
  }
}

.Installments .installsHero .imgContainerSub {
  display: none;
}

.Installments .installsHero .paymentLinkIntroImg {
  display: none;
}

.Installments .installsHero .installsContent ul li {
  color: #b2d8fd;
  position: relative;
  margin-left: 4%;
  display: block;
  font-size: 1.2vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .Installments .installsHero .installsContent ul li {
    font-size: 5vw;
  }
}

.Installments .installsHero .installsContent ul li::before {
  background-image: url('../images/list-arrow.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 0.6vw;
  position: absolute;
  height: 0.6vw;
  left: -1vw;
  top: 0.5vw;
  content: '';
}

@media screen and (max-width: 860px) {
  .Installments .installsHero .installsContent ul li::before {
    width: 2vw;
    position: absolute;
    height: 2vw;
    left: -4vw;
    top: 3vw;
  }
}

.Installments .installsHero .installsContent .heroBtns li {
  margin-left: unset;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.Installments .installsHero .installsContent .heroBtns li::before {
  display: none;
}

.Installments .installsBrands {
  text-align: center;
  padding-top: 9%;
}

.Installments .installsBrands .haedline {
  font-family: 'Gotham-Medium';
  position: relative;
  font-size: 1.2vw;
  width: 40%;
  margin: 0 auto;
  text-align: center;
  color: #01338d;
  margin-top: 2%;
}

@media screen and (max-width: 860px) {
  .Installments .installsBrands .haedline {
    font-size: 3vw;
    width: 80%;
  }
}

.Installments .installsBrands .haedline::after {
  background-image: url('../images/headline-arrow.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 1vw;
  position: absolute;
  height: 0.7vw;
  content: '';
}

@media screen and (max-width: 860px) {
  .Installments .installsBrands .haedline::after {
    width: 2vw;
    position: absolute;
    height: 2vw;
    right: 8%;
  }
}

.Installments .installsBrands .brandsLogos {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2% auto;
}

@media screen and (max-width: 860px) {
  .Installments .installsBrands .brandsLogos {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto auto;
    grid-template-columns: auto auto auto;
  }
}

.Installments .installsBrands .brandsLogos .brandImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 8vw;
  height: 7.5vw;
  margin: 2% 1.5%;
}

@media screen and (max-width: 860px) {
  .Installments .installsBrands .brandsLogos .brandImg {
    width: 20vw;
    height: 15vw;
  }
}

.Installments .installsBrands .btnlink {
  color: #0080f9;
  text-align: center;
  background-color: #e5f2fe;
  font-size: 0.9vw;
  padding: 1% 3%;
  border-radius: 12px;
  margin: 3% 0;
}

.Installments .ModuleFeatures {
  position: relative;
}

.Installments
  .ModuleFeatures
  > div
  > div
  > div:nth-child(4)
  .AddImg
  .onlineImg {
  -webkit-transform: unset !important;
  transform: unset !important;
  background-size: contain;
  width: 100%;
  height: 24vw;
}

@media screen and (max-width: 860px) {
  .Installments
    .ModuleFeatures
    > div
    > div
    > div:nth-child(4)
    .AddImg
    .onlineImg {
    width: 80%;
    height: 64vw;
  }
}

.Installments .ModuleFeatures > div > div > div:nth-child(4) .AddImg::before {
  content: ' ';
  position: absolute;
  top: 9vw;
  height: 25vw;
  background-color: #c7e3fe;
  width: 29vw;
  right: 7vw;
  opacity: 50%;
  border-radius: 2vw;
  display: block !important;
}

@media screen and (max-width: 960px) {
  .Installments .ModuleFeatures > div > div > div:nth-child(4) .AddImg::before {
    width: 80%;
    margin: 0 auto;
    right: 0;
    left: 0;
    -webkit-transform: unset !important;
    transform: unset !important;
    height: 48vw;
    top: 18vw;
  }
}

.Installments .ModuleFeatures .addPtnbtm {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50vh;
  width: 9vw;
  position: absolute;
  left: 0;
  bottom: 14%;
}

.Installments .ModuleFeatures .ClientPtntop {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 11vh;
  width: 3vw;
  position: absolute;
  right: 0;
  top: 20%;
}

.Installments
  .ModuleFeatures
  .MuiGrid-container:nth-child(odd)
  > div
  > .AddImg
  .onlineImg {
  -webkit-transform: perspective(60vw) rotateY(-13deg);
  transform: perspective(60vw) rotateY(-13deg);
}

@media screen and (max-width: 860px) {
  .Installments
    .ModuleFeatures
    .MuiGrid-container:nth-child(odd)
    > div
    > .AddImg
    .onlineImg {
    -webkit-transform: unset !important;
    transform: unset !important;
  }
}

.Installments
  .ModuleFeatures
  .MuiGrid-container:nth-child(odd)
  > div
  > .AddImg:before {
  -webkit-transform: perspective(60vw) rotateY(-13deg);
  transform: perspective(60vw) rotateY(-13deg);
}

@media screen and (max-width: 860px) {
  .Installments
    .ModuleFeatures
    .MuiGrid-container:nth-child(odd)
    > div
    > .AddImg:before {
    -webkit-transform: unset !important;
    transform: unset !important;
  }
}

@media screen and (max-width: 950px) {
  .Installments .ModuleFeatures .MuiGrid-container:nth-child(odd) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.Installments .ModuleFeatures .addDetails {
  text-align: left;
  padding: 0 16%;
}

.Installments .ModuleFeatures .addDetails .haedline {
  margin: 0;
  font-size: 1.9vw;
  width: 100%;
  margin-top: 30%;
}

@media screen and (max-width: 860px) {
  .Installments .ModuleFeatures .addDetails .haedline {
    font-size: 3.5vw;
  }
}

.Installments .ModuleFeatures .addDetails .haedline::after {
  right: 0px;
  top: 0;
}

@media screen and (max-width: 860px) {
  .Installments .ModuleFeatures .addDetails .haedline::after {
    right: -9%;
    top: 0;
  }
}

.Installments .ModuleFeatures .addDetails p {
  color: #01338d;
  font-family: 'Gotham-Book';
  font-size: 1vw;
  font-weight: 600;
}

.Installments .ModuleFeatures .addDetails .paymentOptions {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
}

.Installments .ModuleFeatures .addDetails .paymentOptions .MuiAccordion-root {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.Installments .ModuleFeatures .addDetails .paymentOptions .Mui-expanded {
  min-height: initial !important;
}

.Installments
  .ModuleFeatures
  .addDetails
  .paymentOptions
  .MuiAccordionSummary-root {
  min-height: initial !important;
}

.Installments
  .ModuleFeatures
  .addDetails
  .paymentOptions
  .MuiAccordionSummary-root {
  padding: 0 !important;
}

.Installments
  .ModuleFeatures
  .addDetails
  .paymentOptions
  .MuiAccordionSummary-content {
  margin: 0;
}

.Installments .ModuleFeatures .addDetails .paymentOptions .icons {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3vw 3vw 3vw;
  grid-template-columns: 3vw 3vw 3vw;
  text-align: center;
  -webkit-column-gap: 2%;
  column-gap: 2%;
}

@media screen and (max-width: 860px) {
  .Installments .ModuleFeatures .addDetails .paymentOptions .icons {
    -ms-grid-columns: 10.5vw 10.5vw !important;
    grid-template-columns: 10.5vw 10.5vw !important;
  }
}

.Installments .ModuleFeatures .addDetails .paymentOptions .icons img {
  width: 3vw;
  height: 3vw;
}

@media screen and (max-width: 860px) {
  .Installments .ModuleFeatures .addDetails .paymentOptions .icons img {
    min-width: 10.5vw;
    min-height: 10.5vw;
  }
}

.Installments .ModuleFeatures .addDetails .paymentOptions li {
  color: #435575;
  font-family: 'Gotham-Book';
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-size: 0.87vw;
  margin: 2%;
}

@media screen and (max-width: 860px) {
  .Installments .ModuleFeatures .addDetails .paymentOptions li {
    margin: 5%;
    font-size: 1.9vw;
  }
}

.Installments .ModuleFeatures .addDetails .paymentOptions li img {
  height: 1.5vw;
  width: 1.7vw;
  margin-right: 2%;
}

@media screen and (max-width: 860px) {
  .Installments .ModuleFeatures .addDetails .paymentOptions li img {
    height: 4.5vw;
    width: 4.5vw;
  }
}

.Installments .ModuleFeatures .addDetails .paymentOptions li .optImgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.Installments .ModuleFeatures .addDetails .paymentOptions li .optImgs .img1 {
  height: 1.7vw;
  width: 2vw;
  margin-right: 5%;
}

@media screen and (max-width: 860px) {
  .Installments .ModuleFeatures .addDetails .paymentOptions li .optImgs .img1 {
    height: 4vw;
    width: 7vw;
  }
}

.Installments .ModuleFeatures .addDetails .paymentOptions li .optImgs .img2 {
  height: 2vw;
  width: 3.5vw;
}

@media screen and (max-width: 860px) {
  .Installments .ModuleFeatures .addDetails .paymentOptions li .optImgs .img2 {
    height: 5vw;
    width: 10vw;
  }
}

.Installments .ModuleFeatures .addDetails .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 2%;
}

.Installments .ModuleFeatures .addDetails .contact img {
  max-width: 0.7vw;
  max-height: 0.7vw;
}

@media screen and (max-width: 860px) {
  .Installments .ModuleFeatures .addDetails .contact img {
    max-width: 2vw;
    max-height: 2vw;
  }
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.Installments .ModuleFeatures .animated {
  text-align: center;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: fade 1.5s linear;
  animation: fade 1.5s linear;
}

.Installments .ModuleFeatures .animated .circles {
  margin: 0;
  position: absolute;
  top: 0;
  left: 20%;
  height: 30vw;
  width: 30vw;
  -webkit-transition: all 1.3s ease-out;
  transition: all 1.3s ease-out;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.Installments .ModuleFeatures .animated .circles:hover {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

@media screen and (max-width: 860px) {
  .Installments .ModuleFeatures .animated .circles {
    bottom: -18vw;
    top: unset;
    left: 28%;
    height: 28vw;
    width: 33vw;
  }
}

.Installments .ModuleFeatures .AddImg {
  text-align: center;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-top: 10vw;
  padding-bottom: 10vw;
  margin-top: -5vw;
}

.Installments .ModuleFeatures .AddImg .onlineImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 95%;
  height: 23vw;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 2vw;
  -webkit-transform: perspective(60vw) rotateY(13deg);
  transform: perspective(60vw) rotateY(13deg);
}

@media screen and (max-width: 950px) {
  .Installments .ModuleFeatures .AddImg .onlineImg {
    -webkit-transform: unset !important;
    transform: unset !important;
    width: 80%;
    margin: 0 auto;
    height: 35vw;
  }
}

.Installments .ModuleFeatures .AddImg::before {
  content: ' ';
  position: absolute;
  top: 9vw;
  height: 25vw;
  background-color: #c7e3fe;
  width: 29vw;
  right: 7vw;
  opacity: 50%;
  border-radius: 2vw;
  -webkit-transform: perspective(60vw) rotateY(13deg);
  transform: perspective(60vw) rotateY(13deg);
}

@media screen and (max-width: 950px) {
  .Installments .ModuleFeatures .AddImg::before {
    width: 60%;
    margin: 0 auto;
    right: 0;
    left: 0;
    -webkit-transform: unset !important;
    transform: unset !important;
    height: 40vw;
  }
}

.Installments .clientsWord {
  padding-top: 5% !important;
}

.Installments .clientsWord .ClientPtn {
  display: block !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50vw;
  width: 30vw;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

.wallet {
  /***************** Custom for shared component *********/
  /***************** Shared *****************/
  /***************** Wallet Header section ******************/
  /***************** Add Payments section ******************/
  /************** Digital wallet section ******************/
  /************** Use cases section ******************/
  /************** Numbers section ******************/
  /************** Custom for Client Word ******************/
}

@media screen and (max-width: 860px) {
  .wallet .header .rightHeader ul li:nth-child(2) a img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    opacity: 0.8;
  }
}

.wallet .sticky .rightHeader ul li:nth-child(2) a {
  color: #e5f2fe !important;
  background-color: #0080f9 !important;
}

.wallet .sticky .rightHeader ul li:nth-child(2) a img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  opacity: 0.8;
}

.wallet .morequestion {
  display: none;
}

.wallet .createAccountBlue {
  padding-top: 0;
  padding-bottom: 0;
}

.wallet section {
  padding-top: 5%;
  padding-bottom: 5%;
}

.wallet .haedline {
  color: #0080f9;
  font-family: 'Gotham-Medium';
  position: relative;
  font-size: 1.2vw;
  width: 40%;
  margin: 0 auto;
}

@media screen and (max-width: 860px) {
  .wallet .haedline {
    font-size: 3vw;
    width: 80%;
  }
}

.wallet .haedline::after {
  background-image: url('../images/headline-arrow.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 1vw;
  position: absolute;
  height: 0.7vw;
  content: '';
}

@media screen and (max-width: 860px) {
  .wallet .haedline::after {
    width: 2vw;
    position: absolute;
    height: 2vw;
    right: 20%;
  }
}

.wallet .WalletHeader {
  position: relative;
  background-color: #01338d;
  padding-bottom: 13%;
  z-index: 9;
  padding-top: 3% !important;
}

@media screen and (max-width: 860px) {
  .wallet .WalletHeader {
    padding-bottom: 30%;
  }
}

.wallet .WalletHeader .patternRightbtm {
  width: 38%;
  position: absolute;
  bottom: 0;
  right: 0;
}

.wallet .WalletHeader .rightArrow {
  margin-left: 0.2vw;
}

@media screen and (max-width: 768px) {
  .wallet .WalletHeader .rightArrow {
    width: 2.7vw !important;
    margin-left: 0.2vw;
    height: 2.7vw !important;
  }
}

.wallet .WalletHeader .patternLeft {
  left: 0;
  width: 4%;
  top: 28%;
  position: absolute;
}

.wallet .WalletHeader .patternRight {
  right: 0;
  width: 5%;
  top: 13%;
  position: absolute;
}

.wallet .WalletHeader .digitalImg {
  position: absolute;
  left: 0%;
  top: 36%;
  width: 38%;
  max-width: 48%;
  z-index: 99;
}

@media screen and (max-width: 860px) {
  .wallet .WalletHeader .digitalImg {
    top: 73%;
  }
}

@media screen and (max-width: 860px) {
  .wallet .WalletHeader .gridHeader:first-child {
    padding-bottom: 0px;
  }
}

@media screen and (max-width: 860px) {
  .wallet .WalletHeader .gridHeader:last-child {
    padding-top: 5%;
  }
}

.wallet .WalletHeader .row {
  max-width: 88vw;
}

.wallet .WalletHeader p,
.wallet .WalletHeader a {
  font-family: 'Gotham-Light';
  color: #e5f2fe;
}

.wallet .WalletHeader .rightArrow {
  width: 0.9vw;
  height: 0.9vw;
}

.wallet .WalletHeader p {
  margin: 0;
}

.wallet .WalletHeader .onlineLogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 860px) {
  .wallet .WalletHeader .onlineLogo {
    margin-top: 5%;
  }
}

.wallet .WalletHeader .onlineLogo span {
  font-family: 'Gotham-Medium';
  font-size: 1.2vw;
}

@media screen and (max-width: 860px) {
  .wallet .WalletHeader .onlineLogo span {
    font-size: 3.5vw;
  }
}

.wallet .WalletHeader .container {
  position: relative;
  margin-right: 2%;
}

.wallet .WalletHeader .container .paymentIcon {
  width: 2.9vw;
  height: 2.5vw;
  position: relative;
  z-index: 999;
  background-color: rgba(225, 225, 225, 0.2);
  border-radius: 35%;
  padding: 20%;
}

@media screen and (max-width: 860px) {
  .wallet .WalletHeader .container .paymentIcon {
    width: 6.5vw;
    height: 6vw;
    position: relative;
    z-index: 999;
    background-color: rgba(225, 225, 225, 0.2);
    border-radius: 35%;
    padding: 20%;
  }
}

@media screen and (max-width: 860px) {
  .wallet .WalletHeader .container::after {
    display: none;
  }
}

.wallet .WalletHeader .fastLinks {
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: right;
  width: 70%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 860px) {
  .wallet .WalletHeader .fastLinks {
    float: initial;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media screen and (max-width: 860px) {
  .wallet .WalletHeader .fastLinks .rightArrow {
    width: 2vw;
    height: 2vw;
  }
}

@media screen and (max-width: 860px) {
  .wallet .WalletHeader .fastLinks {
    width: 100%;
  }
}

.wallet .WalletHeader .fastLinks li {
  margin-right: 5%;
}

.wallet .WalletHeader .fastLinks a {
  font-size: 1.1vw;
}

@media screen and (max-width: 860px) {
  .wallet .WalletHeader .fastLinks a {
    font-size: 2.5vw;
  }
}

.wallet .WalletHeader .fastLinks a:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.wallet .WalletHeader .herosec {
  width: 49%;
  text-align: center;
  margin: 0 auto;
}

@media screen and (max-width: 860px) {
  .wallet .WalletHeader .herosec {
    width: 90%;
  }
}

.wallet .WalletHeader .herosec h1 {
  color: #e5f2fe;
  margin-top: 5vw;
  font-size: 2.4vw;
}

@media screen and (max-width: 860px) {
  .wallet .WalletHeader .herosec h1 {
    font-size: 5vw;
  }
}

.wallet .WalletHeader .herosec p {
  margin: 0 5vw;
  font-size: 1.1vw;
}

.wallet .WalletHeader .heroBtns {
  width: 50%;
  text-align: center;
  margin: 3% auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.wallet .WalletHeader .heroBtns .btn {
  border-radius: 18px;
  background-color: #fff;
  padding: 2% 5%;
  color: #0080f9;
  margin-right: 5%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: 'Gotham-Medium';
}

.wallet .WalletHeader .heroBtns .btn:hover {
  color: #01338d;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.wallet .WalletHeader .heroBtns .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: 'Gotham-Medium';
}

.wallet .WalletHeader .heroBtns .contact:hover {
  color: #0080f9;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

.wallet .WalletHeader .walletDesc {
  position: absolute;
  background-color: #fff;
  border-radius: 265px 20px 20px 20px;
  padding: 7%;
  width: 70%;
  margin: 0 auto;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -50%;
  left: 50%;
}

@media screen and (max-width: 860px) {
  .wallet .WalletHeader .walletDesc {
    width: 100%;
    bottom: -56%;
    border-radius: 40px 20px 20px 20px;
  }
}

.wallet .WalletHeader .walletDesc .descContainer {
  position: relative;
}

.wallet .WalletHeader .walletDesc .descContainer h2 {
  font-size: 1.9vw;
}

.wallet .WalletHeader .walletDesc .descContainer h2 span {
  color: #0080f9;
}

.wallet .WalletHeader .walletDesc .descContainer p {
  font-size: 1.2vw;
  margin-top: 5%;
}

.wallet .WalletHeader .walletDesc .descContainer .descBlock {
  width: 50%;
  margin-left: 35%;
}

.wallet .WalletHeader .walletDesc .descContainer .descImg {
  position: absolute;
  top: -50%;
  right: -6%;
  width: 8%;
}

@media screen and (max-width: 860px) {
  .wallet .WalletHeader .walletDesc .descContainer .descImg {
    top: 0;
    right: 0;
  }
}

.wallet .WalletHeader .walletDesc .descContainer h2 {
  color: #01338d;
  font-family: 'Gotham-Bold';
}

.wallet .WalletHeader .walletDesc .descContainer h2 span {
  color: #0080f9;
}

.wallet .WalletHeader .walletDesc .descContainer p {
  color: #01338d;
  font: 'Gotham-Book';
}

.wallet .ModuleFeatures {
  position: relative;
  z-index: 99;
  padding-top: 35%;
  padding-bottom: 10%;
}

@media screen and (max-width: 860px) {
  .wallet .ModuleFeatures {
    padding-top: 60%;
    padding-bottom: 7%;
  }
}

.wallet .ModuleFeatures > div > div > div:nth-child(4) .AddImg .onlineImg {
  -webkit-transform: unset !important;
  transform: unset !important;
  background-size: contain;
  width: 100%;
  height: 24vw;
}

@media screen and (max-width: 860px) {
  .wallet .ModuleFeatures > div > div > div:nth-child(4) .AddImg .onlineImg {
    width: 100%;
    height: 40vw;
  }
}

.wallet .ModuleFeatures > div > div > div:nth-child(4) .AddImg::before {
  content: ' ';
  position: absolute;
  top: 9vw;
  height: 25vw;
  background-color: #c7e3fe;
  width: 29vw;
  right: 7vw;
  opacity: 50%;
  border-radius: 2vw;
  display: block !important;
}

@media screen and (max-width: 960px) {
  .wallet .ModuleFeatures > div > div > div:nth-child(4) .AddImg::before {
    width: 74%;
    margin: 0 auto;
    right: 0;
    left: 0;
    -webkit-transform: unset !important;
    transform: unset !important;
    height: 35vw;
    top: 12vw;
  }
}

.wallet .ModuleFeatures .addPtnbtm {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50vh;
  width: 9vw;
  position: absolute;
  left: 0;
  bottom: 14%;
}

.wallet .ModuleFeatures .ClientPtntop {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 11vh;
  width: 3vw;
  position: absolute;
  right: 0;
  top: 20%;
}

.wallet
  .ModuleFeatures
  .MuiGrid-container:nth-child(odd)
  > div
  > .AddImg
  .onlineImg {
  -webkit-transform: perspective(60vw) rotateY(-13deg);
  transform: perspective(60vw) rotateY(-13deg);
}

@media screen and (max-width: 860px) {
  .wallet
    .ModuleFeatures
    .MuiGrid-container:nth-child(odd)
    > div
    > .AddImg
    .onlineImg {
    -webkit-transform: unset !important;
    transform: unset !important;
  }
}

.wallet
  .ModuleFeatures
  .MuiGrid-container:nth-child(odd)
  > div
  > .AddImg:before {
  -webkit-transform: perspective(60vw) rotateY(-13deg);
  transform: perspective(60vw) rotateY(-13deg);
}

@media screen and (max-width: 860px) {
  .wallet
    .ModuleFeatures
    .MuiGrid-container:nth-child(odd)
    > div
    > .AddImg:before {
    -webkit-transform: unset !important;
    transform: unset !important;
  }
}

@media screen and (max-width: 950px) {
  .wallet .ModuleFeatures .MuiGrid-container:nth-child(odd) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.wallet .ModuleFeatures .addDetails {
  text-align: left;
  padding: 0 16%;
}

.wallet .ModuleFeatures .addDetails .haedline {
  margin: 0;
  font-size: 1.9vw;
  width: 100%;
  margin-top: 12%;
}

@media screen and (max-width: 860px) {
  .wallet .ModuleFeatures .addDetails .haedline {
    font-size: 3.5vw;
    margin-top: 0;
  }
}

.wallet .ModuleFeatures .addDetails .haedline::after {
  right: 0px;
  top: 0;
}

@media screen and (max-width: 860px) {
  .wallet .ModuleFeatures .addDetails .haedline::after {
    right: -9%;
    top: 0;
  }
}

.wallet .ModuleFeatures .addDetails p {
  color: #01338d;
  font-family: 'Gotham-Book';
  font-size: 1vw;
  font-weight: 600;
}

.wallet .ModuleFeatures .addDetails .paymentOptions {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
}

.wallet .ModuleFeatures .addDetails .paymentOptions .MuiAccordion-root {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.wallet .ModuleFeatures .addDetails .paymentOptions .Mui-expanded {
  min-height: initial !important;
}

.wallet .ModuleFeatures .addDetails .paymentOptions .MuiAccordionSummary-root {
  min-height: initial !important;
}

.wallet .ModuleFeatures .addDetails .paymentOptions .MuiAccordionSummary-root {
  padding: 0 !important;
}

.wallet
  .ModuleFeatures
  .addDetails
  .paymentOptions
  .MuiAccordionSummary-content {
  margin: 0;
}

.wallet .ModuleFeatures .addDetails .paymentOptions .icons {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3vw 3vw 3vw;
  grid-template-columns: 3vw 3vw 3vw;
  text-align: center;
  -webkit-column-gap: 2%;
  column-gap: 2%;
}

@media screen and (max-width: 860px) {
  .wallet .ModuleFeatures .addDetails .paymentOptions .icons {
    -ms-grid-columns: 10.5vw 10.5vw !important;
    grid-template-columns: 10.5vw 10.5vw !important;
  }
}

.wallet .ModuleFeatures .addDetails .paymentOptions .icons img {
  width: 3vw;
  height: 3vw;
}

@media screen and (max-width: 860px) {
  .wallet .ModuleFeatures .addDetails .paymentOptions .icons img {
    min-width: 10.5vw;
    min-height: 10.5vw;
  }
}

.wallet .ModuleFeatures .addDetails .paymentOptions li {
  color: #435575;
  font-family: 'Gotham-Book';
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-size: 0.87vw;
  margin: 2%;
}

@media screen and (max-width: 860px) {
  .wallet .ModuleFeatures .addDetails .paymentOptions li {
    margin: 5%;
    font-size: 1.9vw;
  }
}

.wallet .ModuleFeatures .addDetails .paymentOptions li img {
  height: 1.5vw;
  width: 1.7vw;
  margin-right: 2%;
}

@media screen and (max-width: 860px) {
  .wallet .ModuleFeatures .addDetails .paymentOptions li img {
    height: 4.5vw;
    width: 4.5vw;
  }
}

.wallet .ModuleFeatures .addDetails .paymentOptions li .optImgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.wallet .ModuleFeatures .addDetails .paymentOptions li .optImgs .img1 {
  height: 1.7vw;
  width: 2vw;
  margin-right: 5%;
}

@media screen and (max-width: 860px) {
  .wallet .ModuleFeatures .addDetails .paymentOptions li .optImgs .img1 {
    height: 4vw;
    width: 7vw;
  }
}

.wallet .ModuleFeatures .addDetails .paymentOptions li .optImgs .img2 {
  height: 2vw;
  width: 3.5vw;
}

@media screen and (max-width: 860px) {
  .wallet .ModuleFeatures .addDetails .paymentOptions li .optImgs .img2 {
    height: 5vw;
    width: 10vw;
  }
}

.wallet .ModuleFeatures .addDetails .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 2%;
}

.wallet .ModuleFeatures .addDetails .contact img {
  max-width: 0.7vw;
  max-height: 0.7vw;
}

@media screen and (max-width: 860px) {
  .wallet .ModuleFeatures .addDetails .contact img {
    max-width: 2vw;
    max-height: 2vw;
  }
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.wallet .ModuleFeatures .animated {
  text-align: center;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: fade 1.5s linear;
  animation: fade 1.5s linear;
}

.wallet .ModuleFeatures .animated .circles {
  margin: 0;
  position: absolute;
  top: 0;
  left: 20%;
  height: 30vw;
  width: 30vw;
  -webkit-transition: all 1.3s ease-out;
  transition: all 1.3s ease-out;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.wallet .ModuleFeatures .animated .circles:hover {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

@media screen and (max-width: 860px) {
  .wallet .ModuleFeatures .animated .circles {
    bottom: -18vw;
    top: unset;
    left: 28%;
    height: 28vw;
    width: 33vw;
  }
}

.wallet .ModuleFeatures .AddImg {
  text-align: center;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-top: 10vw;
  padding-bottom: 10vw;
  margin-top: -5vw;
}

.wallet .ModuleFeatures .AddImg .onlineImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 95%;
  height: 23vw;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 2vw;
  -webkit-transform: perspective(60vw) rotateY(13deg);
  transform: perspective(60vw) rotateY(13deg);
}

@media screen and (max-width: 950px) {
  .wallet .ModuleFeatures .AddImg .onlineImg {
    -webkit-transform: unset !important;
    transform: unset !important;
    width: 80%;
    margin: 0 auto;
    height: 35vw;
  }
}

.wallet .ModuleFeatures .AddImg::before {
  content: ' ';
  position: absolute;
  top: 9vw;
  height: 25vw;
  background-color: #c7e3fe;
  width: 29vw;
  right: 7vw;
  opacity: 50%;
  border-radius: 2vw;
  -webkit-transform: perspective(60vw) rotateY(13deg);
  transform: perspective(60vw) rotateY(13deg);
}

@media screen and (max-width: 950px) {
  .wallet .ModuleFeatures .AddImg::before {
    width: 60%;
    margin: 0 auto;
    right: 0;
    left: 0;
    -webkit-transform: unset !important;
    transform: unset !important;
    height: 40vw;
  }
}

.wallet .digitalWallet {
  position: relative;
  height: 90vh;
}

@media screen and (max-width: 1030px) {
  .wallet .digitalWallet {
    height: auto;
  }
}

.wallet .digitalWallet .digitalWalletdetails {
  position: absolute;
  width: 84vw;
  left: 50%;
  bottom: -20%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #01338d;
  padding: 7% 13%;
  border-radius: 2vw;
}

@media screen and (max-width: 1030px) {
  .wallet .digitalWallet .digitalWalletdetails {
    padding-bottom: 15%;
    position: unset;
    -webkit-transform: unset;
    transform: unset;
    width: 100%;
  }
}

@media screen and (max-width: 860px) {
  .wallet
    .digitalWallet
    .digitalWalletdetails
    .MuiGrid-spacing-xs-10
    > .MuiGrid-item {
    padding: 25px 40px;
  }
}

.wallet .digitalWallet .digitalWalletdetails h2 {
  color: #e5f2fe;
  font-family: 'Gotham-Book';
  font-size: 2.2vw;
  text-align: center;
  font-weight: 500;
  width: 42%;
  margin: 0 auto;
  margin-bottom: 8%;
  width: 52%;
}

@media screen and (max-width: 860px) {
  .wallet .digitalWallet .digitalWalletdetails h2 {
    width: 100%;
    margin-bottom: 20%;
  }
}

.wallet .digitalWallet .digitalWalletdetails h2 span {
  font-family: 'Gotham-Bold';
}

.wallet .digitalWallet .digitalWalletdetails h4 {
  color: #99ccfc;
  font-family: 'Gotham-Medium';
  text-align: left;
  font-size: 1.2vw;
}

@media screen and (max-width: 860px) {
  .wallet .digitalWallet .digitalWalletdetails h4 {
    font-size: 3.5vw !important;
  }
}

.wallet .digitalWallet .digitalWalletdetails p {
  color: #99ccfc;
  font-family: 'Gotham-Book';
  text-align: left;
}

.wallet .digitalWallet .digitalWalletdetails .icons {
  width: 9%;
}

@media screen and (max-width: 860px) {
  .wallet .digitalWallet .digitalWalletdetails .icons {
    width: 12%;
  }
}

.wallet .UseCases {
  background-color: #f9fcff;
  padding-top: 15%;
}

@media screen and (max-width: 860px) {
  .wallet .UseCases {
    padding-top: 7%;
  }
}

.wallet .UseCases .usesCasesBlocks {
  position: relative;
  padding-top: 2vw;
  border-top: 1px solid #b2d8fd;
}

.wallet .UseCases .useCaseGrid {
  border-bottom: 1px solid rgba(0, 128, 249, 0.25);
  padding: 5% 0;
}

@media screen and (max-width: 860px) {
  .wallet .UseCases .useCaseGrid {
    padding: 12% 0;
  }
}

.wallet .UseCases .useCaseGrid:last-child {
  border-bottom: 0 !important;
}

.wallet .UseCases h1.haedline {
  font-family: 'Gotham-Medium';
  font-size: 2vw;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-weight: unset;
  color: #01338d;
}

.wallet .UseCases h2 {
  text-align: center;
  font-size: 2.5vw;
  color: #01338d;
  margin-bottom: 7%;
}

@media screen and (max-width: 860px) {
  .wallet .UseCases h2 {
    font-size: 7vw !important;
  }
}

.wallet .UseCases h4 {
  font-size: 1.2vw;
  color: #0080f9;
  margin: 2% 0;
}

.wallet .UseCases p {
  font-family: 'Gotham-Book';
  color: #01338d;
  font-size: 1vw;
  height: 10vw;
}

@media screen and (max-width: 460px) {
  .wallet .UseCases p {
    height: unset;
    margin-bottom: 10%;
  }
}

@media screen and (min-width: 460px) and (max-width: 768px) {
  .wallet .UseCases p {
    height: unset;
    margin-bottom: 10%;
  }
}

.wallet .UseCases .icons {
  width: 10%;
}

.wallet .UseCases .benefitsBlock h4 {
  color: #01338d;
  font-family: 'Gotham-Book';
  position: relative;
  margin-left: 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.8vw;
}

.wallet .UseCases .benefitsBlock h4::before {
  background-image: url('../images/wallet/key.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 1vw;
  position: absolute;
  height: 0.8vw;
  content: '';
  left: -4%;
}

@media screen and (max-width: 860px) {
  .wallet .UseCases .benefitsBlock h4::before {
    width: 2.5vw;
    position: absolute;
    height: 2.5vw;
    right: 8%;
  }
}

.wallet .UseCases .benefitsBlock p {
  color: #435575;
  font-style: italic;
  font-family: 'Gotham-Book';
  font-size: 0.8vw;
  margin: 0;
  margin-left: 5%;
}

.wallet .Numbers .row {
  max-width: 69vw;
}

.wallet .Numbers .haedline {
  color: #01338d;
  font-size: 2vw;
  margin-bottom: 7%;
}

@media screen and (max-width: 860px) {
  .wallet .Numbers .haedline {
    margin-bottom: 15%;
    width: 95%;
  }
}

@media screen and (max-width: 860px) {
  .wallet .Numbers .haedline::after {
    right: 4%;
    top: 0;
  }
}

.wallet h5 {
  text-align: center;
  font-style: italic;
  font-family: 'Gotham-Light';
  font-size: 0.9vw;
  color: #435575;
}

@media screen and (max-width: 860px) {
  .wallet h5 {
    font-size: 3.2vw !important;
  }
}

.wallet h2 {
  text-align: center;
  font-size: 2.2vw;
  width: 95%;
  color: #01338d;
  margin-bottom: 10%;
}

.wallet .GridContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.wallet .numberGrid:first-child .num {
  color: #408485;
}

.wallet .numberGrid:first-child h4 {
  padding-bottom: 2%;
  border-bottom: 1.5px solid #408485;
}

.wallet .numberGrid:nth-child(2) .num {
  color: #fb9393;
}

.wallet .numberGrid:nth-child(2) h4 {
  padding-bottom: 2%;
  border-bottom: 1.5px solid #fb9393;
}

.wallet .numberGrid:nth-child(3) .num {
  color: #1095ff;
}

.wallet .numberGrid:nth-child(3) h4 {
  padding-bottom: 2%;
  border-bottom: 1.5px solid #1095ff;
}

.wallet .numberGrid .numberBlock .num {
  font-family: 'Gotham-Medium';
  font-size: 2vw;
}

@media screen and (max-width: 860px) {
  .wallet .numberGrid .numberBlock .num {
    font-size: 4vw;
  }
}

.wallet .numberGrid .numberBlock h4 {
  font-family: 'Gotham-Medium';
  font-size: 1.2vw;
}

@media screen and (max-width: 860px) {
  .wallet .numberGrid .numberBlock h4 {
    font-size: 3.5vw;
  }
}

.wallet .numberGrid .numberBlock p {
  color: #01338d;
  font-size: 0.9vw;
  font-family: 'Gotham-Book';
  height: 6vw;
}

@media screen and (max-width: 860px) {
  .wallet .numberGrid .numberBlock p {
    height: 16vw;
  }
}

.wallet .numberGrid .numberBlock .numImg {
  background-size: cover;
  margin-top: 7%;
  background-repeat: no-repeat;
  width: 100%;
  height: 23vw;
  background-position: center;
  border-radius: 16px;
}

@media screen and (max-width: 860px) {
  .wallet .numberGrid .numberBlock .numImg {
    height: 76vw;
  }
}

.wallet .clientsWord {
  padding-top: 10% !important;
}

.wallet .clientsWord .haedline {
  color: #01338d !important;
}

@media screen and (max-width: 860px) {
  .wallet .clientsWord .client img {
    max-height: 24vw;
    max-width: 20vw;
  }
}

.wallet .clientsWord .client h4 {
  color: #01338d;
}

.wallet .clientsWord .ClientPtnPOs {
  display: none;
}

.wallet .clientsWord .ClientPtn {
  display: block !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50vw;
  width: 30vw;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

.payouts {
  /************** Custom for Client Word ******************/
}

.payouts .introPayouts {
  background-color: #00c8ff;
  position: relative;
  z-index: 9;
}

.payouts .introPayouts::before {
  content: '';
  position: absolute;
  background-image: url(../images/payouts/objectcornersm.png);
  left: -10vw;
  width: 25vw;
  height: 15vw;
  background-size: 100%;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

.payouts .introPayouts .innerHeader {
  margin-top: 1vw;
  margin-bottom: 2vw;
}

.payouts .introPayouts .innerHeader .row {
  max-width: 88vw;
}

.payouts .introPayouts .innerHeader .onlineLogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 860px) {
  .payouts .introPayouts .innerHeader .onlineLogo {
    margin-top: 6vw;
  }
}

.payouts .introPayouts .innerHeader .onlineLogo span {
  font-family: 'Gotham-Medium';
  font-size: 1.2vw;
  color: #e5f2fe;
}

@media screen and (max-width: 860px) {
  .payouts .introPayouts .innerHeader .onlineLogo span {
    font-size: 3.5vw;
  }
}

.payouts .introPayouts .innerHeader .container {
  position: relative;
  margin-right: 2%;
  width: 2.5vw;
  height: 2.5vw;
  background-color: #1a8df9;
  border-radius: 2vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 860px) {
  .payouts .introPayouts .innerHeader .container {
    width: 8.5vw;
    height: 7.5vw;
  }
}

.payouts .introPayouts .innerHeader .container .paymentIcon {
  width: 1.4vw;
}

@media screen and (max-width: 860px) {
  .payouts .introPayouts .innerHeader .container .paymentIcon {
    width: 3.5vw;
  }
}

@media screen and (max-width: 860px) {
  .payouts .introPayouts .innerHeader .MuiGrid-item:last-child {
    padding-top: 0 !important;
  }
}

.payouts .introPayouts .innerHeader .fastLinks {
  display: block;
  float: right;
  margin-top: 1.5vw;
}

@media screen and (max-width: 860px) {
  .payouts .introPayouts .innerHeader .fastLinks {
    float: left;
    margin-top: -6vw;
  }
}

.payouts .introPayouts .innerHeader .fastLinks li {
  display: inline-block;
  margin-right: 3vw;
}

.payouts .introPayouts .innerHeader .fastLinks li:last-child {
  margin-right: 0;
}

.payouts .introPayouts .innerHeader .fastLinks a {
  font-size: 1vw;
  color: #ffffff;
  font-family: 'Gotham-Book';
}

.payouts .introPayouts .innerHeader .fastLinks a:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.payouts .introPayouts .innerHeader .fastLinks a:last-child .rightArrow {
  width: 0.7vw;
  margin-top: 0.1vw;
  margin-left: 0.3vw;
}

.payouts .introPayouts {
  background-color: #00c8ff;
  position: relative;
  z-index: 9;
}

.payouts .introPayouts::after {
  content: '';
  position: absolute;
  background-image: url(../images/shape15.png);
  left: 0;
  width: 25vw;
  height: 15vw;
  background-size: 100%;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

.payouts .introPayouts .innerHeader {
  margin-top: 1vw;
}

.payouts .introPayouts .innerHeader .onlineLogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 860px) {
  .payouts .introPayouts .innerHeader .onlineLogo {
    margin-top: 6vw;
  }
}

.payouts .introPayouts .innerHeader .onlineLogo span {
  font-family: 'Gotham-Medium';
  font-size: 1.2vw;
  color: #fff;
}

@media screen and (max-width: 860px) {
  .payouts .introPayouts .innerHeader .onlineLogo span {
    font-size: 3.5vw;
  }
}

.payouts .introPayouts .innerHeader .container {
  position: relative;
  margin-right: 2%;
  width: 2.5vw;
  height: 2.5vw;
  background-color: #1acdff;
  border-radius: 2vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: 1px 3px 7px 3px #00000005;
  box-shadow: 1px 3px 7px 3px #00000005;
}

@media screen and (max-width: 860px) {
  .payouts .introPayouts .innerHeader .container {
    width: 8.5vw;
    height: 7.5vw;
  }
}

.payouts .introPayouts .innerHeader .container .paymentIcon {
  width: 1.4vw;
}

@media screen and (max-width: 860px) {
  .payouts .introPayouts .innerHeader .container .paymentIcon {
    width: 3.4vw;
  }
}

.payouts .introPayouts .innerHeader .fastLinks {
  display: block;
  float: right;
  margin-top: 1.5vw;
}

@media screen and (max-width: 860px) {
  .payouts .introPayouts .innerHeader .fastLinks {
    float: left;
    margin-top: 0;
  }
}

.payouts .introPayouts .innerHeader .fastLinks li {
  display: inline-block;
  margin-right: 3vw;
}

.payouts .introPayouts .innerHeader .fastLinks li:last-child {
  margin-right: 0;
}

.payouts .introPayouts .innerHeader .fastLinks a {
  font-size: 1vw;
  color: #ffffff;
  font-family: 'Gotham-Book';
}

.payouts .introPayouts .innerHeader .fastLinks a:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.payouts .introPayouts .innerHeader .fastLinks a:last-child .rightArrow {
  width: 0.7vw;
  margin-top: 0.1vw;
  margin-left: 0.3vw;
}

.payouts .introPayouts .introContent {
  min-height: 88vh;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .payouts .introPayouts .introContent {
    min-height: unset;
  }
}

@media screen and (min-width: 960px) and (max-width: 1025px) {
  .payouts .introPayouts .introContent {
    min-height: 50vh;
  }
}

.payouts .introPayouts .introContent h1 {
  margin-top: 5vw;
  font-size: 2.3vw;
  color: #01338d;
}

@media screen and (max-width: 860px) {
  .payouts .introPayouts .introContent h1 {
    margin-bottom: 5vw;
  }
}

.payouts .introPayouts .introContent p {
  color: #fff;
  font-size: 1.2vw;
  text-align: justify;
}

.payouts .introPayouts .introContent ul {
  display: block;
  margin-top: 2.9vw;
}

@media screen and (max-width: 860px) {
  .payouts .introPayouts .introContent ul {
    margin-top: 7vw;
  }
}

.payouts .introPayouts .introContent ul li {
  display: inline-block;
}

.payouts .introPayouts .introContent ul li:first-child {
  margin-right: 2vw;
  background-color: #01338d;
  padding: 0.6vw 1.7vw;
  border-radius: 2vh;
}

@media screen and (max-width: 860px) {
  .payouts .introPayouts .introContent ul li:first-child {
    padding: 0 3.7vw;
    border-radius: 2vh;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 6vw;
  }
}

.payouts .introPayouts .introContent ul li:first-child a {
  color: #1acdff;
}

.payouts .introPayouts .introContent ul li a {
  color: #01338d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 860px) {
  .payouts .introPayouts .introContent ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.payouts .introPayouts .introContent ul li a .rightArrow {
  width: 0.8vw;
}

@media screen and (max-width: 860px) {
  .payouts .introPayouts .introContent ul li a .rightArrow {
    width: 3vw;
  }
}

.payouts .introPayouts .introContent .paymentLinkIntroImg {
  position: relative;
}

.payouts .introPayouts .introContent .paymentLinkIntroImg::before {
  content: '';
  position: absolute;
  background-image: url(../images/payouts/objectlg.png);
  left: -8vw;
  width: 43vw;
  height: 42vw;
  background-size: 100%;
  top: 0vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

.payouts .introPayouts .introContent .paymentLinkIntroImg img {
  width: 100%;
  position: absolute;
  right: 0;
  border-radius: 10%;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .payouts .introPayouts .introContent .paymentLinkIntroImg img {
    width: 100%;
    position: unset;
  }
}

@media screen and (max-width: 860px) {
  .payouts .introPayouts .introContent .paymentLinkIntroImg {
    min-height: 85vw;
  }
}

.payouts .imgsPayouts {
  padding-top: 10vw;
  margin-bottom: 8vw;
  position: relative;
  padding-bottom: 0;
}

@media screen and (max-width: 860px) {
  .payouts .imgsPayouts {
    padding: 5%;
  }
}

@media screen and (max-width: 860px) {
  .payouts .imgsPayouts .MuiGrid-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.payouts .imgsPayouts .row {
  max-width: 85vw;
}

.payouts .imgsPayouts .row > div {
  margin-bottom: 2vw;
}

.payouts .imgsPayouts .row > div:nth-child(even) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.payouts .imgsPayouts .row > div:nth-child(even) .paymentImgContentPayouts {
  position: relative;
}

.payouts
  .imgsPayouts
  .row
  > div:nth-child(even)
  .paymentImgContentPayouts
  .paymentDetailsImg {
  -webkit-transform: perspective(60vw) rotateY(-13deg);
  transform: perspective(60vw) rotateY(-13deg);
}

@media screen and (max-width: 860px) {
  .payouts
    .imgsPayouts
    .row
    > div:nth-child(even)
    .paymentImgContentPayouts
    .paymentDetailsImg {
    -webkit-transform: unset !important;
    transform: unset !important;
  }
}

.payouts
  .imgsPayouts
  .row
  > div:nth-child(even)
  .paymentImgContentPayouts::before {
  -webkit-transform: perspective(60vw) rotateY(-13deg);
  transform: perspective(60vw) rotateY(-13deg);
}

@media screen and (max-width: 860px) {
  .payouts
    .imgsPayouts
    .row
    > div:nth-child(even)
    .paymentImgContentPayouts::before {
    -webkit-transform: unset !important;
    transform: unset !important;
  }
}

.payouts .imgsPayouts .row .paymentImgContent {
  position: relative;
}

.payouts .imgsPayouts .row .paymentImgContent .paymentDetailsImg {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  max-width: 100%;
  min-height: 22vw;
  border-radius: 3vh;
  margin: 0 auto;
  margin-bottom: 2vw;
  -webkit-transform: perspective(60vw) rotateY(13deg);
  transform: perspective(60vw) rotateY(13deg);
}

@media screen and (max-width: 860px) {
  .payouts .imgsPayouts .row .paymentImgContent .paymentDetailsImg {
    min-height: 40vw;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 6vw;
    -webkit-transform: unset !important;
    transform: unset !important;
  }
}

.payouts .imgsPayouts .row .paymentImgContent::before {
  content: ' ';
  position: absolute;
  top: -1.5vw;
  height: 25vw;
  background-color: #c7e3fe;
  width: 27vw;
  right: 8vw;
  border-radius: 3vh;
  -webkit-transform: perspective(60vw) rotateY(13deg);
  transform: perspective(60vw) rotateY(13deg);
  opacity: 0.5;
}

@media screen and (max-width: 860px) {
  .payouts .imgsPayouts .row .paymentImgContent::before {
    height: 44vw;
    width: 64vw;
    right: 10vw;
    -webkit-transform: unset !important;
    transform: unset !important;
  }
}

.payouts .imgsPayouts .row .textPaymentLinkPayouts {
  width: 27vw;
  margin: 0 auto;
  margin-top: 5vw;
}

@media screen and (max-width: 860px) {
  .payouts .imgsPayouts .row .textPaymentLinkPayouts {
    width: 100%;
  }
}

.payouts .imgsPayouts .row .textPaymentLinkPayouts .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: #0080f9;
  border-radius: 1vw;
  color: #e5f2fe;
  padding: 2% 2%;
  width: 30%;
  margin: 5% 0;
}

@media screen and (max-width: 860px) {
  .payouts .imgsPayouts .row .textPaymentLinkPayouts .contact {
    width: 40%;
    margin: 5% 0;
  }
}

.payouts .imgsPayouts .row .textPaymentLinkPayouts .contact img {
  width: 1vw;
}

@media screen and (max-width: 860px) {
  .payouts .imgsPayouts .row .textPaymentLinkPayouts .contact img {
    width: 2.5vw;
  }
}

.payouts .imgsPayouts .row .textPaymentLinkPayouts .contact:hover {
  color: #01338d;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

.payouts .imgsPayouts .row .textPaymentLinkPayouts .contactBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 1vw;
  color: #0080f9;
}

.payouts .imgsPayouts .row .textPaymentLinkPayouts .contactBtn img {
  width: 0.8vw;
}

@media screen and (max-width: 860px) {
  .payouts .imgsPayouts .row .textPaymentLinkPayouts .contactBtn img {
    width: 2.5vw;
  }
}

.payouts .imgsPayouts .row .textPaymentLinkPayouts .contactBtn:hover {
  color: #01338d;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

.payouts .imgsPayouts .row .textPaymentLinkPayouts h3 {
  color: #0080f9;
  font-family: 'Gotham-Medium';
  font-weight: 200;
  font-size: 1.8vw;
  position: relative;
}

.payouts .imgsPayouts .row .textPaymentLinkPayouts p {
  color: #01338d;
  font-family: 'Gotham-Book';
  font-size: 1vw;
}

.payouts .imgsPayouts .mainImg {
  bottom: -10vw;
  position: absolute;
  width: 100%;
  float: left;
}

.payouts .imgsPayouts .mainImg .row {
  max-width: 85vw;
}

.payouts .imgsPayouts .mainImg .row .paymentmainImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  max-width: 100%;
  min-height: 42vw;
  border-radius: 3vh;
  margin: 0 auto;
  margin-bottom: 2vw;
}

.payouts .easyAd {
  background-image: url('../images/payouts/easyAdBG.png');
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .payouts .easyAd {
    background-size: cover;
  }
}

.payouts .easyAd img.vectorEasyAddImg {
  padding: 5vw;
}

.payouts .easyAd div.textPaymentLinkPayouts {
  margin: 13vw 5vw;
}

.payouts .easyAd div.textPaymentLinkPayouts h3 {
  color: #00c8ff;
}

.payouts .easyAd div.textPaymentLinkPayouts p {
  color: #b2d8fd;
  font-size: 1.2vw;
}

.payouts .easyAd div.textPaymentLinkPayouts .contactBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 1vw;
  color: #0080f9;
}

.payouts .easyAd div.textPaymentLinkPayouts .contactBtn img {
  width: 0.8vw;
}

@media screen and (max-width: 860px) {
  .payouts .easyAd div.textPaymentLinkPayouts .contactBtn img {
    width: 2.5vw;
  }
}

.payouts .easyAd div.textPaymentLinkPayouts .contactBtn:hover {
  color: #99ccfc;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

.payouts section.Payoutsoptions {
  margin-top: 23vw;
}

.payouts section.Payoutsoptions div.textPaymentLinkPayouts {
  background: #ffffff;
  border-radius: 20px;
  padding: 2vw;
  -webkit-box-shadow: 2px 3px 20px 11px #0000000d;
  box-shadow: 2px 3px 20px 11px #0000000d;
  position: absolute;
  width: 37vw;
  top: 0;
  right: 39vw;
  z-index: 1;
}

@media screen and (min-width: 320px) and (max-width: 960px) {
  .payouts section.Payoutsoptions div.textPaymentLinkPayouts {
    position: unset;
    width: unset;
    padding: 6vw;
  }
}

.payouts section.Payoutsoptions div.textPaymentLinkPayouts::before {
  content: ' ';
  position: absolute;
  background-image: url(../images/payouts/circlebg.png);
  left: -23vw;
  width: 22vw;
  height: 22vw;
  background-size: 100%;
  bottom: -8vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

.payouts section.Payoutsoptions div.textPaymentLinkPayouts h3 {
  color: #0080f9;
  font-family: 'Gotham-Medium';
  font-weight: 200;
  font-size: 1.8vw;
  position: relative;
}

.payouts section.Payoutsoptions div.textPaymentLinkPayouts p {
  color: #01338d;
  font-family: 'Gotham-Book';
  font-size: 1vw;
}

.payouts section.Payoutsoptions div.textPaymentLinkPayouts p::before {
  content: ' ';
  position: absolute;
  background-image: url(../images/payouts/arrowss.png);
  left: 33vw;
  width: 2vw;
  height: 5vw;
  background-size: 100%;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

.payouts section.Payoutsoptions .paymentDetailsImg {
  background-position: bottom;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 3vw;
  border-radius: 50px 50px 50px 110px;
  position: relative;
}

.payouts section.Payoutsoptions .paymentDetailsImg .logosOptions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .payouts section.Payoutsoptions .paymentDetailsImg .logosOptions {
    margin: 7vw;
  }
}

.payouts section.Payoutsoptions .paymentDetailsImg .logosOptions .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.payouts
  section.Payoutsoptions
  .paymentDetailsImg
  .logosOptions
  .logo:first-child
  img {
  background-color: unset !important;
}

.payouts section.Payoutsoptions .paymentDetailsImg .logosOptions .logo img {
  max-width: 4vw;
  border-radius: 10px;
  padding: 2%;
  background-color: #00c8ff;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .payouts section.Payoutsoptions .paymentDetailsImg .logosOptions .logo img {
    max-width: 11vw;
  }
}

.payouts section.Payoutsoptions .paymentDetailsImg .logosOptions .logo p {
  color: #00c8ff;
  font-family: 'Gotham-Book';
}

.payouts section.Payoutsoptions .paymentDetailsImg .sponsors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .payouts section.Payoutsoptions .paymentDetailsImg .sponsors {
    margin: 7vw;
  }
}

.payouts section.Payoutsoptions .paymentDetailsImg .sponsors p {
  background: #fff;
  /* border-radius: 6%; */
  /* width: 13vw; */
  margin: unset;
  height: 4vw;
  border-radius: 50px;
  padding: 0 1vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .payouts section.Payoutsoptions .paymentDetailsImg .sponsors p {
    height: unset;
    padding: 2vw;
  }
}

.payouts .clientsWord {
  padding-bottom: 6vw !important;
  padding-top: 10vw !important;
  margin: 7% 0;
}

@media screen and (max-width: 860px) {
  .payouts .clientsWord {
    padding-bottom: 15vw !important;
  }
}

.payouts .CommonCase h4 {
  font-size: 0.9vw;
  color: #00c8ff;
  text-align: center;
  font-family: 'Gotham-Medium';
  font-weight: 200;
  margin: 0;
  margin-bottom: 0.4vw;
}

.payouts .CommonCase h1 {
  font-size: 2.2vw;
  color: #0080f9;
  text-align: center;
  margin: 0;
}

.payouts .CommonCase .MuiTab-textColorInherit.Mui-selected {
  opacity: 1;
}

.payouts .CommonCase .MuiTabs-vertical {
  width: 50%;
}

@media screen and (max-width: 860px) {
  .payouts .CommonCase .MuiTabs-vertical {
    width: 100%;
  }
}

.payouts .CommonCase .MuiTab-root {
  min-width: 80%;
  max-width: 80%;
  padding: 1% 2%;
  overflow: initial;
}

@media screen and (max-width: 860px) {
  .payouts .CommonCase .MuiTab-root {
    min-width: 90%;
    max-width: 90%;
  }
}

.payouts .CommonCase .MuiButtonBase-root {
  margin: 5% 0% 0% 7%;
}

@media screen and (max-width: 860px) {
  .payouts .CommonCase .MuiButtonBase-root {
    margin: 5% 5% 0% 5%;
  }
}

.payouts .CommonCase .MuiButtonBase-root:first-child {
  margin-top: 15%;
}

.payouts .CommonCase .MuiButtonBase-root:last-child {
  margin-bottom: 15%;
}

.payouts .CommonCase .tabContainer {
  position: relative;
  background-color: transparent;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 860px) {
  .payouts .CommonCase .tabContainer {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
}

.payouts .CommonCase .MuiTabs-scroller {
  width: 100%;
}

.payouts .CommonCase .tabsTopic {
  text-align: left;
  border-left: 0.2vw solid #e5f2fe;
  padding-left: 2vw;
}

.payouts .CommonCase .tabsTopic .casesBg {
  background-color: #0080f9;
  width: 3vw;
  height: 3vw;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8vh;
  margin-bottom: 1vw;
}

@media screen and (max-width: 860px) {
  .payouts .CommonCase .tabsTopic .casesBg {
    width: 9vw;
    height: 9vw;
    margin-bottom: 5vw;
  }
}

.payouts .CommonCase .tabsTopic .casesBg .casesIcons {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  min-height: 2.5vw;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 860px) {
  .payouts .CommonCase .tabsTopic .casesBg .casesIcons {
    min-height: 7.5vw;
    min-width: 4vw;
  }
}

.payouts .CommonCase .tabsTopic h3 {
  color: #01338d;
  text-transform: capitalize;
  font-family: 'Gotham-Medium';
  margin: 0;
  font-size: 1.2vw;
  font-weight: 200;
}

.payouts .CommonCase .tabsTopic p {
  color: #435575;
  text-transform: capitalize;
  font-family: 'Gotham-Book';
  margin: 0;
  font-size: 0.9vw;
  line-height: 1.5;
  margin-top: 1vw;
}

@media screen and (max-width: 860px) {
  .payouts .CommonCase .tabsTopic p {
    margin-top: 3vw;
  }
}

.payouts .CommonCase .MuiTabs-indicator {
  width: 0.3vw;
  left: 3.6vw;
  background-color: #0080f9 !important;
}

@media screen and (max-width: 860px) {
  .payouts .CommonCase .MuiTabs-indicator {
    left: 5.6vw;
  }
}

@keyframes fade {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.payouts .CommonCase .MainTabPanel {
  width: 100%;
}

.payouts .CommonCase .tabsImgBg {
  background-color: #e5f2fe;
  width: 40vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  margin-top: 5vw;
  height: 35vw;
  border-radius: 4vh;
}

@media screen and (max-width: 860px) {
  .payouts .CommonCase .tabsImgBg {
    margin-top: -5vw;
    height: 70vw;
    width: 100%;
  }
}

.payouts .CommonCase .tabsImgBg .tabsImg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 30vw;
  width: 30vw;
  opacity: 1;
  -webkit-animation-name: fadeInOpacity;
  animation-name: fadeInOpacity;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}

@media screen and (max-width: 860px) {
  .payouts .CommonCase .tabsImgBg .tabsImg {
    height: 50vw;
    width: 100%;
  }
}

.payouts .CommonCase .MuiTab-textColorInherit {
  opacity: 0.5;
}

.payouts .clientsWord {
  padding-top: 5% !important;
}

.payouts .clientsWord .ClientPtn {
  display: block !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50vw;
  width: 30vw;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

.marketPlace {
  /************** Custom for Client Word ******************/
}

.marketPlace .introMarket {
  background-image: url(../images/marketplace/introBG.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 9;
  max-height: 90vh;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .marketPlace .introMarket {
    background-image: unset;
    max-height: unset;
  }
}

.marketPlace .introMarket .introContent .paymentLinkIntroImg {
  max-width: 38vw;
}

.marketPlace .introMarket::after {
  content: '';
  position: absolute;
  background-image: url(../images/shape15.png);
  left: 0;
  width: 25vw;
  height: 15vw;
  background-size: 100%;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

.marketPlace .introMarket .innerHeader {
  margin-top: 1vw;
}

.marketPlace .introMarket .innerHeader .introContent img.payoutsImgHeader {
  width: 100%;
}

.marketPlace .introMarket .innerHeader .row {
  max-width: 88vw;
}

.marketPlace .introMarket .innerHeader .onlineLogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 860px) {
  .marketPlace .introMarket .innerHeader .onlineLogo {
    margin-top: 6vw;
  }
}

.marketPlace .introMarket .innerHeader .onlineLogo span {
  font-family: 'Gotham-Medium';
  font-size: 1.2vw;
  color: #e5f2fe;
}

@media screen and (max-width: 860px) {
  .marketPlace .introMarket .innerHeader .onlineLogo span {
    font-size: 3.5vw;
  }
}

.marketPlace .introMarket .innerHeader .container {
  position: relative;
  margin-right: 2%;
  width: 2.5vw;
  height: 2.5vw;
  background-color: #1acdff;
  border-radius: 2vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 860px) {
  .marketPlace .introMarket .innerHeader .container {
    width: 8.5vw;
    height: 7.5vw;
  }
}

.marketPlace .introMarket .innerHeader .container .paymentIcon {
  width: 1.4vw;
}

@media screen and (max-width: 860px) {
  .marketPlace .introMarket .innerHeader .container .paymentIcon {
    width: 3.5vw;
  }
}

@media screen and (max-width: 860px) {
  .marketPlace .introMarket .innerHeader .MuiGrid-item:last-child {
    padding-top: 0 !important;
  }
}

.marketPlace .introMarket .innerHeader .fastLinks {
  display: block;
  float: right;
  margin-top: 1.5vw;
}

@media screen and (max-width: 860px) {
  .marketPlace .introMarket .innerHeader .fastLinks {
    float: left;
    margin-top: -6vw;
  }
}

.marketPlace .introMarket .innerHeader .fastLinks li {
  display: inline-block;
  margin-right: 3vw;
}

.marketPlace .introMarket .innerHeader .fastLinks li:last-child {
  margin-right: 0;
}

.marketPlace .introMarket .innerHeader .fastLinks a {
  font-size: 1vw;
  color: #01338d !important;
  font-family: 'Gotham-Book';
}

.marketPlace .introMarket .innerHeader .fastLinks a:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.marketPlace .introMarket .innerHeader .fastLinks a:last-child .rightArrow {
  width: 0.7vw;
  margin-top: 0.1vw;
  margin-left: 0.3vw;
}

.marketPlace .introMarket {
  background-color: #fefefe;
  position: relative;
  z-index: 9;
}

.marketPlace .introMarket::after {
  content: none;
  position: absolute;
  background-image: url(../images/shape15.png);
  left: 0;
  width: 25vw;
  height: 15vw;
  background-size: 100%;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

.marketPlace .introMarket .innerHeader {
  margin-top: 1vw;
}

.marketPlace .introMarket .innerHeader .onlineLogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 860px) {
  .marketPlace .introMarket .innerHeader .onlineLogo {
    margin-top: 6vw;
  }
}

.marketPlace .introMarket .innerHeader .onlineLogo span {
  font-family: 'Gotham-Medium';
  font-size: 1.2vw;
  color: #1acdff;
}

@media screen and (max-width: 860px) {
  .marketPlace .introMarket .innerHeader .onlineLogo span {
    font-size: 3.5vw;
  }
}

.marketPlace .introMarket .innerHeader .container {
  position: relative;
  margin-right: 2%;
  width: 2.5vw;
  height: 2.5vw;
  background-color: #1acdff;
  border-radius: 2vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 860px) {
  .marketPlace .introMarket .innerHeader .container {
    width: 8.5vw;
    height: 7.5vw;
  }
}

.marketPlace .introMarket .innerHeader .container .paymentIcon {
  width: 1.4vw;
}

@media screen and (max-width: 860px) {
  .marketPlace .introMarket .innerHeader .container .paymentIcon {
    width: 3.4vw;
  }
}

.marketPlace .introMarket .innerHeader .fastLinks {
  display: block;
  float: right;
  margin-top: 1.5vw;
}

@media screen and (max-width: 860px) {
  .marketPlace .introMarket .innerHeader .fastLinks {
    float: left;
    margin-top: 0;
  }
}

.marketPlace .introMarket .innerHeader .fastLinks li {
  display: inline-block;
  margin-right: 3vw;
}

.marketPlace .introMarket .innerHeader .fastLinks li:last-child {
  margin-right: 0;
}

.marketPlace .introMarket .innerHeader .fastLinks a {
  font-size: 1vw;
  color: #ffffff;
  font-family: 'Gotham-Book';
}

.marketPlace .introMarket .innerHeader .fastLinks a:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.marketPlace .introMarket .innerHeader .fastLinks a:last-child .rightArrow {
  width: 0.7vw;
  margin-top: 0.1vw;
  margin-left: 0.3vw;
}

.marketPlace .introMarket .introContent h1 {
  margin-top: 5vw;
  font-size: 2.3vw;
  color: #01338d;
}

@media screen and (max-width: 860px) {
  .marketPlace .introMarket .introContent h1 {
    margin-bottom: 5vw;
  }
}

.marketPlace .introMarket .introContent p {
  color: #435575;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .marketPlace .introMarket .introContent p {
    color: #01338d;
  }
}

.marketPlace .introMarket .introContent ul {
  display: block;
  margin-top: 2.9vw;
}

@media screen and (max-width: 860px) {
  .marketPlace .introMarket .introContent ul {
    margin-top: 7vw;
  }
}

.marketPlace .introMarket .introContent ul li {
  display: inline-block;
}

.marketPlace .introMarket .introContent ul li:first-child {
  margin-right: 2vw;
  background-color: #1acdff;
  padding: 0.6vw 1.7vw;
  border-radius: 2vh;
}

@media screen and (max-width: 860px) {
  .marketPlace .introMarket .introContent ul li:first-child {
    padding: 0 3.7vw;
    border-radius: 2vh;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 6vw;
  }
}

.marketPlace .introMarket .introContent ul li:first-child a {
  color: #fff;
}

.marketPlace .introMarket .introContent ul li a {
  color: #1acdff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: center;
  align-self: center;
}

@media screen and (max-width: 860px) {
  .marketPlace .introMarket .introContent ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.marketPlace .introMarket .introContent ul li a .rightArrow {
  width: 0.7vw;
  margin-left: 0.2vw;
}

@media screen and (max-width: 860px) {
  .marketPlace .introMarket .introContent ul li a .rightArrow {
    width: 3vw;
  }
}

.marketPlace .introMarket .introContent .paymentLinkIntroImg {
  position: relative;
  max-width: 38vw;
  left: 19%;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .marketPlace .introMarket .introContent .paymentLinkIntroImg {
    max-width: unset;
    left: unset;
  }
}

.marketPlace .gridFeaturesmarketplacesec {
  padding-top: 15vw;
  margin-bottom: 8vw;
  position: relative;
  padding-bottom: 0;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .marketPlace .gridFeaturesmarketplacesec {
    margin-top: 8vw;
  }
}

.marketPlace .gridFeaturesmarketplacesec .marpattern {
  position: absolute;
  top: 3%;
  left: -3%;
  bottom: 8%;
  height: 5vw;
  width: 5vw;
}

.marketPlace .gridFeaturesmarketplacesec .row {
  max-width: 85vw;
}

@media screen and (max-width: 860px) {
  .marketPlace
    .gridFeaturesmarketplacesec
    .row:nth-child(even)
    .MuiGrid-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.marketPlace .gridFeaturesmarketplacesec .row > div {
  margin-bottom: 5vw;
}

.marketPlace .gridFeaturesmarketplacesec .row > div:nth-child(even) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.marketPlace
  .gridFeaturesmarketplacesec
  .row
  > div:nth-child(even)
  .paymentImgContent {
  position: relative;
}

.marketPlace
  .gridFeaturesmarketplacesec
  .row
  > div:nth-child(even)
  .paymentImgContent
  .paymentDetailsImg {
  -webkit-transform: perspective(60vw) rotateY(-13deg);
  transform: perspective(60vw) rotateY(-13deg);
}

@media screen and (max-width: 860px) {
  .marketPlace
    .gridFeaturesmarketplacesec
    .row
    > div:nth-child(even)
    .paymentImgContent
    .paymentDetailsImg {
    -webkit-transform: unset !important;
    transform: unset !important;
  }
}

.marketPlace
  .gridFeaturesmarketplacesec
  .row
  > div:nth-child(even)
  .paymentImgContent::before {
  -webkit-transform: perspective(60vw) rotateY(-13deg);
  transform: perspective(60vw) rotateY(-13deg);
}

@media screen and (max-width: 860px) {
  .marketPlace
    .gridFeaturesmarketplacesec
    .row
    > div:nth-child(even)
    .paymentImgContent::before {
    -webkit-transform: unset !important;
    transform: unset !important;
  }
}

.marketPlace .gridFeaturesmarketplacesec .row .paymentImgContent {
  position: relative;
}

.marketPlace
  .gridFeaturesmarketplacesec
  .row
  .paymentImgContent
  .paymentDetailsImg {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  max-width: 100%;
  min-height: 22vw;
  border-radius: 3vh;
  margin: 0 auto;
  margin-bottom: 2vw;
  -webkit-transform: perspective(60vw) rotateY(13deg);
  transform: perspective(60vw) rotateY(13deg);
}

@media screen and (max-width: 860px) {
  .marketPlace
    .gridFeaturesmarketplacesec
    .row
    .paymentImgContent
    .paymentDetailsImg {
    min-height: 40vw;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 6vw;
    -webkit-transform: unset !important;
    transform: unset !important;
  }
}

.marketPlace .gridFeaturesmarketplacesec .row .paymentImgContent::before {
  content: ' ';
  position: absolute;
  top: -1.5vw;
  height: 25vw;
  background-color: #c7e3fe;
  width: 27vw;
  right: 8vw;
  border-radius: 3vh;
  -webkit-transform: perspective(60vw) rotateY(13deg);
  transform: perspective(60vw) rotateY(13deg);
  opacity: 0.5;
}

@media screen and (max-width: 860px) {
  .marketPlace .gridFeaturesmarketplacesec .row .paymentImgContent::before {
    height: 44vw;
    width: 64vw;
    right: 10vw;
    -webkit-transform: unset !important;
    transform: unset !important;
  }
}

.marketPlace .gridFeaturesmarketplacesec .row .textPaymentLink {
  width: 27vw;
  margin: 0 auto;
  margin-top: 5vw;
}

@media screen and (max-width: 860px) {
  .marketPlace .gridFeaturesmarketplacesec .row .textPaymentLink {
    width: 100%;
    margin-top: 8vw;
  }
}

.marketPlace .gridFeaturesmarketplacesec .row .textPaymentLink .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: #0080f9;
  border-radius: 1vw;
  color: #e5f2fe;
  padding: 2% 2%;
  width: 30%;
  margin: 5% 0;
}

@media screen and (max-width: 860px) {
  .marketPlace .gridFeaturesmarketplacesec .row .textPaymentLink .contact {
    width: 40%;
    margin: 5% 0;
  }
}

.marketPlace .gridFeaturesmarketplacesec .row .textPaymentLink .contact img {
  width: 1vw;
}

@media screen and (max-width: 860px) {
  .marketPlace .gridFeaturesmarketplacesec .row .textPaymentLink .contact img {
    width: 2.5vw;
  }
}

.marketPlace .gridFeaturesmarketplacesec .row .textPaymentLink .contact:hover {
  color: #01338d;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

.marketPlace .gridFeaturesmarketplacesec .row .textPaymentLink .contactBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 1vw;
  color: #0080f9;
}

.marketPlace .gridFeaturesmarketplacesec .row .textPaymentLink .contactBtn img {
  width: 0.8vw;
}

@media screen and (max-width: 860px) {
  .marketPlace
    .gridFeaturesmarketplacesec
    .row
    .textPaymentLink
    .contactBtn
    img {
    width: 2.5vw;
  }
}

.marketPlace
  .gridFeaturesmarketplacesec
  .row
  .textPaymentLink
  .contactBtn:hover {
  color: #01338d;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

@media screen and (max-width: 860px) {
  .marketPlace .gridFeaturesmarketplacesec .row .textPaymentLink .contactBtn {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}

.marketPlace .gridFeaturesmarketplacesec .row .textPaymentLink h3 {
  color: #0080f9;
  font-family: 'Gotham-Medium';
  font-weight: 200;
  font-size: 1.8vw;
  position: relative;
}

.marketPlace .gridFeaturesmarketplacesec .row .textPaymentLink h3::before {
  content: '';
  height: 0.8vw;
  width: 0.8vw;
  position: absolute;
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  right: 0;
  background-image: url(../images/shape8.png);
  opacity: 0.2;
}

.marketPlace .gridFeaturesmarketplacesec .row .textPaymentLink p {
  color: #01338d;
  font-family: 'Gotham-Book';
  font-size: 1vw;
}

.marketPlace .gridFeaturesmarketplacesec .even {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media screen and (max-width: 768px) {
  .marketPlace .gridFeaturesmarketplacesec .even {
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
  }
}

.marketPlace .gridFeaturesmarketplacesec .even .paymentImgContentPayouts {
  position: relative;
}

.marketPlace
  .gridFeaturesmarketplacesec
  .even
  .paymentImgContentPayouts
  .paymentDetailsImg {
  position: relative;
  left: -20%;
  top: -6vh;
  width: 50vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .marketPlace
    .gridFeaturesmarketplacesec
    .even
    .paymentImgContentPayouts
    .paymentDetailsImg {
    width: unset;
    position: unset;
  }
}

.marketPlace .gridFeaturesmarketplacesec .mainImg {
  bottom: -10vw;
  position: absolute;
  width: 100%;
  float: left;
}

.marketPlace .gridFeaturesmarketplacesec .mainImg .row {
  max-width: 85vw;
}

.marketPlace .gridFeaturesmarketplacesec .mainImg .row .paymentmainImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  max-width: 100%;
  min-height: 42vw;
  border-radius: 3vh;
  margin: 0 auto;
  margin-bottom: 2vw;
}

.marketPlace .clientsWord {
  padding-bottom: 6vw !important;
  padding-top: 10vw !important;
}

@media screen and (max-width: 860px) {
  .marketPlace .clientsWord {
    padding-bottom: 15vw !important;
  }
}

.marketPlace .CommonCase h4 {
  font-size: 0.9vw;
  color: #00c8ff;
  text-align: center;
  font-family: 'Gotham-Medium';
  font-weight: 200;
  margin: 0;
  margin-bottom: 0.4vw;
}

.marketPlace .CommonCase h1 {
  font-size: 2.2vw;
  color: #0080f9;
  text-align: center;
  margin: 0;
}

.marketPlace .CommonCase .MuiTab-textColorInherit.Mui-selected {
  opacity: 1;
}

.marketPlace .CommonCase .MuiTabs-vertical {
  width: 50%;
}

@media screen and (max-width: 860px) {
  .marketPlace .CommonCase .MuiTabs-vertical {
    width: 100%;
  }
}

.marketPlace .CommonCase .MuiTab-root {
  min-width: 80%;
  max-width: 80%;
  padding: 1% 2%;
  overflow: initial;
}

@media screen and (max-width: 860px) {
  .marketPlace .CommonCase .MuiTab-root {
    min-width: 90%;
    max-width: 90%;
  }
}

.marketPlace .CommonCase .MuiButtonBase-root {
  margin: 5% 0% 0% 7%;
}

@media screen and (max-width: 860px) {
  .marketPlace .CommonCase .MuiButtonBase-root {
    margin: 5% 5% 0% 5%;
  }
}

.marketPlace .CommonCase .MuiButtonBase-root:first-child {
  margin-top: 15%;
}

.marketPlace .CommonCase .MuiButtonBase-root:last-child {
  margin-bottom: 15%;
}

.marketPlace .CommonCase .tabContainer {
  position: relative;
  background-color: transparent;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 860px) {
  .marketPlace .CommonCase .tabContainer {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
}

.marketPlace .CommonCase .MuiTabs-scroller {
  width: 100%;
}

.marketPlace .CommonCase .tabsTopic {
  text-align: left;
  border-left: 0.2vw solid #e5f2fe;
  padding-left: 2vw;
}

.marketPlace .CommonCase .tabsTopic .casesBg {
  background-color: #0080f9;
  width: 3vw;
  height: 3vw;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8vh;
  margin-bottom: 1vw;
}

@media screen and (max-width: 860px) {
  .marketPlace .CommonCase .tabsTopic .casesBg {
    width: 9vw;
    height: 9vw;
    margin-bottom: 5vw;
  }
}

.marketPlace .CommonCase .tabsTopic .casesBg .casesIcons {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  min-height: 2.5vw;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 860px) {
  .marketPlace .CommonCase .tabsTopic .casesBg .casesIcons {
    min-height: 7.5vw;
    min-width: 4vw;
  }
}

.marketPlace .CommonCase .tabsTopic h3 {
  color: #01338d;
  text-transform: capitalize;
  font-family: 'Gotham-Medium';
  margin: 0;
  font-size: 1.2vw;
  font-weight: 200;
}

.marketPlace .CommonCase .tabsTopic p {
  color: #435575;
  text-transform: capitalize;
  font-family: 'Gotham-Book';
  margin: 0;
  font-size: 0.9vw;
  line-height: 1.5;
  margin-top: 1vw;
}

@media screen and (max-width: 860px) {
  .marketPlace .CommonCase .tabsTopic p {
    margin-top: 3vw;
  }
}

.marketPlace .CommonCase .MuiTabs-indicator {
  width: 0.3vw;
  left: 3.6vw;
  background-color: #0080f9 !important;
}

@media screen and (max-width: 860px) {
  .marketPlace .CommonCase .MuiTabs-indicator {
    left: 5.6vw;
  }
}

@keyframes fade {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.marketPlace .CommonCase .MainTabPanel {
  width: 100%;
}

.marketPlace .CommonCase .tabsImgBg {
  background-color: #e5f2fe;
  width: 40vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  margin-top: 5vw;
  height: 35vw;
  border-radius: 4vh;
}

@media screen and (max-width: 860px) {
  .marketPlace .CommonCase .tabsImgBg {
    margin-top: -5vw;
    height: 70vw;
    width: 100%;
  }
}

.marketPlace .CommonCase .tabsImgBg .tabsImg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 30vw;
  width: 30vw;
  opacity: 1;
  -webkit-animation-name: fadeInOpacity;
  animation-name: fadeInOpacity;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}

@media screen and (max-width: 860px) {
  .marketPlace .CommonCase .tabsImgBg .tabsImg {
    height: 50vw;
    width: 100%;
  }
}

.marketPlace .CommonCase .MuiTab-textColorInherit {
  opacity: 0.5;
}

.marketPlace .CaseStudiesMarket h4 {
  text-align: center;
  color: #00c8ff;
  margin: 0;
}

.marketPlace .CaseStudiesMarket h1 {
  font-size: 2.5vw;
  color: #01338d;
  text-align: center;
  margin-bottom: 3%;
}

.marketPlace .CaseStudiesMarket .row {
  background: #1acdff;
  border-radius: 50px 50px 50px 0px;
  max-width: 84vw;
  margin: 0 auto;
  padding: 5% 0;
  margin-bottom: 7% !important;
}

@media screen and (max-width: 860px) {
  .marketPlace .CaseStudiesMarket .row {
    padding: 15% 0;
  }
}

.marketPlace .CaseStudiesMarket .casestudymarketrow {
  background: #1acdff;
  border-radius: 50px;
}

.marketPlace .CaseStudiesMarket .caseStudy .caseImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  height: 24vw;
}

@media screen and (max-width: 860px) {
  .marketPlace .CaseStudiesMarket .caseStudy .caseImg {
    width: 100%;
    height: 55vw;
  }
}

.marketPlace .CaseStudiesMarket .caseStudy .casestudyContent {
  width: 75%;
  margin: 0 auto;
}

.marketPlace .CaseStudiesMarket .caseStudy .acceptanceLogo {
  margin: 5% 0;
  max-width: 25%;
}

.marketPlace .CaseStudiesMarket .caseStudy h2 {
  color: #01338d;
  font-family: 'Gotham-Medium';
  margin-top: 0;
}

@media screen and (max-width: 860px) {
  .marketPlace .CaseStudiesMarket .caseStudy h2 {
    font-size: 4vw !important;
  }
}

.marketPlace .CaseStudiesMarket .caseStudy p {
  color: #01338d;
  opacity: 0.7;
  font-family: 'Gotham-Book';
}

.marketPlace .CaseStudiesMarket .caseStudy a {
  color: #fff;
}

.marketPlace .CaseStudiesMarket .caseStudy a::before {
  background-image: url('../images/marketplace/right-arrow-w.png') !important;
  right: 74%;
}

@media screen and (max-width: 860px) {
  .marketPlace .CaseStudiesMarket .caseStudy a::before {
    right: 60%;
  }
}

@media screen and (max-width: 860px) {
  .marketPlace .CaseStudiesMarket .caseStudy a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 7%;
  }
}

.marketPlace .CaseStudiesMarket .caseStudy a .rightArrow {
  width: 0.7vw;
}

@media screen and (max-width: 860px) {
  .marketPlace .CaseStudiesMarket .caseStudy a .rightArrow {
    width: 3vw;
  }
}

.marketPlace .clientsWord {
  padding-top: 5% !important;
}

.marketPlace .clientsWord .ClientPtn {
  display: block !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50vw;
  width: 30vw;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

.about-us section {
  padding: 5% 0;
}

.about-us .haedline {
  font-family: 'Gotham-Bold';
  font-size: 2.2vw !important;
  text-align: center;
  color: #0080f9 !important;
  width: 40%;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 860px) {
  .about-us .haedline {
    font-size: 3.5vw !important;
    width: 80%;
  }
}

.about-us .haedline::after {
  background-image: url('../images/about-us/headArrow.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.3vw;
  position: absolute;
  height: 0.9vw;
  right: 0;
  top: 0;
  content: '';
}

@media screen and (max-width: 860px) {
  .about-us .haedline::after {
    width: 2vw;
    position: absolute;
    height: 2vw;
    right: 0;
  }
}

.about-us .aboutHeader {
  text-align: center;
  position: relative;
  background-color: #fbfdff;
  padding-bottom: 15%;
}

@media screen and (max-width: 960px) {
  .about-us .aboutHeader {
    padding-bottom: 27%;
    padding-top: 7%;
  }
}

.about-us .aboutHeader .aboutleft {
  position: absolute;
  left: 20%;
  top: 15%;
  width: 1%;
}

@media screen and (max-width: 960px) {
  .about-us .aboutHeader .aboutleft {
    position: absolute;
    left: 0%;
    top: 8%;
    width: 2%;
  }
}

.about-us .aboutHeader .rightshape {
  position: absolute;
  right: 10%;
  top: 25%;
  width: 0.5vw;
  height: 0.5vw;
}

@media screen and (max-width: 960px) {
  .about-us .aboutHeader .rightshape {
    position: absolute;
    right: 1%;
    top: 13%;
    width: 1vw;
    border-radius: 50%;
    height: 1vw;
  }
}

.about-us .aboutHeader h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  font-size: 0.9vw;
}

@media screen and (max-width: 960px) {
  .about-us .aboutHeader h5 {
    font-size: 2.4vw !important;
    margin: 2% 0;
  }
}

.about-us .aboutHeader h5 .container {
  position: relative;
  margin-right: 1%;
}

.about-us .aboutHeader h5 .container img {
  position: relative;
  z-index: 9;
  width: 2vw;
  height: 2vw;
  background-color: rgba(0, 128, 249, 0.1);
  border-radius: 35%;
  padding: 30%;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 960px) {
  .about-us .aboutHeader h5 .container img {
    width: 5vw;
    height: 5vw;
    padding: 30%;
  }
}

.about-us .aboutHeader h2 {
  color: #0080f9;
  font-size: 2vw;
}

.about-us .aboutHeader p {
  color: #01338d;
  font-size: 1vw;
  width: 25%;
  margin: 2% auto;
  font-family: 'Gotham-Book';
}

@media screen and (max-width: 960px) {
  .about-us .aboutHeader p {
    width: 70%;
  }
}

.about-us .OurStory {
  text-align: left;
  margin-top: -30%;
  position: relative;
  z-index: 9;
}

@media screen and (max-width: 960px) {
  .about-us .OurStory {
    margin-top: -38%;
  }
}

.about-us .OurStory .bigbg {
  position: absolute;
  left: 0;
  top: 5%;
  width: 38%;
}

@media screen and (max-width: 960px) {
  .about-us .OurStory .bigbg {
    width: 60%;
    left: 0;
    top: -3%;
  }
}

.about-us .OurStory .leftArrow {
  position: absolute;
  left: 5%;
  top: 5%;
  width: 0.5%;
}

.about-us .OurStory .rightarrow {
  position: absolute;
  right: 5%;
  top: 5%;
  width: 0.5%;
}

@media screen and (max-width: 960px) {
  .about-us .OurStory .rightarrow {
    width: 0.9vw;
    height: 1vw;
  }
}

.about-us .OurStory .whiteHead {
  position: absolute;
  left: 21%;
  top: 7%;
  width: 1.5%;
}

.about-us .OurStory .row {
  width: 76vw;
}

@media screen and (max-width: 960px) {
  .about-us .OurStory .storyGrid {
    margin-top: -20%;
  }
}

.about-us .OurStory .storyGrid:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: -18%;
}

@media screen and (max-width: 960px) {
  .about-us .OurStory .storyGrid:last-child {
    margin-top: 0%;
  }
}

.about-us .OurStory .storyGrid:last-child .storyImg {
  width: 37vw;
  height: 25vw;
}

@media screen and (max-width: 980px) {
  .about-us .OurStory .storyGrid:last-child .storyImg {
    width: 100%;
    height: 70vw;
  }
}

.about-us .OurStory .storyGrid:last-child .arrowgrey {
  position: absolute;
  right: 7%;
  top: 7%;
  width: 2%;
  display: block;
}

.about-us .OurStory .storyGrid:last-child .arrowwhite {
  display: none;
}

.about-us .OurStory .storyGrid:last-child .arrowImg {
  display: block !important;
}

.about-us .OurStory .storyGrid:last-child p {
  margin-bottom: 7%;
}

.about-us .OurStory h1 {
  font-family: 'Gotham-Medium';
}

@media screen and (max-width: 960px) {
  .about-us .OurStory h1 {
    font-size: 4vw !important;
  }
}

.about-us .OurStory p {
  color: #01338d;
  font-family: 'Gotham-Book';
  font-size: 1vw;
  width: 90%;
}

@media screen and (max-width: 960px) {
  .about-us .OurStory p {
    width: 100%;
  }
}

.about-us .OurStory .storyImg {
  background-position: center;
  background-repeat: no-repeat;
  width: 29vw;
  height: 27vw;
  background-size: cover;
  border-radius: 30px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .about-us .OurStory .storyImg {
    width: 100%;
    height: 70vw;
  }
}

@media screen and (min-width: 768px) and (max-width: 980px) {
  .about-us .OurStory .storyImg {
    width: 100%;
    height: 40vw;
  }
}

.about-us .OurStory .storyImg .bigArrow {
  position: absolute;
  right: 20%;
  top: 20%;
}

@media screen and (max-width: 860px) {
  .about-us .OurStory .storyImg .bigArrow {
    right: 0;
    top: 0;
  }
}

.about-us .OurStory .storyImg .arrowImg {
  position: absolute;
  bottom: -3%;
  left: -3%;
  display: none;
}

.about-us .OurStory .storyImg .arrowwhite {
  position: absolute;
  top: 6%;
  left: 6%;
  width: 3%;
}

.about-us .OurStory .storyImg .arrowgrey {
  display: none;
}

.about-us .Services {
  text-align: left;
  padding: 7% 0;
}

@media screen and (max-width: 960px) {
  .about-us .Services {
    padding: 12% 0;
  }
}

.about-us .Services h1 {
  font-family: 'Gotham-Medium';
  font-weight: 500;
  font-size: 1.9vw;
  font-family: 'Gotham-Medium';
}

.about-us .Services .MuiGrid-container .MuiGrid-container .MuiGrid-item p {
  color: #01338d;
  font-family: 'Gotham-Book';
}

@media screen and (max-width: 860px) {
  .about-us .Services .MuiGrid-container .MuiGrid-container .MuiGrid-item h2 {
    font-size: 4vw !important;
  }
}

.about-us .Services .MuiGrid-container .MuiGrid-container .MuiGrid-item img {
  background-color: #01338d;
  border-radius: 36px;
  width: 30%;
  padding: 2% 3%;
}

.about-us
  .Services
  .MuiGrid-container
  .MuiGrid-container
  .MuiGrid-item:first-child
  img {
  background-color: #0080f9;
}

.about-us
  .Services
  .MuiGrid-container
  .MuiGrid-container
  .MuiGrid-item:first-child
  h2 {
  color: #0080f9;
}

.about-us
  .Services
  .MuiGrid-container
  .MuiGrid-container
  .MuiGrid-item:nth-child(2)
  h2 {
  color: #00c8ff;
}

.about-us
  .Services
  .MuiGrid-container
  .MuiGrid-container
  .MuiGrid-item:nth-child(3)
  img {
  background-color: #4432e0;
}

.about-us
  .Services
  .MuiGrid-container
  .MuiGrid-container
  .MuiGrid-item:nth-child(3)
  h2 {
  color: #4432e0;
}

.about-us
  .Services
  .MuiGrid-container
  .MuiGrid-container
  .MuiGrid-item:nth-child(4)
  img {
  background-color: #01338d;
}

.about-us
  .Services
  .MuiGrid-container
  .MuiGrid-container
  .MuiGrid-item:nth-child(4)
  h2 {
  color: #01338d;
}

.about-us .Team {
  text-align: center;
  background-color: #f9fcff;
  padding-bottom: 0;
}

@media screen and (max-width: 860px) {
  .about-us .Team {
    padding: 10% 0;
  }
}

.about-us .Team .haedline {
  color: #01338d !important;
}

.about-us .Team .haedline:after {
  background-image: url('../images/shape13.png');
}

.about-us .Team .Mui-selected .MuiTab-wrapper {
  padding: 0 !important;
}

@media screen and (max-width: 960px) {
  .about-us .Team .MuiTab-wrapper {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: 0 5vw;
  }
}

.about-us .Team h1 {
  font-size: 2.9vw;
  color: #01338d;
  text-align: center;
  margin-bottom: 3%;
}

@media screen and (max-width: 860px) {
  .about-us .Team h1 {
    margin-bottom: 8%;
  }
}

.about-us .Team .patternbtm {
  width: 0.9vw;
  height: 0.9vw;
  position: absolute;
  right: 15%;
  bottom: 10%;
}

.about-us .Team .tabContainer {
  -webkit-box-shadow: 0px 28px 55px rgba(0, 128, 249, 0.1);
  box-shadow: 0px 28px 55px rgba(0, 128, 249, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.about-us .Team .tabContainer h2 {
  font-family: 'Gotham-Medium';
  font-size: 2vw;
  font-weight: 500;
  text-align: left;
  width: 60%;
  margin: 5% auto;
}

@media screen and (max-width: 860px) {
  .about-us .Team .tabContainer .MuiBox-root-7 {
    padding-top: 0 !important;
  }
}

.about-us .Team .MuiTab-textColorInherit.Mui-selected {
  opacity: 1;
  padding: 1.5vw;
}

.about-us .Team .MuiTab-textColorInherit.Mui-selected h3 {
  color: #0080f9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.about-us .Team .MuiTab-textColorInherit.Mui-selected h3::before {
  background-image: url('../images/about-us/arrow1.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 1vw;
  position: absolute;
  height: 1vw;
  left: -3%;
  content: '';
  background-color: transparent;
  -webkit-transform-origin: 100% 100% 0;
  transform-origin: 100% 100% 0;
  top: unset;
}

@media screen and (max-width: 860px) {
  .about-us .Team .MuiTab-textColorInherit.Mui-selected h3::before {
    width: 3vw;
    height: 3vw;
    left: 0%;
  }
}

.about-us .Team .MuiTab-textColorInherit.Mui-selected p {
  color: #0080f9;
}

@media screen and (max-width: 860px) {
  .about-us .Team .MuiTab-textColorInherit.Mui-selected {
    padding: 5vw;
  }
  .about-us .Team .MuiTab-textColorInherit.Mui-selected p {
    display: block;
  }
}

.about-us .Team .MuiTabs-vertical {
  width: 50%;
  margin-left: 0%;
}

@media screen and (max-width: 860px) {
  .about-us .Team .MuiTabs-vertical {
    width: 100%;
  }
}

.about-us .Team .MuiTab-root {
  min-width: 65%;
  max-width: 64%;
  padding: 1% 2%;
  overflow: initial;
}

@media screen and (max-width: 860px) {
  .about-us .Team .MuiTab-root {
    min-width: 90%;
    max-width: 90%;
  }
}

.about-us .Team .MuiButtonBase-root {
  border-radius: 1vw;
  margin: 2% auto;
}

@media screen and (max-width: 860px) {
  .about-us .Team .MuiButtonBase-root {
    margin: 2% 5% 0% 5%;
    min-height: auto;
  }
}

.about-us .Team .MuiButtonBase-root:first-child {
  margin-top: 15%;
}

@media screen and (max-width: 860px) {
  .about-us .Team .MuiButtonBase-root:first-child {
    margin-top: 5%;
  }
}

.about-us .Team .MuiButtonBase-root:last-child {
  margin-bottom: 15%;
}

@media screen and (max-width: 860px) {
  .about-us .Team .MuiButtonBase-root:last-child {
    margin-top: 5%;
    margin-bottom: 0;
  }
}

.about-us .Team .tabContainer {
  position: relative;
  padding: 1.5%;
  margin-bottom: -10%;
}

@media screen and (max-width: 860px) {
  .about-us .Team .tabContainer {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    margin-bottom: 0%;
  }
}

.about-us .Team .tabContainer .pattern {
  width: 0.9vw;
  height: 0.9vw;
  position: absolute;
  right: 50%;
  top: 15%;
}

.about-us .Team .MuiTabs-scroller {
  width: 100%;
}

@media screen and (max-width: 980px) {
  .about-us .Team .MuiTabs-scroller {
    margin-bottom: 5% !important;
  }
}

.about-us .Team .tabsTopic {
  text-align: left;
}

.about-us .Team .tabsTopic h3 {
  color: #01338d;
  text-transform: capitalize;
  font-family: 'Gotham-Book';
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.2vw;
}

.about-us .Team .tabsTopic h3::before {
  background-image: url('../images/about-us/arrow2.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 0.7vw;
  position: absolute;
  height: 0.7vw;
  left: -3%;
  content: '';
  background-color: transparent;
  -webkit-transform-origin: 100% 100% 0;
  transform-origin: 100% 100% 0;
  top: unset;
}

@media screen and (max-width: 860px) {
  .about-us .Team .tabsTopic h3::before {
    width: 2vw;
    height: 2vw;
    left: 0%;
  }
}

.about-us .Team .tabsTopic p {
  color: #01338d;
  text-transform: lowercase;
  font-family: 'Gotham-Book';
  text-transform: none;
  margin: 0;
}

@media screen and (max-width: 860px) {
  .about-us .Team .tabsTopic p {
    display: none;
  }
}

.about-us .Team .tabsTopic a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #00c8ff;
  font-family: 'Gotham-Medium';
  font-size: 0.8vw;
  text-align: left;
  padding-top: 1vw;
}

.about-us .Team .tabsTopic a:hover {
  color: #b2d8fd;
  -webkit-transition: 2ms;
  transition: 2ms;
}

.about-us .Team .tabsTopic a img {
  height: 0.9vw;
  width: 0.9vw;
}

.about-us .Team .MuiTabs-indicator {
  display: none;
}

@keyframes fade {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

.about-us .Team .tabsImg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 34vw;
  border-radius: 30px;
  width: 39vw;
  position: relative;
  z-index: 1;
  opacity: 1;
  -webkit-animation-name: fadeInOpacity;
  animation-name: fadeInOpacity;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.about-us .Team .tabsImg .overlayBg {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(1, 51, 141, 0)),
    color-stop(rgba(3, 44, 119, 0.23)),
    to(rgba(8, 30, 70, 0.73))
  );
  background-image: linear-gradient(
    to bottom,
    rgba(1, 51, 141, 0),
    rgba(3, 44, 119, 0.23),
    rgba(8, 30, 70, 0.73)
  );
  z-index: 9;
  border-radius: 30px;
  position: absolute;
  height: 100%;
  width: 100%;
}

.about-us .Team .tabsImg .imgOverlay {
  z-index: 11;
  position: absolute;
  bottom: 0;
  padding: 5% 0;
  width: 80%;
  margin: 0 auto;
  text-align: left;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.about-us .Team .tabsImg .imgOverlay h3 {
  font-family: 'Gotham-Medium';
  font-size: 1.3vw;
  color: #fff;
  margin-bottom: 0;
}

.about-us .Team .tabsImg .imgOverlay h6 {
  margin: 0;
}

.about-us .Team .tabsImg .imgOverlay h6,
.about-us .Team .tabsImg .imgOverlay p {
  font-family: 'Gotham-Book';
  font-size: 0.9vw;
  color: #fff;
  font-weight: 300;
}

@media screen and (max-width: 960px) {
  .about-us .Team .tabsImg .imgOverlay h6,
  .about-us .Team .tabsImg .imgOverlay p {
    font-size: 3vw !important;
  }
}

@media screen and (max-width: 960px) {
  .about-us .Team .tabsImg {
    height: 100vw;
    width: 80vw;
  }
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.about-us .Team .MuiTab-textColorInherit {
  opacity: 1;
}

.about-us .Team .whiteBlock {
  height: 16vw;
  background-color: #fff;
}

.about-us .PaymobNumbers {
  text-align: left;
  position: relative;
  padding-top: 10%;
  padding-bottom: 7%;
}

@media screen and (max-width: 960px) {
  .about-us .PaymobNumbers {
    padding-bottom: 20%;
    padding-top: 30%;
  }
}

.about-us .PaymobNumbers .bgleft {
  width: 18%;
  position: absolute;
  left: 0;
  top: 22%;
}

.about-us .PaymobNumbers .row {
  position: relative;
}

.about-us .PaymobNumbers .row .numright {
  width: 1.5%;
  position: absolute;
  right: 6%;
  top: -27%;
}

@media screen and (max-width: 960px) {
  .about-us .PaymobNumbers .row .numright {
    top: -10%;
    width: 4%;
  }
}

.about-us .PaymobNumbers h4 {
  font-family: 'Gotham-Medium';
  color: #0080f9;
  font-size: 1vw;
}

.about-us .PaymobNumbers p {
  color: #435575;
  font-size: 1vw !important;
  font-family: 'Gotham-Book';
  width: 65%;
  margin: 0 0 5%;
}

@media screen and (max-width: 960px) {
  .about-us .PaymobNumbers p {
    font-size: 3vw !important;
    width: 100%;
    margin: 2% 0 5%;
  }
}

.about-us .PaymobNumbers .numberCounts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
}

@media screen and (max-width: 860px) {
  .about-us .PaymobNumbers .numberCounts {
    display: -ms-grid;
    display: grid;
    grid-gap: 5% 15%;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
  }
}

.about-us .PaymobNumbers .numberCounts .num {
  font-family: 'Gotham-Bold';
  color: #0080f9;
  font-size: 2.7vw;
  margin: 5% 0 0% 0;
}

@media screen and (max-width: 960px) {
  .about-us .PaymobNumbers .numberCounts .num {
    font-size: 4vw !important;
  }
}

.about-us .PaymobNumbers .numberCounts p {
  color: #01338d;
  font-family: 'Gotham-Medium';
  margin: 0;
  width: unset;
}

.about-us .PaymobNumbers .numberCounts .singleNum {
  width: 20%;
  margin: 0 auto;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .about-us .PaymobNumbers .numberCounts .singleNum {
    width: 70%;
  }
}

.about-us .PaymobNumbers .numberCounts .singleNum img {
  width: 25%;
}

@media screen and (max-width: 960px) {
  .about-us .PaymobNumbers .numberCounts .singleNum img {
    width: 50%;
  }
}

.about-us .brands {
  padding: 0;
  margin-bottom: 0;
  background-color: #0080f9;
}

.about-us .brands p {
  font-family: 'Gotham-Medium';
}

.about-us .createAccountBlue {
  padding: 0;
}

.contactsales .FormContact {
  margin: 5vh 0;
}

.contactsales .FormContact .hotline {
  font-size: 0.8vw;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact .hotline {
    font-size: 2.5vw;
    margin-top: 2vw;
  }
}

.contactsales .FormContact .phone {
  width: 0.9vw;
  height: 0.9vw;
  margin-right: 0.5vw;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact .phone {
    width: 3vw;
    height: 3vw;
  }
}

.contactsales .FormContact .number {
  color: #01c930;
  border: 2px solid #01c930;
  border-radius: 16px;
  padding: 0.2vw 0.9vw;
  margin-left: 0.9vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.8vw;
}

.contactsales .FormContact .upload {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 1vw;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact .upload {
    margin-bottom: 5vw;
  }
}

.contactsales .FormContact .uploadOne {
  color: #01338d;
  font-size: 11px;
  margin-left: 2%;
  margin-bottom: 2%;
  font-weight: 600;
  margin-top: 5%;
  margin-bottom: 3%;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact .uploadOne {
    margin-bottom: 5%;
  }
}

.contactsales .FormContact .afterUploading {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.contactsales .FormContact .uploadText {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 0;
  font-size: 0.8vw;
  color: #01338d;
  font-family: 'Gotham-Medium';
  position: relative;
  padding-left: 5px;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact .uploadText {
    font-size: 3vw;
    padding-left: unset !important;
  }
}

.contactsales .FormContact .uploadText .fileIcon {
  width: 2vw;
  height: 2vw;
  margin-right: 0.5vw;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact .uploadText .fileIcon {
    width: 6vw;
    height: 6vw;
  }
}

.contactsales .FormContact .uploadText .uploadedBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.contactsales .FormContact .uploadText .uploadedName {
  color: #7f98c5;
  font-size: 0.6vw;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact .uploadText .uploadedName {
    font-size: 2vw;
  }
}

.contactsales .FormContact .uploadText .imgContainer {
  background-color: #0ecf00;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  border-radius: 18px;
  margin-right: 0.5vw;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.contactsales .FormContact .uploadText .imgContainer .uploadSuccess {
  width: 16px;
  height: 16px;
}

.contactsales .FormContact .attachContainer {
  background-color: #e5f2fe;
  padding: 5%;
  border-radius: 8px;
  width: 45px;
  height: 40px;
  margin-right: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

.contactsales .FormContact .attachContainer .redo {
  display: none;
}

.contactsales .FormContact .attachContainer:hover .attachImg {
  opacity: 0.5;
}

.contactsales .FormContact .attachContainer:hover .redo {
  display: block;
  height: 15px;
  width: 15px;
  padding: 2px;
  background-color: white;
  border-radius: 15px;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-7.5px, -7.5px);
  transform: translate(-7.5px, -7.5px);
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact .attachContainer {
    width: 35px;
    height: 35px;
  }
}

.contactsales .FormContact .attachImg {
  width: 45px;
  height: 28px;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact .attachImg {
    width: 26px;
    height: 14px;
  }
}

.contactsales .FormContact .iconContainer {
  background-color: #00c8ff;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.contactsales .FormContact .plusIcon {
  width: 12px;
  height: 12px;
}

.contactsales .FormContact .attachedFile {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 2%;
}

.contactsales .FormContact .uploadPicturs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.contactsales .FormContact .closeIcon {
  width: 0.5vw;
  margin-left: 0.5vw;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact .closeIcon {
    width: 2.5vw;
    margin-left: 1.5vw;
  }
}

.contactsales .FormContact .uploadLink {
  background-color: #00c8ff;
  padding: 5px 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 12px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.contactsales .FormContact .uploadLink img {
  width: 1.2vw;
  height: 1.4vw;
  margin-right: 0.5vw;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact .uploadLink img {
    width: 3vw;
    height: 3vw;
  }
}

.contactsales .FormContact .uploadLink span {
  color: #fff;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact .uploadLink {
    width: 30%;
  }
}

.contactsales .FormContact .tabsBlock {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 55%;
  border-radius: 36px;
  padding: 0.7vw 1.4vw;
  margin-bottom: 1vw;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact .tabsBlock {
    width: 88%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    margin-bottom: 5vw;
  }
}

.contactsales .FormContact .tabsBlock .tab {
  color: #7f98c5;
  font-family: 'Gotham-Medium';
  font-size: 12px;
  cursor: pointer;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact .tabsBlock .tab {
    margin-right: 2.5vw;
  }
}

.contactsales .FormContact .tabsBlock .active {
  background-color: #e5f2fe;
  border-radius: 36px;
  padding: 0.5vw 0.8vw;
  color: #0080f9;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact .tabsBlock .active {
    padding: 3.5vw;
  }
}

.contactsales .FormContact .tab2Row {
  padding: 3vw !important;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact .tab2Row {
    background-image: unset !important;
    background-color: #01338c;
    border-radius: 5vw;
    padding: 5vw !important;
  }
}

.contactsales .FormContact .row {
  background-image: url('../images/contactsales/formbg.jpg');
  padding: 5vw;
  border-radius: 2vw;
  background-size: contain;
  background-position: initial;
  background-color: #e5f2fe;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact .row {
    background-color: #e5f2fe;
    border-radius: 5vw;
    padding: 5vw;
  }
}

.contactsales .FormContact .row .contactTextCol {
  color: #7f98c5;
  font-family: 'Gotham-Book';
  font-size: 13px;
  max-width: 67%;
  margin-left: 8%;
}

.contactsales .FormContact .row .contactTextCol h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.3vw;
  color: #01338d;
  margin-bottom: 4px;
}

.contactsales .FormContact .row .contactTextCol h3::after {
  content: '';
  background-image: url(../images/home/Corner.png);
  width: 20px;
  height: 10px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}

.contactsales .FormContact .row .contactTextCol P {
  max-width: 20vw;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact .row .contactTextCol P {
    max-width: unset;
  }
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact .row .contactTextCol {
    max-width: unset;
  }
}

.contactsales .FormContact .row .TestimonialContact .MuiTypography-root {
  height: 15vw;
}

@media screen and (max-width: 960px) {
  .contactsales .FormContact .row .TestimonialContact .MuiTypography-root {
    height: 42vw;
  }
}

.contactsales .FormContact .row .TestimonialContact .MuiTabs-indicator {
  display: none !important;
}

.contactsales .FormContact .row .TestimonialContact .jss4 {
  display: none !important;
}

.contactsales .FormContact .row .TestimonialContact .MuiBox-root {
  padding: 0 !important;
}

.contactsales .FormContact .row .TestimonialContact .MuiAppBar-colorPrimary {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.contactsales .FormContact .row .TestimonialContact .MuiTab-root {
  min-width: unset !important;
  background: rgba(225, 225, 225, 0.2);
  border-radius: 60%;
  margin: 0 2%;
  opacity: 1 !important;
  width: 5vw;
  height: 5vw;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact .row .TestimonialContact .MuiTab-root {
    width: 15vw;
    height: 15vw;
  }
}

.contactsales .FormContact .row .TestimonialContact .LogoCon {
  max-width: 3.5vw;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact .row .TestimonialContact .LogoCon {
    max-width: 8vw;
  }
}

.contactsales .FormContact .row .TestimonialContact .LogoCon img {
  width: 100%;
}

.contactsales .FormContact .row .TestimonialContact .Mui-selected {
  background: #fff;
  border-radius: 60%;
  width: 5vw;
  height: 5vw;
  padding: 1vw;
  border: 2px solid #99ccfc;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact .row .TestimonialContact .Mui-selected {
    width: 15vw;
    height: 15vw;
  }
}

.contactsales
  .FormContact
  .row
  .TestimonialContact
  .Mui-selected
  .MuiTab-wrapper
  img {
  -webkit-filter: sepia(100%) hue-rotate(120deg) saturate(1000%) brightness(0.3);
  filter: sepia(100%) hue-rotate(120deg) saturate(1000%) brightness(0.3);
}

.contactsales
  .FormContact
  .row
  .TestimonialContact
  .PrivateTabIndicator-root-4 {
  display: none !important;
}

.contactsales .FormContact .row .TestimonialContact h4 {
  color: #0080f9;
  font-family: 'Gotham-Medium';
}

.contactsales .FormContact .row .TestimonialContact p {
  color: #e5f2fe;
  max-width: 80%;
  font-style: italic;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact .row .TestimonialContact p {
    max-width: unset;
  }
}

.contactsales .FormContact .row .TestimonialContact h5 {
  color: #fff;
  text-transform: uppercase;
}

.contactsales .FormContact .row .TestimonialContact h6 {
  color: #fff;
  text-transform: uppercase;
  opacity: 0.5;
}

.contactsales .FormContact .row .lineImg {
  margin-top: 5vw;
}

.contactsales .FormContact .row .FormInputsContact {
  background: #fff;
  padding: 2.5vw;
  border-radius: 1.5vw;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact .row .FormInputsContact {
    padding: 4.5vw;
    border-radius: 4.5vw;
  }
}

.contactsales .FormContact .row .FormInputsContact form .inputCon {
  width: 100%;
}

.contactsales .FormContact .row .FormInputsContact form .inputCon label {
  display: inline-block;
  top: 0;
  font-size: 0.8vw;
  color: #01338d;
  font-family: Gotham-Medium;
  top: auto;
  float: left;
  left: auto;
  width: 100%;
  position: relative;
  -webkit-transform: none !important;
  transform: none !important;
  padding-left: 5px;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact .row .FormInputsContact form .inputCon label {
    font-size: 3vw;
  }
}

.contactsales .FormContact .row .FormInputsContact form .inputCon input {
  width: 100%;
  padding: 1vw;
  border-radius: 1vw;
  margin: 0.5vw 0;
  height: 2.9vw !important;
  background-color: transparent;
  border: 1px solid #99ccfc;
  outline: none;
  color: #0080f9;
  font-size: 0.8vw;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact .row .FormInputsContact form .inputCon input {
    height: 9vw !important;
    font-size: 3vw !important;
    border-radius: 2vw;
  }
}

.contactsales
  .FormContact
  .row
  .FormInputsContact
  form
  .inputCon
  .MuiSelect-selectMenu {
  width: 100% !important;
  padding: 1vw;
  border-radius: 1vw;
  margin: 1vw 0;
  background-color: transparent;
  border: 1px solid #99ccfc;
  outline: none;
  color: #0080f9;
  font-size: 0.8vw;
  position: relative;
  margin-bottom: 2.5vw;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales
    .FormContact
    .row
    .FormInputsContact
    form
    .inputCon
    .MuiSelect-selectMenu {
    height: 7vw !important;
    font-size: 3vw !important;
    margin-bottom: 4vw;
    border-radius: 2vw;
  }
}

.contactsales
  .FormContact
  .row
  .FormInputsContact
  form
  .inputCon
  .MuiSelect-icon {
  top: calc(50% - 20px);
  right: 1vw;
}

.contactsales
  .FormContact
  .row
  .FormInputsContact
  form
  .inputCon
  .MuiInput-underline:after {
  display: none !important;
}

.contactsales
  .FormContact
  .row
  .FormInputsContact
  form
  .inputCon
  .MuiInput-underline:before {
  display: none !important;
}

.contactsales
  .FormContact
  .row
  .FormInputsContact
  form
  .inputCon
  .MuiFormControl-root {
  width: 100% !important;
}

.contactsales
  .FormContact
  .row
  .FormInputsContact
  form
  .inputCon
  .MuiFormControl-root::before {
  display: none;
}

.contactsales .FormContact .row .FormInputsContact form .inputCon textarea {
  width: 100%;
  padding: 1vw;
  font-family: Gotham-Medium;
  border-radius: 1vw;
  margin: 1vw 0;
  height: 6vw;
  background-color: transparent;
  border: 1px solid #99ccfc;
  outline: none;
  color: #0080f9;
  font-size: 0.8vw;
  resize: none;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact .row .FormInputsContact form .inputCon textarea {
    height: 15vw !important;
    font-size: 3vw !important;
  }
}

.contactsales
  .FormContact
  .row
  .FormInputsContact
  form
  .inputCon
  ::-webkit-input-placeholder {
  color: #99ccfc !important;
  font-size: 0.8vw !important;
}

.contactsales
  .FormContact
  .row
  .FormInputsContact
  form
  .inputCon
  :-ms-input-placeholder {
  color: #99ccfc !important;
  font-size: 0.8vw !important;
}

.contactsales
  .FormContact
  .row
  .FormInputsContact
  form
  .inputCon
  ::-ms-input-placeholder {
  color: #99ccfc !important;
  font-size: 0.8vw !important;
}

.contactsales
  .FormContact
  .row
  .FormInputsContact
  form
  .inputCon
  ::placeholder {
  color: #99ccfc !important;
  font-size: 0.8vw !important;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales
    .FormContact
    .row
    .FormInputsContact
    form
    .inputCon
    ::-webkit-input-placeholder {
    font-size: 3vw !important;
  }
  .contactsales
    .FormContact
    .row
    .FormInputsContact
    form
    .inputCon
    :-ms-input-placeholder {
    font-size: 3vw !important;
  }
  .contactsales
    .FormContact
    .row
    .FormInputsContact
    form
    .inputCon
    ::-ms-input-placeholder {
    font-size: 3vw !important;
  }
  .contactsales
    .FormContact
    .row
    .FormInputsContact
    form
    .inputCon
    ::placeholder {
    font-size: 3vw !important;
  }
}

.contactsales .FormContact .row .FormInputsContact form .MuiButtonBase-root {
  background: #0080f9;
  padding: 0.7vw;
  border-radius: 0.7vw;
  color: #e5f2fe;
  text-transform: none;
  margin-top: 1vw;
  margin-bottom: 1vw;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact .row .FormInputsContact form .MuiButtonBase-root {
    padding: 1vw;
    border-radius: 2vw;
  }
}

.contactsales .FormContact .row .FormInputsContact form .arrowIcon {
  margin-left: 2%;
}

.features .scndnavbarfeatures {
  position: -webkit-sticky;
  position: sticky;
  top: 6vw;
  background: #e5f2fe;
  padding: 1vw;
  z-index: 8;
  text-align: center;
  margin: -6vw 0;
}

.features .scndnavbarfeatures ul {
  text-align: center;
}

.features .scndnavbarfeatures ul li {
  padding: 0 2vw;
}

.features .scndnavbarfeatures ul li a {
  color: #01338d;
  font-family: 'Gotham-Light';
  font-size: 0.8vw;
}

@media screen and (max-width: 768px) {
  .features .scndnavbarfeatures {
    display: none;
  }
}

.features .introFeautures {
  background-image: url(../images/features/introBG.png);
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 9;
}

@media screen and (max-width: 860px) {
  .features .introFeautures {
    padding-top: 10%;
  }
}

.features .introFeautures .patternBig {
  position: absolute;
  left: -10vw;
  top: 4vw;
  z-index: -1;
  max-width: 60vw;
  opacity: 0.5;
}

.features .introFeautures .patternSide {
  position: absolute;
  right: -10vw;
  top: 40vw;
  z-index: -1;
  max-width: 21vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .features .introFeautures {
    max-height: unset;
  }
}

.features .introFeautures .introContent .MainMiddleTitle {
  text-align: center;
}

.features .introFeautures .introContent .MainMiddleTitle h1 {
  font-size: 2.2vw;
  position: relative;
  text-align: center;
  margin: 0 auto;
  max-width: 25vw;
  color: #0080f9;
  margin-top: 6vw;
}

@media screen and (max-width: 768px) {
  .features .introFeautures .introContent .MainMiddleTitle h1 {
    max-width: unset;
  }
}

.features .introFeautures .introContent .MainMiddleTitle h1::before {
  background-image: url(../images/home/Corner2.png);
  width: 20px;
  position: absolute;
  right: 0;
  opacity: 0.3;
  height: 15px;
  content: '';
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .features .introFeautures .introContent .MainMiddleTitle h1::before {
    right: -5vw;
  }
}

.features .introFeautures .introContent .MainMiddleTitle p {
  max-width: 20vw;
  text-align: center;
  margin-bottom: 0.7vw;
  font-weight: 700;
  color: #01338d;
  margin: 0 auto;
  margin-top: 2vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .features .introFeautures .introContent .MainMiddleTitle p {
    max-width: unset;
  }
}

.features .introFeautures .introContent .FeaturesItems {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.features .introFeautures .introContent .FeaturesItems .itemF {
  background: #eef7ff;
  padding: 3vw 0;
  border-radius: 2vw;
  text-align: center;
  margin: 4vw 2vw;
  -webkit-box-shadow: -2px 19px 19px 0px #b2d8fd47;
  box-shadow: -2px 19px 19px 0px #b2d8fd47;
  width: 15%;
}

@media screen and (max-width: 768px) {
  .features .introFeautures .introContent .FeaturesItems .itemF {
    width: 100%;
    padding: 12vw;
    border-radius: 5vw;
  }
}

.features .introFeautures .introContent .FeaturesItems .itemF:hover {
  background: #fff;
}

.features .introFeautures .introContent .FeaturesItems .itemF .iconCon {
  max-width: 3vw;
  margin: 0 auto;
  max-height: 3vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .features .introFeautures .introContent .FeaturesItems .itemF .iconCon {
    max-width: 10vw;
    margin: 0 auto;
    max-height: unset;
  }
}

.features .introFeautures .introContent .FeaturesItems .itemF .iconCon img {
  -webkit-filter: sepia(100%) hue-rotate(190deg) saturate(500%);
  filter: sepia(100%) hue-rotate(190deg) saturate(500%);
  width: 80%;
}

.features .introFeautures .introContent .FeaturesItems .itemF h2 {
  font-size: 1vw;
  color: #01338d;
  font-family: 'Gotham-Medium';
  font-weight: 100;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .features .introFeautures .introContent .FeaturesItems .itemF h2 {
    font-size: 4vw !important;
  }
}

.features
  .introFeautures
  .introContent
  .FeaturesItems
  .itemF:hover
  .iconCon
  img {
  -webkit-filter: sepia(100%) hue-rotate(190deg) saturate(50%);
  filter: sepia(100%) hue-rotate(190deg) saturate(50%);
}

.features .DataBannerFeaturesOdd {
  text-align: center;
  padding: 3vw 0;
}

.features .DataBannerFeaturesOdd .DataBannerFeaturesOdd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.features .DataBannerFeaturesOdd .txtTitle {
  padding: 2vw;
}

.features .DataBannerFeaturesOdd .txtTitle .iconCon {
  max-width: 3vw;
  max-height: 3vw;
}

@media screen and (max-width: 768px) {
  .features .DataBannerFeaturesOdd .txtTitle .iconCon {
    max-width: 10vw;
    max-height: unset;
  }
}

.features .DataBannerFeaturesOdd .txtTitle .iconCon img {
  -webkit-filter: sepia(100%) hue-rotate(190deg) saturate(500%);
  filter: sepia(100%) hue-rotate(190deg) saturate(500%);
  width: 80%;
}

.features .DataBannerFeaturesOdd .txtTitle h1 {
  font-size: 2.2vw;
  position: relative;
  text-align: left;
  max-width: 30vw;
  color: #01338d;
  margin-top: 1vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .features .DataBannerFeaturesOdd .txtTitle h1 {
    max-width: unset;
  }
}

.features .DataBannerFeaturesOdd .txtTitle h1::before {
  background-image: url(../images/home/Corner2.png);
  width: 20px;
  position: absolute;
  right: 0;
  opacity: 0.3;
  height: 15px;
  content: '';
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}

.features .DataBannerFeaturesOdd .txtTitle h3 {
  font-size: 1.2vw;
  position: relative;
  text-align: left;
  color: #0080f9;
  margin-top: 2vw;
  font-family: 'Gotham-Light';
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .features .DataBannerFeaturesOdd .txtTitle h3 {
    max-width: unset;
  }
}

.features .DataBannerFeaturesOdd .txtTitle p {
  max-width: 90%;
  text-align: left;
  margin-bottom: 0.7vw;
  font-weight: 700;
  color: #435575;
  margin-top: 2vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .features .DataBannerFeaturesOdd .txtTitle p {
    max-width: unset;
  }
}

.features .DataBannerFeaturesOdd .txtTitle ul {
  display: block;
  margin-top: 2.9vw;
  float: left;
}

.features .DataBannerFeaturesOdd .txtTitle ul li {
  display: inline-block;
}

.features .DataBannerFeaturesOdd .txtTitle ul li a {
  color: #0080f9;
}

.features .DataBannerFeaturesOdd .txtTitle ul li a img {
  width: 0.7vw;
}

@media screen and (max-width: 860px) {
  .features .DataBannerFeaturesOdd .txtTitle ul li a img {
    width: 2vw;
  }
}

.features .DataBannerFeaturesOdd .txtTitle ul li:first-child {
  margin-right: 2vw;
  background-color: #0080f9;
  padding: 0.6vw 1.7vw;
  border-radius: 2vh;
}

.features .DataBannerFeaturesOdd .txtTitle ul li:first-child a {
  color: #fff;
}

.features .DataBannerFeaturesOdd .imgConBigFeatures {
  max-width: 100%;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .features .DataBannerFeaturesOdd .imgConBigFeatures {
    max-width: unset;
  }
}

.features .DataBannerFeaturesOdd .imgConBigFeatures img {
  border-radius: 2vw;
  width: 100%;
}

.features .DataBannerFeaturesEven {
  text-align: center;
  padding: 3vw 0;
}

.features .DataBannerFeaturesEven .DataBannerFeaturesEven {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.features .DataBannerFeaturesEven .txtTitle {
  padding: 2vw;
}

.features .DataBannerFeaturesEven .txtTitle .iconCon {
  max-width: 3vw;
  max-height: 3vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .features .DataBannerFeaturesEven .txtTitle .iconCon {
    max-width: 10vw;
    max-height: unset;
  }
}

.features .DataBannerFeaturesEven .txtTitle .iconCon img {
  -webkit-filter: sepia(100%) hue-rotate(190deg) saturate(500%);
  filter: sepia(100%) hue-rotate(190deg) saturate(500%);
  width: 80%;
}

.features .DataBannerFeaturesEven .txtTitle h1 {
  font-size: 2.2vw;
  position: relative;
  text-align: left;
  max-width: 30vw;
  color: #01338d;
  margin-top: 1vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .features .DataBannerFeaturesEven .txtTitle h1 {
    max-width: unset;
  }
}

.features .DataBannerFeaturesEven .txtTitle h1::before {
  background-image: url(../images/home/Corner2.png);
  width: 20px;
  position: absolute;
  right: 0;
  opacity: 0.3;
  height: 15px;
  content: '';
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}

.features .DataBannerFeaturesEven .txtTitle h3 {
  font-size: 1.2vw;
  position: relative;
  text-align: left;
  color: #0080f9;
  margin-top: 2vw;
  font-family: 'Gotham-Light';
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .features .DataBannerFeaturesEven .txtTitle h3 {
    max-width: unset;
  }
}

.features .DataBannerFeaturesEven .txtTitle p {
  max-width: 90%;
  text-align: left;
  margin-bottom: 0.7vw;
  font-weight: 700;
  color: #435575;
  margin-top: 2vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .features .DataBannerFeaturesEven .txtTitle p {
    max-width: unset;
  }
}

.features .DataBannerFeaturesEven .txtTitle ul {
  display: block;
  margin-top: 2.9vw;
}

.features .DataBannerFeaturesEven .txtTitle ul li {
  display: inline-block;
}

.features .DataBannerFeaturesEven .txtTitle ul li a {
  color: #0080f9;
}

.features .DataBannerFeaturesEven .txtTitle ul li a img {
  width: 0.7vw;
}

.features .DataBannerFeaturesEven .txtTitle ul li:first-child {
  margin-right: 2vw;
  background-color: #0080f9;
  padding: 0.6vw 1.7vw;
  border-radius: 2vh;
}

.features .DataBannerFeaturesEven .txtTitle ul li:first-child a {
  color: #fff;
}

.features .DataBannerFeaturesEven .imgConBigFeatures {
  max-width: 100%;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .features .DataBannerFeaturesEven .imgConBigFeatures {
    max-width: unset;
  }
}

.features .DataBannerFeaturesEven .imgConBigFeatures img {
  border-radius: 2vw;
  width: 100%;
}

.features .DataBannerFeaturesEvenًWithIcon {
  text-align: center;
  padding: 3vw 0;
}

.features .DataBannerFeaturesEvenًWithIcon .DataBannerFeaturesEvenًWithIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.features .DataBannerFeaturesEvenًWithIcon .txtTitle {
  padding: 2vw;
}

.features .DataBannerFeaturesEvenًWithIcon .txtTitle .gridItem {
  margin: 2vw 0;
}

.features .DataBannerFeaturesEvenًWithIcon .txtTitle .gridItem .iconCon {
  max-width: 1.8vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .features .DataBannerFeaturesEvenًWithIcon .txtTitle .gridItem .iconCon {
    max-width: 6vw;
  }
}

.features .DataBannerFeaturesEvenًWithIcon .txtTitle .gridItem h3 {
  font-size: 1.2vw;
  position: relative;
  text-align: left;
  margin: 0 auto;
  color: #0080f9;
  font-family: 'Gotham-Book';
}

.features .DataBannerFeaturesEvenًWithIcon .txtTitle .gridItem p {
  max-width: 80%;
  text-align: left;
  font-weight: 700;
  color: #01338d;
  margin: 1vw 0 !important;
}

.features .DataBannerFeaturesEvenًWithIcon .txtTitle .iconCon {
  max-width: 3vw;
  max-height: 3vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .features .DataBannerFeaturesEvenًWithIcon .txtTitle .iconCon {
    max-width: 10vw;
    max-height: unset;
  }
}

.features .DataBannerFeaturesEvenًWithIcon .txtTitle .iconCon img {
  -webkit-filter: sepia(100%) hue-rotate(190deg) saturate(500%);
  filter: sepia(100%) hue-rotate(190deg) saturate(500%);
  width: 80%;
}

.features .DataBannerFeaturesEvenًWithIcon .txtTitle h1 {
  font-size: 2.2vw;
  position: relative;
  text-align: left;
  max-width: 30vw;
  color: #01338d;
  margin-top: 1vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .features .DataBannerFeaturesEvenًWithIcon .txtTitle h1 {
    max-width: unset;
  }
}

.features .DataBannerFeaturesEvenًWithIcon .txtTitle h1::before {
  background-image: url(../images/home/Corner2.png);
  width: 20px;
  position: absolute;
  right: 0;
  opacity: 0.3;
  height: 15px;
  content: '';
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}

.features .DataBannerFeaturesEvenًWithIcon .txtTitle h3 {
  font-size: 1.2vw;
  position: relative;
  text-align: left;
  color: #0080f9;
  margin-top: 2vw;
  font-family: 'Gotham-Light';
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .features .DataBannerFeaturesEvenًWithIcon .txtTitle h3 {
    max-width: unset;
  }
}

.features .DataBannerFeaturesEvenًWithIcon .txtTitle p {
  max-width: 90%;
  text-align: left;
  margin-bottom: 0.7vw;
  font-weight: 700;
  color: #435575;
  margin-top: 2vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .features .DataBannerFeaturesEvenًWithIcon .txtTitle p {
    max-width: unset;
  }
}

.features .DataBannerFeaturesEvenًWithIcon .txtTitle ul {
  display: block;
  margin-top: 2.9vw;
}

.features .DataBannerFeaturesEvenًWithIcon .txtTitle ul li {
  display: inline-block;
}

.features .DataBannerFeaturesEvenًWithIcon .txtTitle ul li a {
  color: #0080f9;
}

.features .DataBannerFeaturesEvenًWithIcon .txtTitle ul li a img {
  width: 0.7vw;
}

.features .DataBannerFeaturesEvenًWithIcon .txtTitle ul li:first-child {
  margin-right: 2vw;
  background-color: #0080f9;
  padding: 0.6vw 1.7vw;
  border-radius: 2vh;
}

.features .DataBannerFeaturesEvenًWithIcon .txtTitle ul li:first-child a {
  color: #fff;
}

.features .DataBannerFeaturesEvenًWithIcon .imgConBigFeatures {
  max-width: 100%;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .features .DataBannerFeaturesEvenًWithIcon .imgConBigFeatures {
    max-width: unset;
  }
}

.features .DataBannerFeaturesEvenًWithIcon .imgConBigFeatures img {
  border-radius: 2vw;
  width: 100%;
}

.features .GridFeaturesImgs {
  position: relative;
  padding-bottom: 0;
}

@media screen and (max-width: 768px) {
  .features .GridFeaturesImgs {
    margin-top: 17%;
    margin-bottom: 10%;
  }
}

.features .GridFeaturesImgs .marpattern {
  position: absolute;
  top: 3%;
  left: -3%;
  bottom: 8%;
  height: 5vw;
  width: 5vw;
}

.features .GridFeaturesImgs .row {
  max-width: 85vw;
}

.features .GridFeaturesImgs .row > div:nth-child(even) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.features .GridFeaturesImgs .row > div:nth-child(even) .paymentImgContent {
  position: relative;
}

.features
  .GridFeaturesImgs
  .row
  > div:nth-child(even)
  .paymentImgContent
  .paymentDetailsImg {
  -webkit-transform: perspective(60vw) rotateY(-13deg);
  transform: perspective(60vw) rotateY(-13deg);
}

@media screen and (max-width: 860px) {
  .features
    .GridFeaturesImgs
    .row
    > div:nth-child(even)
    .paymentImgContent
    .paymentDetailsImg {
    -webkit-transform: unset !important;
    transform: unset !important;
  }
}

.features
  .GridFeaturesImgs
  .row
  > div:nth-child(even)
  .paymentImgContent::before {
  -webkit-transform: perspective(60vw) rotateY(-13deg);
  transform: perspective(60vw) rotateY(-13deg);
}

@media screen and (max-width: 860px) {
  .features
    .GridFeaturesImgs
    .row
    > div:nth-child(even)
    .paymentImgContent::before {
    -webkit-transform: unset !important;
    transform: unset !important;
  }
}

.features .GridFeaturesImgs .row .paymentImgContent {
  position: relative;
}

.features .GridFeaturesImgs .row .paymentImgContent .paymentDetailsImg {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  max-width: 100%;
  min-height: 22vw;
  border-radius: 3vh;
  margin: 0 auto;
  margin-bottom: 2vw;
  -webkit-transform: perspective(60vw) rotateY(13deg);
  transform: perspective(60vw) rotateY(13deg);
  padding: 2vw;
}

@media screen and (max-width: 860px) {
  .features .GridFeaturesImgs .row .paymentImgContent .paymentDetailsImg {
    min-height: 40vw;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 6vw;
    -webkit-transform: unset !important;
    transform: unset !important;
  }
}

.features .GridFeaturesImgs .row .paymentImgContent::before {
  content: ' ';
  position: absolute;
  top: -1.5vw;
  height: 25vw;
  background-color: #c7e3fe;
  width: 27vw;
  right: 8vw;
  border-radius: 3vh;
  -webkit-transform: perspective(60vw) rotateY(13deg);
  transform: perspective(60vw) rotateY(13deg);
  opacity: 0.5;
}

@media screen and (max-width: 860px) {
  .features .GridFeaturesImgs .row .paymentImgContent::before {
    height: 44vw;
    width: 64vw;
    right: 10vw;
    -webkit-transform: unset !important;
    transform: unset !important;
  }
}

.features .GridFeaturesImgs .row .textPaymentLink {
  width: 27vw;
  margin: 0 auto;
  padding: 10vw 0;
}

@media screen and (max-width: 860px) {
  .features .GridFeaturesImgs .row .textPaymentLink {
    width: 100%;
    margin-top: -10vw;
  }
}

.features .GridFeaturesImgs .row .textPaymentLink .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: #0080f9;
  border-radius: 1vw;
  color: #e5f2fe;
  padding: 2% 2%;
  width: 30%;
  margin: 5% 0;
}

@media screen and (max-width: 860px) {
  .features .GridFeaturesImgs .row .textPaymentLink .contact {
    width: 40%;
    margin: 5% 0;
  }
}

.features .GridFeaturesImgs .row .textPaymentLink .contact img {
  width: 1vw;
}

@media screen and (max-width: 860px) {
  .features .GridFeaturesImgs .row .textPaymentLink .contact img {
    width: 2.5vw;
  }
}

.features .GridFeaturesImgs .row .textPaymentLink .contact:hover {
  color: #01338d;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

.features .GridFeaturesImgs .row .textPaymentLink h3 {
  color: #01338d;
  font-family: 'Gotham-Medium';
  font-weight: 200;
  font-size: 1.7vw;
  position: relative;
}

.features .GridFeaturesImgs .row .textPaymentLink h3::before {
  content: '';
  height: 0.8vw;
  width: 0.8vw;
  position: absolute;
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  right: -2vw;
  background-image: url(../images/shape8.png);
  opacity: 0.2;
}

.features .GridFeaturesImgs .row .textPaymentLink p {
  color: #435575;
  font-family: 'Gotham-Book';
  font-size: 1vw;
}

.features .GridFeaturesImgs .even {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.features .GridFeaturesImgs .even .paymentImgContentPayouts {
  position: relative;
}

.features .GridFeaturesImgs .even .paymentImgContentPayouts .paymentDetailsImg {
  padding: 2vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .features
    .GridFeaturesImgs
    .even
    .paymentImgContentPayouts
    .paymentDetailsImg {
    width: unset;
    position: unset;
  }
}

.features .GridFeaturesImgs .paymentDetailsImg {
  padding: 2vw;
}

.features .GridFeaturesImgs .paymentDetailsImg img {
  border-radius: 26px;
}

.features .GridFeaturesImgs .mainImg {
  bottom: -10vw;
  position: absolute;
  width: 100%;
  float: left;
}

.features .GridFeaturesImgs .mainImg .row {
  max-width: 85vw;
}

.features .GridFeaturesImgs .mainImg .row .paymentmainImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  max-width: 100%;
  min-height: 42vw;
  border-radius: 3vh;
  margin: 0 auto;
  margin-bottom: 2vw;
}

.features .FeaturesIconsGridWithTitle .FeaturesIconsGridWithTitleCon {
  margin: 7vw;
  margin-top: 0;
  background: #e5f2ff;
  border-radius: 3vw;
  padding: 4vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .features .FeaturesIconsGridWithTitle .FeaturesIconsGridWithTitleCon {
    margin: unset;
    border-radius: unset;
    padding: 20% 0;
  }
}

.features
  .FeaturesIconsGridWithTitle
  .FeaturesIconsGridWithTitleCon
  .mainGridTitle {
  margin-bottom: 5vw;
}

.features
  .FeaturesIconsGridWithTitle
  .FeaturesIconsGridWithTitleCon
  .mainGridTitle
  h1 {
  font-size: 2.2vw;
  position: relative;
  text-align: left;
  max-width: 25vw;
  color: #01338d;
  margin-top: 1vw;
}

.features
  .FeaturesIconsGridWithTitle
  .FeaturesIconsGridWithTitleCon
  .mainGridTitle
  h1::before {
  background-image: url(../images/home/Corner2.png);
  width: 20px;
  position: absolute;
  right: 13vw;
  opacity: 0.3;
  height: 15px;
  content: '';
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .features
    .FeaturesIconsGridWithTitle
    .FeaturesIconsGridWithTitleCon
    .mainGridTitle
    h1::before {
    right: -10vw;
  }
}

.features
  .FeaturesIconsGridWithTitle
  .FeaturesIconsGridWithTitleCon
  .gridItem
  .iconCon {
  max-width: 1.8vw;
}

@media screen and (max-width: 768px) {
  .features
    .FeaturesIconsGridWithTitle
    .FeaturesIconsGridWithTitleCon
    .gridItem
    .iconCon {
    max-width: 6vw;
  }
}

.features
  .FeaturesIconsGridWithTitle
  .FeaturesIconsGridWithTitleCon
  .gridItem
  h3 {
  font-size: 1.2vw;
  position: relative;
  text-align: left;
  margin: 0 auto;
  color: #0080f9;
  margin-top: 1vw;
  font-family: 'Gotham-Book';
}

.features
  .FeaturesIconsGridWithTitle
  .FeaturesIconsGridWithTitleCon
  .gridItem
  p {
  max-width: 80%;
  text-align: left;
  margin-bottom: 0.7vw;
  font-weight: 700;
  color: #435575;
}

.features .bannerAndFeatures {
  background: #fbfdff;
  margin: 4vw 0;
}

@media screen and (max-width: 860px) {
  .features .bannerAndFeatures {
    margin: 0;
    padding: 4vw 0;
  }
}

.features .FeaturesIconsGridWithTitleGrid .mainGridTitle {
  margin-bottom: 5vw;
}

.features .FeaturesIconsGridWithTitleGrid .mainGridTitle h1 {
  font-size: 2.2vw;
  position: relative;
  text-align: left;
  max-width: 25vw;
  color: #01338d;
  margin-top: 1vw;
}

@media screen and (max-width: 768px) {
  .features .FeaturesIconsGridWithTitleGrid .mainGridTitle h1 {
    max-width: 100%;
  }
}

.features .FeaturesIconsGridWithTitleGrid .mainGridTitle h1::before {
  background-image: url(../images/home/Corner2.png);
  width: 20px;
  position: absolute;
  right: 0;
  opacity: 0.3;
  height: 15px;
  content: '';
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .features .FeaturesIconsGridWithTitleGrid .mainGridTitle h1::before {
    right: -10vw;
  }
}

.features .FeaturesIconsGridWithTitleGrid .gridItem .iconCon {
  max-width: 1.8vw;
}

@media screen and (max-width: 768px) {
  .features .FeaturesIconsGridWithTitleGrid .gridItem .iconCon {
    max-width: 6vw;
  }
}

.features .FeaturesIconsGridWithTitleGrid .gridItem h3 {
  font-size: 1.2vw;
  position: relative;
  text-align: left;
  margin: 0 auto;
  color: #0080f9;
  margin-top: 1vw;
  font-family: 'Gotham-Book';
}

.features .FeaturesIconsGridWithTitleGrid .gridItem p {
  max-width: 80%;
  text-align: left;
  margin-bottom: 0.7vw;
  font-weight: 700;
  color: #01338d;
  margin: 1vw 0 !important;
}

.features .FeaturesIconsGridWithTitleGrid .imgConSecure {
  max-width: 30vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .features .FeaturesIconsGridWithTitleGrid .imgConSecure {
    max-width: unset;
  }
}

@media screen and (max-width: 860px) {
  .features .FeaturesIconsGridWithTitleGrid {
    padding-top: 7%;
  }
}

.FeaturesIconsGridWithoutTitle .FeaturesIconsGridWithTitleCon {
  margin: 7vw;
  margin-top: 0;
  background: #e5f2ff;
  border-radius: 3vw;
  padding: 4vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .FeaturesIconsGridWithoutTitle .FeaturesIconsGridWithTitleCon {
    margin: unset;
    border-radius: unset;
    padding: 20% 0;
  }
}

.FeaturesIconsGridWithoutTitle .FeaturesIconsGridWithTitleCon .mainGridTitle {
  margin-bottom: 5vw;
  display: none;
}

.FeaturesIconsGridWithoutTitle
  .FeaturesIconsGridWithTitleCon
  .mainGridTitle
  h1 {
  font-size: 2.2vw;
  position: relative;
  text-align: left;
  max-width: 25vw;
  color: #01338d;
  margin-top: 1vw;
}

.FeaturesIconsGridWithoutTitle
  .FeaturesIconsGridWithTitleCon
  .mainGridTitle
  h1::before {
  background-image: url(../images/home/Corner2.png);
  width: 20px;
  position: absolute;
  right: 13vw;
  opacity: 0.3;
  height: 15px;
  content: '';
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .FeaturesIconsGridWithoutTitle
    .FeaturesIconsGridWithTitleCon
    .mainGridTitle
    h1::before {
    right: -10vw;
  }
}

.FeaturesIconsGridWithoutTitle
  .FeaturesIconsGridWithTitleCon
  .gridItem
  .iconCon {
  max-width: 1.8vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .FeaturesIconsGridWithoutTitle
    .FeaturesIconsGridWithTitleCon
    .gridItem
    .iconCon {
    max-width: 6vw !important;
  }
}

.FeaturesIconsGridWithoutTitle .FeaturesIconsGridWithTitleCon .gridItem h3 {
  font-size: 1.2vw;
  position: relative;
  text-align: left;
  margin: 0 auto;
  color: #0080f9;
  margin-top: 1vw;
  font-family: 'Gotham-Book';
}

.FeaturesIconsGridWithoutTitle .FeaturesIconsGridWithTitleCon .gridItem p {
  max-width: 80%;
  text-align: left;
  margin-bottom: 0.7vw;
  font-weight: 700;
  color: #435575;
}

html {
  scroll-behavior: smooth;
}

.partners {
  /***************** partnersInner Tabs section ******************/
  /***************** Benefits Tabs section ******************/
  /***************** our partners section ******************/
  /************** Custom for Client Word ******************/
  /************** partners form ******************/
}

.partners .introPartners {
  background-color: #fbfdff;
  position: relative;
  z-index: 9;
}

.partners .introPartners .innerHeader {
  margin-top: 1vw;
}

.partners .introPartners .innerHeader .row {
  max-width: 88vw;
}

.partners .introPartners .innerHeader .onlineLogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 860px) {
  .partners .introPartners .innerHeader .onlineLogo {
    margin-top: 6vw;
  }
}

.partners .introPartners .innerHeader .onlineLogo span {
  font-family: 'Gotham-Medium';
  font-size: 1.2vw;
  color: #01338d;
}

@media screen and (max-width: 860px) {
  .partners .introPartners .innerHeader .onlineLogo span {
    font-size: 3.5vw;
  }
}

.partners .introPartners .innerHeader .container {
  position: relative;
  margin-right: 2%;
  width: 2.5vw;
  height: 2.5vw;
  background-color: #e0effe;
  border-radius: 2vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: 1px 3px 7px 3px #00000005;
  box-shadow: 1px 3px 7px 3px #00000005;
}

@media screen and (max-width: 860px) {
  .partners .introPartners .innerHeader .container {
    width: 8.5vw;
    height: 7.5vw;
  }
}

.partners .introPartners .innerHeader .container .paymentIcon {
  width: 1.4vw;
}

@media screen and (max-width: 860px) {
  .partners .introPartners .innerHeader .container .paymentIcon {
    width: 3.4vw;
  }
}

.partners .introPartners .innerHeader .fastLinks {
  display: block;
  float: right;
  margin-top: 1.5vw;
}

@media screen and (max-width: 860px) {
  .partners .introPartners .innerHeader .fastLinks {
    float: left;
    margin-top: 0;
  }
}

.partners .introPartners .innerHeader .fastLinks li {
  display: inline-block;
  margin-right: 3vw;
}

.partners .introPartners .innerHeader .fastLinks li:last-child {
  margin-right: 0;
}

.partners .introPartners .innerHeader .fastLinks a {
  font-size: 1vw;
  color: #01338d;
  font-family: 'Gotham-Book';
}

.partners .introPartners .innerHeader .fastLinks a:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.partners .introPartners .innerHeader .fastLinks a:last-child .rightArrow {
  width: 0.7vw;
  margin-top: 0.1vw;
  margin-left: 0.3vw;
  -webkit-filter: brightness(0.2);
  filter: brightness(0.2);
}

.partners .introPartners .introContent {
  min-height: 50vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .partners .introPartners .introContent {
    min-height: unset;
  }
}

.partners .introPartners .introContent h1 {
  margin-top: 5vw;
  font-size: 2.3vw;
  color: #0080f9;
  max-width: 80%;
  position: relative;
}

.partners .introPartners .introContent h1::before {
  content: '';
  height: 0.8vw;
  width: 0.8vw;
  position: absolute;
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  right: 0;
  background-image: url(../images/shape5.png);
  opacity: 0.2;
}

@media screen and (max-width: 860px) {
  .partners .introPartners .introContent h1 {
    margin-bottom: 5vw;
  }
}

.partners .introPartners .introContent p {
  color: #01338d;
  font-size: 1.2vw;
}

.partners .introPartners .introContent ul {
  display: block;
  margin-top: 2.9vw;
}

@media screen and (max-width: 860px) {
  .partners .introPartners .introContent ul {
    margin-top: 7vw;
  }
}

.partners .introPartners .introContent ul li {
  display: inline-block;
}

.partners .introPartners .introContent ul li:first-child {
  margin-right: 2vw;
  background-color: #0080f9;
  padding: 0.6vw 1.7vw;
  border-radius: 3vh;
}

@media screen and (max-width: 860px) {
  .partners .introPartners .introContent ul li:first-child {
    padding: 0 3.7vw;
    border-radius: 2vh;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 6vw;
  }
}

.partners .introPartners .introContent ul li:first-child a {
  color: #fff;
}

.partners .introPartners .introContent ul li a {
  color: #01338d;
}

@media screen and (max-width: 860px) {
  .partners .introPartners .introContent ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.partners .introPartners .introContent ul li a .rightArrow {
  width: 0.7vw;
  margin-top: 0.2vw;
}

@media screen and (max-width: 860px) {
  .partners .introPartners .introContent ul li a .rightArrow {
    width: 3vw;
  }
}

.partners .introPartners .introContent .paymentLinkIntroImg {
  position: relative;
}

.partners .introPartners .introContent .paymentLinkIntroImg img {
  width: 100%;
  position: absolute;
  right: 0;
  border-radius: 10%;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .partners .introPartners .introContent .paymentLinkIntroImg img {
    width: 100%;
    position: unset;
  }
}

@media screen and (max-width: 860px) {
  .partners .introPartners .introContent .paymentLinkIntroImg {
    min-height: 85vw;
  }
}

.partners .partnersProgram {
  background-color: #0080f9;
  padding: 6vw;
}

.partners .partnersProgram h1 {
  margin-top: 2vw;
  font-size: 2.3vw;
  color: #fff;
  max-width: 80%;
  position: relative;
}

.partners .partnersProgram h1::before {
  content: '';
  height: 0.8vw;
  width: 0.8vw;
  position: absolute;
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  right: 0;
  background-image: url(../images/shape5.png);
  opacity: 0.2;
}

@media screen and (max-width: 860px) {
  .partners .partnersProgram h1 {
    margin-bottom: 5vw;
  }
}

.partners .partnersProgram p {
  color: #b2d8fd;
  max-width: 80%;
  font-size: 1.2vw;
}

.partners .partnersProgram ul {
  display: block;
  margin: 2.9vw 0;
}

@media screen and (max-width: 860px) {
  .partners .partnersProgram ul {
    margin-top: 7vw;
  }
}

.partners .partnersProgram ul li {
  display: inline-block;
}

.partners .partnersProgram ul li:first-child {
  margin-right: 2vw;
  background-color: #fff;
  padding: 0.6vw 1.7vw;
  border-radius: 3vh;
}

@media screen and (max-width: 860px) {
  .partners .partnersProgram ul li:first-child {
    padding: 0 3.7vw;
    border-radius: 2vh;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 6vw;
  }
}

.partners .partnersProgram ul li:first-child a {
  color: #0080f9;
}

.partners .partnersProgram ul li a {
  color: #01338d;
}

@media screen and (max-width: 860px) {
  .partners .partnersProgram ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.partners .partnersProgram ul li a .rightArrow {
  width: 0.7vw;
}

@media screen and (max-width: 860px) {
  .partners .partnersProgram ul li a .rightArrow {
    width: 3vw;
  }
}

.partners .partnersProgram .paymentLinkIntroImg {
  position: relative;
}

.partners .partnersProgram .paymentLinkIntroImg img {
  width: 100%;
  border-radius: 8vh;
  padding: 2vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .partners .partnersProgram .paymentLinkIntroImg img {
    width: 100%;
    position: unset;
  }
}

@media screen and (max-width: 860px) {
  .partners .partnersProgram .paymentLinkIntroImg {
    min-height: 85vw;
  }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .partners .partnersProgram .paymentLinkIntroImg {
    min-height: unset;
  }
}

.partners .partnersInner {
  background-color: #e5f2fe;
  height: 55vw;
  position: relative;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .partners .partnersInner {
    height: unset;
    background-color: unset;
  }
}

.partners .partnersInner .partnersTabs {
  padding: 2vw;
  position: absolute;
  left: 5%;
  top: -11%;
  background: #f9fcff;
  width: 90%;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  min-height: 70vh;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .partners .partnersInner .partnersTabs {
    position: unset;
    width: 100%;
    min-height: unset;
  }
}

@media screen and (max-width: 860px) {
  .partners .partnersInner .partnersTabs .MuiTabs-scroller {
    overflow-x: scroll !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .partners
    .partnersInner
    .partnersTabs
    .MuiTabs-scroller
    .MuiTabs-flexContainer {
    width: 180vw;
  }
}

.partners
  .partnersInner
  .partnersTabs
  .MuiTabs-scroller::-webkit-scrollbar-thumb {
  background: #e5f2fe;
  -webkit-box-shadow: inset 0 0 5px #e5f2fe;
  box-shadow: inset 0 0 5px #e5f2fe;
  border-radius: 10px;
  width: 100% !important;
}

.partners
  .partnersInner
  .partnersTabs
  .MuiTabs-scroller::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px transparent;
  box-shadow: inset 0 0 5px transparent;
  border-radius: 10px;
}

.partners .partnersInner .partnersTabs .tabContentTabPanel {
  padding: 1vw 7vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .partners .partnersInner .partnersTabs .tabContentTabPanel {
    padding: unset;
  }
}

.partners .partnersInner .partnersTabs .tabContentTabPanel .imgCon {
  max-width: 3vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .partners .partnersInner .partnersTabs .tabContentTabPanel .imgCon {
    max-width: 7vw;
  }
}

.partners .partnersInner .partnersTabs .tabContentTabPanel .imgCon img {
  width: 100%;
}

.partners .partnersInner .partnersTabs .tabContentTabPanel h2 {
  color: #0080f9;
}

.partners .partnersInner .partnersTabs .tabContentTabPanel p {
  color: #01338d;
}

.partners .partnersInner .partnersTabs .tabContentTabPanel h4 {
  color: #01338d;
  font-family: 'Gotham-Light';
  font-size: 1vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .partners .partnersInner .partnersTabs .tabContentTabPanel h4 {
    font-size: 4vw !important;
  }
}

.partners .partnersInner .partnersTabs .tabContentTabPanel ul.FeatutesList {
  margin-left: 1vw;
}

.partners .partnersInner .partnersTabs .tabContentTabPanel ul.FeatutesList ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.partners
  .partnersInner
  .partnersTabs
  .tabContentTabPanel
  ul.FeatutesList
  ul
  li {
  position: relative;
  color: #435575;
  font-family: 'Gotham-Light';
  font-size: 0.9vw;
}

.partners
  .partnersInner
  .partnersTabs
  .tabContentTabPanel
  ul.FeatutesList
  ul
  li::before {
  content: ' ';
  position: absolute;
  width: 1vw;
  height: 1vw;
  background-image: url(../images/partners/check.png);
  background-size: contain;
  left: -1.2vw;
  background-repeat: no-repeat;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .partners
    .partnersInner
    .partnersTabs
    .tabContentTabPanel
    ul.FeatutesList
    ul
    li::before {
    width: 10vw;
    height: 3.3vw;
    left: -4.5vw;
  }
}

.partners
  .partnersInner
  .partnersTabs
  .tabContentTabPanel
  ul.FeatutesList
  ul
  li
  img {
  max-width: 0.7vw;
  margin: 0 0.5vw;
  margin-left: 0;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .partners
    .partnersInner
    .partnersTabs
    .tabContentTabPanel
    ul.FeatutesList
    ul
    li
    img {
    max-width: 3vw;
  }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .partners
    .partnersInner
    .partnersTabs
    .tabContentTabPanel
    ul.FeatutesList
    ul
    li {
    font-size: 3vw !important;
    margin-left: 4%;
  }
}

.partners .partnersInner .partnersTabs .tabContentTabPanel .Logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.partners .partnersInner .partnersTabs .tabContentTabPanel .Logos img {
  max-width: 4vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .partners .partnersInner .partnersTabs .tabContentTabPanel .Logos img {
    max-width: 15vw;
  }
}

.partners .partnersInner .partnersTabs .tabContentTabPanel .BtnsNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1vw;
}

.partners
  .partnersInner
  .partnersTabs
  .tabContentTabPanel
  .BtnsNav
  li
  .rightArrow {
  width: 0.7vw;
}

.partners
  .partnersInner
  .partnersTabs
  .tabContentTabPanel
  .BtnsNav
  li:first-child {
  margin-right: 2vw;
  background-color: #0080f9;
  padding: 0.6vw 1.7vw;
  border-radius: 3vh;
}

.partners
  .partnersInner
  .partnersTabs
  .tabContentTabPanel
  .BtnsNav
  li:first-child
  a {
  color: #fff;
}

.partners .partnersInner .partnersTabs .tabContentTabPanel .BtnsNav li a {
  color: #01338d;
  text-decoration: underline;
}

.partners .partnersInner .partnersTabs .tabContentTabPanel .imgBigGridCol img {
  border-radius: 20px;
  width: 100%;
}

.partners .partnersInner .partnersTabs .tabsContent {
  margin-bottom: 3vw;
}

.partners .partnersInner .partnersTabs .tabsContent h1 {
  text-align: center;
  color: #e5f2fe;
  font-size: 3vw;
  position: relative;
  width: 13vw;
  margin: 0 auto;
  margin-bottom: 1vw;
  margin-top: 5vw;
}

@media screen and (max-width: 860px) {
  .partners .partnersInner .partnersTabs .tabsContent h1 {
    width: 25vw;
  }
}

.partners .partnersInner .partnersTabs .tabsContent h1::before {
  content: '';
  height: 0.9vw;
  width: 0.9vw;
  position: absolute;
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0.5vw;
  right: 0vw;
  background-image: url(../images/shape13.png);
}

@media screen and (max-width: 860px) {
  .partners .partnersInner .partnersTabs .tabsContent h1::before {
    height: 1.8vw;
    width: 1.8vw;
  }
}

.partners .partnersInner .partnersTabs .tabsContent p {
  color: #99ccfc;
  width: 26vw;
  margin: 0 auto;
  margin-bottom: 1vw;
  text-align: center;
  font-size: 1.1vw;
}

@media screen and (max-width: 860px) {
  .partners .partnersInner .partnersTabs .tabsContent p {
    width: 100%;
    margin-bottom: 2vw;
  }
}

.partners .partnersInner .partnersTabs .tabsContent a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #00c8ff;
}

.partners .partnersInner .partnersTabs .tabsContent a img {
  max-width: 0.8vw;
}

@media screen and (max-width: 860px) {
  .partners .partnersInner .partnersTabs .tabsContent a img {
    max-width: 2.5vw;
    margin-top: 1vw;
  }
}

.partners .partnersInner .partnersTabs .MuiAppBar-positionStatic {
  position: static;
  background-color: transparent !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 2px solid #e5f2fe;
  width: 70vw;
  margin: 0 auto;
  margin-bottom: 3vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .partners .partnersInner .partnersTabs .MuiAppBar-positionStatic {
    width: unset;
  }
}

.partners .partnersInner .partnersTabs .MuiTab-root {
  min-width: 18vw;
  padding: 2vw;
  font-family: 'Gotham-Medium' !important;
}

@media screen and (max-width: 860px) {
  .partners .partnersInner .partnersTabs .MuiTab-root {
    padding: 6.5vw 6vw;
  }
}

.partners .partnersInner .partnersTabs .MuiTabs-indicator {
  display: none !important;
}

.partners .partnersInner .partnersTabs .PrivateTabIndicator-colorPrimary-2 {
  display: none !important;
}

@media screen and (max-width: 860px) {
  .partners .partnersInner .partnersTabs .PrivateTabIndicator-colorPrimary-2 {
    height: 0.5vw;
  }
}

.partners .partnersInner .partnersTabs span.MuiTab-wrapper {
  text-transform: capitalize;
  font-size: 0.9vw;
  font-family: 'Gotham-Medium';
}

@media screen and (max-width: 860px) {
  .partners .partnersInner .partnersTabs span.MuiTab-wrapper {
    font-size: 3vw;
  }
}

.partners .partnersInner .partnersTabs span.MuiTab-wrapper img {
  width: 1.3vw;
  display: block;
  margin: 0 auto;
  padding-bottom: 0.2vw;
}

@media screen and (max-width: 860px) {
  .partners .partnersInner .partnersTabs span.MuiTab-wrapper img {
    width: 7vw;
    padding-bottom: 1.5vw;
  }
}

.partners .partnersInner .partnersTabs span.MuiTab-wrapper .payIcon {
  width: 1.7vw;
}

@media screen and (max-width: 860px) {
  .partners .partnersInner .partnersTabs span.MuiTab-wrapper .payIcon {
    width: 5vw;
  }
}

.partners .partnersInner .partnersTabs .MuiTab-textColorPrimary.Mui-selected {
  color: #0080f9;
  border-bottom: 0.2vw solid #00c8ff;
}

@media screen and (max-width: 860px) {
  .partners .partnersInner .partnersTabs .MuiTab-textColorPrimary.Mui-selected {
    border-bottom: 0.8vw solid #00c8ff;
  }
}

.partners
  .partnersInner
  .partnersTabs
  .MuiTab-textColorPrimary.Mui-selected
  img {
  opacity: 1;
}

.partners .partnersInner .partnersTabs .MuiTab-textColorPrimary {
  color: #01338d;
}

.partners .partnersInner .partnersTabs .MuiTab-textColorPrimary img {
  opacity: 0.5;
}

.partners .partnersBenifits {
  padding: 6vw;
}

.partners .partnersBenifits .LeftCol ul li:first-child {
  margin-right: 2vw;
  background-color: #0080f9;
  padding: 0.6vw 1.7vw;
  border-radius: 3vh;
  width: 9vw;
}

@media screen and (max-width: 960px) {
  .partners .partnersBenifits .LeftCol ul li:first-child {
    width: 38%;
    text-align: center;
  }
}

.partners .partnersBenifits .LeftCol ul li:first-child a {
  color: #fff;
}

.partners .partnersBenifits .LeftCol ul li .rightArrow {
  max-width: 0.7vw;
}

.partners .partnersBenifits .LeftCol p {
  max-width: 70%;
}

.partners .partnersBenifits .benifitsItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.partners .partnersBenifits .benifitsItem img {
  max-width: 1vw;
  margin-right: 1vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .partners .partnersBenifits .benifitsItem img {
    max-width: 3vw;
    margin-right: 2vw;
    margin-top: -8.7vw;
  }
}

.partners .partnersBenifits .benifitsItem .Txt h4 {
  color: #0080f9;
  font-family: 'Gotham-Light';
}

.partners .ourPartners {
  padding: 6vw;
}

@media screen and (max-width: 960px) {
  .partners .ourPartners {
    padding-bottom: 30%;
  }
}

.partners .ourPartners .LeftCol {
  position: -webkit-sticky;
  position: sticky;
  top: 8vw;
}

.partners .ourPartners .LeftCol h3 {
  color: #0080f9;
}

.partners .ourPartners .LeftCol .vertical-menu {
  border-left: 1px solid #e5f2fe;
  margin: 4vw 0;
}

.partners .ourPartners .LeftCol .vertical-menu a {
  color: #435575;
  display: block;
  padding: 0.5vw 1vw;
  font-family: 'Gotham-Light';
  text-decoration: none;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .partners .ourPartners .LeftCol .vertical-menu a {
    padding: 3.5vw 1vw;
  }
}

.partners .ourPartners .LeftCol .vertical-menu a:hover {
  border-left: 2px solid #01338d;
  color: #01338d;
  font-family: 'Gotham-Medium';
}

.partners .ourPartners .LeftCol .vertical-menu a.active {
  border-left: 2px solid #01338d;
  color: #01338d;
  font-family: 'Gotham-Medium';
}

.partners .ourPartners .partnerItem {
  margin-bottom: 7vw;
  position: relative;
}

@media screen and (max-width: 860px) {
  .partners .ourPartners .partnerItem {
    margin-bottom: 16vw;
  }
}

.partners .ourPartners .partnerItem h4 {
  color: #0080f9;
  font-family: 'Gotham-Light';
  position: relative;
  background: #fff;
  max-width: 25%;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .partners .ourPartners .partnerItem h4 {
    max-width: unset;
  }
}

.partners .ourPartners .partnerItem .lineTxt {
  position: absolute;
  top: 0.7vw;
  content: ' ';
  width: 77%;
  height: 1px;
  background-color: #435575;
  opacity: 0.5;
  right: 0;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .partners .ourPartners .partnerItem .lineTxt {
    display: none;
  }
}

.partners .ourPartners .partnerItem .LogosDivRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4vw;
}

@media screen and (max-width: 768px) {
  .partners .ourPartners .partnerItem .LogosDivRow {
    padding: 12vw 0;
  }
}

.partners .ourPartners .partnerItem .LogosDivRow .logoItem {
  background: #fff;
  -webkit-box-shadow: 1px 7px 15px 4px #1782fb12;
  box-shadow: 1px 7px 15px 4px #1782fb12;
  width: 10vw;
  height: 10vw;
  border-radius: 70%;
  text-align: center;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .partners .ourPartners .partnerItem .LogosDivRow .logoItem {
    width: 15vw;
    height: 15vw;
  }
}

.partners .ourPartners .partnerItem .LogosDivRow .logoItem .logoImgCon {
  max-width: 6vw;
  margin: 2vw auto;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .partners .ourPartners .partnerItem .LogosDivRow .logoItem .logoImgCon {
    max-width: 9vw;
    margin: 4vw auto;
  }
}

.partners .ourPartners .partnerItem .LogosDivRow .logoItem .logoImgCon img {
  width: 100%;
}

.partners .ourPartners .partnerItem .LogosDivRow .logoItem h5 {
  margin-top: 5vw;
  text-align: center;
}

.partners .clientsWord {
  padding-top: 5% !important;
}

.partners .clientsWord .ClientPtn {
  display: block !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50vw;
  width: 30vw;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

.partners .partnersForm {
  margin-top: 40vh;
  background: #e5f2fe;
  position: relative;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .partners .partnersForm {
    margin-top: 9vh;
  }
}

.partners .partnersForm .row {
  background-image: url(../images/partners/formBG.png);
  padding: 5vw;
  border-radius: 2vw;
  position: relative;
  background-position: right;
  background-size: cover;
  top: -10vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .partners .partnersForm .row {
    border-radius: 20px;
  }
}

.partners .partnersForm .row .contactTextCol {
  padding: 6vw 0;
}

.partners .partnersForm .row .contactTextCol h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 80%;
  font-size: 2.3vw;
  color: #fff;
}

.partners .partnersForm .row .contactTextCol h3::after {
  content: '';
  background-image: url(../images/home/Corner.png);
  width: 20px;
  height: 10px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}

.partners .partnersForm .row .contactTextCol P {
  max-width: 20vw;
  color: #99ccfc;
  line-height: 1.5vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .partners .partnersForm .row .contactTextCol P {
    max-width: unset;
    line-height: unset;
  }
}

.partners .partnersForm .row .lineImg {
  margin-top: 8vw;
}

.partners .partnersForm .row .FormInputsContact {
  background: #fff;
  padding: 4vw;
  border-radius: 1.5vw;
  position: relative;
}

.partners .partnersForm .row .FormInputsContact form .inputCon {
  width: 100%;
}

.partners .partnersForm .row .FormInputsContact form .inputCon label {
  display: inline-block;
  top: 0;
  font-size: 0.8vw;
  color: #01338d;
  font-family: Gotham-Medium;
  top: auto;
  float: left;
  left: auto;
  width: 100%;
  position: relative;
  -webkit-transform: none !important;
  transform: none !important;
  padding-left: 5px;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .partners .partnersForm .row .FormInputsContact form .inputCon label {
    font-size: 3vw;
    padding-left: unset;
  }
}

.partners .partnersForm .row .FormInputsContact form .inputCon input {
  width: 100%;
  padding: 1vw;
  border-radius: 1vw;
  margin: 0.5vw 0;
  height: 3.2vw !important;
  background-color: transparent;
  border: 1px solid #99ccfc;
  outline: none;
  color: #0080f9;
  font-size: 0.8vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .partners .partnersForm .row .FormInputsContact form .inputCon input {
    margin: 1.5vw 0;
    height: 8vw !important;
    font-size: 3vw;
  }
}

.partners
  .partnersForm
  .row
  .FormInputsContact
  form
  .inputCon
  .MuiSelect-selectMenu {
  width: 100% !important;
  padding: 0.9vw;
  border-radius: 1vw;
  margin: 0.5vw 0;
  background-color: transparent;
  border: 1px solid #99ccfc;
  outline: none;
  color: #0080f9;
  font-size: 0.8vw;
  position: relative;
  height: 1.3vw;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .partners
    .partnersForm
    .row
    .FormInputsContact
    form
    .inputCon
    .MuiSelect-selectMenu {
    height: 6vw;
    font-size: 3vw;
  }
}

.partners
  .partnersForm
  .row
  .FormInputsContact
  form
  .inputCon
  .MuiInput-underline:before {
  display: none !important;
}

.partners
  .partnersForm
  .row
  .FormInputsContact
  form
  .inputCon
  .MuiFormControl-root {
  width: 100% !important;
}

.partners
  .partnersForm
  .row
  .FormInputsContact
  form
  .inputCon
  .MuiFormControl-root::before {
  display: none;
}

.partners .partnersForm .row .FormInputsContact form .inputCon textarea {
  width: 100%;
  padding: 1vw;
  font-family: Gotham-Medium;
  border-radius: 1vw;
  margin: 1vw 0;
  height: 6vw !important;
  background-color: transparent;
  border: 1px solid #99ccfc;
  outline: none;
  color: #0080f9;
  font-size: 0.8vw;
  resize: none;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .partners .partnersForm .row .FormInputsContact form .inputCon textarea {
    height: 20vw !important;
    font-size: 3vw;
  }
}

.partners
  .partnersForm
  .row
  .FormInputsContact
  form
  .inputCon
  ::-webkit-input-placeholder {
  color: #99ccfc !important;
  font-size: 0.8vw !important;
}

.partners
  .partnersForm
  .row
  .FormInputsContact
  form
  .inputCon
  :-ms-input-placeholder {
  color: #99ccfc !important;
  font-size: 0.8vw !important;
}

.partners
  .partnersForm
  .row
  .FormInputsContact
  form
  .inputCon
  ::-ms-input-placeholder {
  color: #99ccfc !important;
  font-size: 0.8vw !important;
}

.partners .partnersForm .row .FormInputsContact form .inputCon ::placeholder {
  color: #99ccfc !important;
  font-size: 0.8vw !important;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .partners
    .partnersForm
    .row
    .FormInputsContact
    form
    .inputCon
    ::-webkit-input-placeholder {
    font-size: 3vw !important;
  }
  .partners
    .partnersForm
    .row
    .FormInputsContact
    form
    .inputCon
    :-ms-input-placeholder {
    font-size: 3vw !important;
  }
  .partners
    .partnersForm
    .row
    .FormInputsContact
    form
    .inputCon
    ::-ms-input-placeholder {
    font-size: 3vw !important;
  }
  .partners .partnersForm .row .FormInputsContact form .inputCon ::placeholder {
    font-size: 3vw !important;
  }
}

.partners .partnersForm .row .FormInputsContact form .MuiButtonBase-root {
  background: #0080f9;
  padding: 1vw;
  border-radius: 1vw;
  color: #e5f2fe;
  text-transform: none;
}

.paymobSync {
  /************** Custom for Client Word ******************/
}

.paymobSync .introSection {
  background-color: #4432e0;
}

.paymobSync .introSection .paymentIcon {
  width: 2vw;
  height: 2vw;
}

@media screen and (max-width: 860px) {
  .paymobSync .introSection .paymentIcon {
    width: 6vw;
    height: 7vw;
  }
}

.paymobSync .introSection .container::after {
  left: -0.7vw;
}

@media screen and (max-width: 860px) {
  .paymobSync .introSection .container::after {
    left: -1.3vw;
    top: -1vw;
  }
}

.paymobSync .introSection::before {
  background-image: url('../images/paymobSync/introRight.png');
  height: 74%;
  width: 46%;
  background-size: cover;
}

.paymobSync .introSection::after {
  content: '';
  height: 30%;
  width: 12%;
  position: absolute;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 25%;
  left: 0;
  background-image: url('../images/paymobSync/introLeft.png');
}

.paymobSync .ModuleFeatures {
  padding-top: 27%;
  margin-top: 10%;
}

@media screen and (max-width: 860px) {
  .paymobSync .ModuleFeatures .AddImg {
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
}

.paymobSync .ModuleFeatures .addPtnbtm {
  display: none;
}

.paymobSync .ModuleFeatures .addDetails {
  padding: 20% 16%;
}

@media screen and (max-width: 860px) {
  .paymobSync .ModuleFeatures .addDetails {
    padding: 0 16%;
  }
}

.paymobSync .ModuleFeatures .addDetails .haedline {
  font-family: 'Gotham-Medium';
  color: #4432e0;
}

@media screen and (max-width: 860px) {
  .paymobSync .ModuleFeatures .addDetails .haedline {
    margin-top: 0;
  }
}

.paymobSync .ModuleFeatures > div > div > div:nth-child(4) .AddImg .onlineImg {
  height: 25vw;
}

@media screen and (max-width: 860px) {
  .paymobSync
    .ModuleFeatures
    > div
    > div
    > div:nth-child(4)
    .AddImg
    .onlineImg {
    height: 38vw;
  }
}

.paymobSync .benefits {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    right top,
    from(rgba(68, 50, 224, 0.82)),
    to(#4432e0)
  );
  background-image: linear-gradient(
    to top right,
    rgba(68, 50, 224, 0.82),
    #4432e0
  );
  text-align: center;
  padding: 10% 0 12%;
  position: relative;
}

.paymobSync .benefits .row {
  max-width: 75vw;
}

.paymobSync .benefits .rightbg {
  position: absolute;
  top: 0;
  right: 0;
  width: 22%;
}

.paymobSync .benefits .leftBtm {
  position: absolute;
  bottom: 8%;
  left: 0;
  width: 2%;
  height: 10vw;
}

@media screen and (max-width: 960px) {
  .paymobSync .benefits .leftBtm {
    width: 3%;
    height: 14vw;
  }
}

.paymobSync .benefits .leftTop {
  position: absolute;
  top: 14%;
  left: 7%;
  width: 4%;
}

.paymobSync .benefits h4 {
  color: white;
}

.paymobSync .benefits h1 {
  color: #fff;
  margin-bottom: 5%;
}

.paymobSync .benefits .benefitBlock {
  text-align: left;
}

.paymobSync .benefits .benefitBlock h2 {
  font-size: 1.7vw;
}

@media screen and (max-width: 960px) {
  .paymobSync .benefits .benefitBlock h2 {
    font-size: 4vw !important;
  }
}

.paymobSync .benefits .benefitBlock img {
  width: 10%;
}

@media screen and (max-width: 980px) {
  .paymobSync .benefits .benefitBlock img {
    width: 7%;
  }
}

.paymobSync .benefits .benefitBlock h2 {
  color: #e5f2fe;
}

.paymobSync .benefits .benefitBlock p {
  margin-top: 15%;
  font-family: 'Gotham-Book';
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.2vw;
}

@media screen and (max-width: 960px) {
  .paymobSync .benefits .benefitBlock p {
    margin-top: 5%;
  }
}

.paymobSync .Places {
  padding: 7% 0;
  background-color: #f9fcff;
}

.paymobSync .Places .row {
  max-width: 90vw;
}

.paymobSync .Places .image-gallery-thumbnails {
  width: 100%;
}

.paymobSync .Places .image-gallery-slide.right .slideBlock {
  background-color: transparent;
}

.paymobSync .Places .image-gallery {
  width: 100vw;
}

@media screen and (max-width: 960px) {
  .paymobSync .Places .image-gallery {
    width: 100%;
  }
}

.paymobSync .Places .image-gallery button {
  cursor: pointer;
}

.paymobSync .Places h1 {
  color: #4432e0;
  font-size: 1.7vw;
  text-align: left;
  float: right;
  width: 70%;
}

@media screen and (max-width: 960px) {
  .paymobSync .Places h1 {
    font-size: 4vw !important;
    float: left;
  }
}

.paymobSync .Places h1 span {
  font-family: 'Gotham-Book';
  color: #01338d;
}

.paymobSync .Places h5 {
  color: #00c8ff;
  text-align: left;
  font-size: 1vw;
}

.paymobSync .Places h2 {
  color: #fff;
  text-align: left;
  margin-block: 30px;
}

.paymobSync .Places h3 {
  color: #fff;
}

.paymobSync .Places h4 {
  color: #99ccfc;
  margin-block: 15px;
}

.paymobSync .Places p {
  color: #99ccfc;
  margin: 0;
  line-height: 20px;
  font-size: 1vw;
  text-wrap: wrap;
}

@media screen and (max-width: 960px) {
  .paymobSync .Places p {
    line-height: unset;
  }
}

.paymobSync .Places .slideBlock {
  background-color: #4432e0;
  padding: 5%;
  border-radius: 30px;
  margin-right: 12%;
  -webkit-transition-duration: 1000ms;
  transition-duration: 1000ms;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}

@media screen and (max-width: 960px) {
  .paymobSync .Places .slideBlock {
    margin: 0 auto;
  }
}

.paymobSync .Places .slideBlock .slideImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 35vw;
  border-radius: 20px;
  -webkit-transition-duration: 1000ms;
  transition-duration: 1000ms;
}

@media screen and (max-width: 960px) {
  .paymobSync .Places .slideBlock .slideImg {
    height: 60vw;
  }
}

.paymobSync .Places .slideBlock .features {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  grid-gap: 5%;
  text-align: left;
}

@media screen and (max-width: 960px) {
  .paymobSync .Places .slideBlock .features {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    display: block;
  }
}

.paymobSync .Places .slideBlock .features .featureBlock img {
  width: 7%;
}

@media screen and (max-width: 960px) {
  .paymobSync .Places .slideBlock .features .featureBlock img {
    width: 5%;
  }
}

.paymobSync .clientsWord {
  padding-top: 5% !important;
}

.paymobSync .clientsWord .ClientPtn {
  display: block !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50vw;
  width: 30vw;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

.careers {
  background-color: #0080f9;
  position: relative;
}

.careers::after {
  background-image: url('../images/about-us/bg.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 57.9vw;
  position: absolute;
  height: 51.9vw;
  right: -6vw;
  bottom: 0;
  content: '';
}

@media screen and (max-width: 860px) {
  .careers::after {
    height: 111.9vw;
    width: 117.9vw;
  }
}

.careers .haedline {
  font-family: 'Gotham-Bold';
  font-size: 2.2vw !important;
  text-align: center;
  color: #e5f2fe !important;
  width: 40%;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 860px) {
  .careers .haedline {
    font-size: 3.5vw !important;
    width: 80%;
  }
}

.careers .careersHeader {
  text-align: center;
  position: relative;
  padding: 3% 0;
  padding-bottom: 5%;
  z-index: 99;
}

@media screen and (max-width: 960px) {
  .careers .careersHeader {
    padding-bottom: 15%;
    padding-top: 7%;
  }
}

.careers .careersHeader .onlineLogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  margin-top: 0;
}

@media screen and (max-width: 960px) {
  .careers .careersHeader .onlineLogo {
    margin-bottom: 8vw;
  }
}

.careers .careersHeader .onlineLogo span {
  font-family: 'Gotham-Medium';
  width: 3vw;
  height: 3vw;
  background-color: rgba(225, 225, 225, 0.2);
  border-radius: 35%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  margin-right: 1vw;
}

@media screen and (max-width: 960px) {
  .careers .careersHeader .onlineLogo span {
    width: 8vw;
    height: 8vw;
    margin-right: 3vw;
  }
}

.careers .careersHeader .onlineLogo span .paymentIcon {
  width: 1.3vw;
  height: 2vw;
  position: relative;
  z-index: 99;
  -o-object-fit: contain;
  object-fit: contain;
}

@media screen and (max-width: 960px) {
  .careers .careersHeader .onlineLogo span .paymentIcon {
    height: 4vw;
    width: 3.3vw;
  }
}

.careers .careersHeader .onlineLogo h2 {
  font-family: 'Gotham-Light';
  font-size: 1.4vw;
  color: #ffffff;
  margin: 0.5vw 0;
}

.careers .careersHeader .aboutleft {
  position: absolute;
  left: 30vw;
  top: 8.5vw;
  width: 2%;
}

@media screen and (max-width: 767px) {
  .careers .careersHeader .aboutleft {
    position: absolute;
    left: 15vw;
    top: 24vw;
    width: 4vw;
  }
}

@media screen and (min-width: 768px) and (max-width: 960px) {
  .careers .careersHeader .aboutleft {
    position: absolute;
    left: 15vw;
    top: 24vw;
    width: 3vw;
  }
}

.careers .careersHeader h2 {
  color: #e5f2fe !important;
  font-size: 2vw;
}

@media screen and (max-width: 860px) {
  .careers .careersHeader h2 {
    margin-bottom: 4vw;
  }
}

.careers .careersHeader p {
  color: #e5f2fe;
  font-size: 0.9vw;
  width: 35%;
  margin: 2% auto;
  font-family: 'Gotham-Book';
}

@media screen and (max-width: 960px) {
  .careers .careersHeader p {
    width: 70%;
  }
}

.careers .careersHeader .fliters {
  background-color: rgba(225, 225, 225, 0.25);
  -webkit-box-shadow: 0px 10px 33px #0080f9;
  box-shadow: 0px 10px 33px #0080f9;
  width: 25%;
  margin: 0 auto;
  border-radius: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 1024px) {
  .careers .careersHeader .fliters {
    width: 100%;
    margin: 7% auto;
  }
}

@media screen and (min-width: 860px) and (max-width: 1024px) {
  .careers .careersHeader .fliters {
    width: 40%;
    margin: 0 auto;
  }
}

.careers .careersHeader .fliters label + .MuiInput-formControl {
  margin: 5% 0;
}

.careers .careersHeader .fliters .MuiInput-root {
  margin-top: 0 !important;
}

.careers .careersHeader .fliters .MuiSelect-select {
  color: #0080f9;
  font-family: 'Gotham-Medium';
  font-size: 0.7vw;
}

@media screen and (max-width: 860px) {
  .careers .careersHeader .fliters .MuiSelect-select {
    font-size: 2.5vw;
  }
}

.careers .careersHeader .fliters .MuiSelect-select:after {
  background-image: url(../images/downArrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 0.8vw;
  position: absolute;
  height: 0.6vw;
  right: 1vw;
  top: 32%;
  content: '';
}

@media screen and (max-width: 860px) {
  .careers .careersHeader .fliters .MuiSelect-select:after {
    width: 2vw;
    height: 2vw;
    right: 5vw;
  }
}

.careers .careersHeader .fliters .MuiSelect-icon {
  display: none;
}

.careers .careersHeader .fliters .MuiFormLabel-root {
  color: #0080f9;
}

.careers .careersHeader .fliters .MuiInput-root {
  border-radius: 36px;
  background-color: #e5f2fe;
}

.careers .careersHeader .fliters .MuiInput-root::after {
  display: none;
}

.careers .careersHeader .fliters .MuiInput-root::before {
  display: none;
}

.careers .careersContent {
  padding-bottom: 4vw;
  padding-top: 2vw;
}

.careers .careersContent .careersBg {
  position: relative;
  margin-bottom: 7vw;
}

@media screen and (max-width: 860px) {
  .careers .careersContent .careersBg {
    margin-bottom: 15vw;
  }
}

.careers .careersContent .careersBg::before {
  content: ' ';
  position: absolute;
  top: -0.9vw;
  height: 18.5vw;
  background-color: #00c8ff;
  width: 23vw;
  right: 2vw;
  opacity: 20%;
  border-radius: 10px;
  -webkit-transform: perspective(60vw) rotateY(16deg);
  transform: perspective(60vw) rotateY(16deg);
}

@media screen and (max-width: 860px) {
  .careers .careersContent .careersBg::before {
    -webkit-transform: perspective(60vw) rotateY(6deg);
    transform: perspective(60vw) rotateY(6deg);
    width: 73vw;
    right: 5vw;
    top: -2.9vw;
    height: 64.5vw;
  }
}

.careers .careersContent .careersBg .careersCards {
  background-color: #ffffff;
  padding: 3vw;
  border-radius: 15px;
  -webkit-transform: perspective(60vw) rotateY(5deg) rotateX(2deg);
  transform: perspective(60vw) rotateY(5deg) rotateX(2deg);
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
  z-index: 9;
}

.careers .careersContent .careersBg .careersCards .required li {
  margin-left: 2%;
}

@media screen and (max-width: 860px) {
  .careers .careersContent .careersBg .careersCards {
    padding: 8vw;
    padding-bottom: 0;
    -webkit-transform: unset !important;
    transform: unset !important;
  }
}

.careers .careersContent .careersBg .careersCards h2 {
  color: #01338d;
  margin: 0;
}

.careers .careersContent .careersBg .careersCards ul {
  display: block;
}

.careers .careersContent .careersBg .careersCards ul li {
  display: inline-block;
  color: #0080f9;
  font-size: 0.9vw;
}

@media screen and (max-width: 860px) {
  .careers .careersContent .careersBg .careersCards ul li {
    font-size: 3vw;
  }
}

.careers .careersContent .careersBg .careersCards p {
  font-family: 'Gotham-Book';
  margin-bottom: 2vw;
}

@media screen and (max-width: 860px) {
  .careers .careersContent .careersBg .careersCards p {
    margin-bottom: 6vw;
    margin-top: 6vw;
  }
}

.careers .careersContent .careersBg .careersCards a {
  display: block;
  float: right;
  background-color: #01338d;
  padding: 0.7vw 5.5vw 1vw 3.2vw;
  margin-right: -3.6vw;
  margin-bottom: -0.5vw;
  color: #ffffff;
  border-radius: 13px 13px 0 0;
  -webkit-transform: perspective(7vw) rotateY(8deg);
  transform: perspective(7vw) rotateY(8deg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  font-family: 'Gotham-Light';
}

@media screen and (max-width: 860px) {
  .careers .careersContent .careersBg .careersCards a {
    padding: 1.7vw 10.5vw 2vw 6.2vw;
    margin-right: -11.6vw;
  }
}

.careers .careersContent .careersBg .careersCards a img {
  max-width: 0.8vw;
  margin-left: 0.5vw;
}

@media screen and (max-width: 860px) {
  .careers .careersContent .careersBg .careersCards a img {
    max-width: 3vw;
  }
}

.careers .careersContent .careersBg .careersCards .sharebtn {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  right: 5%;
  top: 7%;
  padding: 2%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 860px) {
  .careers .careersContent .careersBg .careersCards .sharebtn {
    right: 4%;
    top: 3%;
  }
}

.careers .careersContent .careersBg .careersCards .sharebtn img {
  width: 0.9vw;
}

@media screen and (max-width: 860px) {
  .careers .careersContent .careersBg .careersCards .sharebtn img {
    width: 4vw;
    margin-bottom: 1vw !important;
  }
}

.careers .careersContent .careersBg .careersCards .sharebtn .share {
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0 9px 15px rgba(0, 128, 249, 0.16);
  box-shadow: 0 9px 15px rgba(0, 128, 249, 0.16);
  padding: 15%;
  width: 2vw;
}

@media screen and (max-width: 860px) {
  .careers .careersContent .careersBg .careersCards .sharebtn .share {
    width: 8vw;
  }
}

.careers .careersContent .careersBg .careersCards .sharebtn:hover {
  border-radius: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 9px 15px rgba(0, 128, 249, 0.16);
  box-shadow: 0 9px 15px rgba(0, 128, 249, 0.16);
  padding: 2%;
}

.careers .careersContent .careersBg .careersCards .sharebtn:hover img {
  padding: 12%;
  border-radius: 50%;
  background-color: rgba(0, 128, 249, 0.11);
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 1.5vw;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 9%;
}

@media screen and (max-width: 860px) {
  .careers .careersContent .careersBg .careersCards .sharebtn:hover img {
    width: 5vw !important;
  }
}

.careers .careersContent .careersBg .careersCards .sharebtn:hover .socialLinks {
  max-height: 200px;
}

.careers
  .careersContent
  .careersBg
  .careersCards
  .sharebtn:hover
  .socialLinks
  img {
  width: 1.2vw;
  background-color: transparent !important;
}

.careers .careersContent .careersBg .careersCards .sharebtn .socialLinks {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.4s;
  transition: max-height 0.4s;
}

.careers .careersContent .careersBg .careersCards .sharebtn .socialLinks li {
  padding: 0 !important;
}

.singleCareer #OpenApply {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.singleCareer #OpenApply:hover {
  background-color: #022972;
}

.singleCareer .ApplyForm {
  background-color: #01338d;
  padding: 10% 15% 13% 20%;
  border-radius: 0px 34px 34px 0px;
  position: relative;
  overflow: hidden;
  z-index: 5;
  margin-top: 10%;
  margin-left: -8%;
  width: 48vw;
  height: 70%;
  -webkit-transition-duration: 40ms;
  transition-duration: 40ms;
}

@media screen and (max-width: 860px) {
  .singleCareer .ApplyForm {
    padding: 10% 0% 12% 5%;
    border-radius: 34px;
    margin-left: 0;
    height: auto;
    margin-top: 0;
    margin-bottom: 10%;
    width: 100%;
  }
}

.singleCareer .ApplyForm .MuiInput-underline:after {
  border-bottom: 3px solid #b2d8fd;
}

.singleCareer .ApplyForm #Applysubmit {
  margin-right: -1.6vw;
  margin-bottom: -0.5vw;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  font-family: 'Gotham-Medium';
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.singleCareer .ApplyForm #Applysubmit:hover {
  background-color: #b2d8fd;
}

.singleCareer .ApplyForm .close {
  position: absolute;
  top: 10%;
  right: 10%;
  width: 0.9vw;
}

@media screen and (max-width: 860px) {
  .singleCareer .ApplyForm .close {
    width: 2vw;
  }
}

.singleCareer .ApplyForm form {
  position: relative;
}

.singleCareer .ApplyForm form .MuiInput-root {
  width: 90%;
}

.singleCareer .ApplyForm form .MuiInput-underline:before {
  border-bottom: 1px solid #b2d8fd;
}

.singleCareer .ApplyForm form .MuiInputBase-input {
  color: #b2d8fd;
  font-family: 'Gotham-Book';
  font-size: 0.9vw;
}

@media screen and (max-width: 860px) {
  .singleCareer .ApplyForm form .MuiInputBase-input {
    font-size: 2vw;
  }
}

.singleCareer .ApplyForm form .MuiInputLabel-root {
  color: #b2d8fd;
  font-size: 0.9vw;
}

@media screen and (max-width: 860px) {
  .singleCareer .ApplyForm form .MuiInputLabel-root {
    font-size: 2.5vw;
  }
}

.singleCareer .ApplyForm form .upload {
  position: relative;
}

.singleCareer .ApplyForm form .upload a {
  font-family: 'Gotham-Book';
  text-transform: capitalize;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #00c8ff;
  cursor: pointer;
}

.singleCareer .ApplyForm form .upload a img {
  width: 2vw;
  margin-right: 2%;
}

@media screen and (max-width: 860px) {
  .singleCareer .ApplyForm form .upload a img {
    width: 5vw;
    margin-right: 4%;
  }
}

.singleCareer .ApplyForm form .upload .attach {
  width: 1vw;
}

@media screen and (max-width: 860px) {
  .singleCareer .ApplyForm form .upload .attach {
    width: 2vw;
  }
}

.singleCareer .ApplyForm form .upload .closeIcon {
  position: absolute;
  left: 50%;
  width: 3.5%;
  top: 0;
}

.singleCareer .ApplyForm form .messageInput {
  border: 0.7px solid #b2d8fd;
  border-radius: 12px;
  width: 90%;
  padding: 2%;
}

.singleCareer .ApplyForm form .messageInput .MuiInput-underline:before {
  border-bottom: none;
}

.singleCareer .ApplyForm form .messageInput .MuiInput-underline:after {
  content: none !important;
}

.singleCareer .ApplyForm .ApplyBtn {
  display: block;
  float: right;
  background-color: #fff;
  padding: 0.7vw 5.5vw 1vw 3.2vw;
  margin-right: -3.6vw;
  margin-bottom: -0.5vw;
  color: #0080f9;
  border-radius: 13px 13px 0 0;
  -webkit-transform: perspective(7vw) rotateY(8deg);
  transform: perspective(7vw) rotateY(8deg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  font-family: 'Gotham-Light';
  position: absolute;
  bottom: 0;
  right: 0;
}

@media screen and (max-width: 860px) {
  .singleCareer .ApplyForm .ApplyBtn {
    padding: 1.7vw 10.5vw 2vw 6.2vw;
    margin-right: -11.6vw;
  }
}

.singleCareer .ApplyForm .ApplyBtn img {
  max-width: 0.8vw;
  margin-left: 0.5vw;
}

@media screen and (max-width: 860px) {
  .singleCareer .ApplyForm .ApplyBtn img {
    max-width: 3vw;
  }
}

.singleCareer .careerGrid {
  width: 50% !important;
  margin: 0 auto;
  max-width: 50%;
}

@media screen and (max-width: 960px) {
  .singleCareer .careerGrid {
    width: 100% !important;
    margin: 0 auto;
    max-width: 100%;
  }
}

.singleCareer .careersCards {
  position: relative;
  -webkit-transform: perspective(60vw) rotateY(1deg) rotateX(2deg) !important;
  transform: perspective(60vw) rotateY(1deg) rotateX(2deg) !important;
}

@media screen and (max-width: 960px) {
  .singleCareer .careersCards {
    -webkit-transform: unset !important;
    transform: unset !important;
  }
}

@media screen and (max-width: 960px) {
  .singleCareer .careersCards a {
    -webkit-transform: unset !important;
    transform: unset !important;
  }
}

.singleCareer .careersBg::before {
  width: 88% !important;
}

.singleCareer h3 {
  font-size: 1vw;
}

.singleCareer .roles {
  padding-bottom: 7%;
}

@media screen and (max-width: 960px) {
  .singleCareer .roles {
    padding-bottom: 5%;
  }
}

.singleCareer .roles li {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 1%;
}

.singleCareer .roles li p {
  color: #435575;
  margin: 0;
  margin-bottom: 0vw !important;
}

.singleCareer .roles li img {
  width: 2%;
  margin-right: 1.5%;
}

@media screen and (max-width: 960px) {
  .singleCareer .roles li img {
    width: 4%;
  }
}

.MuiList-root li {
  font-size: 0.9vw !important;
}

@media screen and (max-width: 860px) {
  .MuiList-root li {
    font-size: 3vw !important;
  }
}

.Cutomers section {
  padding: 7% 0;
}

.Cutomers .headerSection {
  background-color: #fbfdff;
}

.Cutomers .headerSection .haedline {
  font-family: 'Gotham-Bold';
  font-size: 2.4vw !important;
  text-align: center;
  color: #0080f9 !important;
  width: 40%;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 860px) {
  .Cutomers .headerSection .haedline {
    font-size: 3.5vw !important;
    width: 80%;
  }
}

.Cutomers .headerSection .haedline::after {
  background-image: url('../images/about-us/headArrow.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.3vw;
  position: absolute;
  height: 0.9vw;
  right: 8%;
  top: 0;
  content: '';
}

@media screen and (max-width: 860px) {
  .Cutomers .headerSection .haedline::after {
    width: 2vw;
    position: absolute;
    height: 2vw;
    right: 0;
  }
}

.Cutomers .headerSection h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  font-size: 0.9vw;
}

@media screen and (max-width: 960px) {
  .Cutomers .headerSection h5 {
    font-size: 2.4vw !important;
    margin: 2% 0;
  }
}

.Cutomers .headerSection h5 .container {
  background-color: rgba(0, 128, 249, 0.1);
  border-radius: 10px;
  padding: 6px 11px;
  margin-right: 1%;
  width: 4%;
  max-width: 3%;
}

@media screen and (max-width: 960px) {
  .Cutomers .headerSection h5 .container {
    max-width: 6%;
    width: 6%;
  }
}

@media screen and (max-width: 450px) {
  .Cutomers .headerSection h5 .container {
    max-width: 11%;
    width: 11%;
  }
}

.Cutomers .headerSection h5 .container img {
  width: 100%;
  max-width: 100%;
}

.Cutomers .headerSection h2 {
  color: #0080f9;
  font-size: 2vw;
  text-align: center;
}

.Cutomers .headerSection p {
  color: #01338d;
  font-size: 1vw;
  width: 25%;
  margin: 2% auto;
  font-family: 'Gotham-Book';
  text-align: center;
  margin: 1% auto;
}

@media screen and (max-width: 960px) {
  .Cutomers .headerSection p {
    width: 70%;
  }
}

.Cutomers .headerSection .customerBG {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 36vw;
  margin-top: -14%;
  background-position: center;
}

@media screen and (max-width: 960px) {
  .Cutomers .headerSection .customerBG {
    margin-top: 0;
  }
}

.Cutomers .Customersbrands {
  background-color: #fbfdff;
  padding: 2% 0;
}

.Cutomers .Customersbrands .brandsblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.Cutomers .Customersbrands .brandsblock .brandImgs {
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 9vw;
  margin: 0 auto;
  background-position: center;
}

@media screen and (max-width: 860px) {
  .Cutomers .Customersbrands .brandsblock .brandImgs {
    width: 10vw;
    height: 7vw;
  }
}

.Cutomers .PaymobCustomers {
  padding-bottom: 0;
}

.Cutomers .PaymobCustomers .customersBlock {
  padding-bottom: 0;
}

.Cutomers .PaymobCustomers .customersBlock .slide .carousel-item {
  padding: 2%;
}

@media screen and (max-width: 860px) {
  .Cutomers .PaymobCustomers .customersBlock .slide .carousel-item {
    padding: 5%;
  }
}

.Cutomers
  .PaymobCustomers
  .customersBlock
  .slide
  .carousel-item
  .MuiGrid-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.Cutomers .PaymobCustomers .customersBlock .SliderContainer {
  border-bottom: 1px solid #e5f2fe !important;
}

.Cutomers .PaymobCustomers .customersBlock .SliderContainer .SliderContent {
  text-align: center;
}

.Cutomers
  .PaymobCustomers
  .customersBlock
  .SliderContainer
  .SliderContent
  .quotes {
  width: 18px;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 15px;
}

.Cutomers .PaymobCustomers .customersBlock .SliderContainer h3 {
  font-size: 1.3vw;
}

@media screen and (max-width: 860px) {
  .Cutomers .PaymobCustomers .customersBlock .SliderContainer h3 {
    font-size: 3vw !important;
  }
}

.Cutomers .PaymobCustomers .customersBlock .SliderContainer .customerLogo {
  max-height: 6.5vw;
  max-width: 8.5vw;
}

@media screen and (max-width: 860px) {
  .Cutomers .PaymobCustomers .customersBlock .SliderContainer .customerLogo {
    max-width: 41%;
    max-height: 16vw;
  }
}

.Cutomers
  .PaymobCustomers
  .customersBlock
  .SliderContainer:nth-child(even)
  .CustomerSlider
  .MuiGrid-container {
  direction: rtl;
}

.Cutomers
  .PaymobCustomers
  .customersBlock
  .SliderContainer:nth-child(even)
  .CustomerSlider
  .NoPad {
  padding-left: unset;
  padding-right: 24px;
}

@media screen and (max-width: 969px) {
  .Cutomers
    .PaymobCustomers
    .customersBlock
    .SliderContainer:nth-child(even)
    .CustomerSlider
    .NoPad {
    padding-left: 24px !important;
  }
}

.Cutomers
  .PaymobCustomers
  .customersBlock
  .SliderContainer:nth-child(even)
  .CustomerSlider
  .SliderContent {
  padding-bottom: 8vw;
}

@media screen and (max-width: 969px) {
  .Cutomers
    .PaymobCustomers
    .customersBlock
    .SliderContainer:nth-child(even)
    .CustomerSlider
    .SliderContent {
    margin-left: 0;
    padding-bottom: 0vw;
  }
}

@media screen and (max-width: 960px) {
  .Cutomers
    .PaymobCustomers
    .customersBlock
    .SliderContainer:nth-child(even)
    .CustomerSlider
    .SliderContent
    h3 {
    float: left;
  }
}

.Cutomers
  .PaymobCustomers
  .customersBlock
  .SliderContainer:nth-child(even)
  .control-next {
  left: 20%;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .Cutomers
    .PaymobCustomers
    .customersBlock
    .SliderContainer:nth-child(even)
    .control-next {
    left: 17%;
  }
}

.Cutomers
  .PaymobCustomers
  .customersBlock
  .SliderContainer:nth-child(even)
  .control-prev {
  left: 14%;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .Cutomers
    .PaymobCustomers
    .customersBlock
    .SliderContainer:nth-child(even)
    .control-prev {
    left: 11%;
  }
}

.Cutomers .PaymobCustomers .row {
  max-width: 72vw;
  margin: 0 auto !important;
}

@media screen and (max-width: 860px) {
  .Cutomers .PaymobCustomers .row {
    max-width: 84vw;
  }
}

.Cutomers .PaymobCustomers .customerContent {
  width: 80%;
}

.Cutomers .PaymobCustomers .sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 17%;
  right: 0;
  left: 0;
  width: 44% !important;
}

@media screen and (max-width: 768px) {
  .Cutomers .PaymobCustomers .sticky {
    position: fixed !important;
    top: 0;
    right: 0;
    left: 0;
    width: 100% !important;
  }
}

.Cutomers .PaymobCustomers .paymobLinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 55%;
  margin: 0 auto;
  border-radius: 0.7vw;
  -webkit-box-shadow: 0 10px 33px #e5f2fe;
  box-shadow: 0 10px 33px #e5f2fe;
  padding: 1%;
  margin-bottom: 10%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 860px) {
  .Cutomers .PaymobCustomers .paymobLinks {
    width: 100%;
  }
}

.Cutomers .PaymobCustomers .paymobLinks img {
  margin: 0 auto;
  width: 80%;
  border-radius: 0.7vw;
  padding: 5%;
  -webkit-filter: grayscale(70%);
  filter: grayscale(70%);
}

.Cutomers .PaymobCustomers .paymobLinks .selected {
  border: 1px solid #e5f2fe;
  background-color: #e5f2fe;
  -webkit-filter: unset !important;
  filter: unset !important;
}

.Cutomers .PaymobCustomers .paymobLinks .unselected {
  border: unset;
  background-color: transparent;
}

.Cutomers .PaymobCustomers h4 {
  color: #0080f9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.Cutomers .PaymobCustomers h4 img {
  width: 3vw;
  margin-right: 3%;
}

@media screen and (max-width: 767px) {
  .Cutomers .PaymobCustomers h4 img {
    width: 8vw;
  }
}

@media screen and (min-width: 767px) and (max-width: 860px) {
  .Cutomers .PaymobCustomers h4 img {
    width: 10vw;
  }
}

@media screen and (max-width: 860px) {
  .Cutomers .PaymobCustomers h2 {
    font-size: 3vw !important;
  }
}

.Cutomers .PaymobCustomers .explore {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: #0080f9;
  border-radius: 1vw;
  color: #e5f2fe;
  padding: 2%;
  width: 50%;
  margin: 5% 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.Cutomers .PaymobCustomers .explore:hover {
  background: #4432e0;
}

.Cutomers .PaymobCustomers .explore img {
  width: 0.8vw;
  height: 0.8vw;
}

@media screen and (max-width: 860px) {
  .Cutomers .PaymobCustomers .explore img {
    width: 2vw;
    height: 2vw;
    margin-left: 2%;
  }
}

@media screen and (max-width: 860px) {
  .Cutomers .PaymobCustomers .explore {
    width: 85%;
  }
}

.Cutomers .PaymobCustomers .customersLogos {
  margin: 2vw 0;
  text-align: center;
}

.Cutomers .PaymobCustomers .customersLogos .singleLogo {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 6vw;
  margin: 0 2%;
  display: inline-block;
  width: 25%;
}

@media screen and (max-width: 860px) {
  .Cutomers .PaymobCustomers .customersLogos .singleLogo {
    width: 40%;
    height: 14vw;
    margin: 2%;
  }
}

.Cutomers .PaymobCustomers .CustomerSlider {
  margin-bottom: 5%;
}

@media screen and (max-width: 860px) {
  .Cutomers .PaymobCustomers .CustomerSlider {
    margin-bottom: 12%;
  }
}

.Cutomers
  .PaymobCustomers
  .CustomerSlider
  .carousel
  .control-next.control-arrow:before {
  background-image: url('../images/shape2.png') !important;
  display: block;
}

.Cutomers
  .PaymobCustomers
  .CustomerSlider
  .carousel
  .control-prev.control-arrow:before {
  background-image: url('../images/shape2.png') !important;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.Cutomers .PaymobCustomers .CustomerSlider .slide {
  background-color: #fff;
  border-radius: 30px;
  -webkit-box-shadow: 0 10px 33px #e5f2fe;
  box-shadow: 0 10px 33px #e5f2fe;
  border-radius: 30px;
  /* box-shadow */
  -webkit-box-shadow: 0 5px 15px #e5f2fe;
  box-shadow: 0 5px 15px #e5f2fe;
  margin: 4%;
  min-width: 92%;
}

.Cutomers .PaymobCustomers .CustomerSlider .slide img {
  height: 95%;
  width: 95%;
  -o-object-fit: cover;
  object-fit: cover;
}

.Cutomers .PaymobCustomers .CustomerSlider .slide .BlueSide {
  position: relative;
}

.Cutomers .PaymobCustomers .CustomerSlider .slide .BlueSide::before {
  content: '';
  background-image: url('../images/customers/sliderptn.png');
  width: 25%;
  height: 25%;
  display: block;
  position: absolute;
  right: 15%;
  background-repeat: no-repeat;
  top: 3%;
  background-size: contain;
}

.Cutomers .PaymobCustomers .CustomerSlider .slide .carousel .slide {
  background-color: transparent !important;
  -webkit-box-shadow: 0 10px 33px #e5f2fe;
  box-shadow: 0 10px 33px #e5f2fe;
  border-radius: 30px;
}

.Cutomers .PaymobCustomers .CustomerSlider .slide .NoPad {
  padding-right: 0;
  z-index: 2;
}

@media screen and (max-width: 860px) {
  .Cutomers .PaymobCustomers .CustomerSlider .slide .NoPad {
    padding-right: 24px;
  }
}

.Cutomers .PaymobCustomers .CustomerSlider .slide .sliderImg {
  border-radius: 18px;
}

.Cutomers .PaymobCustomers .CustomerSlider .slide .SliderContent {
  text-align: center !important;
  margin-top: 10%;
  z-index: 1;
  position: relative;
  padding-bottom: 5vw;
  margin-right: 13%;
}

.Cutomers .PaymobCustomers .CustomerSlider .slide .SliderContent img {
  width: 20%;
}

@media screen and (max-width: 860px) {
  .Cutomers .PaymobCustomers .CustomerSlider .slide .SliderContent {
    margin-top: 0;
    height: auto;
    padding-bottom: 17vw;
    bottom: 20px;
  }
}

.Cutomers .PaymobCustomers .CustomerSlider .slide .SliderContent h3 {
  color: #01338d;
  font-family: 'Gotham-Medium';
  max-width: 100%;
  font-size: 1vw;
}

.Cutomers .PaymobCustomers .CustomerSlider .slide .SliderContent h5 {
  color: #0080f9;
  text-transform: uppercase;
  font-size: 0.9vw;
}

.Cutomers .PaymobCustomers .CustomerSlider .slide .SliderContent p {
  color: #435575;
  max-width: 70%;
  margin-bottom: 2vw;
  font-size: 0.9vw;
  text-transform: capitalize;
}

@media screen and (max-width: 860px) {
  .Cutomers .PaymobCustomers .CustomerSlider .slide .SliderContent p {
    max-width: 90%;
    margin-top: 10%;
  }
}

.Cutomers .PaymobCustomers .CustomerSlider .slide .SliderContent a {
  background: #fff;
  margin-bottom: 27px;
  padding: 10px;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 15vw;
  padding: 15px;
  font-family: 'Gotham-Light';
  text-decoration: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.Cutomers .PaymobCustomers .CustomerSlider .slide .SliderContent a::after {
  background-image: url('../images/home/right-arrow.png');
  content: '';
  width: 15px;
  height: 15px;
  background-size: contain;
  margin-left: 15px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 860px) {
  .Cutomers .PaymobCustomers .CustomerSlider .slide .SliderContent a {
    max-width: 60%;
    margin-top: 10%;
  }
}

.Cutomers .PaymobCustomers .CustomerSlider .control-arrow {
  bottom: 16%;
  width: 35px;
  height: 35px;
}

@media screen and (max-width: 860px) {
  .Cutomers .PaymobCustomers .CustomerSlider .control-arrow {
    bottom: 5%;
    left: auto !important;
  }
}

.Cutomers .PaymobCustomers .CustomerSlider .control-next {
  left: 57%;
  color: #0080f9;
}

@media screen and (max-width: 860px) {
  .Cutomers .PaymobCustomers .CustomerSlider .control-next {
    left: 24% !important;
  }
}

@media screen and (min-width: 860px) and (max-width: 1024px) {
  .Cutomers .PaymobCustomers .CustomerSlider .control-next {
    left: 60%;
  }
}

.Cutomers .PaymobCustomers .CustomerSlider .control-prev {
  left: 52%;
  color: #0080f9;
}

@media screen and (max-width: 860px) {
  .Cutomers .PaymobCustomers .CustomerSlider .control-prev {
    left: 10% !important;
  }
}

.blog .carouselBlog {
  min-height: 50vh;
}

@media screen and (max-width: 860px) {
  .blog .carouselBlog {
    background-color: #01338d;
  }
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .blog .carouselBlog .slider-list li {
    height: 80vh !important;
  }
}

.blog .carouselBlog .slider-control-centerleft {
  display: none !important;
}

.blog .carouselBlog .slider-control-centerright {
  display: none !important;
}

.blog .carouselBlog .slider-control-bottomcenter {
  bottom: 50% !important;
  left: 3% !important;
  transform: translateX(-50%) rotate(90deg) !important;
  -webkit-transform: translateX(-50%) rotate(90deg) !important;
  -ms-transform: translateX(-50%) rotate(90deg) !important;
}

.blog .carouselBlog .slider-control-bottomcenter .paging-item button {
  fill: #00c8ff !important;
}

.blog .carouselBlog .carouselItem {
  height: 60vh;
  overflow: hidden;
  width: 100%;
  background-color: #00389d;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .blog .carouselBlog .carouselItem {
    height: unset;
  }
}

.blog .carouselBlog .carouselItem .TextCol {
  max-width: 40%;
  padding: 4vw;
  margin: 4vw 0 0 3vw;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .blog .carouselBlog .carouselItem .TextCol {
    max-width: unset;
  }
}

.blog .carouselBlog .carouselItem .TextCol h1 {
  color: #e5f2fe;
  font-size: 1.7vw;
}

.blog .carouselBlog .carouselItem .TextCol h5 {
  color: #00c8ff;
  font-family: 'Gotham-Light';
}

.blog .carouselBlog .carouselItem .TextCol .blogLink {
  color: #fff;
  font-family: 'Gotham-Medium';
  font-size: 0.7vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.blog .carouselBlog .carouselItem .TextCol .blogLink::after {
  content: '';
  display: block;
  position: relative;
  top: 1px;
  left: 3px;
  background-image: url(../images/right-arrow.png);
  width: 0.8vw;
  height: 1vw;
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (max-width: 860px) {
  .blog .carouselBlog .carouselItem .TextCol .blogLink::after {
    width: 3vw;
    height: 3vw;
    top: 0vw;
    left: 1vw;
  }
}

.blog .carouselBlog .carouselItem img {
  max-width: 55%;
  float: right;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .blog .carouselBlog .carouselItem img {
    margin-bottom: 5vw;
    max-width: unset;
  }
}

.blog .TabsBlog .tabsblogcontent .TAbBody {
  padding: 5vw;
}

.blog .TabsBlog .tabsblogcontent .TAbBody .cardItemBlog {
  -webkit-box-shadow: 6px 20px 20px 11px #01338d12;
  box-shadow: 6px 20px 20px 11px #01338d12;
  background: #fff;
  border-radius: 1vw;
  cursor: pointer;
}

.blog .TabsBlog .tabsblogcontent .TAbBody .cardItemBlog .blogItemTxt {
  padding: 1vw 3vw;
}

.blog .TabsBlog .tabsblogcontent .TAbBody .cardItemBlog .blogItemTxt h4 {
  max-height: 8vh;
  overflow: hidden;
  font-family: 'Gotham-Medium';
}

.blog .TabsBlog .tabsblogcontent .TAbBody .cardItemBlog .blogItemTxt h5 {
  font-family: 'Gotham-Light';
  color: #0080f9;
  font-size: 0.8vw;
}

.blog .TabsBlog .tabsblogcontent .TAbBody .cardItemBlog .blogItemTxt p {
  line-height: 1.5em;
  height: 3em;
  overflow: hidden;
  font-size: 0.8vw;
  font-family: 'Gotham-Light';
  color: #435575;
  text-overflow: ellipsis;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .blog .TabsBlog .tabsblogcontent .TAbBody .cardItemBlog .blogItemTxt p {
    line-height: 1.5em;
    height: 3em;
  }
}

.blog .TabsBlog .tabsblogcontent .TAbBody .imgCon {
  max-height: 26vh;
  overflow: hidden;
  border-top-left-radius: 1vw;
  border-top-right-radius: 1vw;
}

.blog .TabsBlog .tabsblogcontent .TAbBody .imgCon img {
  width: 100%;
}

.blog .TabsBlog .tabsblogcontent .MuiTab-wrapper p {
  color: #b2d8fd;
  text-transform: capitalize;
}

.blog .TabsBlog .tabsblogcontent .MuiBox-root {
  padding: 0 !important;
}

.blog .TabsBlog .tabsblogcontent .MuiAppBar-colorPrimary {
  background-color: #01338d;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 6vw;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .blog .TabsBlog .tabsblogcontent .MuiAppBar-colorPrimary {
    height: unset;
  }
}

.blog .TabsBlog .tabsblogcontent .MuiTab-root {
  min-width: unset !important;
}

.blog .TabsBlog .tabsblogcontent .MuiTabs-flexContainer {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.blog .TabsBlog .tabsblogcontent .LogoCon {
  max-width: 2.5vw;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .blog .TabsBlog .tabsblogcontent .LogoCon {
    max-width: 8vw;
  }
}

.blog .TabsBlog .tabsblogcontent .LogoCon img {
  width: 100%;
}

.blog .TabsBlog .tabsblogcontent .Mui-selected {
  color: #0080f9;
  font-family: 'Gotham-Bold';
}

.blog .TabsBlog .tabsblogcontent .PrivateTabIndicator-colorSecondary-5 {
  background-color: #00c8ff;
}

.blog .PaginationBlog .paginationCon {
  margin: 4vw 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.blog .PaginationBlog .paginationCon .MuiPagination-ul .MuiPaginationItem-root {
  color: #99ccfc !important;
}

.blog
  .PaginationBlog
  .paginationCon
  .MuiPagination-ul
  .MuiPaginationItem-root:hover {
  color: #0080f9 !important;
  background-color: transparent;
}

.blog
  .PaginationBlog
  .paginationCon
  .MuiPagination-ul
  .MuiPaginationItem-page.Mui-selected {
  background-color: transparent;
  color: #0080f9 !important;
}

.blog .PaginationBlog .paginationCon .MuiPagination-ul .MuiPaginationItem-icon {
  color: #0080f9;
}

.blogOpen {
  /***************** Ready To Get Started?  (Blue BG) ******************/
}

.blogOpen .HeaderNewsBlog {
  min-height: 50vh;
}

.blogOpen .HeaderNewsBlog .carouselItem {
  height: 60vh;
  overflow: hidden;
  width: 100%;
  background-color: #00389d;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .blogOpen .HeaderNewsBlog .carouselItem {
    height: unset;
  }
}

.blogOpen .HeaderNewsBlog .carouselItem .TextCol {
  max-width: 40%;
  padding: 4vw;
  margin: 4vw 0 0 3vw;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .blogOpen .HeaderNewsBlog .carouselItem .TextCol {
    max-width: unset;
  }
}

.blogOpen .HeaderNewsBlog .carouselItem .TextCol h1 {
  color: #e5f2fe;
  font-size: 1.7vw;
}

.blogOpen .HeaderNewsBlog .carouselItem .TextCol h5 {
  color: #00c8ff;
  font-family: 'Gotham-Light';
}

.blogOpen .HeaderNewsBlog .carouselItem .TextCol .author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  opacity: 0.9;
  margin: 4vw 0;
}

.blogOpen .HeaderNewsBlog .carouselItem .TextCol .author .imgCon {
  width: 6vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .blogOpen .HeaderNewsBlog .carouselItem .TextCol .author .imgCon {
    width: 10vw;
    margin-right: 5vw;
  }
}

.blogOpen .HeaderNewsBlog .carouselItem .TextCol .author .imgCon img {
  width: 100%;
}

.blogOpen .HeaderNewsBlog .carouselItem .TextCol .author .authorData {
  position: relative;
  left: -2vw;
}

.blogOpen .HeaderNewsBlog .carouselItem .TextCol .author .authorData h5 {
  font-size: 0.8vw;
  color: #b2d8fd;
  margin: 0.5vw 0;
}

.blogOpen .HeaderNewsBlog .carouselItem .TextCol .author .authorData p {
  font-size: 0.7vw;
  color: #b2d8fd;
  margin: 0.5vw 0;
}

.blogOpen .HeaderNewsBlog .carouselItem img {
  max-width: 55%;
  float: right;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .blogOpen .HeaderNewsBlog .carouselItem img {
    margin-bottom: 5vw;
    max-width: unset;
  }
}

.blogOpen .BlogOpenContent {
  position: relative;
}

@media screen and (max-width: 860px) {
  .blogOpen .BlogOpenContent {
    margin: 5% 0;
  }
}

.blogOpen .BlogOpenContent .pathBlogopen {
  position: absolute;
  max-width: 17vw;
  right: 0vw;
  top: 20vw;
}

@media screen and (max-width: 860px) {
  .blogOpen .BlogOpenContent .pathBlogopen {
    display: none;
  }
}

.blogOpen .BlogOpenContent .SMVerticalBar {
  position: absolute;
  right: 11vw;
  top: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .blogOpen .BlogOpenContent .SMVerticalBar {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 5vw;
    width: 70%;
  }
}

.blogOpen .BlogOpenContent .SMVerticalBar ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .blogOpen .BlogOpenContent .SMVerticalBar ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.blogOpen .BlogOpenContent .SMVerticalBar ul li {
  padding: 0.8vw 0;
}

.blogOpen .BlogOpenContent .SMVerticalBar ul li a img {
  max-width: 1.2vw;
  max-height: 1.2vw;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .blogOpen .BlogOpenContent .SMVerticalBar ul li a img {
    max-width: 6vw;
    max-height: 6vw;
  }
}

.blogOpen .BlogOpenContent .ContentContainer {
  margin: 7vw auto;
  max-width: 50%;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .blogOpen .BlogOpenContent .ContentContainer {
    max-width: 80%;
  }
}

.blogOpen .BlogOpenContent .ContentContainer p.normalPara {
  color: #435575;
}

.blogOpen .BlogOpenContent .ContentContainer .conSubTitle {
  color: #0080f9;
  font-family: 'Gotham-Light';
}

.blogOpen .BlogOpenContent .ContentContainer .imgConBlogOpen {
  margin: 7vw 0;
}

.blogOpen .BlogOpenContent .ContentContainer .imgConBlogOpen img {
  width: 100%;
  border-radius: 2vw;
}

.blogOpen .relatedBlogs {
  margin-bottom: 3vw;
}

.blogOpen .relatedBlogs .createAccountBlueBG {
  background-color: #01338d;
  padding: 9.5vw 0;
  position: relative;
  z-index: 9;
}

.blogOpen .relatedBlogs .createAccountBlueBG::before {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  top: -1.4vw;
  left: 0;
  background-image: url(../images/blogOpen/shape7blog.png);
  z-index: -1;
}

.blogOpen .relatedBlogs .createAccountBlueBG h1 {
  font-size: 2vw;
  text-align: center;
  color: #b2d8fd;
  margin-bottom: 0;
  font-family: 'Gotham-Bold';
  position: relative;
}

.blogOpen .relatedBlogs .createAccountBlueBG h1::after {
  content: ' ';
  height: 1.5vw;
  width: 1.5vw;
  position: absolute;
  top: 0.7vw;
  background-size: contain;
  left: 29vw;
  background-repeat: no-repeat;
  background-image: url(../images/blogOpen/pathtitle.png);
}

@media screen and (max-width: 860px) {
  .blogOpen .relatedBlogs .createAccountBlueBG h1::after {
    right: 8vw;
    left: unset;
  }
}

.blogOpen .relatedBlogs .createAccountBlueBG .cardItemBlog {
  -webkit-box-shadow: 6px 20px 20px 11px #01338d12;
  box-shadow: 6px 20px 20px 11px #01338d12;
  background: #fff;
  border-radius: 1vw;
  margin: 5vw 0 0 0;
  cursor: pointer;
}

.blogOpen .relatedBlogs .createAccountBlueBG .cardItemBlog .blogItemTxt {
  padding: 1vw 3vw;
}

.blogOpen .relatedBlogs .createAccountBlueBG .cardItemBlog .blogItemTxt h4 {
  max-height: 6vh;
  overflow: hidden;
  font-family: 'Gotham-Medium';
}

.blogOpen .relatedBlogs .createAccountBlueBG .cardItemBlog .blogItemTxt h5 {
  font-family: 'Gotham-Light';
  color: #0080f9;
  font-size: 0.8vw;
}

.blogOpen .relatedBlogs .createAccountBlueBG .cardItemBlog .blogItemTxt p {
  overflow: hidden;
  font-size: 0.8vw;
  font-family: 'Gotham-Light';
  color: #435575;
  line-height: 1.5em;
  height: 3em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .blogOpen .relatedBlogs .createAccountBlueBG .cardItemBlog .blogItemTxt p {
    line-height: 1.5em;
    height: 3em;
  }
}

.blogOpen .relatedBlogs .createAccountBlueBG .imgCon {
  max-height: 26vh;
  overflow: hidden;
  border-top-left-radius: 1vw;
  border-top-right-radius: 1vw;
}

.blogOpen .relatedBlogs .createAccountBlueBG .imgCon img {
  width: 100%;
}

.contactsales .FormContact-old {
  margin: 5vh 0;
}

.contactsales .FormContact-old .row {
  background-image: url('../images/contactsales/formbg.jpg');
  padding: 5vw;
  border-radius: 2vw;
  background-size: cover;
  background-position: bottom;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact-old .row {
    background-image: unset !important;
    background-color: #01338c;
    border-radius: 5vw;
  }
}

.contactsales .FormContact-old .row .contactTextCol h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 80%;
  font-size: 2.3vw;
  color: #fff;
}

.contactsales .FormContact-old .row .contactTextCol h3::after {
  content: '';
  background-image: url(../images/home/Corner.png);
  width: 20px;
  height: 10px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}

.contactsales .FormContact-old .row .contactTextCol P {
  max-width: 22vw;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact-old .row .contactTextCol P {
    max-width: unset;
  }
}

.contactsales .FormContact-old .row .TestimonialContact .MuiTypography-root {
  height: 15vw;
}

@media screen and (max-width: 860px) {
  .contactsales .FormContact-old .row .TestimonialContact .MuiTypography-root {
    height: 42vw;
  }
}

.contactsales .FormContact-old .row .TestimonialContact .MuiTabs-indicator {
  display: none !important;
}

.contactsales .FormContact-old .row .TestimonialContact .jss4 {
  display: none !important;
}

.contactsales .FormContact-old .row .TestimonialContact .MuiBox-root {
  padding: 0 !important;
}

.contactsales
  .FormContact-old
  .row
  .TestimonialContact
  .MuiAppBar-colorPrimary {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.contactsales .FormContact-old .row .TestimonialContact .MuiTab-root {
  min-width: unset !important;
  background: rgba(225, 225, 225, 0.2);
  border-radius: 60%;
  margin: 0 2%;
  opacity: 1 !important;
  width: 5vw;
  height: 5vw;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact-old .row .TestimonialContact .MuiTab-root {
    width: 15vw;
    height: 15vw;
  }
}

.contactsales .FormContact-old .row .TestimonialContact .LogoCon {
  max-width: 3.5vw;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact-old .row .TestimonialContact .LogoCon {
    max-width: 8vw;
  }
}

.contactsales .FormContact-old .row .TestimonialContact .LogoCon img {
  width: 100%;
}

.contactsales .FormContact-old .row .TestimonialContact .Mui-selected {
  background: #fff;
  border-radius: 60%;
  width: 5vw;
  height: 5vw;
  padding: 1vw;
  border: 2px solid #99ccfc;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact-old .row .TestimonialContact .Mui-selected {
    width: 15vw;
    height: 15vw;
  }
}

.contactsales
  .FormContact-old
  .row
  .TestimonialContact
  .Mui-selected
  .MuiTab-wrapper
  img {
  -webkit-filter: sepia(100%) hue-rotate(120deg) saturate(1000%) brightness(0.3);
  filter: sepia(100%) hue-rotate(120deg) saturate(1000%) brightness(0.3);
}

.contactsales
  .FormContact-old
  .row
  .TestimonialContact
  .PrivateTabIndicator-root-4 {
  display: none !important;
}

.contactsales .FormContact-old .row .TestimonialContact h4 {
  color: #0080f9;
  font-family: 'Gotham-Medium';
}

.contactsales .FormContact-old .row .TestimonialContact p {
  color: #e5f2fe;
  max-width: 80%;
  font-style: italic;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact-old .row .TestimonialContact p {
    max-width: unset;
  }
}

.contactsales .FormContact-old .row .TestimonialContact h5 {
  color: #fff;
  text-transform: uppercase;
}

.contactsales .FormContact-old .row .TestimonialContact h6 {
  color: #fff;
  text-transform: uppercase;
  opacity: 0.5;
}

.contactsales .FormContact-old .row .lineImg {
  margin-top: 2vw;
}

.contactsales .FormContact-old .row .FormInputsContact {
  background: #fff;
  padding: 2.5vw;
  border-radius: 1.5vw;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact-old .row .FormInputsContact {
    padding: 4.5vw;
    border-radius: 4.5vw;
  }
}

.contactsales .FormContact-old .row .FormInputsContact form .inputCon {
  width: 100%;
}

.contactsales .FormContact-old .row .FormInputsContact form .inputCon label {
  display: inline-block;
  top: 0;
  font-size: 0.8vw;
  color: #01338d;
  font-family: Gotham-Medium;
  top: auto;
  float: left;
  left: auto;
  width: 100%;
  position: relative;
  -webkit-transform: none !important;
  transform: none !important;
  padding-left: 5px;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact-old .row .FormInputsContact form .inputCon label {
    font-size: 3vw;
    padding-left: unset !important;
  }
}

.contactsales .FormContact-old .row .FormInputsContact form .inputCon input {
  width: 100%;
  padding: 0.5vw;
  border-radius: 1vw;
  margin: 0.5vw 0;
  height: 3vw !important;
  background-color: transparent;
  border: 1px solid #99ccfc;
  outline: none;
  color: #0080f9;
  font-size: 0.8vw;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact-old .row .FormInputsContact form .inputCon input {
    height: 9vw !important;
    font-size: 3vw !important;
  }
}

.contactsales
  .FormContact-old
  .row
  .FormInputsContact
  form
  .inputCon
  .MuiSelect-selectMenu {
  width: 100% !important;
  padding: 1vw;
  border-radius: 1vw;
  margin: 1vw 0;
  background-color: transparent;
  border: 1px solid #99ccfc;
  outline: none;
  color: #0080f9;
  font-size: 0.8vw;
  position: relative;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales
    .FormContact-old
    .row
    .FormInputsContact
    form
    .inputCon
    .MuiSelect-selectMenu {
    height: 7vw !important;
    font-size: 3vw !important;
  }
}

.contactsales
  .FormContact-old
  .row
  .FormInputsContact
  form
  .inputCon
  .MuiInput-underline:before {
  display: none !important;
}

.contactsales
  .FormContact-old
  .row
  .FormInputsContact
  form
  .inputCon
  .MuiFormControl-root {
  width: 100% !important;
}

.contactsales
  .FormContact-old
  .row
  .FormInputsContact
  form
  .inputCon
  .MuiFormControl-root::before {
  display: none;
}

.contactsales .FormContact-old .row .FormInputsContact form .inputCon textarea {
  width: 100%;
  padding: 1vw;
  font-family: Gotham-Medium;
  border-radius: 1vw;
  margin: 1vw 0;
  height: 6vw !important;
  background-color: transparent;
  border: 1px solid #99ccfc;
  outline: none;
  color: #0080f9;
  font-size: 0.8vw;
  resize: none;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales
    .FormContact-old
    .row
    .FormInputsContact
    form
    .inputCon
    textarea {
    height: 15vw !important;
    font-size: 3vw !important;
  }
}

.contactsales
  .FormContact-old
  .row
  .FormInputsContact
  form
  .inputCon
  ::-webkit-input-placeholder {
  color: #99ccfc !important;
  font-size: 0.8vw !important;
}

.contactsales
  .FormContact-old
  .row
  .FormInputsContact
  form
  .inputCon
  :-ms-input-placeholder {
  color: #99ccfc !important;
  font-size: 0.8vw !important;
}

.contactsales
  .FormContact-old
  .row
  .FormInputsContact
  form
  .inputCon
  ::-ms-input-placeholder {
  color: #99ccfc !important;
  font-size: 0.8vw !important;
}

.contactsales
  .FormContact-old
  .row
  .FormInputsContact
  form
  .inputCon
  ::placeholder {
  color: #99ccfc !important;
  font-size: 0.8vw !important;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales
    .FormContact-old
    .row
    .FormInputsContact
    form
    .inputCon
    ::-webkit-input-placeholder {
    font-size: 3vw !important;
  }
  .contactsales
    .FormContact-old
    .row
    .FormInputsContact
    form
    .inputCon
    :-ms-input-placeholder {
    font-size: 3vw !important;
  }
  .contactsales
    .FormContact-old
    .row
    .FormInputsContact
    form
    .inputCon
    ::-ms-input-placeholder {
    font-size: 3vw !important;
  }
  .contactsales
    .FormContact-old
    .row
    .FormInputsContact
    form
    .inputCon
    ::placeholder {
    font-size: 3vw !important;
  }
}

.contactsales
  .FormContact-old
  .row
  .FormInputsContact
  form
  .MuiButtonBase-root {
  background: #0080f9;
  padding: 0.7vw;
  border-radius: 1vw;
  color: #e5f2fe;
  text-transform: none;
}

.videoContainer {
  width: 55vw;
  margin: 0 auto;
  margin-top: 8.5vw;
}

@media (max-width: 767.98px) {
  .videoContainer {
    width: 90vw;
    margin-top: calc(35% - 20px);
  }
}

.videoContainer .closeVideo {
  height: 3.5vw;
  width: 3.5vw;
  position: absolute;
  right: 24vw;
  top: 9.5vw;
  z-index: 999;
  border-radius: 4vw;
}

@media (max-width: 767.98px) {
  .videoContainer .closeVideo {
    height: 11.5vw;
    width: 11.5vw;
    right: calc(50% - 20px);
    top: 10vw;
    border-radius: 10vw;
  }
}

.checkout {
  /*****************Intro section ******************/
  /***************** video section ******************/
  /***************** ad banner section ******************/
  /***************** copy code section ******************/
  /***************** early Access section ******************/
  /***************** New Shopper section ******************/
  /***************** Form Contact section ******************/
  /***************** Info Accordions section ******************/
}

.checkout .contact {
  background-color: #0080f9;
  color: #e5f2fe;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 12vw;
  height: 2.5vw;
  -ms-flex-line-pack: center;
  align-content: center;
  border-radius: 2vw;
}

@media (max-width: 767.98px) {
  .checkout .contact {
    width: 35vw;
    height: 7.5vw;
    border-radius: 4vw;
  }
}

.checkout .contact img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 1vw;
  height: 100%;
  margin-left: 0.2vw;
}

@media (max-width: 767.98px) {
  .checkout .contact img {
    width: 2.5vw;
    height: 100%;
    margin-left: 0.2vw;
  }
}

.checkout .introSection {
  padding-bottom: 7vw;
}

.checkout .introSection .paymentIcon {
  -o-object-fit: contain;
  object-fit: contain;
  /** MOBILE **/
}

@media (max-width: 767.98px) {
  .checkout .introSection .paymentIcon {
    width: 6.2vw;
  }
}

.checkout .introSection .fastLinks {
  width: 100%;
}

.checkout .introSection .fastLinks li {
  margin-right: 3vw;
}

.checkout .introSection .fastLinks li:last-child {
  margin-right: 0;
}

.checkout .introSection .introText h1 {
  color: #e5f2fe;
  margin-top: 2vw;
  font-size: 2.4vw;
}

@media screen and (max-width: 860px) {
  .checkout .introSection .introText h1 {
    font-size: 5vw;
  }
}

.checkout .introSection .introText p {
  color: #b2d8fd;
  font-size: 0.9vw;
  width: 25vw;
  margin-bottom: 2vw;
  /** MOBILE **/
}

@media (max-width: 767.98px) {
  .checkout .introSection .introText p {
    margin-bottom: 4vw;
    width: 100%;
  }
}

.checkout .introSection .introText ul {
  margin-bottom: 3vw;
  /** MOBILE **/
}

@media (max-width: 767.98px) {
  .checkout .introSection .introText ul {
    margin-bottom: 5vw;
  }
}

.checkout .introSection .introText ul li {
  color: #e5f2fe;
  font-size: 1.1vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-family: 'Gotham-Medium';
}

@media (max-width: 767.98px) {
  .checkout .introSection .introText ul li {
    font-size: 2.5vw;
  }
}

.checkout .introSection .introText ul li img {
  -o-object-fit: contain;
  object-fit: contain;
  height: 1.5vw;
  margin-right: 0.5vw;
  margin-left: 0.5vw;
}

@media (max-width: 767.98px) {
  .checkout .introSection .introText ul li img {
    height: 2.5vw;
  }
}

.checkout .introSection .heroBtns {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  text-align: left;
  margin: 0;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767.98px) {
  .checkout .introSection .heroBtns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.checkout .introSection .heroBtns .btn {
  border-radius: 13px;
  padding: 2% 3%;
  margin-right: 0;
}

@media (max-width: 767.98px) {
  .checkout .introSection .heroBtns .btn {
    margin-bottom: 4vw;
  }
}

@media (max-width: 767.98px) {
  .checkout .introSection .heroBtns .contact {
    width: 25vw;
  }
}

.checkout .introSection .introCheckout .rect1 {
  height: 31.1vw;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  right: 24vw;
  top: 5.5vw;
  z-index: 999;
}

.checkout .introSection .introCheckout .img1 {
  height: 30vw;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  right: 22vw;
  top: 13.5vw;
  border-radius: 1vw;
  box-shadow: -3px 6px 32px -6px rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: -3px 6px 32px -6px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: -3px 6px 32px -6px rgba(0, 0, 0, 0.14);
}

.checkout .introSection .introCheckout .rect2 {
  height: 37.1vw;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  right: -1vw;
  top: 19vw;
}

.checkout .introSection .introCheckout .img2 {
  height: 40vw;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  right: 1.5vw;
  bottom: -10vw;
  border-radius: 1vw;
}

@media (max-width: 767.98px) {
  .checkout .introSection .introCheckout .img2 {
    height: 55vw;
    right: -3.5vw;
    bottom: -12vw;
  }
}

.checkout .vedioCheckout {
  padding-top: 12vw;
  padding-bottom: 8vw;
}

@media (max-width: 767.98px) {
  .checkout .vedioCheckout .row .MuiGrid-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-top: 15%;
  }
}

@media (max-width: 767.98px) {
  .checkout .vedioCheckout {
    padding-bottom: 15%;
  }
}

.checkout .vedioCheckout .videoBg {
  position: relative;
  height: 30vw;
}

@media (max-width: 767.98px) {
  .checkout .vedioCheckout .videoBg {
    height: 65vw;
  }
}

.checkout .vedioCheckout .videoBg .playBtn {
  position: absolute;
  bottom: -2vw;
  right: 4vw;
  -o-object-fit: contain;
  object-fit: contain;
  width: 8vw;
}

@media (max-width: 767.98px) {
  .checkout .vedioCheckout .videoBg .playBtn {
    width: 20vw;
    bottom: 0;
    right: -5vw;
  }
}

.checkout .vedioCheckout .videoBg::before {
  background-image: url(../images/checkout/greyBgVideoImg.png);
  content: '';
  position: absolute;
  right: 6vw;
  bottom: 0;
  width: 44vw;
  height: 32vw;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 767.98px) {
  .checkout .vedioCheckout .videoBg::before {
    right: -30vw;
    bottom: 5vw;
    width: 145vw;
    height: 62vw;
  }
}

.checkout .vedioCheckout .videoBg::after {
  background-image: url(../images/checkout/img4.png);
  content: '';
  position: absolute;
  right: 4vw;
  top: -4vw;
  width: 14vw;
  height: 14vw;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 767.98px) {
  .checkout .vedioCheckout .videoBg::after {
    right: -4vw;
    top: -8vw;
    width: 28vw;
    height: 28vw;
  }
}

.checkout .vedioCheckout .videoBg .mask1 {
  -webkit-mask-image: url(../images/checkout/videoImg.png);
  mask-image: url(../images/checkout/videoImg.png);
  -webkit-mask-size: 40vw;
  mask-size: 40vw;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

@media (max-width: 767.98px) {
  .checkout .vedioCheckout .videoBg .mask1 {
    -webkit-mask-size: 80vw;
    mask-size: 80vw;
  }
}

.checkout .vedioCheckout .videoBg .mask1 .videoImg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.checkout .vedioCheckout h1 {
  font-size: 2vw;
}

.checkout .vedioCheckout p {
  margin-bottom: 2vw;
  font-size: 1.1vw;
}

.checkout .vedioCheckout ul {
  margin-bottom: 3vw;
}

.checkout .vedioCheckout ul li {
  color: #7f98c5;
  font-size: 1.3vw;
  width: 100%;
  font-family: 'Gotham-Book';
}

@media (max-width: 767.98px) {
  .checkout .vedioCheckout ul li {
    font-size: 2.5vw;
  }
}

.checkout .vedioCheckout ul li img {
  -o-object-fit: contain;
  object-fit: contain;
  height: 1.5vw;
  margin-right: 0.5vw;
}

@media (max-width: 767.98px) {
  .checkout .vedioCheckout ul li img {
    height: 2.5vw;
  }
}

@media screen and (max-width: 860px) {
  .checkout .bannerDemo {
    margin-bottom: 15%;
  }
}

.checkout .bannerDemo .adBannerBg {
  background-color: #4432e0;
  border-radius: 1.5vw;
  position: relative;
}

.checkout .bannerDemo .adBannerBg .textContainer {
  margin: 2vw 7vw;
}

.checkout .bannerDemo .adBannerBg .textContainer h1 {
  font-size: 2vw;
  color: #ffffff;
}

.checkout .bannerDemo .adBannerBg .textContainer p {
  color: #ffffff;
  font-size: 0.9vw;
}

@media (max-width: 767.98px) {
  .checkout .bannerDemo .adBannerBg .textContainer p {
    margin-bottom: 5vw;
  }
}

.checkout .bannerDemo .adBannerBg .textContainer a {
  background-color: #00c8ff;
  color: #01338d;
  height: 3.7vw;
  width: 13vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 1vw;
}

@media (max-width: 767.98px) {
  .checkout .bannerDemo .adBannerBg .textContainer a {
    height: 8vw;
    width: 24vw;
  }
}

.checkout .bannerDemo .adBannerBg img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 25vw;
  position: absolute;
  right: -20vw;
  bottom: -3vw;
}

@media (max-width: 767.98px) {
  .checkout .bannerDemo .adBannerBg img {
    height: 30vw;
    right: -19vw;
    bottom: -9vw;
  }
}

.checkout .copyCode .subTitle {
  font-size: 2vw;
  width: 35vw;
  padding-bottom: 2vw;
}

@media (max-width: 767.98px) {
  .checkout .copyCode .subTitle {
    margin-bottom: 2vw;
    width: 100%;
  }
}

.checkout .copyCode ul {
  margin-bottom: 3vw;
  /** MOBILE **/
}

@media (max-width: 767.98px) {
  .checkout .copyCode ul {
    margin-bottom: 5vw;
  }
}

.checkout .copyCode ul li {
  color: #0080f9;
  font-size: 1.3vw;
  margin-bottom: 1vw;
  width: 100%;
  font-family: 'Gotham-Medium';
}

@media (max-width: 767.98px) {
  .checkout .copyCode ul li {
    font-size: 2.5vw;
  }
}

.checkout .copyCode ul li img {
  -o-object-fit: contain;
  object-fit: contain;
  height: 1.5vw;
  margin-right: 0.5vw;
  margin-left: 0.5vw;
}

@media (max-width: 767.98px) {
  .checkout .copyCode ul li img {
    height: 2.5vw;
  }
}

.checkout .copyCode .codeBg {
  box-shadow: -3px 6px 32px -6px rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: -3px 6px 32px -6px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: -3px 6px 32px -6px rgba(0, 0, 0, 0.14);
  border-radius: 2vh;
  background-color: #fff;
  margin-bottom: 3vw;
  padding-bottom: 2vw;
}

@media (max-width: 767.98px) {
  .checkout .copyCode .codeBg {
    margin-bottom: 7vw;
    padding-bottom: 5vw;
  }
}

.checkout .copyCode .codeBg .codeContainer {
  height: 10vw;
  overflow-y: scroll;
  padding: 2vw 4vw;
}

@media (max-width: 767.98px) {
  .checkout .copyCode .codeBg .codeContainer {
    height: 60vw;
  }
}

.checkout .copyCode .codeBg p {
  white-space: break-spaces;
  line-height: 22px;
  line-break: anywhere;
}

.checkout .copyCode .codeBg iframe {
  height: 20vw;
  width: 100%;
  border: 0;
}

.checkout .copyCode .copybtns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 2vw;
}

.checkout .copyCode .copybtns .btn {
  background-color: #0080f9;
  color: #e5f2fe;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 25vw;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  padding: 0.8vw 0;
  border-radius: 0.5vw;
}

@media (max-width: 767.98px) {
  .checkout .copyCode .copybtns .btn {
    padding: 1.8vw 0;
    border-radius: 1vw;
    width: 40vw;
  }
}

.checkout .copyCode .copybtns .btn .copyIcon {
  height: 1.2vw;
  margin-left: 1vw;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 767.98px) {
  .checkout .copyCode .copybtns .btn .copyIcon {
    height: 3.2vw;
    margin-left: 2vw;
    margin-right: 2vw;
  }
}

.checkout .copyCode .contact {
  padding: 0.8vw 0;
  margin: 0 auto;
}

.checkout .copyCode .copyImg {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 18vw;
  margin-top: 9vw;
}

@media (max-width: 767.98px) {
  .checkout .copyCode .copyImg {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .checkout .earlyAccess {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15vw;
    padding-top: 0;
    padding-bottom: 0;
  }
  .checkout .earlyAccess > div > div > div:first-child {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

.checkout .earlyAccess .mainImg {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 45vw;
}

@media (max-width: 767.98px) {
  .checkout .earlyAccess .mainImg {
    height: 85vw;
  }
}

.checkout .earlyAccess .textContainer {
  padding-left: 9vw;
}

@media (max-width: 767.98px) {
  .checkout .earlyAccess .textContainer {
    padding-left: 0;
    margin-bottom: 7vw;
  }
}

.checkout .earlyAccess .textContainer .static1 {
  -o-object-fit: contain;
  object-fit: contain;
  width: 30vw;
  height: 100%;
}

@media (max-width: 767.98px) {
  .checkout .earlyAccess .textContainer .static1 {
    width: 80vw;
  }
}

.checkout .earlyAccess .textContainer .static2 {
  -o-object-fit: contain;
  object-fit: contain;
  width: 30vw;
  height: 100%;
  margin-bottom: 3vw;
}

.checkout .earlyAccess .textContainer .subTitle {
  font-size: 2vw;
  margin-bottom: 1.5vw;
}

.checkout .earlyAccess .textContainer h2 {
  font-size: 1.4vw;
  color: #00c8ff;
  margin-bottom: 2vw;
  font-family: 'Gotham-Book';
}

.checkout .earlyAccess .textContainer ul {
  margin-bottom: 3vw;
}

.checkout .earlyAccess .textContainer ul li {
  color: #7f98c5;
  font-size: 1.3vw;
  width: 100%;
  font-family: 'Gotham-Book';
}

@media (max-width: 767.98px) {
  .checkout .earlyAccess .textContainer ul li {
    font-size: 2.5vw;
  }
}

.checkout .earlyAccess .textContainer ul li img {
  -o-object-fit: contain;
  object-fit: contain;
  height: 1.5vw;
  margin-right: 0.5vw;
}

@media (max-width: 767.98px) {
  .checkout .earlyAccess .textContainer ul li img {
    height: 2.5vw;
  }
}

.checkout .earlyAccess .textContainer p {
  font-size: 1vw;
  color: #01338d;
  width: 25vw;
  margin-bottom: 2vw;
}

@media (max-width: 767.98px) {
  .checkout .earlyAccess .textContainer p {
    width: 100%;
    margin-bottom: 7vw;
  }
}

.checkout .newShopper h1 {
  font-size: 1.8vw;
  width: 35vw;
  margin-bottom: 2vw;
}

@media (max-width: 767.98px) {
  .checkout .newShopper h1 {
    width: 100%;
    font-size: 4.5vw;
    margin-bottom: 8vw;
  }
}

.checkout .newShopper ul {
  width: 33vw;
}

@media (max-width: 767.98px) {
  .checkout .newShopper ul {
    width: 100%;
  }
}

.checkout .newShopper ul .cardBg {
  box-shadow: -3px 6px 32px -6px rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: -3px 6px 32px -6px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: -3px 6px 32px -6px rgba(0, 0, 0, 0.14);
  border-radius: 2vh;
  background-color: #e5f2fe;
  padding: 2vw 4vw;
  margin-bottom: 3vw;
  margin-top: 3vw;
  width: 33vw;
}

@media (max-width: 767.98px) {
  .checkout .newShopper ul .cardBg {
    width: 100%;
    margin-bottom: 8vw;
  }
}

.checkout .newShopper ul .cardBg:nth-child(1) {
  background-color: #fff;
}

.checkout .newShopper ul .cardBg:nth-child(1) .iconBg {
  background-image: url(../images/checkout/bgIcon.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.checkout .newShopper ul .cardBg .iconBg {
  background-color: #fff;
  height: 4vw;
  width: 6.5vw;
  border-radius: 1vw;
  margin: 0 auto;
  margin-top: -4vw;
  margin-bottom: 2vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

@media (max-width: 767.98px) {
  .checkout .newShopper ul .cardBg .iconBg {
    height: 8vw;
    width: 10.5vw;
    border-radius: 2vw;
    margin-top: -6vw;
  }
}

.checkout .newShopper ul .cardBg .iconBg .icons {
  height: 2vw;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

@media (max-width: 767.98px) {
  .checkout .newShopper ul .cardBg .iconBg .icons {
    height: 4vw;
  }
}

.checkout .newShopper ul .cardBg h4 {
  text-align: center;
}

@media (max-width: 767.98px) {
  .checkout .newShopper ul .cardBg h4 {
    margin-top: 5vw;
    margin-bottom: 7vw;
  }
}

.checkout .newShopper .imgContainer {
  position: relative;
}

.checkout .newShopper .imgContainer .shopperImg {
  -o-object-fit: cover;
  object-fit: cover;
  height: 45vw;
  border-radius: 1vw;
  z-index: 99;
  position: relative;
  margin-top: 6vw;
}

@media (max-width: 767.98px) {
  .checkout .newShopper .imgContainer .shopperImg {
    height: 75vw;
    border-radius: 4vw;
    margin-top: 6vw;
    margin-left: 7vw;
  }
}

.checkout .newShopper .imgContainer::after {
  content: ' ';
  position: absolute;
  top: 3vw;
  height: 51vw;
  background-color: #00c8ff;
  width: 45vw;
  right: -8vw;
  border-radius: 1vw;
}

@media (max-width: 767.98px) {
  .checkout .newShopper .imgContainer::after {
    height: 81vw;
    width: 75vw;
    right: -11vw;
    border-radius: 4vw;
  }
}

.checkout .newShopper .contact {
  margin: 0 auto;
}

.checkout .contactsales {
  padding-bottom: 0 !important;
}

.checkout .contactsales .FormContact {
  padding-bottom: 0 !important;
  margin-bottom: 12vw;
  margin-top: 0;
}

.checkout .contactsales .row {
  background-size: cover;
}

.checkout .contactsales textarea {
  height: 2.9vw !important;
  margin: 0.5vw 0 !important;
  padding: 0.9vw !important;
  font-family: 'Gotham-Book' !important;
}

@media (max-width: 767.98px) {
  .checkout .contactsales textarea {
    border-radius: 2vw !important;
  }
}

.checkout .contactsales .contactTextCol {
  margin-left: 0 !important;
}

.checkout .contactsales .contactTextCol h3 {
  color: #ffffff !important;
}

@media screen and (max-width: 860px) {
  .checkout .contactsales .contactTextCol h3 {
    color: #ffffff !important;
  }
}

.checkout .contactsales .inputUpload input[type='file'] {
  display: none;
}

.checkout .contactsales .inputUpload .uploadedImg {
  width: 100%;
  padding: 1vw;
  border-radius: 1vw;
  margin: 0.5vw 0;
  height: 3vw !important;
  background-color: transparent;
  border: 1px solid #99ccfc;
  outline: none;
  color: #99ccfc !important;
  font-size: 0.8vw !important;
  font-family: 'Gotham-Book' !important;
  padding-left: 12px !important;
}

@media (max-width: 767.98px) {
  .checkout .contactsales .inputUpload .uploadedImg {
    height: 9vw !important;
    font-size: 3vw !important;
    padding-left: 1vw !important;
    padding-right: 1vw !important;
    padding-top: 2vw;
    border-radius: 2vw;
  }
}

.checkout .infoAccordionsCheckout {
  margin-top: 5vw;
  margin-bottom: 2vw;
}

@media screen and (max-width: 860px) {
  .checkout .infoAccordionsCheckout {
    margin-bottom: 5vw;
  }
}

.checkout .infoAccordionsCheckout .mainTitle {
  text-align: center;
  font-size: 2.3vw;
  margin-bottom: 8vw;
}

.checkout .infoAccordionsCheckout .accordionBg .expandedHeader {
  background-color: #fff !important;
}

.checkout .infoAccordionsCheckout .accordionBg .MuiIconButton-label {
  color: #01338d;
}

.checkout .infoAccordionsCheckout .accordionBg .iconBlue {
  color: #0080f9;
}

.checkout .infoAccordionsCheckout .accordionBg .lightBlueHeader {
  color: #01338d;
}

.checkout .infoAccordionsCheckout .accordionBg .MuiAccordion-root:before {
  background-color: transparent;
}

.checkout .infoAccordionsCheckout .accordionBg .borderBlueHeader {
  border-top: 1px solid #0080f9;
  border-bottom: 1px solid #0080f9;
}

.checkout .infoAccordionsCheckout .accordionBg h1 {
  font-size: 2.3vw;
  color: #0080f9;
  position: relative;
  text-transform: uppercase;
}

@media screen and (max-width: 860px) {
  .checkout .infoAccordionsCheckout .accordionBg h1 {
    font-size: 5vw !important;
    text-align: center;
  }
}

.checkout .infoAccordionsCheckout .accordionBg h1::before {
  content: '';
  height: 0.8vw;
  width: 0.8vw;
  position: absolute;
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  right: 0vw;
  opacity: 0.3;
  background-image: url(../images/shape8.png);
}

.checkout
  .infoAccordionsCheckout
  .accordionBg
  .MuiAccordionSummary-content.Mui-expanded {
  margin: 0;
}

.checkout .infoAccordionsCheckout .accordionBg .MuiAccordionDetails-root {
  padding: 0 16px 16px;
}

@media screen and (max-width: 860px) {
  .checkout .infoAccordionsCheckout .accordionBg .MuiAccordionDetails-root {
    padding: 0 16px 0;
  }
}

.checkout .infoAccordionsCheckout .accordionBg .MuiIconButton-edgeEnd {
  position: absolute;
  left: -3vw;
}

.checkout .infoAccordionsCheckout .accordionBg .MuiPaper-elevation1 {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #e5f2fe;
  margin-bottom: 4vw;
  padding: 2vw 0;
  box-shadow: -3px 6px 32px -6px rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: -3px 6px 32px -6px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: -3px 6px 32px -6px rgba(0, 0, 0, 0.14);
  border-radius: 2vh;
  border-width: 0;
  padding-left: 20vw;
  padding-right: 10vw;
}

.checkout .infoAccordionsCheckout .accordionBg h4 {
  font-size: 1.2vw;
  font-weight: 100;
}

.checkout .infoAccordionsCheckout .accordionBg p {
  margin: 0;
  color: #01338d;
}

@media screen and (max-width: 860px) {
  .checkout .infoAccordionsCheckout .accordionBg p {
    margin-bottom: 7vw;
  }
}

.checkout .infoAccordionsCheckout .moreTitle {
  text-align: center;
  font-size: 1.8vw;
  margin-bottom: 2vw;
}

.checkout .infoAccordionsCheckout .heroBtns {
  text-align: center;
}

.checkout .infoAccordionsCheckout .heroBtns .contactUs {
  text-align: center;
  color: #0080f9;
}

.checkout .infoAccordionsCheckout .heroBtns .contactUs .rightArrow {
  -o-object-fit: contain;
  object-fit: contain;
  height: 0.7vw;
  margin-left: 0.2vw;
}

.checkoutDemo .demoContainer {
  margin-bottom: 7vw;
  margin-top: 13vw;
}

.checkoutDemo .demoContainer .image-gallery-thumbnails-container::after {
  display: none;
}

.checkoutDemo .demoContainer .mainTitle {
  font-size: 2vw;
  font-family: 'Gotham-Medium';
  color: #000;
  /** MOBILE **/
}

@media (max-width: 767.98px) {
  .checkoutDemo .demoContainer .mainTitle {
    font-size: 4.5vw !important;
  }
}

.checkoutDemo .demoContainer p {
  color: #000;
  margin-bottom: 2vw;
  font-size: 1vw;
  line-height: 1.5;
}

.checkoutDemo .demoContainer h2 {
  font-size: 1.7vw;
  font-family: 'Gotham-Book';
  margin-bottom: 0;
}

.checkoutDemo .demoContainer h2 span {
  font-size: 1vw;
  /** MOBILE **/
}

@media (max-width: 767.98px) {
  .checkoutDemo .demoContainer h2 span {
    font-size: 3vw;
  }
}

.checkoutDemo .demoContainer h4 {
  color: #000;
  font-family: 'Gotham-Book';
  text-decoration: underline;
  margin-bottom: 5vw;
}

.checkoutDemo .demoContainer h4 img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 8vw;
  margin-right: 0.5vw;
  /** MOBILE **/
}

@media (max-width: 767.98px) {
  .checkoutDemo .demoContainer h4 img {
    width: 16vw;
    margin-right: 1.5vw;
  }
}

.checkoutDemo .demoContainer h3 {
  color: #000;
}

.checkoutDemo .demoContainer button {
  cursor: pointer;
}

.checkoutDemo .demoContainer .checoutkBtn {
  background-color: #0080f9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #ffffff;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 25vw;
  height: 3.2vw;
  border-radius: 0.5vw;
  float: right;
  font-family: 'Gotham-Book';
  position: relative;
}

.checkoutDemo .demoContainer .checoutkBtn img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 4vw;
  margin-left: 0.5vw;
  margin-right: 0.5vw;
}

.checkoutDemo .demoContainer .checoutkBtn::before {
  content: '';
  height: 0.8vw;
  width: 0.8vw;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/checkout/arrow.png);
  right: 0.5vw;
  top: 0.5vw;
}

.checkoutDemo .demoContainer .recentlyViewed h1 {
  font-size: 1.4vw;
  font-family: 'Gotham-Bold';
  color: #000;
  /** MOBILE **/
}

@media (max-width: 767.98px) {
  .checkoutDemo .demoContainer .recentlyViewed h1 {
    margin-top: 6vw;
    margin-bottom: 3vw;
    font-size: 4.5vw !important;
  }
}

.checkoutDemo .demoContainer .recentlyViewed ul {
  display: block;
}

.checkoutDemo .demoContainer .recentlyViewed ul li {
  margin: 0 1.8vw;
  display: inline-block;
}

.checkoutDemo .demoContainer .recentlyViewed ul li:nth-child(1) {
  margin-left: 0;
  margin-right: 0;
}

.checkoutDemo .demoContainer .recentlyViewed ul li:nth-child(3) {
  margin-left: 0;
  margin-right: 0;
}

.checkoutDemo .demoContainer .recentlyViewed ul li div {
  background-color: #f7f7f7;
  border-radius: 1vw;
  height: 10vw;
  width: 10vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /** MOBILE **/
}

@media (max-width: 767.98px) {
  .checkoutDemo .demoContainer .recentlyViewed ul li div {
    height: 15vw;
    width: 16vw;
    margin-bottom: 3vw;
  }
}

.checkoutDemo .demoContainer .recentlyViewed ul li div img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 7vw;
  /** MOBILE **/
}

@media (max-width: 767.98px) {
  .checkoutDemo .demoContainer .recentlyViewed ul li div img {
    width: 11vw;
  }
}

.checkoutDemo .demoContainer .recentlyViewed ul li h4 {
  color: #000000;
  text-decoration: none;
}
/*# sourceMappingURL=style.css.map */

/* Updated CSS Styles */

.contactsales .FormContact-old .row .FormInputsContact {
  padding: 2vw 1.5vw;
}

.contactsales .FormContact-old .row .FormInputsContact form .inputCon select {
  width: 100%;
  padding: 0.5vw;
  border-radius: 1vw;
  margin: 0.5vw 0;
  height: 3vw !important;
  background-color: transparent;
  border: 1px solid #99ccfc;
  outline: none;
  color: #0080f9;
  font-size: 0.8vw;
  /** for the dropdown indicator */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2399ccfc' stroke='%2399ccfc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1em;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact-old .row .FormInputsContact form .inputCon select {
    height: 9vw !important;
    font-size: 3vw !important;
  }
}

.contactsales
  .FormContact-old
  .row
  .FormInputsContact
  form
  .inputCon
  select:invalid,
.contactsales
  .FormContact-old
  .row
  .FormInputsContact
  form
  .inputCon
  select
  option:disabled {
  color: #0080f97d;
}

.contactsales .FormContact-old .MuiGrid-container .MuiGrid-item {
  padding: 12px;
}

.contactsales
  .FormContact-old
  .row
  .FormInputsContact
  form
  .inputCon.productList {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(3, 1fr);
  margin-inline-start: 10px;
  margin-top: 26px;
}

.contactsales
  .FormContact-old
  .row
  .FormInputsContact
  form
  .inputCon.productList.ar {
  direction: rtl;
}

.contactsales
  .FormContact-old
  .row
  .FormInputsContact
  form
  .inputCon.productList
  .productItem {
  display: flex;
  align-items: center;
  height: 36px;
}

.contactsales
  .FormContact-old
  .row
  .FormInputsContact
  form
  .inputCon.productList
  .productItem.ar {
  gap: 10px;
}

.contactsales
  .FormContact-old
  .row
  .FormInputsContact
  form
  .inputCon.productList
  .productItem
  input {
  cursor: pointer;
  accent-color: #1976d2;
  width: 20px;
}

.contactsales
  .FormContact-old
  .row
  .FormInputsContact
  form
  .inputCon.productList
  .productItem
  label {
  font-size: 0.7vw;
}

.spinner {
  margin: 8px auto;
  width: 70px;
  text-align: center;
}

.spinner > div {
  margin: 0 2px;
  width: 12px;
  height: 12px;
  background-color: #1976d2;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.contactsales .FormContact-old .row .contactTextCol p {
  color: #fff;
  font-size: 1.3rem;
  font-weight: bold;
  margin-top: 2rem;
}

.contactsales .FormContact-old .row .contactTextCol ul {
  display: flex;
  flex-direction: column;
}

.contactsales .FormContact-old .row .contactTextCol li {
  display: list-item;
  list-style-type: disc;
  margin-inline-start: 1.5rem;
}

.contactsales .FormContact-old .row .contactTextCol li::marker {
  color: #fff;
}

.contactsales .FormContact-old .row .contactTextCol ul p {
  font-size: 1.1rem;
  font-weight: initial;
  margin-top: 0rem;
  max-width: 28vw;
}


@media screen and (max-width: 960px) {
  .contactsales .FormContact-old .row .contactTextCol p {
    max-width: 50vw;
  }
}

@media screen and (max-width: 960px) {
  .contactsales .FormContact-old .row .contactTextCol ul {
    display: flex;
    flex-direction: row;
    gap: 1rem
  }
}

@media screen and (max-width: 860px) {
  .contactsales .FormContact-old .row .contactTextCol ul {
    display: flex;
    flex-direction: column;
    gap: unset;
  }
}

@media screen and (max-width: 860px) {
  .contactsales .FormContact-old .row .contactTextCol ul p {
    max-width: unset;
    margin-top: 1rem;
  }
}

form .mandatory-fields-info {
  font-size: 1.1rem;
  font-style: italic;
  color: gray;
  padding: 0 12px 18px 12px;
  margin: 0;
}

@media screen and (max-width: 860px) {
  form .mandatory-fields-info {
    padding-top: 12px;
  }
}
