/* Fancybox */
@import url("../fancybox/css/jquery.fancybox.min.css");
/* Swiper */
@import url("../swiper/css/swiper-bundle.min.css");
/* Bootstrap */
@import url("../bootstrap/css/bootstrap.min.css");

/* Fonts */
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 100 1000;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2Fp2ywxg089UriCZa4ET-DNl0.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 100 1000;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2Fp2ywxg089UriCZa4Hz-D.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2Hp2ywxg089UriCZ2IHSeH.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2Hp2ywxg089UriCZOIHQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --primary: 241 199 81;
  /* #F1C751 */
  --primaryLight: 246 219 130;
  /* #F6DB82 */
  --primaryDark: 217 177 64;
  /* #D9B140 */
  --black: 0 0 0;
  /* #000000 */
  --dark: 19 24 27;
  /* #13181B */
  --muted: 168 168 168;
  /* #A8A8A8 */
  --silver: 232 228 216;
  /* #E8E4D8 */
  --light: 255 247 227;
  /* #FFF7E3 */
  --white: 255 255 255;
  /* #FFFFFF */
  --greenLight: 209 204 116;
  /* #D1CC74 */
  --ghost: 27 32 34;
  /* #1B2022 */

  --fontWeight200: 200;
  /* fw-lighter */
  --fontWeight300: 300;
  /* fw-light */
  --fontWeight400: 400;
  /* fw-normal */
  --fontWeight500: 500;
  /* fw-medium */
  --fontWeight600: 600;
  /* fw-semibold */
  --fontWeight700: 700;
  /* fw-bold */
  --fontWeight800: 800;
  /* fw-800 */
  --fontWeight900: 900;
  /* fw-900 */

  --font-DMSans: "DM Sans", sans-serif;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-DMSans);
  background-color: rgb(var(--dark));
  overflow-x: hidden;
}

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

::-moz-selection {
  background-color: rgb(var(--primaryDark)/.60);
  text-shadow: none;
}

::selection {
  background-color: rgb(var(--silver)/0.40);
  color: rgb(var(--white));
  text-shadow: none;
}

/* typography */
p {
  font-size: 16px;
  line-height: 26px;
  font-weight: var(--fontWeight300);
}

a {
  line-height: normal;
  color: rgb(var(--primary));
}

h1 {
  font-size: 2.063rem;
  /*32px*/
  line-height: 120%;
  font-weight: var(--fontWeight800);
}

h2 {
  font-size: 1.875rem;
  /*30px*/
  line-height: 120%;
  font-weight: var(--fontWeight700);
}

h3 {
  font-size: 1.375rem;
  /*22px*/
  line-height: 120%;
  font-weight: var(--fontWeight600);
}

h4 {
  font-size: 1.25rem;
  /*20px*/
  line-height: 120%;
  font-weight: var(--fontWeight500);
}

h5 {
  font-size: 0.938rem;
  /*15px*/
  line-height: 120%;
  font-weight: var(--fontWeight400);
}

h6 {
  font-size: 0.875rem;
  /*14px*/
  line-height: 120%;
  font-weight: var(--fontWeight300);
}

label {
  font-size: 0.938rem;
  /*15px*/
  line-height: normal;
  font-weight: var(--fontWeight600);
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  max-width: 1224px;
  width: 100%;
}

@media (min-width: 1200px) {
  .container-fluid {
    padding-left: 80px;
    padding-right: 80px;
  }
}

/* text color */
.text-primaryLight {
  color: rgb(var(--primaryLight));
}

.text-primaryDark {
  color: rgb(var(--primaryDark));
}

.text-black {
  color: rgb(var(--black));
}

.text-dark {
  color: rgb(var(--dark));
}

.text-muted {
  color: rgb(var(--muted));
}

.text-silver {
  color: rgb(var(--silver));
}

.text-light {
  color: rgb(var(--light));
}

.text-greenLight {
  color: rgb(var(--greenLight));
}

.text-ghost {
  color: rgb(var(--ghost));
}

/* bg color */
.bg-primary {
  background-color: rgb(var(--primary));
}

.bg-primaryLight {
  background-color: rgb(var(--primaryLight));
}

.bg-primaryDark {
  background-color: rgb(var(--primaryDark));
}

.bg-black {
  background-color: rgb(var(--black));
}

.bg-dark {
  background-color: rgb(var(--dark));
}

.bg-muted {
  background-color: rgb(var(--muted));
}

.bg-silver {
  background-color: rgb(var(--silver));
}

.bg-light {
  background-color: rgb(var(--light));
}

.bg-white {
  background-color: rgb(var(--white));
}

/* font weight */
.fw-800 {
  font-weight: var(--fontWeight800);
}

.fw-900 {
  font-weight: var(--fontWeight900);
}

