.cta-crd {
  --br: 16px;
  --p: 36px;
  max-width: 800px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.cta-crd:hover {
  transform: translateY(-6px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}
.cta-crd h2, .cta-crd h3 {
  --mb: 0;
}
.cta-crd h2 small, .cta-crd h3 small {
  --tx: var(--pc);
}
.cta-crd h3 {
  --f: 32px;
}
.cta-crd a {
  transition: opacity 0.3s ease, transform 0.2s ease;
}
.cta-crd a:hover {
  transform: translateY(-3px);
}
.cta-crd a svg {
  --mr: 6px;
}

section.abo-p .crd {
  --bc: var(--pc6);
  --mb: 60px;
  --mr: 0px;
  --py: 0px;
  --br: 20px;
  --titw: 300px;
  --detw: calc(100% - var(--titw));
  background: var(--pct2);
  border-width: 8px 1px;
}
section.abo-p .crd.n-bg {
  background: transparent;
  border-width: 0;
  box-shadow: none;
}
section.abo-p .crd.n-bg span {
  height: var(--titw);
  overflow: hidden;
  --br: 50%;
  box-shadow: var(--sha);
}
section.abo-p .crd.n-bg div {
  --my: auto;
}
section.abo-p .crd strong {
  --f: var(--f48);
  --tx: inherit;
  text-shadow: 3px 3px 4px var(--bla4);
}
section.abo-p .crd span {
  --sz: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--titw);
}
section.abo-p .crd span svg, section.abo-p .crd span img {
  --tx: var(--pc3);
  height: 100%;
  z-index: -1;
  position: absolute;
}
section.abo-p .crd span strong {
  --f: var(--f48);
  --tx: var(--whi);
  text-shadow: 3px 3px 4px var(--pc8);
}
section.abo-p .crd div {
  --fw: 500;
  --p: 24px;
  --lh: 1.8;
  width: var(--detw);
  text-align: left;
}
section.maint {
  --sz: 80px;
}
section.maint .crd {
  --px: 40px;
}
section.maint .crd h1 {
  --f: 32px;
  opacity: 1;
}
section.maint .gear svg {
  animation: rotate 4s linear infinite;
}
section.maint .status {
  --py: 10px;
  --px: 14px;
  --br: 50px;
  --fw: 700;
  --tx: #06202a;
  --mr: 10px;
  --my: 240px;
  background: var(--biD);
}
section.maint .prog {
  width: 240px;
}
section.maint .prog small {
  background: var(--biD);
  transition: all 0.2s ease;
}
section.maint a {
  --pc: var(--biD);
  --bw: 0;
  --tx: #06202a;
}
section.maint a:hover {
  --tx: #06202a;
  opacity: 0.85;
}
section.maint a:not(form a) {
  --br: 50px;
}
section.maint form {
  --sb: 34px;
  --w: 120px;
}
section.maint form .wrap {
  --mb: 0px;
  --mr: 20px;
  width: calc(100% - var(--w));
}
section.err-p .btns {
  --pt: 20px;
}
section.err-p .btns a {
  margin: 6px;
}
section.err-ps h2:not(.e) {
  background: var(--pc1);
}
section.err-ps h2 + p span {
  --tx: inherit;
}
section.err-ps h2 span {
  --tx: var(--pc);
  --f: var(--f160);
  --fw: 900;
  --i: 0.1s;
  --s: calc(var(--i) / 0.025);
  --tra: 0;
  --tra2: -20px;
  letter-spacing: 24px;
  animation: bou var(--s) ease-in-out infinite;
}
section.err-ps h2 span:nth-child(1) {
  animation-delay: 0s;
}
section.err-ps h2 span:nth-child(2) {
  animation-delay: var(--i);
}
section.err-ps h2 span:nth-child(3) {
  animation-delay: calc(var(--i) * 2);
}
section.err-ps h2 svg {
  --sz: 60px;
  --tx: var(--pc);
}
section.err-ps p {
  --f: var(--f18);
  --fw: 500;
  background: var(--pc1);
}
section.err-ps p img {
  --mx: auto;
  --sz: auto;
  inset: 0;
  position: fixed;
  min-height: 100vh;
  max-height: 100vh;
  overflow: hidden;
  z-index: -1;
}
section.faq-s {
  --sb: 60px;
  --img-sz: calc(45% - var(--sb));
  --que-sz: calc(100% - var(--img-sz) - var(--sb));
  align-items: stretch;
}
section.faq-s .itm .list {
  --pls: 40px;
  --pl: var(--pls);
}
section.faq-s .itm .list .ch {
  --sz: 18px;
  --ml: calc(var(--sz) - var(--pls));
  --mr: 4px;
  cursor: default;
}
section.faq-s .faq-img {
  width: var(--img-sz);
  overflow: hidden;
  position: relative;
  --sz: 100%;
  --br: 32px;
}
section.faq-s .faq-img img {
  max-width: none;
  max-height: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
section.faq-s .faq-img + div {
  width: var(--que-sz);
}
section.faq-s .faq-img + div h2 + p {
  --mb: 4px;
}
section.faq-s .faq-img + div + .btns {
  --mt: 32px;
}
section.key-sss .key {
  --bitp: 50px;
  --bith: 80px;
  --bws: 4px;
  --bws2: calc(var(--bws) * 2);
  --adj-hole: 30px;
  --adj-bit: -24px;
  --hole: calc(60px + var(--adj-hole));
  --bow-w: calc(var(--hole) * 2.75);
  --collar-w: 40px;
  --bit-w: 164px;
  --bit-tip: 20px;
  --pin-w: calc(var(--bit-w) + (var(--hole) * 0.625));
  --mlr: 0.42;
  --fss: 28px;
  --line-h: calc(var(--fss) * 1.1);
  --ps: calc(var(--hole) * 0.075);
  --bit-pt: calc(18px + var(--adj-hole) * 0.075);
  --h: calc((var(--line-h) + var(--ps) + var(--bws2) + 6px) * 2);
  --mp1: -60px;
  --mp2: -18px;
  --key-tooth: calc(var(--adj-hole) * -0.1);
  --adj-key-tooth: 42px;
}
section.key-sss .key .bow {
  --bw: var(--bws2);
  width: var(--bow-w);
  aspect-ratio: 1;
  background: var(--pc3);
}
section.key-sss .key .bow div {
  --bw: var(--bws);
  --ml: calc(-1 * var(--hole) * var(--mlr));
  background: var(--whi);
}
section.key-sss .key .bow svg {
  --sz: var(--hole);
  --p: calc(var(--hole) * 0.2);
}
section.key-sss .key .sha {
  width: calc(100% - var(--bow-w));
}
section.key-sss .key .sha p {
  --mb: 0px;
  --lh: var(--line-h);
  --f: var(--fss);
  --bw: var(--bws);
  --ml: var(--mp2);
  height: var(--h);
  background: var(--pc3);
}
section.key-sss .key .sha p:nth-child(1) {
  --ml: var(--mp1);
  --px: calc((-1 * var(--mp1) + 8px));
  --pr: 20px;
  --br: calc(var(--hole) * 0.6125);
  --brbr: calc(var(--hole) * 0.15);
  --brtr: calc(var(--hole) * 0.15);
  width: calc(100% - var(--collar-w) - var(--pin-w) - var(--mp1) - var(--mp2) * 2);
  align-content: center;
  z-index: 4;
}
section.key-sss .key .sha p:nth-child(1) svg {
  --mt: -10px;
  --sz: 32px;
}
section.key-sss .key .sha p:nth-child(2) {
  --br: calc(var(--collar-w) * 0.35);
  width: var(--collar-w);
  height: calc(var(--h) * 1.1);
  z-index: 3;
}
section.key-sss .key .sha p:nth-child(3) {
  --brbr: calc(var(--hole) * 0.3);
  --brtr: calc(var(--hole) * 0.3);
  width: var(--pin-w);
  z-index: 2;
}
section.key-sss .key .sha p a:not(.p-a) {
  --f: calc(var(--fss) * 0.9);
}
section.key-sss .key .sha p a.p-a {
  --bw: var(--bws);
  --py: 24px;
  top: 100%;
  width: calc(var(--bit-w) + var(--adj-bit));
  right: var(--bitp);
  height: var(--bith);
  background: var(--pc3);
}
section.key-sss .key .sha p a.p-a span {
  --f: var(--f17);
  --py: 4px;
  --tx: var(--whi);
  background: var(--pc);
  display: block;
  width: 100%;
}
section.key-sss .key .sha p a.p-a span:hover {
  opacity: 1;
}
section.key-sss .key .sha p a.p-a i {
  --bw: var(--bws);
  --adj-tip: -5px;
  width: var(--bit-tip);
  position: absolute;
  height: calc(var(--bit-tip) + var(--adj-tip));
  border-top: none;
  background: var(--pc3);
  top: 100%;
  /*
  border-width: var(--key-border);
  border-top: none;
  border-top-color: var(--sec-bg2);
  */
  border-radius: 0 0 6px 6px;
  display: block;
}
section.key-sss .key .sha p a.p-a i:nth-child(2) {
  --adj-tip: -2px;
  left: calc(-1 * var(--bws));
}
section.key-sss .key .sha p a.p-a i:nth-child(3) {
  --adj-tip: -5px;
  right: calc(var(--bit-tip) * 4.5);
}
section.key-sss .key .sha p a.p-a i:nth-child(4) {
  --adj-tip: -4px;
  right: calc(var(--bit-tip) * 3);
}
section.key-sss .key .sha p a.p-a i:nth-child(5) {
  --adj-tip: -3px;
  right: calc(var(--bit-tip) * 1.5);
}
section.key-sss .key .sha p a.p-a i:nth-child(6) {
  --adj-tip: -1px;
  right: calc(-1 * var(--bws));
}
section.key {
  --bits: 5;
  --adj-hole: 0px;
  --bws: 2px;
  --bws2: calc(var(--bws) * 2);
  --hole: calc(60px + var(--adj-hole));
  --bow-w: calc(var(--hole) * 2.75);
  --mlr: 0.42;
  --fss: 24px;
  --line-h: var(--fss);
  --pys: 6px;
  --h: calc((var(--line-h) + (var(--pys) * 2)) * 2);
  --bit-p: 30px;
  --tip-w: calc(12px + (var(--bws) * 2));
  --tip-h: 14px;
  --tip-g: 7px;
  --bit-w: calc((var(--bits) * var(--tip-w)) + ((var(--bits) - 1) * var(--tip-g)));
  /*

          <section class="key">
          <div class="wrap">
              <span class="bow fle br_50">
                  <span class="br_50">
                      <i class="b"></i>
                  </span>
              </span>
              <span>
                  <a class="btn-i logo" href="{{ ('/') }}">{{ $sett->a_name ?? request()->getHost() }}</a>
                  is the key to your academic excellence <i class="fir"></i>
                  <a class="p-a d_b ai_c jc_c" href="{{ route('order.new') }}">
                      <span class="ta-c w-100 br_0">Order now</span>
                      <i></i><i></i><i></i><i></i><i></i>
                  </a>
              </span>
          </div>
      </section>

  */
}
section.key .wrap {
  --mx: auto;
  max-width: 1000px;
}
section.key .wrap .bow {
  --bw: var(--bws2);
  width: var(--bow-w);
  aspect-ratio: 1;
  background: var(--pc3);
}
section.key .wrap .bow span {
  --bw: var(--bws);
  --ml: calc(-1 * var(--hole) * var(--mlr));
  background: var(--whi);
}
section.key .wrap .bow span svg {
  --sz: var(--hole);
  --p: calc(var(--hole) * 0.2);
}
section.key .wrap .bow + span {
  --bw: var(--bws);
  --py: var(--pys);
  --f: var(--fss);
  --lh: var(--line-h);
  --ml: calc(var(--bow-w) * -0.3);
  --pl: calc(var(--ml) * -1);
  --pr: 32px;
  --br: calc(var(--hole) * 0.6125);
  --brbr: calc(var(--hole) * 0.3);
  --brtr: calc(var(--hole) * 0.3);
  width: calc(100% - var(--bow-w));
  height: var(--h);
  background: var(--pc3);
  align-content: center;
  position: relative;
}
section.key .wrap .bow + span a {
  --f: var(--fss);
}
section.key .wrap .bow + span a.p-a {
  --bw: var(--bws);
  --py: 10px;
  --px: 0px;
  top: 100%;
  right: var(--bit-p);
  width: var(--bit-w);
  text-align: center;
}
section.key .wrap .bow + span a.p-a span {
  --mx: auto;
  --py: 0px;
  --tx: var(--whi);
  background: var(--pc);
  text-align: center;
  display: flex;
  width: 100%;
}
section.key .wrap .bow + span a.p-a i {
  --adj-tip: 0px;
  --bw: var(--bws);
  width: var(--tip-w);
  position: absolute;
  border-top: none;
  background: var(--pc3);
  height: calc(var(--tip-h) + var(--adj-tip));
  top: 100%;
  z-index: 4;
}
section.key .wrap .bow + span a.p-a i:nth-child(2) {
  --adj-tip: -1px;
  left: calc(-1 * var(--bws));
}
section.key .wrap .bow + span a.p-a i:nth-child(3) {
  --adj-tip: -6px;
  right: calc(var(--tip-w) * 4.5);
}
section.key .wrap .bow + span a.p-a i:nth-child(4) {
  --adj-tip: -4.5px;
  right: calc(var(--tip-w) * 3);
}
section.key .wrap .bow + span a.p-a i:nth-child(5) {
  --adj-tip: -6px;
  right: calc(var(--tip-w) * 1.5);
}
section.key .wrap .bow + span a.p-a i:nth-child(6) {
  --adj-tip: -1px;
  right: calc(-1 * var(--bws));
}
section.key .wrap .bow + span a.p-a span.rrr {
  --f: var(--f17);
}
section.key .wrap .bow + span a.p-a span.rrr:hover {
  opacity: 1;
}
section.key .wrap .bow + span a.p-a i.rrr {
  --bw: var(--bws);
  top: 100%;
  /*
  border-width: var(--key-border);
  border-top: none;
  border-top-color: var(--sec-bg2);
  */
  border-radius: 0 0 6px 6px;
  display: block;
}
section.key .key {
  --bith: 80px;
  --adj-hole: 30px;
  --adj-bit: -24px;
  --hole: calc(60px + var(--adj-hole));
  --bow-w: calc(var(--hole) * 2.75);
  --collar-w: 40px;
  --bit-w: 164px;
  --bit-tip: 20px;
  --pin-w: calc(var(--bit-w) + (var(--hole) * 0.625));
  --bit-pt: calc(18px + var(--adj-hole) * 0.075);
  --key-tooth: calc(var(--adj-hole) * -0.1);
  --adj-key-tooth: 42px;
}
section.key .key .bow {
  --bw: var(--bws2);
  width: var(--bow-w);
  aspect-ratio: 1;
}
section.key .key .bow div {
  --bw: var(--bws);
  --ml: calc(-1 * var(--hole) * var(--mlr));
  background: var(--whi);
}
section.key .key .sha p {
  --mb: 0px;
  background: var(--pc3);
}
section.key .key .sha p:nth-child(1) {
  --ml: var(--mp1);
  --px: calc((-1 * var(--mp1) + 8px));
  --pr: 20px;
  width: calc(100% - var(--collar-w) - var(--pin-w) - var(--mp1) - var(--mp2) * 2);
  align-content: center;
  z-index: 4;
}
section.key .key .sha p:nth-child(1) svg {
  --mt: -10px;
  --sz: 32px;
}
section.key .key .sha p:nth-child(2) {
  --br: calc(var(--collar-w) * 0.35);
  width: var(--collar-w);
  height: calc(var(--h) * 1.1);
  z-index: 3;
}
section.key .key .sha p:nth-child(3) {
  --brbr: calc(var(--hole) * 0.3);
  --brtr: calc(var(--hole) * 0.3);
  width: var(--pin-w);
  z-index: 2;
}
section.key .key .sha p a:not(.p-a) {
  --f: calc(var(--fss) * 0.9);
}
section.key .key .sha p a.p-a {
  --bw: var(--bws);
  --py: 24px;
  top: 100%;
  width: calc(var(--bit-w) + var(--adj-bit));
  right: var(--bitp);
  height: var(--bith);
  background: var(--pc3);
}
section.key .key .sha p a.p-a span {
  --f: var(--f17);
  --py: 4px;
  --tx: var(--whi);
  background: var(--pc);
  display: block;
  width: 100%;
}
section.key .key .sha p a.p-a span:hover {
  opacity: 1;
}
section.key .key .sha p a.p-a i {
  --bw: var(--bws);
  --adj-tip: -5px;
  width: var(--bit-tip);
  position: absolute;
  height: calc(var(--bit-tip) + var(--adj-tip));
  border-top: none;
  background: var(--pc3);
  top: 100%;
  /*
  border-width: var(--key-border);
  border-top: none;
  border-top-color: var(--sec-bg2);
  */
  border-radius: 0 0 6px 6px;
  display: block;
}
section.key .key .sha p a.p-a i:nth-child(2) {
  --adj-tip: -2px;
  left: calc(-1 * var(--bws));
}
section.key .key .sha p a.p-a i:nth-child(3) {
  --adj-tip: -5px;
  right: calc(var(--bit-tip) * 4.5);
}
section.key .key .sha p a.p-a i:nth-child(4) {
  --adj-tip: -4px;
  right: calc(var(--bit-tip) * 3);
}
section.key .key .sha p a.p-a i:nth-child(5) {
  --adj-tip: -3px;
  right: calc(var(--bit-tip) * 1.5);
}
section.key .key .sha p a.p-a i:nth-child(6) {
  --adj-tip: -1px;
  right: calc(-1 * var(--bws));
}
section .btns {
  --pt: 32px;
}

.sw {
  --w: 300px;
  --mys: 0px;
  --mxs: 20px;
  --btw: 12px;
  --btws: 54px;
  --tra: 0px;
  --s: 0.6s;
  --i: 3000;
  --d: 1000;
  --sw--hsc: 4;
  --pbm: 8px;
  --pb: calc(var(--btws) + var(--pbm));
  display: flex;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.sw.fd-c .sli {
  transform: translateY(var(--tra));
}
.sw:not(.fd-c) {
  flex-wrap: nowrap;
}
.sw:not(.fd-c) .sli {
  transform: translateX(var(--tra));
}
.sw * {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sw [next], .sw [prev] {
  --sz: var(--btws);
  --px: 0px;
  --py: 0px;
  position: absolute;
  bottom: 0;
  max-width: var(--btws);
  max-height: var(--btws);
  opacity: 1;
}
.sw [next] svg, .sw [prev] svg {
  --tx: var(--pc2);
  z-index: -10;
}
.sw [next]:hover, .sw [prev]:hover {
  background: var(--pc2);
}
.sw [next]:hover svg, .sw [prev]:hover svg {
  --tx: var(--pc6);
}
.sw [next] {
  right: 0;
}
.sw .pg {
  position: absolute;
  bottom: calc((var(--btws)) / 2);
  left: 50%;
  transform: translate(-50%, 50%);
}
.sw .pg:not(.d_n) {
  display: flex;
}
.sw .pg a {
  --br: 50%;
  --mx: 4px;
  --px: 0px;
  --py: 0px;
  aspect-ratio: 1;
  width: var(--btw);
  opacity: 1;
  background: var(--pct1);
}
.sw .pg a:hover {
  background: var(--pct5);
}
.sw .pg a.liv {
  background: var(--pc);
}
.sw .sli {
  --my: var(--mys);
  --mx: var(--mxs);
  transition: transform var(--s) ease;
  min-width: var(--w);
  max-width: var(--w);
  overflow: hidden;
}
.sw .sli .wr {
  display: flex;
  align-items: center;
  transition: all calc(var(--s) * 0.5) ease;
  height: 100%;
}

.section {
  --samW: 900px;
  --samW2: calc(100% - var(--samW));
  --secs: 4;
  --sb: 32px;
  --sb-bg: -20px;
  --pxs: 32px;
  /*
  &.stats {

      &. {
          .stats {
              display: flex;
              justify-content: space-around;
              padding: 4rem 5%;
              background-color: #f8fafc;
          }
      }


  }
      */
}
.section.con-c {
  --sz: 300px;
  --spw: calc(100% - var(--sz));
}
.section.con-c span {
  width: calc(100% - var(--sb) - var(--sz));
}
.section.con-c svg {
  opacity: 0.6;
}
.section.con-p {
  --secs: 3;
}
.section.con-p .itm {
  --br: 16px;
  text-align: center;
  box-shadow: var(--sha);
  background: var(--pct06);
}
.section.con-p .itm * {
  --mx: auto;
}
.section.con-p .itm a {
  --px: 0px;
  --py: 0px;
  --tx: var(--pc);
  width: -moz-fit-content;
  width: fit-content;
}
.section.con-p .itm a:hover {
  --tx: var(--pc7);
}
.section.con-p .itm a.icn {
  --sz: 60px;
  --p: 24px;
  --br: 50%;
  --bw: 6px;
  --bc: var(--pc1);
  --mb: 20px;
  width: calc(var(--sz) + 2 * var(--p));
  aspect-ratio: 1;
  display: flex;
}
.section.con-p .itm a.icn svg, .section.con-p .itm a.icn img {
  --tx: var(--pc7);
}
.section.con-p .itm span {
  --fw: 600;
  --f: var(--f22);
}
.section.con-p .itm p {
  --mt: 8px;
  --mb: 8px;
  --f: var(--f18);
  text-align: center;
}
.section.cta-pri {
  background: var(--pct6);
}
.section.cta-pri section {
  justify-content: center;
}
.section.cta-pri section * {
  text-align: center;
}
.section.dis-c h3 {
  --f: var(--f30);
}
.section.dis-c h3:not(:first-of-type) {
  --mt: 24px;
}
.section.dis-c h4 {
  --f: var(--f18);
  --fw: 600;
  --mb: 4px;
}
.section.dis-c h4 svg {
  --mr: 6px;
}
.section.gua-p .wrap div {
  --mt: 12px;
  --sz: 460px;
}
.section.gua-p .wrap div:nth-child(2n) {
  flex-direction: row-reverse;
}
.section.gua-p .wrap div svg {
  --br: 16px;
  --p: 80px;
  background: var(--pc2);
}
.section.gua-p .wrap div svg * {
  opacity: 0.4;
}
.section.gua-p .wrap div p {
  --p: 40px;
}
.section.gua-p .wrap div p a {
  --f: var(--f18);
  display: flex;
}
.section.exp-p {
  --sz: 160px;
  --sz: 120px;
  /*
  .crd {
      --sb: 12px;
      --mt: 12px;
      --mr: 0px;
      --py: 16px;
      flex-wrap: wrap;



      .pro-hd {
          --pr: 20px;
          --mb: 16px;





      }
      .pro-bd {

          --my: var(--sb);




      }
  }
      */
}
.section.exp-p .crd:not(.d_n) {
  --my: 10px;
  width: 100%;
  display: flex;
}
.section.exp-p .crd:not(.d_n):hover {
  background: var(--pct1);
}
.section.exp-p .crd:not(.d_n):hover .pro-hd img {
  --bw: 0px;
}
.section.exp-p .crd:not(.d_n) a {
  --mt: 12px;
}
.section.exp-p .crd:not(.d_n) .pro-hd, .section.exp-p .crd:not(.d_n) .pro-bd {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.section.exp-p .crd:not(.d_n) .pro-hd {
  --mr: auto;
}
.section.exp-p .crd:not(.d_n) .pro-hd img {
  --br: 50%;
  --bw: 4px;
  --bc: var(--pct2);
  transition: all 0.2s ease;
}
.section.exp-p .crd:not(.d_n) .pro-hd .rt {
  --pl: 20px;
  --my: var(--sb);
}
.section.exp-p .crd:not(.d_n) .pro-hd h3 {
  --mb: 6px;
  text-wrap: nowrap;
}
.section.exp-p .crd:not(.d_n) .pro-hd h3 svg {
  --mb: 4px;
  --ml: 4px;
  --sz: 18px;
}
.section.exp-p .crd:not(.d_n) .pro-hd strong {
  display: flex;
}
.section.exp-p .crd:not(.d_n) .pro-hd strong span {
  --lh: var(--sz);
  --ml: 10px ;
}
.section.exp-p .crd:not(.d_n) .pro-bd {
  --p: 20px;
  --px: 10px;
  --br: 10px;
  background: var(--pct08);
  width: auto;
  max-width: 560px;
}
.section.exp-p .crd:not(.d_n) .pro-bd h3 {
  --px: 10px;
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 33.33%;
}
.section.exp-p .crd:not(.d_n) .pro-bd h3 span {
  --mt: 4px;
  --f: var(--f17);
}
.section.exp-p .crd:not(.d_n) .pro-bd strong {
  --mb: 6px;
  width: 100%;
  justify-content: center;
  display: flex;
}
.section.exp-p .crd:not(.d_n) .pro-bd strong a {
  --mx: 8px;
  --mt: 8px;
}
.section.gua-s {
  --secs: 3;
}
.section.gua-s .itm {
  --px: 0px;
  --py: 0px;
  --ico-fr: 80px;
  box-shadow: none;
  display: flex;
  flex-flow: column;
}
.section.gua-s .itm .img {
  --br: 12px;
  overflow: hidden;
  max-width: 100%;
  max-height: 100%;
}
.section.gua-s .itm .img img {
  min-width: 100%;
  min-height: auto;
  max-height: 100%;
  transition: 0.6s;
  overflow: hidden;
}
.section.gua-s .itm .det {
  --sz: 36px;
  --br: 12px;
  --mt: calc((var(--ico-fr) * -1) - 18px);
  --mx: 24px;
  --px: 30px;
  --pb: 12px;
  display: flex;
  flex: 1 1 auto;
  flex-flow: column;
  background: var(--whi7);
  z-index: 2;
  box-shadow: 0 0 4px var(--pc2);
  position: relative;
  text-align: center;
}
.section.gua-s .itm .det span {
  --bw: 6px;
  --bc: var(--whi);
  --mt: calc(var(--ico-fr) * -0.5);
  --br: 50%;
  --tx: var(--bc);
  left: calc((100% - var(--ico-fr)) * 0.5);
  position: absolute;
  background: var(--pc);
  width: var(--ico-fr);
  aspect-ratio: 1;
  transition: ease-in-out 0.3s;
}
.section.gua-s .itm .det span + a {
  --mt: calc(var(--ico-fr) * 0.5);
  --mx: auto;
  white-space: wrap;
  min-height: 68px;
}
.section.gua-s .itm .det a {
  --f: var(--f22);
  --fw: 600;
}
.section.gua-s .itm .det p {
  --my: 0px;
}
.section.gua-s .itm:hover img {
  transform: scale(1.2);
}
.section.gua-s .itm:hover a {
  --tx: var(--pc);
}
.section.gua-s .itm:hover span {
  --bw: 2px;
  --bc: var(--pc);
  background: var(--whi);
}
.section.how-s {
  --wt: 340px;
  --wc: calc(100% - var(--wt));
  --ps: 36px;
}
.section.how-s h2 {
  --mb: 32px;
}
.section.how-s .crd {
  --mr: 0px;
}
.section.how-s [data-tab] {
  --py: 48px;
  --mxs: 0;
  --brs: 0;
  --pl: 24px;
  width: var(--wt);
}
.section.how-s [data-tab] a {
  --brtl: 16px;
  --brbl: 16px;
  --py: 24px;
  border-left: 4px solid transparent;
  background: var(--pct06);
}
.section.how-s [data-tab] a:hover {
  background: var(--pct1);
}
.section.how-s [data-tab] a.liv {
  border-color: var(--pc6);
  background: var(--pct2);
}
.section.how-s [data-tab] a + a {
  --mt: 10px;
}
.section.how-s [data-tab] * {
  --fw: 600;
  --f: var(--f22);
}
.section.how-s [data-tab] svg {
  --tx: var(--pc6);
  --mb: -5px;
  --ml: -4px;
}
.section.how-s .tabCont {
  --pb: 0px;
  width: var(--wc);
  text-align: start;
}
.section.how-s .tabCont .cont {
  --p: var(--ps);
  --br: var(--brs);
  background: var(--pc1);
  height: 100%;
}
.section.how-s .tabCont .cont p {
  --pl: calc(10px + var(--sz));
  position: relative;
}
.section.how-s .tabCont .cont p.hd {
  --pl: 0px;
  --fw: 600;
  --f: var(--f24);
}
.section.how-s .tabCont .cont p.chd {
  --pl: calc(10px + (var(--sz) * 2));
}
.section.how-s .tabCont .cont p.chd svg {
  left: var(--sz);
}
.section.how-s .tabCont .cont p svg {
  --tx: var(--pc7);
  position: absolute;
  top: 0;
  left: 0;
}
.section.how-s .tabCont .cont p a {
  --fw: 600;
}
.section.orig-s {
  --sz: 360px;
  --w: calc(100% - var(--sz));
}
.section.orig-s div span {
  --f: var(--f38);
  --fw: 600;
  width: var(--w);
}
.section.orig-s div span a {
  --mx: auto;
  --mt: 20px;
}
.section.orig-s div svg {
  --px: 32px;
}
.section.pit-s span {
  --f: var(--f24);
  --fw: 600;
}
.section.pit-s span svg {
  --sz: 160px;
  --mr: 24px;
  --tx: var(--pc);
}
.section.pit-s span + .btns {
  --pt: 14px;
}
.section.pri-s {
  --w1: 110px;
  --w2: 80px;
  --w3: 154px;
  --w4: var(--w3);
  --w5: 102px;
  --w6: var(--w2);
  --tw: 760px;
  --tw: calc(var(--w1) + var(--w2) + var(--w3) + var(--w4) + var(--w5) + var(--w6));
  --tf: calc(100% - var(--tw) - var(--sb));
}
.section.pri-s .tbl-w {
  width: var(--tw);
}
.section.pri-s .tbl-w .tbl div span {
  text-align: center;
  align-content: center;
  max-width: var(--w);
}
.section.pri-s .tbl-w .tbl div span:nth-child(1) {
  --w: var(--w1);
  width: var(--w1);
}
.section.pri-s .tbl-w .tbl div span:nth-child(2) {
  --w: var(--w2);
  width: var(--w2);
}
.section.pri-s .tbl-w .tbl div span:nth-child(3), .section.pri-s .tbl-w .tbl div span:nth-child(4) {
  --w: var(--w3);
  width: var(--w3);
}
.section.pri-s .tbl-w .tbl div span:nth-child(5) {
  --w: var(--w5);
  width: var(--w5);
}
.section.pri-s .tbl-w .tbl div span:nth-child(6) {
  --w: var(--w6);
  width: var(--w6);
}
.section.pri-s .fact {
  --px: 12px;
  width: var(--tf);
}
.section.pri-s .fact strong {
  --f: 28px;
  --mb: 8px;
  opacity: 0.6;
}
.section.pri-s .fact span {
  --sz: 20px;
  --py: 4px;
  --fw: 500;
  display: block;
}
.section.pri-s .fact span svg {
  opacity: 0.6;
}
.section.proc-s {
  --secs: 1.1;
}
.section.proc-s .crd {
  --mx: auto;
  --mr: auto;
  --px: 42px;
}
.section.proc-s .crd::before {
  content: "";
  width: 40px;
  height: 40px;
  top: 0;
  right: 0;
  background: var(--pc4);
}
.section.proc-s .crd h3 {
  --f: var(--f38);
}
.section.proc-s .crd h4 {
  --fw: 600;
  --f: var(--f18);
  --tx: var(--pc);
  opacity: 0.8;
}
.section.proc-s .crd h4 svg {
  --mr: 5px;
  --tx: var(--pc);
}
.section.proc-s .crd h5 {
  --f: var(--f18);
  --lh: 1.2;
  --fw: 500;
  font-style: italic;
}
.section.rev-s {
  --pxs: 24px;
  --pys: 20px;
}
.section.rev-s .crd {
  padding: 0;
}
.section.rev-s .sli, .section.rev-s .crd {
  position: relative;
}
.section.rev-s .hd, .section.rev-s .bd {
  --px: var(--pxs);
}
.section.rev-s .hd {
  --py: var(--pys);
  background: var(--pct1);
}
.section.rev-s .hd div {
  --p: 12px;
  --px: 14px;
  --br: 12px;
  --bw: 2px;
  --bc: var(--ora);
  display: flex;
  flex-direction: column;
  position: relative;
}
.section.rev-s .hd div * {
  text-align: end;
}
.section.rev-s .hd div strong {
  opacity: 0.4;
}
.section.rev-s .hd div span {
  --fw: 600;
}
.section.rev-s .hd div span svg {
  --mr: 4px;
  --sz: 14px;
  opacity: 0.5;
}
.section.rev-s .bd {
  --pt: calc(var(--pys) * 0.5);
  --pb: calc(var(--pys) + 50px);
}
.section.rev-s .bd strong {
  text-align: center;
  display: block;
}
.section.rev-s .bd p {
  --mb: 0;
  --mt: 6px;
  --f: 14.5px;
  opacity: 0.6;
  font-style: italic;
}
.section.rev-s .bd p svg {
  --sz: 16px;
  --mt: -12px;
  --tx: var(--pc);
}
.section.rev-s .bd span {
  position: absolute;
  bottom: var(--pys);
  left: var(--pxs);
}
.section.rev-s .bd small {
  --fw: 600;
  opacity: 0.6;
  display: block;
  text-align: start;
}
.section.rev-s .bd small + small {
  --mt: 6px;
}
.section.rev-s .sw {
  --mt: 24px;
  --w: 370px;
  --mxs: 12px;
  --mys: 12px;
  --pxs: 32px;
  --i: 4000;
}
.section.rev-s .sli {
  --br: 16px;
  --bw: 2px;
  --bc: var(--pct3);
}
.section.sam-s {
  --ear-w: 120px;
  --ps: 32px;
  --mts: 24px;
  --secs: 3;
  --sb: 30px;
  /*
  --samW: 500px;

  --sb: 40px;
  --secs: 3;
  .crd {
      --my: calc(var(--sb) * 0.5);
      --px: 32px;
      --pt: 44px;
      --pb: 86px;
      --brtr: 0;
      --ew: 100px;
      box-shadow: none;
      background: var(--pc1);
      &:nth-child(3n) {
          --mr: 0px;
      }
      &::before {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          width: var(--ew);
          aspect-ratio: 1;
          background: var(--whi);
          background-image: linear-gradient(to bottom left, var(--pc1) 50%, var(--pc3) 50%);
      }
      svg {
          position: absolute;
          top: calc((var(--ew) / 1.75));
          right: calc(var(--ew) / 1.75);
      }
      h4 {
          --fw: 600;
          --mb: 0px;
      }
      a {
          left: 50%;
          transform: translateX(-50%);
          position: absolute;
          bottom: 40px;
      }

  }
      */
}
.section.sam-s [data-tab] {
  --secs: 3;
  --sb: 20px;
  --sz: 19px;
  width: var(--samW);
  align-content: flex-start;
}
.section.sam-s [data-tab] a:not(.btns a) {
  --br: 12px;
  --bw: 1px;
  --bc: var(--pc3);
  width: var(--w);
  min-height: 56px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  align-content: center;
}
.section.sam-s [data-tab] a:not(.btns a) svg {
  --mr: 6px;
}
.section.sam-s .file {
  --py: calc((var(--ps) * 1.7));
  --px: var(--ps);
  background: var(--pct1);
  position: relative;
}
.section.sam-s .file div {
  --fw: 500;
}
.section.sam-s .file div:first-child div {
  --pr: calc(var(--ear-w) * 0.4);
}
.section.sam-s .file div + div:not(.earmark) {
  --mt: var(--mts);
}
.section.sam-s .file .earmark {
  position: absolute;
  top: 0;
  right: 0;
  width: var(--ear-w);
  height: var(--ear-w);
  background-image: linear-gradient(45deg, var(--pct2), var(--pct1) 50%, var(--pc1) 0, var(--pc1) 60%, var(--pc1));
}
.section.sam-s .tabCont {
  --ml: 40px;
  width: var(--samW2);
}
.section.sam-s .tabCont .cont {
  width: 100%;
}
.section.say-s p {
  --pl: calc(var(--sz) + 32px);
  --py: 16px;
  --f: var(--f22);
  --lh: 1.25;
  opacity: 0.7;
  font-style: italic;
  position: relative;
}
.section.say-s p:hover::after {
  background: var(--pc);
}
.section.say-s p::after {
  content: "";
  height: 100%;
  width: 4px;
  background: var(--pc6);
  left: 0;
  top: 0;
  border-radius: 4px;
}
.section.say-s p svg {
  --tx: var(--pc8);
  --mt: -14px;
  --ml: calc(var(--sz) * -1);
}
.section.say-s p strong {
  --tx: var(--pc);
}
.section.ser-s div a, .section.dis-s div a {
  --br: 12px;
  --py: 16px;
  --mt: 24px;
  --mr: 24px;
  box-shadow: var(--sha);
}
.section.ser-s div a svg, .section.dis-s div a svg {
  --mr: 6px;
}
.section.wri-s {
  --sc: 1.075;
  --brs: 24px;
}
.section.wri-s .sw {
  --w: 700px;
  --pro: 220px;
  --rev: calc(var(--w) - var(--pro));
  --pxs: 16px;
  --pys: 24px;
  --bws: 2px;
  overflow: visible;
}
.section.wri-s .sli {
  --bw: var(--bws);
  --br: var(--brs);
}
.section.wri-s .sli.liv {
  overflow: visible;
}
.section.wri-s .sli.liv .wriDet:hover {
  --bc: var(--pc);
  --bw: var(--bws);
  --br: var(--brs);
  transform: scale(var(--sc));
}
.section.wri-s .sli:not(.liv) {
  opacity: 0.2;
}
.section.wri-s .wriDet {
  --py: var(--pys);
  --px: var(--pxs);
  --bc: var(--pct3);
  --bcs: var(--pct8);
  --brtl: calc(var(--brs) - var(--bws));
  --brbl: calc(var(--brs) - var(--bws));
  --w1: 20px;
  --w2: calc((100% - var(--w1)) / 2);
  width: var(--pro);
  background: var(--pc3);
  border-right-width: 8px;
  align-content: center;
}
.section.wri-s .wriDet img {
  --sz: 110px;
  --br: 50%;
  --bw: 2px;
  --bc: var(--pct5);
}
.section.wri-s .wriDet h3 {
  --mt: 12px;
  --f: 20px;
}
.section.wri-s .wriDet .wriSta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.section.wri-s .wriDet .wriSta h6 {
  --mb: 0px;
  --py: 4px;
  --f: 14px;
  --bc: var(--bcs);
  flex-direction: column;
  text-align: center;
}
.section.wri-s .wriDet .wriSta h6:not(.d_n) {
  display: flex;
}
.section.wri-s .wriDet .wriSta h6 strong {
  width: 100%;
  display: flex;
  justify-content: center;
}
.section.wri-s .wriDet .wriSta h6:nth-child(1) {
  max-width: 73px;
  max-width: var(--w2);
}
.section.wri-s .wriDet .wriSta h6:nth-child(3) {
  max-width: 69px;
  max-width: var(--w2);
}
.section.wri-s .wriDet .wriSta h6:nth-child(5) {
  border-top: 0;
}
.section.wri-s .wriDet .wriSta h6:not(.sep) {
  border-width: 2px 0;
}
.section.wri-s .wriDet .wriSta h6.sep {
  --f: var(--f42);
  --fw: 300;
  --my: auto;
  --mb: auto;
  --tx: var(--bcs);
  max-width: var(--w1);
}
.section.wri-s .wriDet .wriSta a {
  --mt: 12px;
  --py: 8px;
  --f: var(--f15);
  --px: 10px ;
}
.section.wri-s .wriRev {
  width: var(--rev);
}
.section.wri-ss section h2 {
  --mb: 0px;
}
.section.wri-ss .sw {
  --mys: 16px;
  --i: 8000;
  --lns: 3;
  --pt: 8px;
  --df: false;
}
.section.wri-ss .sw + a {
  --mt: 20px;
  --mx: auto;
}
.section.wri-ss .crd.liv .wriRev p:hover {
  display: block;
}
.section.wri-ss .wriDet {
  --sz: 20px;
  height: 100%;
  z-index: 2;
}
.section.wri-ss .wriDet h4 {
  --fw: 700;
  --mb: 4px;
  --mt: 8px;
  text-align: center;
}
.section.wri-ss .wriDet h5 {
  --mt: 4px;
  --mb: 8px;
  text-align: center;
}
.section.wri-ss .wriDet h5 span {
  opacity: 0.5;
}
.section.wri-ss .wriDet .rts .wrap {
  --mr: 4px;
}
.section.wri-ss .wriRev {
  --sz: 18px;
  --py: 20px;
  width: var(--rev);
  height: 100%;
  display: flex;
  flex-direction: column;
}
.section.wri-ss .wriRev p {
  --pt: 2px;
  --px: var(--pxs);
}
.section.wri-ss .wriRev .btns {
  --mt: auto;
  justify-content: center;
}
.section.wri-ss .wriRev .btns a {
  --mt: 16px;
}
.section.wri-ss .wriRev h4 {
  --f: var(--f20);
}
.section.wri-ss .wriRev h3, .section.wri-ss .wriRev h4 {
  --mb: 8px;
  --fw: 600;
  --px: var(--pxs);
}
.section.wri-ss .wriRev h3 span, .section.wri-ss .wriRev h4 span {
  --tx: var(--pc);
}
.section.wri-ss .wriRev h3 *, .section.wri-ss .wriRev h4 * {
  font: inherit;
}
.section.wri-ss .wriRev .rev {
  --bc: var(--pc2);
}
.section.wri-ss .wriRev .rev .rts {
  --mx: 0px;
  --ml: 12px;
}
.section.wri-ss .wriRev .rev h4 {
  --lh: 1.6;
  background: var(--pc2);
  display: flex;
  justify-content: center;
}
.section.wri-ss .wriRev .rev h5 {
  --mb: 0px;
  --px: var(--pxs);
  display: flex;
  justify-content: space-between;
}
.section.wri-ss .wriRev .rev h5 svg {
  --tx: var(--pc);
  --sz: 15px;
  --mr: 4px;
  opacity: 0.4;
}
.section.wri-ss .wriRev .rev h5 span {
  --f: var(--fs);
}
.section.wri-ss .wriRev .rev h5 span:first-child {
  display: flex;
  align-items: center;
}
.section.wri-ss .wriRev .rev p {
  --f: var(--f14);
  --lh: 1.25;
  --mb: 8px;
}
.section.wri-ss .wriRev .rev p svg {
  --sz: 18px;
  --tx: var(--pc8);
  --mt: -14px;
}
.section.wri-ss .wriRev .rev + .rev {
  --mt: 20px;
}
.section #coStats {
  --fss: 27px;
  --w: 250px;
  --mxs: 12px;
  --pb: var(--btn);
  --btws: 12px;
}
.section #coStats .sli {
  --mb: 30px;
  overflow: hidden;
}
.section #coStats .sli:not(.liv) {
  opacity: 0.07;
}
.section #coStats .sli:not(.liv) .wr {
  transform: scale(0.8);
}
.section #coStats .sli:not(.liv).nxt, .section #coStats .sli:not(.liv).pre {
  opacity: 0.2;
}
.section #coStats .sli .wr {
  flex-direction: column;
}
.section #coStats .sli span {
  --fw: 900;
  --f: calc(var(--fss) * 2.4);
  --tx: var(--pc);
}
.section #coStats .sli strong {
  --f: var(--fss);
  --lh: 1.3;
  text-align: center;
}
.section [class*=bg-s] {
  --sz: 60px;
  --tx: var(--pct2);
  position: absolute;
}
.section [class*=bg-s].bg-s1 {
  top: 50%;
  left: 50%;
}
.section [class*=bg-s].bg-s2 {
  top: 10%;
  right: 10%;
}
.section [class*=bg-s].bg-s3 {
  bottom: 10%;
  left: 20%;
}
.section [class*=bg-s].bg-s4 {
  --tx: var(--pct1);
  --sz: 40px;
  bottom: 5%;
  left: 50%;
}
.section [class*=bg-s].bg-s5 {
  left: 30%;
  bottom: 10%;
}
.section [class*=bg-s].bg-s6 {
  right: 20%;
  top: 15%;
}
.section [class*=bg-s].bg-s7 {
  bottom: 0;
  right: 0;
}

[class*=stats-].stats-st .itm:not(.d_n) {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
[class*=stats-].stats-st .itm:not(.d_n) span, [class*=stats-].stats-st .itm:not(.d_n) strong {
  width: 100%;
  text-align: center;
}
[class*=stats-].stats-st .itm:not(.d_n) span {
  --f: 30px;
  --fw: 800;
  --tx: var(--pc);
  --mb: 8px;
}
[class*=stats-].stats-st .itm:not(.d_n) strong {
  opacity: 0.6;
}

@media screen and (max-width: 1300px) {
  section.faq-s {
    --img-sz: calc(50% - (var(--sb) * 0.5));
    --que-sz: var(--img-sz);
  }
}
@media screen and (max-width: 1140px) {
  .section.gua-s {
    --secs: 2;
  }
}
@media screen and (max-width: 1020px) {
  section.key-s .key {
    --fss: 24px;
    --bitp: 40px;
    --bith: 70px;
    --pin-w: calc(var(--bit-w) + (var(--hole) * 0.525));
    --adj-hole: 20px;
  }
}
@media screen and (max-width: 1000px) {
  section.faq-s {
    --img-sz: 100%;
    --que-sz: 100%;
    flex-direction: column-reverse;
  }
  section.faq-s .faq-img {
    --mt: 32px;
    height: 450px;
  }
}
@media screen and (max-width: 970px) {
  .section.how-s {
    --wt: 100%;
    --wc: 100%;
  }
  .section.how-s [data-tab] {
    --pl: var(--ps);
    --pr: var(--ps);
    --pb: 0px;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
  }
  .section.how-s [data-tab] a {
    --br: 16px;
    border-left-width: 0px;
    border-bottom: 4px solid transparent;
    width: 300px;
  }
  .section.how-s [data-tab] a:nth-child(1), .section.how-s [data-tab] a:nth-child(3) {
    --mr: 24px;
  }
  .section.how-s [data-tab] a:nth-child(3), .section.how-s [data-tab] a:nth-child(4) {
    --mt: 24px;
  }
  .section.how-s [data-tab] a + a {
    --mt: 0px;
  }
}
@media screen and (max-width: 900px) {
  .cta-crd {
    max-width: calc(100% - var(--gutX) * 2);
  }
}
@media screen and (max-width: 860px) {
  .cta-crd.sec .call {
    flex-direction: column-reverse;
  }
  .cta-crd.sec .call a {
    --mt: 12px;
  }
}
@media screen and (max-width: 820px) {
  .section.how-s [data-tab] {
    flex-direction: column;
  }
  .section.how-s [data-tab] a {
    --mx: auto;
  }
  .section.how-s [data-tab] a:nth-child(1), .section.how-s [data-tab] a:nth-child(3) {
    --mr: auto;
  }
  .section.how-s [data-tab] a:nth-child(2) {
    --mt: 24px;
  }
  section.key-s .key {
    --adj-bit: -50px;
    --pin-w: calc(var(--bit-w) + (var(--hole) * 0.1));
    --bitp: 30px;
    --bith: 60px;
    --adj-hole: 10px;
    --fss: 22px;
  }
  section.key-s .key .sha p:nth-child(1) {
    --px: calc((-1 * var(--mp1) - 10px));
  }
  section.key-s .key .sha p a.p-a {
    --py: 10px;
  }
  section.key-s .key .sha p a.p-a i:nth-child(3) {
    display: none;
  }
}
@media screen and (max-width: 790px) {
  .section.gua-s {
    --secs: 1;
  }
}
@media screen and (max-width: 740px) {
  .section.pit-s span {
    --f: var(--f20);
  }
  .section.pit-s span svg {
    --sz: 120px;
    --mr: 20px;
  }
}
@media screen and (max-width: 720px) {
  section.key-s .key {
    --bws: 3px;
    --adj-hole: -10px;
    --mp1: -40px;
    --fss: 18px;
    --bitp: 20px;
    --pin-w: calc(var(--bit-w) - (var(--hole) * 0.1));
    --collar-w: 30px;
    --bit-w: 144px;
    --bit-tip: 16px;
  }
  section.key-s .key .sha p a.p-a {
    --pb: 0px;
  }
  section.key-s .key .sha p a.p-a span {
    --f: var(--f15);
  }
}
@media screen and (max-width: 630px) {
  .cta-crd.sec .call a + div {
    flex-direction: column;
  }
  .cta-crd.sec .call a + div .p_24 {
    --px: 0px;
  }
}
@media screen and (max-width: 540px) {
  section.key-s .key .sha p {
    /*
    --mb: 0px;
    --lh: var(--line-h);
    --f: var(--fss);
    --bw: var(--bws);
    --ml: var(--mp2);
    height: var(--h);
    background: var(--pc3);
    */
  }
  section.key-s .key .sha p:nth-child(1) {
    --ml: var(--mp1);
    --px: calc((-1 * var(--mp1) + 28px));
    --pr: 20px;
    --br: calc(var(--hole) * 0.6125);
    --brbr: calc(var(--hole) * 0.15);
    --brtr: calc(var(--hole) * 0.15);
    width: calc(100% - var(--collar-w) - var(--pin-w) - var(--mp1) - var(--mp2) * 2);
    align-content: center;
    z-index: 4;
  }
  section.key-s .key .sha p:nth-child(1) svg {
    --mt: -10px;
    --sz: 32px;
  }
  section.key-s .key .sha p:nth-child(2) {
    display: none;
  }
  section.key-s .key .sha p:nth-child(3) {
    --brbr: calc(var(--hole) * 0.3);
    --brtr: calc(var(--hole) * 0.3);
    width: var(--pin-w);
    z-index: 2;
  }
  section.key-s .key .sha p a.rrrr:not(.p-a) {
    --f: calc(var(--fss) * 0.9);
  }
  section.key-s .key .sha p a.rrrr.p-a {
    --bw: var(--bws);
    --py: 24px;
    top: 100%;
    width: calc(var(--bit-w) + var(--adj-bit));
    right: 50px;
    height: 80px;
    background: var(--pc3);
  }
  section.key-s .key .sha p a.rrrr.p-a span {
    --f: var(--f17);
    --py: 4px;
    --tx: var(--whi);
    background: var(--pc);
    display: block;
    width: 100%;
  }
  section.key-s .key .sha p a.rrrr.p-a span:hover {
    opacity: 1;
  }
  section.key-s .key .sha p a.rrrr.p-a i {
    --bw: var(--bws);
    --adj-tip: -5px;
    width: var(--bit-tip);
    position: absolute;
    height: calc(var(--bit-tip) + var(--adj-tip));
    border-top: none;
    background: var(--pc3);
    top: 100%;
    /*
    border-width: var(--key-border);
    border-top: none;
    border-top-color: var(--sec-bg2);
    */
    border-radius: 0 0 6px 6px;
    display: block;
  }
  section.key-s .key .sha p a.rrrr.p-a i:nth-child(2) {
    --adj-tip: -2px;
    left: calc(-1 * var(--bws));
  }
  section.key-s .key .sha p a.rrrr.p-a i:nth-child(3) {
    --adj-tip: -5px;
    right: calc(var(--bit-tip) * 4.5);
  }
  section.key-s .key .sha p a.rrrr.p-a i:nth-child(4) {
    --adj-tip: -4px;
    right: calc(var(--bit-tip) * 3);
  }
  section.key-s .key .sha p a.rrrr.p-a i:nth-child(5) {
    --adj-tip: -3px;
    right: calc(var(--bit-tip) * 1.5);
  }
  section.key-s .key .sha p a.rrrr.p-a i:nth-child(6) {
    --adj-tip: -1px;
    right: calc(-1 * var(--bws));
  }
  section.key-s .keys {
    --bws: 2px;
    --adj-hole: -20px;
    --mp1: -30px;
    --fss: 16px;
    --bitp: 20px;
    --pin-w: calc(var(--bit-w) - (var(--hole) * 0.2));
    --collar-w: 30px;
    --bit-w: 134px;
    --bit-tip: 14px;
    --bith: 46px;
    /*
    --adj-bit: -50px;


    --bith: 60px;
    --adj-hole: 10px;

    .sha {
        p {
            &:nth-child(1) {
                --px: calc((-1 * var(--mp1) - 10px));
            }
            a {
                &.p-a {
                    --py: 10px;
                    i {
                        &:nth-child(3) {
                            display: none;
                        }
                    }
                }
            }
        }
    }
        */
  }
  section.key-s .keys .sha p a.p-a span {
    --f: var(--f13);
  }
  section.key-ss .key {
    --bitp: 50px;
    --bith: 40px;
    --bws2: calc(var(--bws) * 2);
    --adj-bit: -24px;
    --hole: calc(80px + var(--adj-hole));
    --bow-w: calc(var(--hole) * 2.75);
    --bit-w: 164px;
    --bit-tip: 20px;
    --pin-w: calc(var(--bit-w) + (var(--hole) * 0.625));
    --mlr: 0.42;
    --line-h: calc(var(--fss) * 1.1);
    --ps: calc(var(--hole) * 0.075);
    --bit-pt: calc(18px + var(--adj-hole) * 0.075);
    --h: calc((var(--line-h) + var(--ps) + var(--bws2)) * 2);
    --mp2: -18px;
    --key-tooth: calc(var(--adj-hole) * -0.1);
    --adj-key-tooth: 42px;
  }
  section.key-ss .key .bow {
    --bw: var(--bws2);
    width: var(--bow-w);
    aspect-ratio: 1;
    background: var(--pc3);
  }
  section.key-ss .key .bow div {
    --bw: var(--bws);
    --ml: calc(-1 * var(--hole) * var(--mlr));
    background: var(--whi);
  }
  section.key-ss .key .bow svg {
    --sz: var(--hole);
    --p: calc(var(--hole) * 0.2);
  }
  section.key-ss .key .sha {
    width: calc(100% - var(--bow-w));
  }
  section.key-ss .key .sha p {
    --mb: 0px;
    --lh: var(--line-h);
    --f: var(--fss);
    --bw: var(--bws);
    --ml: var(--mp2);
    height: var(--h);
    background: var(--pc3);
  }
  section.key-ss .key .sha p:nth-child(1) {
    --ml: var(--mp1);
    --px: calc((-1 * var(--mp1) + 28px));
    --pr: 20px;
    --br: calc(var(--hole) * 0.6125);
    --brbr: calc(var(--hole) * 0.15);
    --brtr: calc(var(--hole) * 0.15);
    width: calc(100% - var(--collar-w) - var(--pin-w) - var(--mp1) - var(--mp2) * 2);
    align-content: center;
    z-index: 4;
  }
  section.key-ss .key .sha p:nth-child(1) svg {
    --mt: -10px;
    --sz: 32px;
  }
  section.key-ss .key .sha p:nth-child(2) {
    --br: calc(var(--collar-w) * 0.35);
    width: var(--collar-w);
    height: calc(var(--h) * 1.1);
    z-index: 3;
  }
  section.key-ss .key .sha p:nth-child(3) {
    --brbr: calc(var(--hole) * 0.3);
    --brtr: calc(var(--hole) * 0.3);
    width: var(--pin-w);
    z-index: 2;
  }
  section.key-ss .key .sha p a:not(.p-a) {
    --f: calc(var(--fss) * 0.9);
  }
  section.key-ss .key .sha p a.p-a {
    --bw: var(--bws);
    --py: 24px;
    top: 100%;
    width: calc(var(--bit-w) + var(--adj-bit));
    right: 50px;
    height: 80px;
    background: var(--pc3);
  }
  section.key-ss .key .sha p a.p-a span {
    --f: var(--f17);
    --py: 4px;
    --tx: var(--whi);
    background: var(--pc);
    display: block;
    width: 100%;
  }
  section.key-ss .key .sha p a.p-a span:hover {
    opacity: 1;
  }
  section.key-ss .key .sha p a.p-a i {
    --bw: var(--bws);
    --adj-tip: -5px;
    width: var(--bit-tip);
    position: absolute;
    height: calc(var(--bit-tip) + var(--adj-tip));
    border-top: none;
    background: var(--pc3);
    top: 100%;
    /*
    border-width: var(--key-border);
    border-top: none;
    border-top-color: var(--sec-bg2);
    */
    border-radius: 0 0 6px 6px;
    display: block;
  }
  section.key-ss .key .sha p a.p-a i:nth-child(2) {
    --adj-tip: -2px;
    left: calc(-1 * var(--bws));
  }
  section.key-ss .key .sha p a.p-a i:nth-child(3) {
    --adj-tip: -5px;
    right: calc(var(--bit-tip) * 4.5);
  }
  section.key-ss .key .sha p a.p-a i:nth-child(4) {
    --adj-tip: -4px;
    right: calc(var(--bit-tip) * 3);
  }
  section.key-ss .key .sha p a.p-a i:nth-child(5) {
    --adj-tip: -3px;
    right: calc(var(--bit-tip) * 1.5);
  }
  section.key-ss .key .sha p a.p-a i:nth-child(6) {
    --adj-tip: -1px;
    right: calc(-1 * var(--bws));
  }
}
@media screen and (max-width: 500px) {
  .section.pit-s span {
    --f: var(--f18);
  }
  .section.pit-s span svg {
    --sz: 100px;
    --mr: 16px;
  }
}
@media screen and (max-width: 480px) {
  .section.how-s {
    --ps: 24px;
  }
  .section.how-s [data-tab] a {
    --py: 20px;
    width: 274px;
  }
  .section.how-s [data-tab] * {
    --f: var(--f20);
  }
}
@media screen and (max-width: 440px) {
  .section.how-s {
    --ps: 20px;
  }
  .section.how-s [data-tab] a {
    --py: 12px;
    --px: 16px;
    width: 250px;
  }
  .section.how-s [data-tab] * {
    --f: var(--f18);
  }
  .section.pit-s span {
    flex-direction: column;
  }
  .section.pit-s span svg {
    --sz: 120px;
    --mr: 0px;
    --mb: 10px;
  }
}
@media screen and (max-width: 390px) {
  .section.gua-s .itm .det {
    --px: 20px;
    --mx: 16px;
  }
  .section.gua-s .itm .det span + a {
    --px: 0px;
  }
  .cta-crd {
    --px: 24px;
    max-width: calc(100% - var(--gutX));
  }
}
@media screen and (max-width: 350px) {
  .section.how-s {
    --ps: 16px;
  }
  .section.how-s [data-tab] a {
    --px: 14px;
    width: 234px;
  }
  .section.how-s [data-tab] * {
    --f: var(--f17);
  }
}
@media screen and (max-width: 330px) {
  .section.gua-s .itm .det {
    --mx: 12px;
  }
}
/*
.section {


&.faq-s {
        --sz: 100%;
        div {
            &.img {

            }
            &[acco] {
                a {
                    &.btn {
                        --mx: auto;
                        --my: 24px
                    }
                }
            }
            .btns {
                --mt: 16px;
            }
        }
    }

    &.exp-p {
        .crd {
            --sb: 12px;
            --mt: 12px;
            --mr: 0px;
            --py: 16px;
            flex-wrap: wrap;
            &:not(.d_n) {
                display: flex;
            }
            &:hover {
                background: var(--pc06);
                .pro-hd img {
                    --p: 0px;
                }
            }
            a {
                --mt: 12px;
                --fw: 600;
            }
            .pro-hd {
                --pr: 20px;
                --mb: 16px;
                --mr: auto;
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                .rt {
                    --pl: 20px;
                    --my: var(--sb);
                }
                img {
                    --my: var(--sb);
                    --bw: 4px;
                    --sz: 160px;
                    --br: 50%;
                    --mx: auto;
                    --p: 6px;
                    --bc: var(--pc6);
                }
                h3 {
                    --mb: 6px;
                    --fw: 600;
                    text-wrap: nowrap;
                    svg {
                        --mb: 4px;
                        --ml: 4px;
                        --sz: 18px;
                    }
                }
                strong {
                    display: flex;
                    span {
                        --lh: var(--sz);
                        --ml: 10px
                    }
                }
            }
            .pro-bd {
                --p: 20px;
                --px: 10px;
                --br: 10px;
                --my: var(--sb);
                background: var(--pc06);
                display: flex;
                flex-wrap: wrap;
                width: auto;
                max-width: 560px;
                h3 {
                    --fw: 600;
                    --px: 10px;
                    display: flex;
                    flex-direction: column;
                    text-align: center;
                    width: 33.33%;
                    span {
                        --mt: 4px;
                        --f: var(--f17);
                    }
                }
                strong {
                    --mb: 6px;
                    width: 100%;
                    justify-content: center;
                    display: flex;
                    a {
                        --mx: 8px;
                        --mt: 8px;
                    }
                }
            }
        }
    }




    &.new-c {
        --py: 0px;
        .crd {
            --mh: 380px;
            --mr: 0px;
            --fss: 64px;
            --w: calc(100% - var(--mh));
            --br: 36px;
            --tx: var(--whi8);
            --px: 48px;
            --pr: 64px;
            --py: 0px;
            --sz: auto;
            --mbs: 20px;
            background: var(--dk);
            overflow: visible;
            min-height: var(--mh);
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            div {
                --mt: auto;
                --mx: auto;
                aspect-ratio: 1;
                width: var(--mh);
                position: relative;
            }
        }
        span {
            --py: 40px;
            --my: auto;
            --pr: 16px;
            width: var(--w);
        }
        h2 {
            --fw: 700;
            --mb: var(--mbs);
            --f: var(--fss);
        }
        h5 {
            --f: calc(var(--fss) * 0.5);
            --mb: var(--mbs);
        }
        img {
            position: absolute;
            bottom: 0;
            right: 0;
            width: calc(var(--mh) - 20px);
        }
    }

    &.pags-s {
        --sz: 48px;
        --secs: 4;
        .crd {
            --mt: var(--sb);
            text-wrap: wrap;
            text-align: start;
            border-bottom-width: 6px;
            &:nth-child(4n) {
                --mr: 0px;
            }
            &:hover {
                --tx: inherit;
                svg {
                    --tx: var(--pc);
                    transform: scale(1.1);
                }
                span {
                    opacity: 0.991;
                }
            }
            svg {
                --mr: 10px;
                --tx: var(--pc6);
            }
            span {
                --f: var(--f17);
                --fw: 600;
                opacity: 0.85;
            }
        }
    }

    &.pri-s {
        --w1: 110px;
        --w2: 80px;
        --w3: 154px;
        --w4: var(--w3);
        --w5: 102px;
        --w6: var(--w2);
        --tw: 760px;
        --tw: calc(var(--w1) + var(--w2) + var(--w3) + var(--w4) + var(--w5) + var(--w6));
        --tf: calc(100% - var(--tw));
        .tbl-w {
            width: var(--tw);
            //width: 300px;
            .tbl {
                div {
                    span {
                        text-align: center;
                        align-content: center;
                        max-width: var(--w);
                        &:nth-child(1) {
                            --w: var(--w1);
                            width: var(--w1);
                        }
                        &:nth-child(2) {
                            --w: var(--w2);
                            width: var(--w2);
                        }
                        &:nth-child(3), &:nth-child(4) {
                            --w: var(--w3);
                            width: var(--w3);
                        }
                        &:nth-child(5) {
                            --w: var(--w5);
                            width: var(--w5);
                        }
                        &:nth-child(6) {
                            --w: var(--w6);
                            width: var(--w6);
                        }
                    }
                }
            }
        }
        .fact {
            width: var(--tf);
        }
    }

    &.rev-s {
        --lns: 6;
        .sw {

            .wr {
                flex-direction: column;
                align-items: normal;
            }
            .crd {
                --px: var(--pxs);
                position: relative;
                display: block;
                box-shadow: none;
                background: var(--pc1);
                p {
                    --mb: 0px;
                }
                .rev-hd {
                    width: 100%;
                    h6 {
                        --mb: 4px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        strong {
                            --bw: 2px;
                            --br: 50%;
                            width: 40px;
                            aspect-ratio: 1;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                        }
                        h5 {
                            --mb: 4px;
                            text-align: end;
                            display: block;
                            &:first-child {
                                opacity: 0.45;
                            }
                            * {
                                font-weight: inherit;
                            }
                        }
                    }
                }
                .rev-bd {
                    --sz: 16px;
                    --pb: 10px;
                    width: 100%;
                    height: 100%;
                    strong {
                        --f: var(--f22);
                    }
                    p {
                        --mt: 4px;
                        &:hover {
                            display: block;
                        }
                    }
                    svg {
                        --tx: var(--pc8);
                        --mt: -14px;
                    }
                }
                .rev-ft {
                    p {
                        --fw: 500;
                        --lh: 1.25;
                        text-align: start;
                        opacity: 0.5;
                        * {
                            --fw: 500;
                        }
                    }
                }
            }
            &#siteRevs {
                .crd {
                    .rev-hd {
                        --px: 2px;
                        --pt: 12px;
                        --br: 10px;
                        --bws: 2px;
                        --bw: var(--bws);
                        h6 {
                            --px: 12px;
                            strong {
                                --tx: var(--rat);
                                --bc: var(--rat);
                            }
                        }
                        .rts {
                            --pxs: 10px;
                            --pys: 5px;
                            --bw: var(--bws);
                            --br: 8px;
                            --mb: calc((var(--sz) * -0.5) - var(--pys) - var(--bws));
                            background: var(--pc1);
                        }
                    }
                    .rev-bd {
                        --pt: 32px;
                    }
                }
            }
            &:not(#siteRevs) {
                .crd {
                    overflow: visible;
                    .rev-hd {
                        --pt: 8px;
                        --pb: 4px;
                        --px: var(--pxs);
                        --tx: var(--whi9);
                        --w1: calc(var(--mxs) * 0.8);
                        --w2: 8px;
                        --ml: calc((var(--pxs) * -1) - var(--w1));
                        --ml: calc((var(--pxs) * -1) - 1px);
                        --mb: 8px;
                        align-content: center;
                        position: relative;
                        background: var(--pc);
                        border-radius: 0 24px 24px 0;
                        width: 80%;
                        &::after, &::before {
                            content: '';
                            height: 24px;
                            height: calc(100% + 24px);
                            width: var(--w1);
                            background: inherit;
                            top: 0;
                            border-radius: 10px 0 0 10px;
                            left: calc((var(--w1) * -1) + 1px);
                        }
                        &::after {
                            left: calc(var(--w) + 1px);
                            width: var(--w2);
                            border-radius: 0 10px 10px 0;
                        }
                        h5 {
                            --mb: 4px;
                            --fw: 600;
                            text-align: start;
                        }
                    }
                    .rev-bd {
                        --pt: 12px;
                    }
                }
            }
        }
    }



    &.stat-c {
        --sb: 32px;
        --l2r-w: 30px;
        --secs: 4;
        .crd {
            --sz: 50px;
            --bcs: var(--blu);
            --bc: var(--bcs);
            --br: 24px;
            --px: 16px;
            --py: 20px;
            --mb: var(--sb);
            border-width: 2px 10px;
            & * {
                --bc: var(--bcs);
            }
            &:nth-child(2) {
                --bcs: var(--ora);
            }
            &:nth-child(3) {
                --bcs: var(--gre);
            }
            &:nth-child(4n) {
                --mr: 0px;
                --bcs: var(--pin);
            }
            h3 {
                --fw: 600;
                --f: var(--f30);
                --tx: #0b198f;
                --mt: 12px;
                --mb: 12px;
                text-align: center;
            }
            h4 {
                --f: var(--f18);
                --mb: 0px;
                text-align: center;
                font-family: var(--nunito);
            }
            svg {
                --tx: var(--bcs);
            }
        }
        .btns {
            --sz: calc(var(--fs-n) * 0.75);
            svg {
                --tx: var(--pc);
                --mx: var(--l2r-w);
                --my: 12px;
            }
        }
    }


    &.wri-d {
        --rfl: 260px;
        --rvw: calc(100% - var(--rfl));
        --fx: 200px;
        .det {
            width: calc(100% - var(--fx) - var(--sb));
            .crd {
                height: fit-content;
                &+h2 {
                    --mt: 30px;
                    --mb: 8px;
                    --f: var(--f36);
                }
            }
            .r-wrap {
                .crd.filt {
                    --mb: auto;
                    --mr: 24px;
                    width: var(--rfl) !important;
                }
                .revs {
                    width: var(--rvw);
                }
            }
        }
        [data-fixer] {
            right: var(--gutX);
            width: var(--fx);
        }

        .crd {
            --br: 16px;
            --btn: 150px;
            --mr: 0px;
            --mb: 0px;
            --ps: 20px;
            background: var(--pc2);
            width: 100%;
            box-shadow: none;
            &:not(.p_0) {
                --p: var(--ps);
                --py: var(--ps);
            }
            .pro {
                --p: var(--ps);
                width: calc(100% - var(--btn));
                small {
                    --mx: 0px;
                    --mr: 16px;
                }
                h3 {
                    --sz: 16px;
                    --mb: 0px;
                    svg {
                        --ml: 4px;
                    }
                }
                .stat {
                    --p: 16px;
                    --py: 6px;
                    --br: 8px;
                    --mt: 8px;
                    background: var(--pc1);
                    h3 {
                        --py: 4px;
                        --mb: 0px;
                        width: 33.33%;
                        text-align: center;
                        &:nth-child(2) {
                            --bc: var(--pc1);
                            border-width: 0 2px;
                        }
                        span {
                            --f: var(--fs);
                        }
                    }
                }
            }
            img {
                --br: 50%;
                --p: 10px;
                --ml: 10px;
                --sz: var(--btn);
                border-right: 4px solid var(--pc5);
            }
            &+.crd {
                --mt: 32px;
            }
        }
    }
    [class*='bg-d'] {
        position: relative;
        &::before {
            content: '';
            background: var(--pc2);
            z-index: -1;
        }
        &.bg-d1::before {
            top: var(--sb-bg);
            bottom: var(--sb-bg);
            width: 200px;
            border-top-right-radius: 106px;
            transform: rotate(24deg);
        }
        &.bg-d2::before {
            top: 10%;
            bottom: -10px;
            width: 200px;
            right: 0;
            border-radius: 106px 106px 0 0;
            transform: rotate(-45deg);
        }
    }


    .rts {
        --mx: auto;
        --pxs: 0px;
        --pys: 0px;
        display: flex;
        align-items: center;
        width: fit-content;
        padding: var(--pys) var(--pxs);
        .wrap {
            position: relative;
            div {
                display: flex;
                &:nth-child(1) {
                    --tx: grey;
                }
                &:nth-child(2) {
                    --tx: var(--rat);
                    overflow: hidden;
                    position: absolute;
                    inset: 0;
                }
            }
        }
    }
}
section {











}
@include media(1580px) {
    .section {
        &.new-c {
            .crd {
                --fss: 56px;
                --mh: 360px;
            }
        }
    }
}
@include media(1440px) {
    .section {
        &.new-c {
            .crd {
                --fss: 48px;
                --mh: 340px;
            }
        }
    }
}
@include media(1300px) {
    .section {
        &.new-c {
            .crd {
                --fss: 46px;
                --mh: 320px;
            }
        }
    }
}
@include media(1250px) {
    .section {
        &.new-c {
            .crd {
                --fss: 40px;
                --mh: 300px;
            }
        }
    }
}
@include media(1140px) {
    .section {
        &.new-c {
            .crd {
                --fss: 36px;
                --mh: 280px;
                --px: 36px;
                --pr: 36px;
            }
            h5 {
                --f: var(--f20);
            }
        }

    }
}
@include media(1110px) {
    .section {
        &.stat-c {
            --secs: 2;
            .crd {
                &:nth-child(2) {
                    --mr: 0px;
                }
            }
        }
        &.stats {
            .sw {
                --mxs: 12px; //Important
                --fonts: 28px;
                --w: 260px; //Important
            }
        }
        &.faq-s {
            --sb: 0px;
            --sz: 380px;
            div {
                --w: 100%;
                &.img {
                    --mb: 32px;
                    background-position: center 32%;
                }
            }
        }
    }
}
@include media(970px) {
    .section {
        &.wri-s {
            .sw {
                --w: 620px; //Important
                --mxs: 8px;
            }
            h3 {
                --f: var(--f22-5);
            }
            .wriRev {
                .rev {
                    h4 {
                        --f: var(--f18);
                        svg {
                            --sz: 16px;
                        }
                    }
                }
            }
        }
    }
}
@include media(920px) {
    .section {
        &.new-c {
            .crd {
                --fss: 34px;
                --mh: 260px;
                --mbs: 16px;
            }
        }
    }
}
@include media(890px) {
    .section {
        &.faq-s {
            --sz: 300px;
            --pxs: 26px;
        }
    }
}
@include media(800px) {
    .section {
        &.wri-s {
            .sw {
                --w: 540px; //Important
            }
            .wriRev {
                .rev {
                    h4 {
                        --f: var(--fs);
                        svg {
                            --sz: 14px;
                        }
                    }
                    h5 {
                        svg {
                            --sz: 13px;
                            --mr: 2px;
                        }
                        span {
                            --f: var(--f14-5);
                        }
                    }
                }
            }
        }
        &.pit-s {
            div {
                flex-wrap: wrap;
            }
            span {
                --mr: 0px;
                min-width: 100%;
            }
            a {
                --mx: auto;
            }
        }
    }
}

@include media(760px) {
    .section {
        &.new-c {
            .crd {
                --w: 100%;
            }
            span {
                --pt: 64px;
                --pr: 0px;
                --pb: 0px;
            }
            img {
                --mt: -36px;
                width: 100%;
                position: relative;
            }
        }
    }
}
@include media(700px) {
    .section {
        &.wri-s {
            .sw {
                --i: 10000; // Interval //Important
                --w: calc(var(--ww) - var(--gut) - (2 * var(--mxs))); //Important
                --mxs: 20px;
                --pro: 100%;
                --rev: 100%;
                --pbm: -8px;
                --sc: 1.065;
                --lns: 4;
                .wr {
                    flex-direction: column;
                }
                .det {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
            }
            .wriDet {
                --brtr: calc(var(--brs) - 2px);
                border-width: var(--bw) var(--bw) 8px;
                display: flex;
                position: relative;
                align-items: center;
                justify-content: center;
                height: auto;
                &:not(:hover) {
                    --brbl: 0;
                }
                img {
                    &+div {
                        --mx: 24px;
                    }
                }
                .wriSta {
                    max-width: 124px;
                    h6 {
                        max-width: 124px;
                        &.sep {
                            display: none;
                        }
                        &:nth-child(1) {
                            border-bottom-width: 0;
                        }
                    }
                    a {
                        position: absolute;
                        left: 50%;
                        bottom: -22px;
                        transform: translateX(-50%);
                        opacity: 1;
                    }
                }
            }
            .wriRev {
                --pt: 28px;
            }
        }
        &.faq-s {
            --sz: 230px;
        }
    }
}
@include media(600px) {
    .section {
        &.new-c {
            .crd {
                --br: 30px;
            }
            span {
                --pt: 52px;
            }
        }
    }
}
@include media(580px) {
    .section {
        &.wri-s {
            .wriDet {
                display: block;
                .wriSta {
                    --my: 10px;
                    max-width: 100%;
                    h6 {
                        &:nth-child(2) {
                            --pt: 0px;
                            display: block;
                        }
                        &:nth-child(1) {
                            border-bottom-width: 2px;
                        }
                    }
                }
                img {
                    &+div {
                        --mr: 0px;
                    }
                }
            }
        }
        &.pit-s {
            span {
                --f: var(--f20);
                svg {
                    --sz: 120px;
                    --mr: 12px;
                }
            }
        }
        [class*='btn-'] {
            --py: 10px;
            --px: 14px;
        }
    }
}
@include media(550px) {
    .sw {
        --btw: 10px; //Important
        --btws: 46px; //Important
        .pg a {
            --mx: 2px;
        }
    }
    .section {
        &.stat-c {
            --secs: 1;
            .crd {
                --mr: 0px;
            }
        }
    }
}
@include media(510px) {
    .section {
        &.rev-s {
            .sw {
                --w: calc(var(--ww) - var(--gut) - (2 * var(--mxs)));
                &#siteRevs {
                    --w: 600px;
                }
            }
        }
        &.faq-s {
            --sz: 170px;
            --pxs: 20px;
            [acco] .itm a .plus {
                --ml: 8px;
            }
        }
    }
}
@include media(480px) {
    .section {
        &.pit-s {
            span {
                --f: var(--f18);
                svg {
                    --sz: 90px;
                    --mr: 6px;
                }
            }
        }
        [class*='btn-'] {
            --py: 8px;
            --px: 13px;
            --f: var(--f15);
        }
    }
}
@include media(440px) {
    .section {
        &.new-c {
            .crd {
                --fss: 30px;
                --px: 32px;
                --pr: 32px;
                --br: 24px;
            }
            h5 {
                --f: var(--f18);
            }
        }
        &.how-s {
            [tab] {
                --pt: 32px;
                a {
                    --py: 20px;
                    --mt: 8px;
                    --mx: 0px;
                    width: 300px;
                }
                * {
                    --f: var(--f20);
                }
            }
            .tab-cont {
                .cont {
                    --px: 24px;
                    --py: 26px;
                    p {
                        --mb: 8px;
                        --lh: 1.25;
                        --pl: calc(8px + var(--sz));
                        &.hd {
                            --f: var(--f20);
                        }
                        &:not(.hd) {
                            --mb: 8px;
                            --sz: 22px;
                        }
                    }
                }
            }
        }
    }
}
@include media(420px) {
    .section {
        &.wri-s {
            .sw {
                --mxs: 14px;
            }
            .wriDet {
                --sz: 18px;
                .wriSta {
                    h6:not(.sep) {
                        max-width: 74px;
                    }
                }
                img {
                    --sz: 100px;
                    &+div {
                        --ml: 16px;
                    }
                }
            }
        }
        &.pit-s {
            span {
                --f: var(--fs);
                svg {
                    --sz: 80px;
                }
            }
            a {
                --mt: 8px;
            }
        }
    }
}
@include media(400px) {
    .sw {
        --btw: 8px; //Important
        --btws: 36px; //Important
    }
    .section {
        &.wri-s {
           .wriRev {
                .rev {
                    p {
                        svg {
                            --sz: 13px;
                            --mt: -12px;
                        }
                    }
                    h5 {
                        display: block;
                    }
                    &+.rev {
                        --mt: 14px;
                    }
                }
            }
        }
        &.faq-s {
            --sz: 140px;
        }
    }
}
@include media(390px) {
    .section {
        &.new-c {
            .crd {
                --fss: 28px;
                --px: 24px;
                --pr: 24px;
            }
            span {
                --pt: 40px;
            }
        }
    }
}
@include media(370px) {
    .section {
        &.new-c {
            .crd {
                --fss: 26px;
                --px: 20px;
                --pr: 20px;
                --mh: 100%;
            }
        }
        &.how-s {
            [tab] {
                a {
                    --py: 16px;
                    --mt: 4px;
                    width: 270px;
                }
                svg {
                    --mr: -4px;
                    --sz: 20px;
                }
                * {
                    --f: var(--f18);
                }
            }
        }
        &.wri-s {
            .sw {
                --i: 12000; // Interval //Important
                --mxs: 12px;
            }
            .wriDet {
                --sz: 16px;
                img {
                    --sz: 80px;
                    &+div {
                        --ml: 12px;
                    }
                }
            }
        }
        &.faq-s {
            --sz: 124px;
        }
    }
}
@include media(330px) {
    .sw {
        --btw: 7.5px; //Important
        --btws: 30px; //Important
    }
    .section {
        &.new-c {
            .crd {
                --fss: 24px;
            }
            h5 {
                --f: var(--fs);
            }
            img {
                --mt: 12px;
            }
            span {
                --pt: 30px;
            }
        }
        &.how-s {
            [tab] {
                a {
                    width: 240px;
                }
                * {
                    --f: var(--fs);
                }
            }
            .tab-cont {
                .cont {
                    --px: 16px;
                    p {
                        --pl: calc(6px + var(--sz));
                        &.hd {
                            --f: var(--f18);
                        }
                        &:not(.hd) {
                            --sz: 20px;
                        }
                    }
                }
            }
        }
        &.wri-s {
            .sw {
                img {
                    --sz: 76px;
                    &+div {
                        --ml: 8px;
                    }
                }
            }
        }
        &.pit-s {
            span {
                --f: var(--f15);
                svg {
                    --sz: 66px;
                }
            }
        }
        &.faq-s {
            --sz: 112px;
        }
    }
}
@include media(300px) {
    .section {
        &.stats {
            .sw {
                --mxs: 12px; //Important
                --fonts: 24px;
                //--w: 100%; //Important
            }
        }
    }
}
*/