/* buttons */
.btn {
  font-size: 16px;
  font-weight: var(--fontWeight600);
  border-radius: 8px;
  padding: 13.5px 22px;
  line-height: normal;
  border: none;
}

.btn-primary {
  color: rgb(var(--dark));
}

.btn-link {
  font-size: 15px;
  font-weight: var(--fontWeight600);
  line-height: normal;
  text-decoration: none;
}

.btn-glow2 {
  position: relative;
  outline: none;
  z-index: 0;
}

.btn-glow2:before {
  content: '';
  background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
  position: absolute;
  top: -2px;
  left: -2px;
  background-size: 400%;
  z-index: -1;
  filter: blur(5px);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  animation: glowing2 20s linear infinite;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  border-radius: 8px;
}

.btn-glow2:active {
  color: rgb(var(--white))
}

.btn-glow2:active:after {
  background: transparent;
}

.btn-glow2:hover:before {
  opacity: 1;
}

.btn-glow2:after {
  z-index: -1;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgb(var(--dark));
  left: 0;
  top: 0;
  border-radius: 8px;
}

@keyframes glowing2 {
  0% {
    background-position: 0 0;
  }

  50% {
    background-position: 400% 0;
  }

  100% {
    background-position: 0 0;
  }
}

.btn-glow {
  position: relative;
  z-index: 1;
  background: linear-gradient(90deg, rgb(var(--primaryLight)), rgb(var(--primary)), rgb(var(--primary)), rgb(var(--primaryLight)));
  background-size: 400%;
}

.btn-glow:hover {
  animation: glowAnimate 8s linear infinite;
  -webkit-animation: glowAnimate 8s linear infinite;
}

@keyframes glowAnimate {
  0% {
    background-position: 0%;
  }

  100% {
    background-position: 400%;
  }
}

.btn-glow:before {
  content: "";
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  z-index: -1;
  background: linear-gradient(90deg, rgb(var(--light)), rgb(var(--primary)), rgb(var(--dark)), rgb(var(--light)));
  background-size: 400%;
  border-radius: 8px;
  opacity: 0;
  transition: 0.5s;
  -webkit-transition: 0.5s;
}

.btn-glow:hover:before {
  filter: blur(20px);
  opacity: 0.4;
  animation: glowAnimate 8s linear infinite;
  -webkit-animation: glowAnimate 8s linear infinite;
}

button,
button:focus,
.button,
.button:focus,
.btn.focus,
.btn:focus {
  outline: 0;
  box-shadow: none !important;
}

a,
a:hover,
a:active,
a:focus,
:focus {
  outline: 0;
}

/* animation */
/* lineAni */
.lineAni {
  position: relative;
}

.lineAni:before {
  content: "";
  width: 100%;
  border-bottom: 1px solid rgb(var(--primary));
  position: absolute;
  left: 0;
  bottom: 5px;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.lineAni:hover:before {
  bottom: -5px;
  opacity: 0.15;
}

/* bb___icnSpin */
.bb___icnSpin .bbs___icn {
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.bb___icnSpin:hover .bbs___icn,
.bb___icnSpin:focus .bbs___icn,
.bb___icnSpin:active .bbs___icn {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}









































/* Icon Drop */
@-webkit-keyframes bbs___icn-drop {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  51%,
  100% {
    opacity: 1;
  }
}

@keyframes bbs___icn-drop {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  51%,
  100% {
    opacity: 1;
  }
}

/* bb__pop */
.bb__pop {
  display: inline-block;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
}

.bb__pop:hover,
.bb__pop:focus,
.bb__pop:active {
  -webkit-animation-name: bb__pop;
  animation-name: bb__pop;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  /* animation: bb__pop 0.4s linear 1; */
}

@-webkit-keyframes bb__pop {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes bb__pop {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

/* bb__iconWobbleHorizontal */
.bb__iconWobbleHorizontal {
  display: inline-block;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.bb__iconWobbleHorizontal .bb__iwhicn {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.bb__iconWobbleHorizontal:hover .bb__iwhicn,
.bb__iconWobbleHorizontal:focus .bb__iwhicn,
.bb__iconWobbleHorizontal:active .bb__iwhicn {
  -webkit-animation-name: bb__iconWobbleHorizontal;
  animation-name: bb__iconWobbleHorizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  /* animation: bb__iconWobbleHorizontal 1s ease-in-out 1; */
}

@-webkit-keyframes bb__iconWobbleHorizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }

  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bb__iconWobbleHorizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }

  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

/* bb__wobbleVertical */
.bb__wobbleVertical {
  display: inline-block;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
}

.bb__wobbleVertical:hover,
.bb__wobbleVertical:focus,
.bb__wobbleVertical:active {
  -webkit-animation-name: bb__wobbleVertical;
  animation-name: bb__wobbleVertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  /* animation: bb__wobbleVertical 1s ease-in-out 1; */
}

@-webkit-keyframes bb__wobbleVertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  33.3% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  49.95% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }

  66.6% {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bb__wobbleVertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  33.3% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  49.95% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }

  66.6% {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/* bb__buzzOut */
@-webkit-keyframes bb__buzzOut {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

@keyframes bb__buzzOut {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.bb__buzzOut {
  display: inline-block;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
}

.bb__buzzOut:hover,
.bb__buzzOut:focus,
.bb__buzzOut:active {
  -webkit-animation-name: bb__buzzOut;
  animation-name: bb__buzzOut;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  /* animation: bb__buzzOut 0.75s linear 1; */
}

/* /animation */
/* header */
.bb__header {
  padding-top: 10px;
  padding-bottom: 10px;
}

.bb__header.scroll-sticky .navbar {
  transition: padding 0.18s ease-in-out;
}

/* primary__navbar */
.bb__header .primary__navbar .navbar-nav .nav-item .nav-link {
  position: relative;
  padding: 0;
}

.bb__header .primary__navbar .navbar-nav .nav-item .nav-link:after {
  content: "";
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 0;
  margin: 0 auto;
  opacity: 0;
  background: linear-gradient(90deg, rgb(var(--primary) / .0) 10%, rgb(var(--primary)) 50%, rgb(var(--primary) / .0) 90%);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transform: translateY(6px);
  -webkit-transform: translateY(6px);
}

.bb__header .primary__navbar .navbar-nav .nav-item .nav-link.active:after,
.bb__header .primary__navbar .navbar-nav .nav-item .nav-link:hover:after {
  transform: translateY(8px);
  -webkit-transform: translateY(8px);
  opacity: 1;
}

/* secondary__navbar */
.secondary__navbar .btn-getapp .btn,
.secondary__navbar .btn-login .btn {
  padding: 9.5px 18px;
  font-size: 15px;
}

@media (min-width: 992px) {
  .bb__header.scroll-sticky {
    background-color: rgb(var(--black)/0.95);
  }

  .bb__header .secondary__navbar {
    position: relative;
    padding-left: 20px;
  }

  .bb__header .secondary__navbar:before {
    content: "";
    width: 1px;
    height: 30px;
    background: rgb(var(--white)/0.20);
    position: absolute;
    left: 20px;
    top: 6px;
  }

  .bb__header .primary__navbar .navbar-nav .nav-item {
    padding-left: 10px;
    padding-right: 10px;
  }

  .bb__header .primary__navbar .navbar-nav .nav-item .nav-link.active:after,
  .bb__header .primary__navbar .navbar-nav .nav-item .nav-link:hover:after {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .bb__header .primary__navbar .navbar-nav .nav-item {
    padding-left: 15px;
    padding-right: 15px;
  }

  .bb__header .secondary__navbar {
    padding-left: 30px;
  }
}

@media (max-width: 1200px) {
  .bb__header .navbar-brand img {
    max-width: 175px;
  }
}

@media (max-width: 992px) {
  .bb__header {
    background-color: rgb(var(--black)/0.95);
  }

  .bb__header .navbar-brand img {
    max-width: 160px;
  }

  .bb__header .primary__navbar {
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    backdrop-filter: blur(8px);
    background-color: rgb(var(--black)/0.90);
  }

  .bb__header .primary__navbar .navbar-nav {
    padding: 20px;
    border-bottom: 1px solid rgb(var(--light)/0.06);
  }

  .bb__header .primary__navbar .navbar-nav .nav-item {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .bb__header .primary__navbar .navbar-nav .nav-item .nav-link {
    text-align: center;
  }

  .bb__header .primary__navbar .navbar-nav .nav-item .nav-link.active:after,
  .bb__header .primary__navbar .navbar-nav .nav-item .nav-link:hover:after {
    width: 30%;
  }
}

@media (max-width:768px) {
  .bb__header .navbar-brand img {
    max-width: 145px;
  }

}

@media (max-width:575px) {

  .secondary__navbar .btn-getapp .btn,
  .secondary__navbar .btn-login .btn {
    padding: 7.5px 9px;
    font-size: 14px;
  }

  .bb__header .navbar-brand img {
    max-width: 135px;
  }
}

/* navbar-toggler */
.navbar-toggler .line {
  width: 26px;
  height: 2px;
  background-color: rgb(var(--white));
  display: block;
  margin: 8px auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.navbar-toggler[aria-expanded="true"] .line:nth-child(2) {
  opacity: 0;
}

.navbar-toggler[aria-expanded="true"] .line:nth-child(1) {
  -webkit-transform: translateY(10px) rotate(45deg);
  transform: translateY(10px) rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .line:nth-child(3) {
  -webkit-transform: translateY(-10px) rotate(-45deg);
  transform: translateY(-10px) rotate(-45deg);
}

/* /header */
/* banner */
.banner {
  padding-block: 120px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.innerBanner {
  padding-block-start: 160px;
  padding-block-end: 70px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.intro {
  background-color: rgb(var(--white)/.08);
  padding: 5px 5px 5px 16px;
  font-size: 15px;
}

.intro>a {
  background-color: rgb(var(--white)/.08);
  padding: 8px 14px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.intro>a:hover {
  background-color: rgb(var(--primary)/.15);
}

.banner h1 {
  font-size: 52px;
}

.banner .gb__text {
  max-width: 660px;
  font-size: 18px;
  line-height: 30px;
}

.gb__list .gbl__items {
  padding-left: 20px;
}

@media (min-width: 575px) {
  .gb__list .gbl__items:before {
    content: "";
    width: 2px;
    height: 32px;
    background-color: rgb(var(--white)/.50);
    position: absolute;
    top: 10px;
    left: 0;
  }
}

.gb__list .gbl__items p {
  font-size: 14px;
  color: rgb(var(--white)/.60);
}

.gb__list .gbl__items h4 {
  font-size: 18px;
}

.par__list .parl__items {
  width: 64px;
  flex: 0 0 64px;
  height: 46px;
  border-radius: 6px;
  background-color: rgb(var(--white)/.08);
}

/* b_scrollDown */
.b_scrollDown {
  bottom: 50px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.b_scrollDown a {
  color: rgb(var(--white));
  display: block;
  height: 50px;
  text-align: center;
  width: 30px;
}

.b_scrollDown a span {
  animation: animate 2s infinite;
  border-bottom: 2px solid rgb(var(--white));
  border-right: 2px solid rgb(var(--white));
  display: block;
  height: 15px;
  margin: -10px 0 0 8px;
  transform: rotate(45deg);
  width: 15px;
}

.b_scrollDown a span:nth-child(2) {
  animation-delay: -.2s;
}

.b_scrollDown a span:nth-child(3) {
  animation-delay: -.4s;
}

@keyframes animate {
  0% {
    opacity: 0;
    transform: rotate(45deg) translate(-15px, -15px)
  }

  50% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: rotate(45deg) translate(15px, 15px)
  }
}

@keyframes alltuchtopdown {
  0% {
    transform: rotateX(0deg) translateY(0)
  }

  50% {
    transform: rotateX(0deg) translateY(-30px)
  }

  to {
    transform: rotateX(0deg) translateY(0)
  }
}

/* /banner */
/* /acceptPayments */
.acceptPayments {
  padding-top: 110px;
  border-style: solid;
  border-image-slice: 1;
  border-width: 1px 0 0 0;
  border-image-source: linear-gradient(90deg, rgb(var(--white) / .0) 0%, rgb(var(--white) / 0.10) 50%, rgb(var(--white) / .0) 100%);
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
}

.title .ti__smallText span {
  font-size: 14px;
  letter-spacing: 2px;
}

.title .ti__lightText {
  display: block;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.05;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.title .ti__lightText>span {
  font-size: 12vw;
  line-height: 1;
  background: linear-gradient(90deg, rgb(var(--silver) / 0) 0%, rgb(var(--silver)) 50%, rgb(var(--silver) / 0) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.title .ti__bigText {
  font-size: 32px;
}

/* aps_slider */
.swiper {
  padding-bottom: 50px;
}

.aps_slider .apss_items.swiper-slide {
  width: 56%;
  border-radius: 22px;
  padding: 40px 50px 20px 50px;
  background-color: rgb(var(--silver) / 0.06);
  border: 1px solid rgb(var(--silver) / 0.06);
  background-image: url(../images/apss_bg_img.png);
  background-position: top 16% left -22%;
  background-repeat: no-repeat;
  background-size: auto;
}

.aps_slider .apss_items.swiper-slide:not(.swiper-slide-active) {
  opacity: 0.4;
}

.aps_slider .apss_items.swiper-slide .apss_top span {
  font-size: 14px;
  color: rgb(var(--silver)/ 0.60);
}

.aps_slider .apss_items.swiper-slide .apss_top h4 {
  color: rgb(var(--silver));
  max-width: 470px;
  line-height: 28px;
  font-size: 22px;
}

.aps_slider .apss_items.swiper-slide .apss_bottom {
  margin-bottom: -2px;
  border-radius: 20px;
}

.aps_slider .apss_items.swiper-slide .apss_bottom .vibInner {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.aps_slider .apss_items.swiper-slide .apss_bottom .vibInner .vibIbtn {
  width: 70px;
  height: 70px;
  background-position: center left 55%;
  background-repeat: no-repeat;
  background-size: auto;
}

.aps_slider .apss_items.swiper-slide .apss_bottom:hover .vibInner .vibIbtn {
  animation: bb__pop 0.4s infinite;
}

.swiper .swiper-pagination {
  position: absolute;
  left: 50%;
  display: block;
  font-size: 0;
  bottom: 2px;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  z-index: 99;
}

.swiper .swiper-pagination .swiper-pagination-bullet {
  height: 10px;
  width: 10px;
  border-radius: 50rem;
  transition: all 0.4s ease-in-out;
  background-color: rgb(var(--silver) / 0.20);
  opacity: 1;
  margin: 0 7px;
}

.swiper .swiper-pagination:hover .swiper-pagination-bullet {
  animation: bb__pop 0.4s linear 1;
}

.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 30px;
  background-color: rgb(var(--silver) / 0.40);
}

@media screen and (max-width: 992px) {
  .aps_slider .apss_items.swiper-slide {
    width: 88%;
    padding: 30px 30px 0 30px;
  }
}

@media screen and (max-width: 768px) {
  .aps_slider .apss_items.swiper-slide {
    width: 88%;
    padding: 20px 20px 0 20px;
  }
}

@media screen and (max-width: 575px) {
  .aps_slider .apss_items.swiper-slide {
    padding: 15px 15px 0 15px;
  }
}

/* /acceptPayments */
/* innovative */
.innovative {
  padding-top: 110px;
}

.inno_slider .inos_items .inos_box {
  border-radius: 22px;
  padding: 40px;
  border: 1px solid rgb(var(--silver) / 0.06);
  background-color: rgb(var(--silver) / 0.06);
}

.inno_slider .inos_items .inos_box .inosi_top .inosi_small {
  color: rgb(var(--silver) / 0.60);
}


.inno_slider .inos_items .inos_box .inosi_top h3 {
  color: rgb(var(--silver));
}

.inno_slider .inos_items .inos_box .inosi_top h3 .ino_hover {
  color: rgb(var(--primary));
}

/* check_list */
.check_list li {
  font-size: 15px;
  padding-left: 30px;
}

.check_list li:not(:last-child) {
  margin-bottom: 12px;
}

.check_list li img {
  position: absolute;
  top: 1px;
  left: 0;
}

/* inos_bigg */
.inno_slider .inos_items .inos_box.inos_bigg {
  padding: 40px;
}

.inno_slider .inos_items .inos_box.inos_bigg .inosi_top h3 {
  font-size: 32px;
}

/* inos_small */
.inno_slider .inos_items .inos_box.inos_small {
  padding: 40px 30px;
}

.inno_slider .inos_items .inos_box.inos_small .inosi_top h3 {
  font-size: 22px;
  line-height: 28px;
}

/* inno_slider_arrows */
.inno_slider_arrows {
  position: absolute;
  top: -70px;
  right: 0;
  width: 130px;
}

.inno_slider_arrows .swiper-button-prev,
.inno_slider_arrows .swiper-button-next {
  background: rgb(var(--silver) / 0.10);
  border-radius: 6px;
  width: 58px;
  height: 38px;
  top: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.inno_slider_arrows .swiper-button-prev:hover,
.inno_slider_arrows .swiper-button-next:hover {
  background: rgb(var(--silver) / 0.14);
}

.inno_slider_arrows .swiper-button-prev img,
.inno_slider_arrows .swiper-button-next img {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.inno_slider_arrows .swiper-button-prev:hover img,
.inno_slider_arrows .swiper-button-next:hover img {
  animation: bb__pop 0.4s linear 1;
}

.inno_slider_arrows .swiper-button-next {
  right: 0;
}

.inno_slider_arrows .swiper-button-next:after,
.inno_slider_arrows .swiper-button-prev:after {
  display: none;
  opacity: 0;
  visibility: hidden;
}

/* /innovative */
/* about */
.about {
  padding-top: 110px;
}

.ab_card {
  padding: 40px;
  background-color: rgb(var(--primary));
  border-radius: 22px;
  background-position: bottom 10% right 5%;
  background-size: 200px;
  background-repeat: no-repeat;
}

@media (min-width: 768px) {
  .ab_card .ab_img {
    width: 100%;
  }

  .ab_card .title:before {
    content: "";
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: -6%;
    background-image: url(../images/line.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
  }

}

@media (max-width: 480px) {
  .ab_card .ab_img {
    width: 100%;
  }
}

/* /about */
/* integration */
.integration {
  padding-top: 110px;
}

.integration .int_list {
  position: sticky;
  top: 100px;
}

.intr_box {
  background: rgb(var(--ghost));
  border-radius: 22px;
}

.intr_box .intrb_top {
  padding: 30px;
}

.intr_box .intrb_top .nav-tabs {
  border-bottom-color: rgb(var(--silver) / 0.08);
  column-gap: 40px;
  row-gap: 15px;
}

.intr_box .intrb_top .nav-tabs .nav-item .nav-link {
  color: rgb(var(--silver)/0.60);
  font-size: 15px;
}

.intr_box .intrb_top .nav-tabs .nav-item .nav-link:hover {
  border-bottom-color: rgb(var(--white)/0.20);
  color: rgb(var(--silver)/0.90);
}

.intr_box .intrb_top .nav-tabs .nav-item .nav-link.active {
  border-bottom-color: rgb(var(--white));
  color: rgb(var(--white));
}

.intrb_bottom {
  padding: 30px;
  border-top: 1px solid rgb(var(--silver) / 0.08);
}

.int_list .intl_items h4,
.intrb_bottom h4 {
  font-size: 18px;
}

/* /integration */
/* solutions */
.solutions {
  padding-top: 110px;
}

.sol_slider .sols_items {
  background: linear-gradient(180deg, rgb(var(--silver) / 0.08), rgb(var(--silver) / 0.0));
  padding: 60px 30px 40px;
  border-top-right-radius: 22px;
  border-top-left-radius: 22px;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}

.sol_slider .sols_items:hover {
  background: linear-gradient(180deg, rgb(var(--silver)/0), rgb(var(--silver)/0));
}

.sol_slider .sols_items:after {
  content: "";
  position: absolute;
  inset: 0px;
  height: 0px;
  width: 100%;
  z-index: -1;
  border-top-right-radius: 22px;
  border-top-left-radius: 22px;
  background: linear-gradient(180deg, rgb(var(--primary) / 0.30), rgb(var(--primary) / 0.0));
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.sol_slider .sols_items:hover:after {
  height: 100%;
}

.sol_slider .sols_items span {
  font-size: 60px;
  opacity: 0.1;
  position: absolute;
  top: 12px;
  left: 30px;
  z-index: 0;
}

.sol_slider .sols_items:hover span {
  animation: bb__buzzOut 0.75s linear 1;
}

.sol_slider .sols_items .solsoSol p {
  top: -6px;
}

.sol_slider .sols_items:hover .solsoSol img {
  animation: bb__pop 0.4s infinite;
}

/* /solutions */
/* stories */
.stories {
  padding-top: 110px;
  padding-bottom: 160px;
  border-style: solid;
  border-image-slice: 1;
  border-width: 0 0 1px 0;
  border-image-source: linear-gradient(90deg, rgb(var(--white) / .0) 0%, rgb(var(--white) / 0.10) 50%, rgb(var(--white) / .0) 100%);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
}

.video_box {
  min-height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 22px;
}

.video_box .vibIbtn {
  width: 70px;
  height: 70px;
  background-position: center left 55%;
  background-repeat: no-repeat;
  background-size: auto;
}

.video_box:hover .vibIbtn {
  animation: bb__pop 0.4s infinite;
}

.sto_list {
  gap: 8px;
}

.sto_list li {
  padding: 10px 20px;
  cursor: context-menu;
  border: 1px solid rgb(var(--silver)/0.06);
  background: rgb(var(--silver)/0.06);
  border-radius: 50rem;
  font-size: 15px;
}

/* /stories */
/* ppSection */
.ppSection {
  padding-top: 60px;
  padding-bottom: 100px;
  border-style: solid;
  border-image-slice: 1;
  border-width: 1px 0;
  border-image-source: linear-gradient(90deg, rgb(var(--white) / .0) 0%, rgb(var(--white) / 0.10) 50%, rgb(var(--white) / .0) 100%);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top, bottom;
}

/* /ppSection */
/* footer */
.footer {
  padding-top: 110px;
}

.footBox h4 {
  font-size: 18px;
}

.footBox h4:before {
  content: "";
  width: 1px;
  height: 20px;
  background-color: rgb(var(--primary));
  position: absolute;
  top: 0;
  left: 0;
}

.footOne {
  padding-bottom: 80px;
}

.footLinks {
  gap: 15px;
}

.footLinks a {
  padding-left: 22px;
  font-size: 15px;
}

.footLinks a:before {
  content: "";
  width: 14px;
  height: 14px;
  background-image: url(../images/footNavIcn.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 3px;
  left: 0;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.footLinks a:hover:before {
  transition: transform 1s ease-in-out;
}

/* footbOne */
.footbOne .supportText a span:hover {
  color: rgb(var(--primary));
}

.footMedia>a {
  width: 48px;
  height: 48px;
  background-color: rgb(var(--silver)/0.06);
  border-bottom: 2px solid rgb(var(--silver)/0.10);
  border-radius: 8px;
}

.footMedia>a:hover {
  background-color: rgb(var(--primary) / 0.10);
  animation: bb__pop 0.4s infinite;
}

.footMedia>a:hover img {
  animation: bb__iconWobbleHorizontal 1.4s infinite;
}

.footTLinks {
  column-gap: 38px;
  row-gap: 10px;
}

.footTLinks a:not(:first-child):before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50rem;
  background-color: rgb(var(--silver)/0.20);
  position: absolute;
  top: 8px;
  left: -22px;
}

.footTLinks a:hover {
  color: rgb(var(--primary));
}

.footApps a {
  background-color: rgb(var(--silver) / 0.06);
  border-bottom: 2px solid rgb(var(--silver) / 0.10);
  border-radius: 8px;
  padding: 14px 24px;
}

.footApps a:hover {
  background-color: rgb(var(--primary) / 0.10);
}

/* footTwo */
.footTwo {
  padding-top: 40px;
  padding-bottom: 40px;
  border-style: solid;
  border-image-slice: 1;
  border-width: 1px 0 1px 0;
  border-image-source: linear-gradient(90deg, rgb(var(--white) / .0) 0%, rgb(var(--white) / 0.10) 50%, rgb(var(--white) / .0) 100%);
}

.footTwo a>span {
  font-size: 15px;
}

.footCopyright p {
  font-size: 14px;
}

/* footThree */
.footThree {
  padding-top: 40px;
  padding-bottom: 50px;
}

/* footFour */

.footFL {
  font-size: 9vw;
  color: rgb(var(--silver) / 0.04);
  line-height: 1;
}

/* /footer */
/* scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

*::-webkit-scrollbar-track,
*::-webkit-scrollbar-corner {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background: linear-gradient(0deg, rgb(var(--primaryDark) / 0.80), rgb(var(--primaryDark) / 0.0));
}

*::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(0deg, rgb(var(--primaryDark)), rgb(var(--primaryDark) / 0.0));
}

@-moz-document url-prefix() {

  /* Firefox only */
  * {
    scrollbar-width: thin;
    scrollbar-color: rgb(var(--primaryDark) / 0.80) rgb(var(--primaryDark) / 0.0);
  }
}

/* /scrollbar */
/* cursor */
.custCursor {
  width: 30px;
  height: 30px;
  border: 1px solid rgb(var(--primary)/0.40);
  border-radius: 50rem;
  position: absolute;
  transition-duration: 200ms;
  transition-timing-function: ease-out;
  animation: cursorAnim 0.5s infinite alternate;
  pointer-events: none;
  z-index: 9999;
}

.custCursor::after {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  border: 8px solid rgb(var(--light)/0.40);
  border-radius: 50rem;
  opacity: 0.5;
  top: -1px;
  left: -1px;
  animation: cursorAnim2 0.5s infinite alternate;
}

.curExpand {
  animation: cursorAnim3 0.5s forwards;
  border: 1px solid rgb(var(--primary));
}

@keyframes cursorAnim {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(0.7);
  }
}

@keyframes cursorAnim2 {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(0.4);
  }
}

@keyframes cursorAnim3 {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(3);
  }

  100% {
    transform: scale(1);
    opacity: 0;
  }
}

/* loader */
body.overlay {
  overflow: hidden;
  padding-right: 15px;
}

.overlayLoader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000000;
}

.overlayLoader .overlayDoor:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgb(17 17 17 / 87%);
  transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1);
  transition-delay: 0.8s;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.overlayLoader .overlayDoor:before {
  left: 0;
}

.overlayLoader .overlayDoor:after {
  right: 0;
}

.overlay.loaded .overlayDoor:before {
  left: -50%;
}

.overlay.loaded .overlayDoor:after {
  right: -50%;
}

.overlay.loaded .overlayContent {
  opacity: 0;
  margin-top: -15px;
}

.overlayLoader .overlayContent {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1);
}

.fsLoader {
  position: absolute;
  top: calc(50% - 32px);
  left: calc(50% - 32px);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  perspective: 800px;
}

.fsLoader img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fsInner {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.fsInner.fsOne {
  left: 0%;
  top: 0%;
  animation: rotate-one 1s linear infinite;
  border-bottom: 3px solid rgb(var(--primary));
}

.fsInner.fsTwo {
  right: 0%;
  top: 0%;
  animation: rotate-two 1s linear infinite;
  border-right: 3px solid rgb(var(--primary));
}

.fsInner.fsThree {
  right: 0%;
  bottom: 0%;
  animation: rotate-three 1s linear infinite;
  border-top: 3px solid rgb(var(--primary));
}

@keyframes rotate-one {
  0% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }

  100% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}

@keyframes rotate-two {
  0% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }

  100% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}

@keyframes rotate-three {
  0% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }

  100% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}

/* Back to Top */
.bt__top {
  position: relative;
  -webkit-backface-visibility: hidden;
  width: 120px;
  max-width: 100%;
  position: absolute;
  top: -60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.btt__box {
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  perspective: 1000px;
  -webkit-perspective: 1000px;
}

.bttb__back,
.bttb__front {
  background-size: cover;
  background-position: center;
  min-height: 120px;
  -ms-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -webkit-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bttb__front {
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.btt__box:hover .bttb__front {
  -ms-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.bttb__back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;

  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.btt__box:hover .bttb__back {
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.bt__top .bttb__back:hover img,
.bt__top .bttb__front img {
  animation: bb__pop 0.4s infinite;
}

@media (min-width: 992px) {
  .title .ti__bigText {
    font-size: 42px;
  }

}

@media (min-width: 1200px) {
  .banner {
    padding-block: 180px;
  }

  .banner h1 {
    font-size: 72px;
  }
}

@media (min-width: 1366px) {
  .banner {
    padding-block: 140px;
  }

  .banner h1 {
    font-size: 82px;
  }
}

@media (max-width: 1366px) {

  .ab_card,
  .inno_slider .inos_items .inos_box.inos_small,
  .inno_slider .inos_items .inos_box.inos_bigg {
    padding: 30px;
  }

  .about,
  .stories,
  .solutions,
  .innovative,
  .integration,
  .acceptPayments {
    padding-top: 100px;
  }
}

@media (max-width: 1200px) {

  .ab_card,
  .intrb_bottom,
  .intr_box .intrb_top,
  .inno_slider .inos_items .inos_box.inos_small,
  .inno_slider .inos_items .inos_box.inos_bigg {
    padding: 25px;
  }

  .about,
  .stories,
  .solutions,
  .innovative,
  .integration,
  .acceptPayments {
    padding-top: 70px;
  }

  .stories {
    padding-bottom: 150px;
  }
}

@media (max-width: 992px) {

  .ab_card,
  .intrb_bottom,
  .intr_box .intrb_top,
  .inno_slider .inos_items .inos_box.inos_small,
  .inno_slider .inos_items .inos_box.inos_bigg {
    padding: 20px;
  }

  .about,
  .stories,
  .solutions,
  .innovative,
  .integration,
  .acceptPayments {
    padding-top: 60px;
  }

  .stories {
    padding-bottom: 130px;
  }

  .inno_slider .inos_items .inos_box .inosi_top .inosi_icn img {
    width: 55px;
  }

  .intr_box .intrb_top .nav-tabs {
    column-gap: 30px;
    row-gap: 10px;
  }

  .footOne {
    padding-bottom: 60px;
  }

  .footTwo {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .footThree {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .footTLinks {
    column-gap: 30px;
    row-gap: 9px;
  }

  .footTLinks a:not(:first-child):before {
    left: -15px;
  }

}

@media (max-width: 768px) {

  .ab_card,
  .intrb_bottom,
  .intr_box .intrb_top,
  .inno_slider .inos_items .inos_box.inos_small,
  .inno_slider .inos_items .inos_box.inos_bigg {
    padding: 15px;
  }

  .container.jsx-3555529577 {
    max-width: 100%;
    width: 100%;
  }

  .banner h1 {
    font-size: 42px;
  }

  .inno_slider .inos_items .inos_box .inosi_top .inosi_icn img {
    width: 50px;
  }

  .inno_slider .inos_items .inos_box.inos_bigg .inosi_top h3 {
    font-size: 22px;
  }

  .check_list li:not(:last-child) {
    margin-bottom: 8px;
  }

  .intr_box .intrb_top .nav-tabs {
    column-gap: 20px;
    row-gap: 8px;
  }

  .stories {
    padding-bottom: 120px;
  }

  .sto_list {
    gap: 3px;
  }

  .sto_list li {
    padding: 7px 14px;
    font-size: 14px;
  }

  .footOne {
    padding-bottom: 40px;
  }

  .footTwo {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .footThree {
    padding-top: 20px;
    padding-bottom: 30px;
  }

  .footLinks {
    gap: 10px;
  }

  .footTwo a>span,
  .footLinks a {
    font-size: 14px;
  }

  .footCopyright p {
    line-height: 1.5;
  }

  .footTLinks {
    column-gap: 26px;
    row-gap: 6px;
  }

  .footTLinks a:not(:first-child):before {
    left: -17px;
  }

  .bt__top {
    width: 90px;
    top: -45px;
  }

  .bttb__back,
  .bttb__front {
    min-height: 90px;
  }

  .navbar-toggler .line {
    width: 24px;
  }

}

@media (max-width: 640px) {
  .banner h1 {
    font-size: 32px;
  }

  .stories {
    padding-bottom: 90px;
  }

  .footer {
    padding-top: 80px;
  }
}