﻿* {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font: inherit;
      vertical-align: middle
}

*,
*:before,
*:after {
      box-sizing: border-box
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
      display: block
}

html {
      scroll-behavior: smooth
}

body {
      line-height: 1;
      color: #171144;
      line-height: 1.3;
      background: #fff;
      overflow-x: hidden;
      font-family: Baloo, sans-serif;
      font-size: 16px;
      font-weight: 400
}

blockquote,
q {
      quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
      content: "";
      content: none
}

table {
      border-collapse: collapse;
      border-spacing: 0
}

input,
input:focus,
select,
select:focus,
textarea,
textarea:focus,
button,
button:focus {
      outline: none;
      color: #171144
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
      color: #dddfdf
}

input:-moz-placeholder,
textarea:-moz-placeholder {
      color: #dddfdf
}

input::-moz-placeholder,
textarea::-moz-placeholder {
      color: #dddfdf
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
      color: #dddfdf
}

a,
button,
*[role="button"] {
      cursor: pointer;
      user-select: none;
      transition-property: color;
      transition-duration: 300ms;
      transition-timing-function: linear
}

a {
      text-decoration: none
}

ul,
ol {
      margin-left: 17px;
      list-style-position: left
}

sub {
      vertical-align: top;
      font-size: smaller
}

.fadeIn {
      animation: fadeIn 700ms
}

@keyframes fadeIn {
      from {
            opacity: 0
      }

      to {
            opacity: 1
      }
}

.fadeOut {
      animation: fadeOut 700ms
}

@keyframes fadeOut {
      from {
            opacity: 1
      }

      to {
            opacity: 0
      }
}

@font-face {
      font-family: "Baloo";
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: local("Baloo"), url("../fonts/baloo-regular.woff2") format("woff2")
}

@font-face {
      font-family: "Baloo";
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: local("Baloo"), url("../fonts/baloo-medium.woff2") format("woff2")
}

@font-face {
      font-family: "Baloo";
      font-style: normal;
      font-weight: 600;
      font-display: swap;
      src: local("Baloo"), url("../fonts/baloo-semibold.woff2") format("woff2")
}

@font-face {
      font-family: "Baloo";
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: local("Baloo"), url("../fonts/baloo-bold.woff2") format("woff2")
}

@font-face {
      font-family: "Baloo";
      font-style: normal;
      font-weight: 800;
      font-display: swap;
      src: local("Baloo"), url("../fonts/baloo-extrabold.woff2") format("woff2")
}

@font-face {
      font-family: "icomoon";
      font-style: normal;
      font-weight: normal;
      font-display: swap;
      src: local("icomoon"), url("../fonts/icomoon.woff") format("woff")
}

:root {
      --srltrc: rgba(0, 0, 0, 0.1);
      --srlthb: #373174;
      --srlw: 7px
}

::selection {
      background: #e5e4f3;
      color: #262250
}

.ico {
      font-family: "icomoon"
}

strong {
      font-weight: 700
}

h1,
h2,
h3,
h4,
h5,
h6 {
      font-weight: 500;
      margin-bottom: 15px
}

h6 {
      font-size: 1em
}

h5 {
      font-size: 1.125em
}

h4 {
      font-size: 1.25em
}

h3 {
      font-size: 1.5625em
}

h2 {
      font-size: 1.875em
}

h1 {
      font-size: 2.5em
}

@media (max-width: 991px) {
      h6 {
            font-size: 15px
      }

      h5 {
            font-size: 16px
      }

      h4 {
            font-size: 18px
      }

      h3 {
            font-size: 22px
      }

      h2 {
            font-size: 24px
      }

      h1 {
            font-size: 26px
      }
}

#main {
      display: block
}

.Flx,
.Vhc {
      display: flex;
      flex-wrap: wrap
}

.Wrp {
      width: 1200px;
      max-width: 100%;
      margin: 0 auto;
      padding: 0 15px
}

.pgWrp {
      min-height: 60vh
}

.Vhc {
      align-items: center;
      justify-content: center
}

.Sec {
      padding-top: var(--ss);
      padding-bottom: var(--ss)
}

.Sec.Bg,
.Sec:not(.noBg):nth-child(even) {
      background: #f0f0f0
}

img {
      max-width: 100%;
      height: auto;
      vertical-align: middle
}

.flex {
      display: flex;
      align-items: center;
      justify-content: center
}

::-webkit-scrollbar {
      width: var(--srlw);
      height: var(--srlh)
}

::-webkit-scrollbar-track {
      background-color: var(--srltrc);
      position: absolute
}

::-webkit-scrollbar-thumb {
      background: var(--srlthb)
}

html,
body,
.scrolr {
      scrollbar-color: #484098 #efefef;
      scrollbar-width: thin;
      border: none
}

a,
[role="button"] {
      cursor: pointer
}

.header {
      padding: 20px 0
}

.Wrp {
      margin: 0 auto
}

.wrap {
      display: flex;
      align-items: center
}

.logo {
      width: 280px
}

.logo img {
      width: 100%;
      object-fit: contain
}

.logo-wht {
      display: none
}

.nav-links {
      display: none
}

.links {
      background-color: white;
      z-index: 1;
      position: relative
}

@media (min-width: 991px) {
      .links {
            margin-left: 200px
      }
}

.nv-lnk {
      padding: 10px 25px;
      position: relative;
      display: inline-block;
      color: #171144;
      font-weight: 600
}

.nv-lnk::after {
      background: none repeat scroll 0 0 transparent;
      bottom: 0;
      content: "";
      display: block;
      height: 2px;
      left: 50%;
      position: absolute;
      background: #262250;
      transition: width 0.3s ease 0s, left 0.3s ease 0s;
      width: 0
}

.nv-lnk:hover::after {
      width: 100%;
      left: 0
}

.menu-icn {
      display: none
}

.menu-icn::before {
      content: "";
      font-size: 30px;
      color: #262250;
      font-family: "icomoon"
}

@media (max-width: 991px) {
      .wrap {
            justify-content: space-between
      }

      .links {
            display: none
      }

      .menu-icn {
            display: block
      }

      .srcicn {
            display: block
      }
}

.schwp {
      position: fixed;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: 9;
      display: none;
      padding: 20px
}

.schov {
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      background-color: rgba(230, 230, 230, 0.9)
}

.schfld {
      margin: 0 auto 15px;
      background-color: white;
      position: relative;
      border-radius: 60px;
      display: flex;
      flex-wrap: wrap;
      overflow: hidden;
      border: solid 1px #262250;
      padding: 5px;
      max-width: 800px
}

.schfld input {
      padding: 15px;
      flex: 1;
      width: 100%
}

.schfld span {
      padding: 15px 25px;
      background-color: #ff79fd;
      border-radius: 60px
}

.schrst {
      max-height: calc(100vh - 100px);
      overflow-y: auto;
      --srltrc: #ffdfff;
      --srlthb: #ffb6fe;
      position: relative;
      margin: 0 auto;
      max-width: 800px
}

.schrst a {
      color: black;
      font-size: 17px;
      display: grid;
      grid-template-columns: max-content 1fr;
      align-items: center;
      gap: 20px;
      pointer-events: all
}

.schrst a img {
      width: 50px;
      height: 50px;
      border-radius: 7px;
      border: solid 1px #dadada;
      background-color: white;
      object-fit: contain
}

.schrst a+a {
      margin-top: 15px
}

@media (max-width: 480px) {
      .logo {
            width: 200px
      }

      .header .menu-icn::before,
      .header .srcicn::after {
            font-size: 24px
      }
}

.footer {
      background: #262250
}

.Wrp {
      margin: 0 auto
}

.ftr-wrp {
      --fwg: "footer-logo footer-logo footer-logo footer-links1 footer-links2 footer-links3 footer-links4";
      display: grid;
      grid-template-areas: var(--fwg);
      gap: 20px;
      padding: 26px 0;
      flex-wrap: wrap;
      align-items: flex-start
}

@media (min-width: 581px) and (max-width: 991px) {
      .ftr-wrp {
            --fwg: "footer-logo footer-logo footer-logo footer-logo"
                  "footer-links1 footer-links2 footer-links3 footer-links4"
      }
}

@media (min-width: 381px) and (max-width: 580px) {
      .ftr-wrp {
            --fwg: "footer-logo footer-logo footer-logo"
                  "footer-links1 footer-links2 footer-links3"
                  "footer-links4 footer-links4 footer-links4"
      }
}

@media (max-width: 380px) {
      .ftr-wrp {
            --fwg: "footer-logo footer-logo""footer-links1 footer-links2"
                  "footer-links3 footer-links4"
      }
}

.ftr-logo {
      margin-right: 10px;
      grid-area: footer-logo
}

.ftr-logo img {
      max-width: 100%;
      width: 280px;
      height: auto;
      image-rendering: -webkit-optimize-contrast
}

.nav-lnks {
      color: white
}

.nav-lnks1 {
      grid-area: footer-links1
}

.nav-lnks2 {
      grid-area: footer-links2
}

.nav-lnks3 {
      grid-area: footer-links3
}

.nav-lnks4 {
      grid-area: footer-links4
}

.nav-lnks h2 {
      font-size: 20px;
      margin-bottom: 15px
}

.nv-link {
      color: white;
      display: block;
      margin-bottom: 10px;
      transition: all linear 0.2s
}

.nv-link:hover {
      padding-left: 6px
}

.icn-wrp {
      display: flex;
      flex-wrap: wrap
}

.icn-wrp a:after {
      color: white;
      font-size: 22px;
      font-family: "icomoon"
}

.icn-wrp a+a {
      margin-left: 20px
}

.icon-fb:after {
      content: ""
}

.icon-inst:after {
      content: ""
}

.icon-twt:after {
      content: ""
}

.clsng-ftr {
      padding: 20px;
      border-top: 1px solid rgba(255, 255, 255, 0.05)
}

.clsng-ftr a {
      vertical-align: top;
      color: inherit;
      font-weight: 700;
      text-decoration: underline
}

.clsng-ftr p {
      color: white;
      text-align: center;
      font-size: 14px;
      margin-bottom: 0
}

.clsng-ftr em {
      font-style: oblique
}

.clsng-ftr b {
      font-weight: 700
}

.disc {
      padding: 15px 20px;
      background-color: #eae8fc
}

.disc .Wrp .disc-txt {
      color: #171144;
      font-size: 14px;
      margin: 0;
      text-align: center
}

.disc .Wrp .disc-txt b {
      font-weight: 700
}

.btn {
      padding: 0.9em 3em;
      text-align: center;
      font-size: 15px;
      font-weight: 400;
      transition: 300ms ease-in-out;
      min-width: 48px;
      display: inline-block;
      border-radius: 3px;
      background-clip: padding-box
}

.btn:not(.linebx) i {
      margin-right: 5px
}

.btn:not(.linebx):focus {
      background: #f2f2f2
}

.btn:not(.linebx).pcolor {
      background: #262250;
      color: #fff
}

.btn:not(.linebx).pcolor:hover {
      background: #2f2a62
}

.btn:not(.linebx).pcolor:focus {
      background: #1e1a3e
}

.btn:not(.linebx).scolor {
      background: #ff79fd;
      color: #fff
}

.btn:not(.linebx).scolor:hover {
      background: #ff93fd
}

.btn:not(.linebx).scolor:focus {
      background: #ff60fd
}

.btn:not(.linebx).tcolor {
      background: #eee;
      color: #111
}

.btn:not(.linebx).tcolor:hover {
      background: #fbfbfb
}

.btn:not(.linebx).tcolor:focus {
      background: #e1e1e1
}

.btn.linebx {
      background: transparent;
      border-width: 1px;
      border-color: #6b869d;
      border-style: solid;
      color: #6b869d
}

.btn.linebx:hover {
      background: #6b869d
}

.btn.linebx:focus {
      background: #5f798f
}

.btn.linebx:hover,
.btn.linebx:focus {
      color: #fff
}

.btn.linebx.pcolor {
      border-color: #262250;
      color: #262250
}

.btn.linebx.pcolor:hover {
      background: #2f2a62
}

.btn.linebx.pcolor:focus {
      background: #1e1a3e
}

.btn.linebx.pcolor:hover,
.btn.linebx.pcolor:focus {
      color: #fff
}

.btn.linebx.scolor {
      border-color: #ff79fd;
      color: #ff79fd
}

.btn.linebx.scolor:hover {
      background: #ff93fd
}

.btn.linebx.scolor:focus {
      background: #ff60fd
}

.btn.linebx.scolor:hover,
.btn.linebx.scolor:focus {
      color: #111
}

button.btn {
      border: 0;
      cursor: pointer
}

.nwsltr {
      padding: 20px 0
}

.nwsltr .wrapr {
      background-image: url("../images/svg/subsricbe-element.svg");
      background-repeat: no-repeat;
      background-position: top right;
      background-size: 200px auto
}

.Wrp {
      margin: 0 auto
}

.wrapr {
      display: flex
}

.image {
      width: 300px
}

.image img {
      width: 100%
}

.srch-wrp {
      flex: 1;
      width: 100%;
      text-align: center
}

.nws-hdng {
      font-size: 32px
}

.nws-sd {
      width: 510px;
      display: flex;
      padding: 4px;
      margin: 0 auto;
      border-radius: 50px;
      border: 2px solid #262250
}

.srch-br {
      flex: 1;
      padding: 10px;
      width: 100%;
      font-size: 15px;
      border-radius: 50px
}

.nwsBtn {
      width: 130px;
      color: white;
      font-size: 18px;
      padding: 15px 30px;
      border-radius: 50px;
      font-weight: 700;
      background-color: #ff79fd
}

.nws-p {
      padding-bottom: 15px
}

.txt {
      text-align: center;
      padding-top: 15px;
      padding-bottom: 0
}

.alert {
      padding: 9px 12px 7px;
      display: inline-block;
      font-size: 14px;
      margin-top: 20px;
      border-radius: 5px;
      font-weight: 700;
      text-transform: uppercase;
      line-height: 1
}

.warning {
      background-color: gold
}

.danger {
      background-color: #ea4f13;
      color: white
}

.success {
      background-color: #1cad59;
      color: white;
      margin-top: 0
}

@media (max-width: 991px) {
      .wrapr {
            flex-direction: column
      }
}

@media (max-width: 640px) {
      .image {
            width: 280px
      }

      .nws-sd {
            flex: 1;
            width: 100%
      }
}

@media (max-width: 480px) {
      .image {
            width: 250px
      }
}

@media (max-width: 320px) {
      .image {
            width: 200px
      }
}

.toLeft,
.toRight,
.toTop,
.toBottom,
.toFadeIn,
.fromFadeOut,
.toZoomIn,
.fromZoomOut {
      opacity: 0;
      visibility: hidden
}

.toLeft {
      transform: translateX(-20px)
}

.toRight {
      transform: translateX(20px)
}

.toTop {
      transform: translateY(-20px)
}

.toBottom {
      transform: translateY(20px)
}

.toZoomIn,
.fromZoomOut {
      transform: scale(1.1)
}

.fromLeft,
.fromRight,
.fromTop,
.fromBottom,
.fromFadeIn,
.toFadeOut,
.fromZoomIn,
.toZoomOut {
      opacity: 1;
      visibility: visible;
      transition: opacity 300ms linear, visibility 300ms linear, transform 300ms linear
}

.fromLeft,
.fromRight {
      transform: translateX(0)
}

.fromTop,
.fromBottom {
      transform: translateY(0)
}

.fromZoomIn,
.toZoomOut {
      transform: scale(1)
}

.snov {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background-color: rgba(255, 223, 255, 0.98);
      z-index: 9;
      display: none
}

.sidenv {
      position: fixed;
      left: 0;
      top: 0;
      bottom: 0;
      background-color: #191345;
      z-index: 10;
      color: white;
      padding: 20px;
      width: 270px;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
      transform: translateX(-270px);
      opacity: 0;
      visibility: hidden
}

.sidenv.active {
      transform: translateX(0px);
      opacity: 1;
      visibility: visible
}

.sidenv.unactive,
.sidenv.active {
      transition-duration: 400ms;
      transition-timing-function: linear;
      transition-property: opacity, visibility, transform
}

.sidenv nav {
      display: inline-grid;
      gap: 20px
}

.sidenv nav a {
      color: inherit;
      font-size: 15px;
      font-weight: 300;
      transition: color 150ms linear
}

.sidenv nav a:hover {
      color: #ff79fd
}

.sidenv nav a:focus {
      color: #ff79fd
}

.sdnhd {
      --cbs: 25px;
      display: grid;
      grid-template-columns: 1fr var(--cbs);
      justify-content: space-between;
      gap: 20px;
      align-items: center;
      border-bottom: solid 2px rgba(255, 255, 255, 0.1);
      padding-bottom: 20px;
      margin-bottom: 20px
}

.sdnhd strong {
      font-size: 18px;
      text-transform: uppercase;
      font-weight: 700
}

.sdnhd span {
      width: var(--cbs);
      height: var(--cbs);
      position: relative
}

.sdnhd span:before {
      content: "";
      width: var(--cbs);
      height: 2px;
      background-color: white;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      transform: rotate(45deg)
}

.sdnhd span:after {
      content: "";
      width: var(--cbs);
      height: 2px;
      background-color: white;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      transform: rotate(-45deg)
}

.dsclmr {
      position: fixed;
      margin-left: 1rem;
      right: 1rem;
      bottom: 1rem;
      background-color: rgba(0, 0, 0, 0.95);
      border-radius: 5px;
      color: white;
      width: 400px;
      padding: 1rem;
      font-size: 0.8em;
      max-width: calc(100% - 2rem);
      z-index: 20
}

.dsclmr p {
      color: white
}

.dsclmr .close {
      position: absolute;
      top: 0.5rem;
      right: 0.5rem;
      width: 0.85rem;
      height: 0.85rem
}

.dsclmr .close:before,
.dsclmr .close:after {
      display: block;
      content: "";
      width: 0.85rem;
      height: 2px;
      background-color: white;
      transform: rotate(45deg) translate(3px, -1px);
      transform-origin: top left
}

.dsclmr .close:after {
      margin-top: -2px;
      transform: rotate(-45deg) translate(-3px, -1px);
      transform-origin: top right
}

.dsclmr a {
      color: white;
      text-decoration: none
}

.dsclmr>a {
      display: inline-block;
      color: white;
      text-decoration: none;
      margin-top: 1rem
}

.brdcrb {
      display: flex;
      flex-wrap: wrap;
      margin: 0 5px
}

.brdcrb,
.brdcrb a {
      color: inherit
}

.brdcrb li {
      display: flex;
      flex-wrap: wrap;
      line-height: 1
}

.brdcrb li a {
      font-size: 12px;
      display: inline;
      text-decoration: none;
      transition: color 300ms linear
}

.brdcrb li a span {
      font-weight: 400;
      color: #7993b1;
      transition: color 300ms linear
}

.brdcrb li a:hover span,
.brdcrb li a:focus span {
      color: #262250
}

.brdcrb li a.active span {
      color: #a6bbd4
}

.brdcrb li+li {
      border-left: none
}

.brdcrb li+li:before {
      content: "";
      width: 7px;
      height: 7px;
      border: solid #ff79fd;
      border-width: 2px 2px 0 0;
      transform: rotate(45deg);
      display: inline-block;
      margin: 1px 7px 0 4px
}

@media (max-width: 767px) {
      .brdcrb {
            display: none
      }
}

.str-bg {
      padding: 25px 0;
      background-image: url("../images/store-header-bg.png");
      background-size: auto 100%
}

/* .str-bg.ticker-banner {
      background-image: url("../images/backgroundWallpaper.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      background-color: transparent;
      position: relative;
      z-index: 1;
} */

.Wrp {
      margin: 0 auto
}

.bg-cpn {
      display: flex;
      align-items: center
}

.str-logo {
      width: 130px;
      height: 130px;
      padding: 10px;
      border-radius: 5px;
      background-color: white;
      border: 1px solid rgba(0, 0, 0, 0.2);
      align-self: flex-start
}

.str-logo img {
      width: 100%;
      object-fit: cover
}

.bg-wrp {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: space-between
}

.str-cntnt {
      padding: 0 15px;
      flex: 1
}

.str-cntnt .top-hdng {
      color: white;
      font-size: 26px
}

.str-cntnt p {
      color: white
}

.vst-site,
.views {
      width: 120px;
      color: white;
      display: block;
      padding: 12px 10px;
      text-align: center;
      margin-bottom: 15px;
      border-radius: 5px;
      border: 1px solid white;
      font-weight: 400;
      transition: all linear 0.2s;
      font-size: 14px;
      line-height: 1
}

.vst-site::before {
      font-family: "icomoon";
      content: "";
      font-weight: 400;
      margin-right: 5px
}

.vst-site:hover {
      color: #171144;
      background-color: white
}

.views {
      margin-bottom: 0
}

.views::before {
      font-family: "icomoon";
      content: "";
      font-weight: 400;
      margin-right: 5px
}

@media (max-width: 991px) {
      .site-wrp {
            display: none
      }
}

@media (max-width: 640px) {
      .top-txt {
            display: none
      }

      .str-cntnt .top-hdng {
            margin-bottom: 0
      }
}

@media (max-width: 480px) {
      .str-logo {
            width: 100px;
            height: 100px
      }

      .str-cntnt .top-hdng {
            margin-bottom: 0;
            font-size: 22px
      }
}

:root {
      --exbg: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512.002 512.002' style='enable-background:new 0 0 512.002 512.002;' xml:space='preserve'%3E%3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='236.9382' y1='458.4284' x2='236.9382' y2='-71.1816' gradientTransform='matrix(1.0667 0 0 -1.0667 3.2666 557.5352)'%3E%3Cstop offset='0' style='stop-color:%23FFCF95'/%3E%3Cstop offset='0.427' style='stop-color:%23FFC954'/%3E%3Cstop offset='1' style='stop-color:%23FFC200'/%3E%3C/linearGradient%3E%3Cpath style='fill:url(%23SVGID_1_);' d='M274.84,23.212l67.722,137.218l151.429,22.004c17.232,2.503,24.112,23.68,11.644,35.835 L396.058,325.077l25.867,150.817c2.944,17.162-15.07,30.25-30.482,22.147L256,426.835l-135.442,71.206 c-15.412,8.102-33.426-4.985-30.482-22.147l25.867-150.817L6.367,218.268c-12.469-12.155-5.588-33.33,11.644-35.835l151.429-22.004 l67.721-137.217C244.868,7.597,267.133,7.597,274.84,23.212z'/%3E%3ClinearGradient id='SVGID_2_' gradientUnits='userSpaceOnUse' x1='361.338' y1='390.1314' x2='201.238' y2='390.1314' gradientTransform='matrix(1.0667 0 0 -1.0667 3.2666 557.5352)'%3E%3Cstop offset='0' style='stop-color:%23FFC200;stop-opacity:0'/%3E%3Cstop offset='0.203' style='stop-color:%23FFBB00;stop-opacity:0.203'/%3E%3Cstop offset='0.499' style='stop-color:%23FFA700;stop-opacity:0.499'/%3E%3Cstop offset='0.852' style='stop-color:%23FF8800;stop-opacity:0.852'/%3E%3Cstop offset='1' style='stop-color:%23FF7800'/%3E%3C/linearGradient%3E%3Cpath style='fill:url(%23SVGID_2_);' d='M342.56,160.43L274.84,23.212c-3.853-7.807-11.346-11.711-18.839-11.7��p��U  ��p��U                  ��g��U          `�d��U  �p��U          ��p��U   @      ��p��U          74' y1='144.8383' x2='346.2874' y2='353.6383' gradientTransform='matrix(1.0667 0 0 -1.0667 3.2666 557.5352)'%3E%3Cstop offset='0' style='stop-color:%23FFC200;stop-opacity:0'/%3E%3Cstop offset='0.203' style='stop-color:%23FFBB00;stop-opacity:0.203'/%3E%3Cstop offset='0.499' style='stop-color:%23FFA700;stop-opacity:0.499'/%3E%3Cstop offset='0.852' style='stop-color:%23FF8800;stop-opacity:0.852'/%3E%3Cstop offset='1' style='stop-color:%23FF7800'/%3E%3C/linearGradient%3E%3Cpath style='fill:url(%23SVGID_3_);' d='M396.058,325.077l109.575-106.81c6.151-5.996,7.586-14.185,5.399-21.247L256,271.289 L396.058,325.077z'/%3E%3ClinearGradient id='SVGID_4_' gradientUnits='userSpaceOnUse' x1='183.0977' y1='35.1087' x2='349.1577' y2='201.1687' gradientTransform='matrix(1.0667 0 0 -1.0667 3.2666 557.5352)'%3E%3Cstop offset='0' style='stop-color:%23FFC200;stop-opacity:0'/%3E%3Cstop offset='0.203' style='stop-color:%23FFBB00;stop-opacity:0.203'/%3E%3Cstop offset='0.499' style='stop-color:%23FFA700;stop-opacity:0.499'/%3E%3Cstop offset='0.852' style='stop-color:%23FF8800;stop-opacity:0.852'/%3E%3Cstop offset='1' style='stop-color:%23FF7800'/%3E%3C/linearGradient%3E%3Cpath style='fill:url(%23SVGID_4_);' d='M413.63,496.393L256,271.289v155.546l135.442,71.206 C399.176,502.107,407.563,500.835,413.63,496.393z'/%3E%3ClinearGradient id='SVGID_5_' gradientUnits='userSpaceOnUse' x1='64.6777' y1='245.108' x2='187.0777' y2='142.708' gradientTransform='matrix(1.0667 0 0 -1.0667 3.2666 557.5352)'%3E%3Cstop offset='0' style='stop-color:%23FFC200;stop-opacity:0'/%3E%3Cstop offset='0.203' style='stop-color:%23FFBB00;stop-opacity:0.203'/%3E%3Cstop offset='0.499' style='stop-color:%23FFA700;stop-opacity:0.499'/%3E%3Cstop offset='0.852' style='stop-color:%23FF8800;stop-opacity:0.852'/%3E%3Cstop offset='1' style='stop-color:%23FF7800'/%3E%3C/linearGradient%3E%3Cpath style='fill:url(%23SVGID_5_);' d='M256,271.289l-140.058,53.788L90.076,475.894c-1.467,8.55,2.271,16.087,8.294,20.499 L256,271.289z'/%3E%3ClinearGradient id='SVGID_6_' gradientUnits='userSpaceOnUse' x1='156.4334' y1='414.02' x2='106.8334' y2='273.22' gradientTransform='matrix(1.0667 0 0 -1.0667 3.2666 557.5352)'%3E%3Cstop offset='0' style='stop-color:%23FFC200;stop-opacity:0'/%3E%3Cstop offset='0.203' style='stop-color:%23FFBB00;stop-opacity:0.203'/%3E%3Cstop offset='0.499' style='stop-color:%23FFA700;stop-opacity:0.499'/%3E%3Cstop offset='0.852' style='stop-color:%23FF8800;stop-opacity:0.852'/%3E%3Cstop offset='1' style='stop-color:%23FF7800'/%3E%3C/linearGradient%3E%3Cpath style='fill:url(%23SVGID_6_);' d='M0.968,197.021L256,271.289l-86.56-110.86L18.011,182.434 C9.28,183.702,3.214,189.767,0.968,197.021L0.968,197.021z'/%3E%3ClinearGradient id='SVGID_7_' gradientUnits='userSpaceOnUse' x1='343.1399' y1='399.3164' x2='-21.2601' y2='244.1164' gradientTransform='matrix(1.0667 0 0 -1.0667 3.2666 557.5352)'%3E%3Cstop offset='0' style='stop-color:%23FFC200;stop-opacity:0'/%3E%3Cstop offset='0.203' style='stop-color:%23FFBB00;stop-opacity:0.203'/%3E%3Cstop offset='0.499' style='stop-color:%23FFA700;stop-opacity:0.499'/%3E%3Cstop offset='0.852' style='stop-color:%23FF8800;stop-opacity:0.852'/%3E%3Cstop offset='1' style='stop-color:%23FF7800'/%3E%3C/linearGradient%3E%3Cpath style='fill:url(%23SVGID_7_);' d='M115.943,325.077L6.367,218.268c-6.151-5.996-7.586-14.185-5.399-21.247L256,271.289 L115.943,325.077z'/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
      --vrfbg: url("data:image/svg+xml,%3Csvg id='Layer_1' enable-background='new 0 0 511.375 511.375' viewBox='0 0 511.375 511.375' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cg%3E%3Cpath d='m511.375 255.688-57.89-64.273 9.064-86.046-84.651-17.92-43.18-75.012-79.03 35.321-10.667 207.93 10.667 207.929 79.031 35.321 43.179-75.011 84.651-17.921-9.064-86.046z' fill='%230ed678'/%3E%3Cpath d='m176.656 12.437-43.179 75.012-84.651 17.921 9.064 86.045-57.89 64.273 57.89 64.272-9.064 86.046 84.651 17.921 43.18 75.011 79.031-35.321v-415.859z' fill='%2304eb84'/%3E%3C/g%3E%3Cg%3E%3Cpath d='m362.878 199.702-22.381-19.977-84.809 95.016-10.667 23.613 10.667 21.439z' fill='%23f7f0eb'/%3E%3Cpath d='m166.56 233.095-21.212 21.213 89.185 89.186 21.155-23.701v-45.052l-22.393 25.088z' fill='%23fffbf5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.str-cpn {
      padding: 20px 0
}

.sd-wrp {
      display: flex;
      flex-wrap: wrap
}

.cpn-sd {
      flex: 1;
      margin-right: 20px
}

.cpn-wrp {
      display: grid;
      gap: 20px;
      align-items: stretch;
      justify-content: stretch
}

@media (min-width: 1104px) {
      .cpn-wrp {
            grid-template-columns: repeat(2, 1fr)
      }
}

.cpn-wrp+.cpn-wrp {
      margin-top: 20px
}

.crd {
      padding: 15px;
      transition: all linear 0.2s;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      position: relative;
      background-image: linear-gradient(-60deg, #f8f8f8 25%, white 25.1%)
}

.crd:not(.crdlcw) {
      flex-direction: column;
      display: flex;
      flex-wrap: wrap
}

.crd .cpnhdr,
.crd .content {
      position: relative;
      z-index: 1
}

.crd .content {
      flex: 1;
      display: flex;
      flex-direction: column
}

.crd.crdlcw {
      display: grid;
      grid-template-columns: max-content 1fr;
      gap: 20px
}

.crd.crdlcw .img-br {
      width: 100px;
      height: 100px;
      border: solid 1px #efefef;
      border-radius: 5px
}

.crd.crdlcw .img-br img {
      width: 100%;
      height: 100%;
      object-fit: contain
}

.crd.crdlcw .cpnhdr:after {
      display: none
}

.crd:hover {
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}

.cpnhdr {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      margin-bottom: 7px;
      align-self: flex-start;
      width: 100%
}

.cpnhdr h2 {
      flex: 1;
      font-size: 20px;
      margin: 0;
      line-height: 1.5;
      color: #0e7ad6;
      font-weight: 600
}

.cpnhdr:after {
      padding: 5px 7px 3px;
      border-radius: 5px;
      font-size: 12px;
      color: white;
      font-weight: 600;
      text-transform: uppercase
}

.cpnhdr .icn {
      width: 20px;
      height: 20px;
      position: relative;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat
}

.cpnhdr .icn+.icn {
      margin-left: 5px
}

.cpnhdr .icn span {
      position: absolute;
      top: -30px;
      height: 24px;
      line-height: 24px;
      background-color: #373174;
      color: white;
      padding: 0 7px;
      border-radius: 3px;
      font-size: 11px;
      font-weight: 400;
      transform: translateY(-5px);
      opacity: 0;
      transition-property: transform, opacity;
      transition-duration: 200ms;
      transition-timing-function: linear
}

.cpnhdr .icn span:after {
      content: "";
      position: absolute;
      bottom: -4px;
      left: 0;
      right: 0;
      margin: auto;
      width: 7px;
      height: 7px;
      background-color: #373174;
      transform: rotate(45deg)
}

.cpnhdr .icn:hover span,
.cpnhdr .icn:focus span {
      transform: translateY(0);
      opacity: 1
}

.cpnhdr .icn.exclsv {
      background-image: var(--exbg);
      width: 19px;
      height: 19px
}

.cpnhdr .icn.exclsv span {
      left: -19px
}

.cpnhdr .icn.vrifid {
      background-image: var(--vrfbg)
}

.cpnhdr .icn.vrifid span {
      left: -16px
}

.dcpn .cpnhdr:after {
      content: "Deal";
      background-color: #262250
}

.ccpn .cpnhdr:after {
      content: "Code";
      background-color: #ff79fd
}

.cpn-hdng {
      padding-bottom: 12px;
      margin: auto 0;
      font-size: 20px;
      font-weight: 600;
      color: #171144;
      cursor: pointer;
      line-height: 1.1
}

.t-wrp {
      display: flex;
      flex-wrap: wrap;
      text-align: center;
      align-items: center;
      justify-content: space-between
}

h5 {
      margin: 0;
      padding-top: 5px
}

.trms {
      margin: 0;
      color: #171144;
      font-size: 15px;
      font-weight: 600;
      display: inline-flex;
      align-items: center
}

.trms:after {
      content: "";
      margin-left: 5px;
      margin-top: -5px;
      width: 14px;
      height: 14px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      background-image: url("data:image/svg+xml,%3Csvg id='bold' enable-background='new 0 0 24 24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='m18 23h-14c-1.654 0-3-1.346-3-3v-14c0-1.654 1.346-3 3-3h8c.552 0 1 .447 1 1s-.448 1-1 1h-8c-.551 0-1 .448-1 1v14c0 .552.449 1 1 1h14c.551 0 1-.448 1-1v-8c0-.553.448-1 1-1s1 .447 1 1v8c0 1.654-1.346 3-3 3z'/%3E%3C/g%3E%3Cpath d='m22 1h-6c-.404 0-.769.243-.924.617s-.069.804.217 1.09l2.293 2.293-7.293 7.293c-.391.391-.391 1.023 0 1.414.195.195.451.293.707.293s.512-.098.707-.293l7.293-7.293 2.293 2.293c.191.191.447.293.707.293.129 0 .259-.024.383-.076.373-.154.617-.52.617-.924v-6c0-.553-.448-1-1-1z'/%3E%3C/svg%3E")
}

.cpn-btn {
      width: 150px;
      padding: 12px 10px 10px;
      overflow: hidden;
      border-radius: 5px;
      position: relative;
      display: inline-block;
      background-color: white;
      font-weight: 600;
      color: #171144;
      transition: color 200ms linear;
      transition-delay: 200ms;
      line-height: 1
}

@media (max-width: 480px) {
      .cpn-btn {
            width: 120px
      }
}

.cpn-btn .cpn-txt {
      position: relative;
      z-index: 1
}

.cpn-btn::after {
      top: 0;
      left: 0;
      right: 0px;
      bottom: 0;
      content: "";
      width: 140%;
      height: 101%;
      position: absolute;
      transition: transform 350ms ease-in-out;
      transform: translateX(-100%) skewX(50deg)
}

.cpn-btn:hover {
      color: white
}

.cpn-btn:hover::after {
      transform: translateX(-15%) skewX(50deg)
}

.cpn-btn.sids {
      border: 2px solid #262250
}

.cpn-btn.sids::after {
      background-color: #262250
}

.cpn-btn.cids {
      border: 2px solid #ff79fd
}

.cpn-btn.cids::after {
      background-color: #ff79fd
}

.btn-txt {
      position: relative;
      z-index: 1
}

@media (max-width: 991px) {
      .cpn-sd {
            margin: 0
      }
}

@media (max-width: 767px) {
      .cpn-wrp {
            grid-template-columns: repeat(1, 1fr)
      }
}

@media (max-width: 480px) {
      .crd {
            text-align: center;
            flex-direction: column
      }

      .crd .img-br~.content {
            position: static
      }

      .crd .img-br~.content .cpnhdr {
            position: absolute;
            top: 15px;
            left: 15px;
            right: 15px;
            width: auto;
            justify-content: space-between;
            pointer-events: none
      }

      .crd .img-br~.content .cpnhdr .icn {
            pointer-events: all
      }

      .crd .img-br~.content .cpnhdr h2 {
            display: none
      }

      .crd .img-br~.content .cpnhdr:after {
            margin-left: auto
      }

      .crd .cpnhdr {
            justify-content: flex-end
      }

      .crd .cpnhdr h2 {
            position: absolute;
            left: 0;
            right: 0
      }

      .crd .cpnhdr h2,
      .crd .cpn-hdng {
            text-align: center
      }

      .crd .img-br {
            align-self: center
      }

      .crd.crdlcw {
            grid-template-columns: auto;
            align-items: center;
            justify-items: center;
            text-align: center
      }

      .crd.crdlcw .img-br {
            width: 80px;
            height: 80px;
            align-self: flex-start
      }

      .crd .content>span:first-child {
            margin-top: 15px;
            display: inline-block
      }

      .t-wrp {
            flex-direction: column
      }

      .t-wrp .trms {
            margin-top: 15px
      }
}

.btn-wrp {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between
}

.cvb {
      text-align: center;
      margin: auto;
      text-transform: uppercase;
      font-size: 15px;
      padding: 20px 0;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      font-weight: 600;
      line-height: 1
}

.cvb:before,
.cvb:after {
      content: "";
      height: 2px;
      flex: 1;
      background-color: #efefef;
      margin-top: -2px
}

.cvb:before {
      margin-right: 30px
}

.cvb:after {
      margin-left: 30px
}

.cvb+.cpn-wrp {
      display: none
}

.tbl-br {
      flex: 1;
      margin: 20px 0;
      border-radius: 5px;
      background-color: white
}

.tbl-br h2 {
      margin: 0;
      margin-bottom: 30px;
      font-size: 17px;
      text-align: center
}

.tbl-br table {
      color: black;
      margin: 0 auto;
      font-size: 16px;
      text-align: left
}

.tbl-br td,
.tbl-br th {
      padding: 10px 0
}

.tbl-br th {
      border-bottom: 2px solid #efefef;
      font-weight: 700
}

.tbl-br .cntr {
      text-align: center
}

.tbl-br tr:not(:last-child) td {
      border-bottom: 1px solid #efefef
}

.tbl-br table {
      width: 100%;
      border-radius: 5px;
      border-collapse: collapse;
      background-color: white
}

.tbl-br .tbl-hd {
      border-radius: 5px;
      margin: 10px 0;
      font-size: 20px
}

.tbl-br .tcntr {
      text-align: center;
      font-style: oblique;
      font-weight: 700;
      border-radius: 0 0 10px 10px;
      border-top: 1px rgba(38, 34, 80, 0.1)
}

@media (max-width: 991px) {
      .tbl-br {
            display: none
      }
}

.wdgt-sd {
      width: 250px
}

.wdgt-str+.wdgt-str {
      margin-top: 15px
}

.wdgt-str .wrpr {
      display: flex;
      flex-wrap: wrap;
      margin: -5px
}

.logo-img {
      height: 70px;
      border-radius: 5px;
      background-color: white;
      transition: all linear 0.2s;
      border: 1px solid #cee0e4;
      width: calc(33.333% - 10px);
      margin: 5px
}

.logo-img img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      image-rendering: -webkit-optimize-contrast
}

.logo-img:hover {
      transform: scale(1.04)
}

.wdgt-lnks {
      margin: -5px
}

.wdgt-lnk {
      padding: 10px 10px 8px;
      margin: 5px;
      text-align: center;
      font-style: normal;
      border-radius: 3px;
      transition: all linear 0.3s;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      color: #171144;
      display: inline-block;
      font-size: 14px
}

.wdgt-lnk:hover {
      transform: scale(0.96);
      color: white;
      background-color: #262250
}

.rltd-str .wrpr {
      margin: -5px
}

.ltr-wrp {
      display: flex;
      flex-wrap: wrap
}

.wdgt-link {
      margin: 5px;
      padding: 8px;
      border-radius: 3px;
      text-decoration: none;
      transition: all linear 0.2s;
      color: #171144;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      display: inline-block
}

.wdgt-link:hover {
      color: white;
      background-color: #262250
}

.wdgt {
      margin-bottom: 20px
}

.wdgt p {
      max-height: 200px;
      overflow-y: auto
}

.wdgt>h3,
.wdgt-str>h3 {
      display: flex;
      flex-wrap: inherit;
      align-items: center;
      line-height: 1;
      font-size: 1.35em;
      padding-left: 0
}

.wdgt>h3:before,
.wdgt>h3:after,
.wdgt-str>h3:before,
.wdgt-str>h3:after {
      content: ""
}

.wdgt>h3:before,
.wdgt-str>h3:before {
      width: 7px;
      height: 17px;
      transform: skewX(30deg) translate(6px, -3px);
      margin-right: 15px;
      display: inline-block;
      background-color: #ff79fd
}

.wdgt>h3:after,
.wdgt-str>h3:after {
      flex: 1;
      height: 2px;
      background-color: #e5e4f3;
      margin-left: 15px
}

@media (max-width: 991px) {
      .wdgt-sd {
            display: none
      }
}

.rating {
      --rc: #ff79fd;
      border: none;
      text-align: center;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      margin-top: 15px
}

.rating>label {
      margin: 0;
      display: inline-block;
      cursor: pointer;
      padding: 0
}

.rating>label:before {
      font-family: "icomoon";
      font-size: 18px;
      display: inline-block;
      content: "";
      color: #5c5498
}

.rating>label.RateActive:before {
      color: var(--rc)
}

.rating>input {
      display: none
}

.rating p {
      font-size: 13px;
      margin-left: 10px
}

.fltby {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      line-height: 1;
      margin-bottom: 14px
}

.fltby:before,
.fltby:after {
      content: ""
}

.fltby:before {
      width: 7px;
      height: 17px;
      transform: skewX(30deg);
      margin-right: 10px;
      display: inline-block;
      background-color: #ff79fd
}

.fltby:after {
      flex: 1;
      height: 2px;
      background-color: #e5e4f3;
      margin-left: 15px;
      margin-top: 2px
}

.fltby strong {
      font-weight: 700;
      font-size: 20px;
      margin-right: 10px;
      text-transform: uppercase
}

.fltby span {
      padding: 7px 10px 5px;
      vertical-align: bottom;
      border-radius: 16px;
      transition: background-color 300ms linear;
      background-color: transparent;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 13px;
      display: inline-flex;
      flex-wrap: wrap;
      align-items: center
}

.fltby span:after {
      vertical-align: bottom;
      content: "";
      width: 16px;
      height: 16px;
      line-height: 14px;
      text-align: center;
      border: solid 2px #878787;
      margin-left: 6px;
      border-radius: 16px;
      transition: border-color 300ms linear;
      transform: translateY(-2px)
}

.fltby span.active:after {
      font-family: "icomoon";
      content: "";
      font-size: 10px
}

.fltby span.active.all {
      background-color: #00eca2;
      color: #111
}

.fltby span.active.all:after {
      border-color: #111
}

.fltby span.active.deals {
      background-color: #262250;
      color: #fff
}

.fltby span.active.deals:after {
      border-color: #fff
}

.fltby span.active.codes {
      background-color: #ff79fd;
      color: #111
}

.fltby span.active.codes:after {
      border-color: #111
}

.fltby span.active.freeshipping {
      background-color: #facc00;
      color: #111
}

.fltby span.active.freeshipping:after {
      border-color: #111
}

@media (max-width: 991px) {
      .fltby {
            display: none
      }
}

.wstrs {
      display: inline-grid;
      gap: 10px;
      margin: 0
}

.wstr {
      display: grid;
      grid-template-columns: max-content 1fr;
      gap: 10px;
      align-items: center
}

.wstr+.wstr {
      padding-top: 10px;
      border-top: solid 1px #efefef
}

.wsl img {
      width: 60px;
      height: 60px;
      object-fit: contain;
      border-radius: 5px;
      border: solid 1px #efefef
}

.wsc h3 {
      font-size: 17px;
      margin-bottom: 5px;
      line-height: 1
}

.wsc p {
      font-size: 13px
}

.wsc a {
      color: inherit
}

.wrap {
      justify-content: space-between
}

.srch-icn::after {
      content: "";
      font-size: 20px;
      color: #262250;
      font-family: "icomoon"
}

.srcicn {
      display: none
}

.srcicn::after {
      content: "";
      font-size: 30px;
      color: #262250;
      font-family: "icomoon"
}

.wrpr {
      margin-bottom: 10px;
      align-items: center;
      justify-content: space-between
}

.pnlbox {
      background: #fff;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      border-radius: 5px;
      background-clip: padding-box;
      padding: 20px
}

.pnlbox p {
      margin-top: 15px
}

.pnlbox h3 {
      margin-top: 15px
}

.pnlbox b {
      font-weight: 700
}

@media (max-width: 991px) {
      .srcicn {
            display: block
      }

      .rating,
      .ratingCalculator {
            display: none
      }
}

@media (max-width: 767px) {
      .pnlbox {
            display: none
      }
}

@media (max-width: 480px) {
      .wrpr {
            justify-content: space-between
      }
}

.strcdt {
      width: 100%
}

.strcdt tr+tr th,
.strcdt tr+tr td {
      border-top: solid 1px #efefef
}

.strcdt td {
      text-align: left;
      font-size: 14px;
      padding: 5px
}

.strcdt td+td {
      font-weight: 900
}

.strcdt tr:first-child th,
.strcdt tr:first-child td {
      padding-top: 0
}

.strcdt tr:last-child th,
.strcdt tr:last-child td {
      padding-bottom: 0
}

.cvb {
      width: 100%
}

.faqs {
      margin-top: 30px
}

@media (min-width: 768px) {
      .faqs {
            padding-right: 320px;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cg%3E%3Cpath d='m368 128h108a19.994 19.994 0 0 1 20 20v216a19.994 19.994 0 0 1 -20 20h-28v80l-80-80h-204a19.994 19.994 0 0 1 -20-20v-60' fill='%230cb17d'/%3E%3Cpath d='m368 60v216a20 20 0 0 1 -20 20h-204l-80 80v-80h-28a20 20 0 0 1 -20-20v-216a20 20 0 0 1 20-20h312a20 20 0 0 1 20 20z' fill='%2300eca2'/%3E%3C/g%3E%3Cg%3E%3Cpath d='m476 120h-100v-60a28.031 28.031 0 0 0 -28-28h-312a28.031 28.031 0 0 0 -28 28v216a28.031 28.031 0 0 0 28 28h20v72a8 8 0 0 0 13.66 5.66l66.34-66.35v48.69a28.031 28.031 0 0 0 28 28h200.69l77.65 77.66a8 8 0 0 0 13.66-5.66v-72h20a28.031 28.031 0 0 0 28-28v-216a28.031 28.031 0 0 0 -28-28zm-332 168a8.008 8.008 0 0 0 -5.66 2.34l-66.34 66.35v-60.69a8 8 0 0 0 -8-8h-28a12.01 12.01 0 0 1 -12-12v-216a12.01 12.01 0 0 1 12-12h312a12.01 12.01 0 0 1 12 12v216a12.01 12.01 0 0 1 -12 12zm344 76a12.01 12.01 0 0 1 -12 12h-28a8 8 0 0 0 -8 8v60.69l-66.34-66.35a8.008 8.008 0 0 0 -5.66-2.34h-204a12.01 12.01 0 0 1 -12-12v-60h196a28.031 28.031 0 0 0 28-28v-140h100a12.01 12.01 0 0 1 12 12z'/%3E%3Cpath d='m136 152a8 8 0 0 0 8-8 48 48 0 1 1 48 48 8 8 0 0 0 -8 8v24a8 8 0 0 0 16 0v-16.5a64 64 0 1 0 -72-63.5 8 8 0 0 0 8 8z'/%3E%3Cpath d='m192 240a8 8 0 0 0 -8 8v8a8 8 0 0 0 16 0v-8a8 8 0 0 0 -8-8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
            background-position: right top;
            background-position: right center;
            background-repeat: no-repeat;
            background-size: 300px auto;
            min-height: 270px;
            display: flex;
            flex-direction: column;
            justify-content: center
      }
}

.faq h3 {
      position: relative;
      cursor: pointer;
      display: flex;
      align-items: center;
      font-size: 20px;
      margin: 0;
      transition: color 300ms linear
}

.faq h3:before,
.faq h3:after {
      content: "";
      width: 15px;
      height: 2px;
      background-color: #262250;
      transition-duration: 200ms;
      transition-timing-function: linear
}

.faq h3:before {
      transform: rotate(0deg);
      margin-top: 12px;
      margin-right: 10px;
      display: inline-block;
      align-self: flex-start;
      transition-property: transform
}

.faq h3:after {
      transform: rotate(90deg);
      position: absolute;
      left: 0;
      top: 12px;
      bottom: 0;
      opacity: 1;
      transition-property: transform, opacity
}

.faq h3:hover,
.faq h3:focus {
      color: #ff79fd
}

.faq:not(.active) .ans {
      display: none
}

.faq.active h3:before {
      transform: rotate(90deg);
      opacity: 0
}

.faq.active h3:after {
      transform: rotate(0deg)
}

.faq .ans {
      margin-top: 5px;
      padding-left: 26px
}

.faq+.faq {
      margin-top: 15px
}

.wcty {
      display: grid;
      grid-template-columns: 45px 1fr;
      gap: 10px;
      align-items: center;
      color: inherit
}

.wcty+.wcty {
      margin-top: 10px;
      padding-top: 10px;
      border-top: solid 1px #efefef
}

.wcty .wcti {
      width: 45px;
      height: 45px;
      object-fit: contain;
      border-radius: 45px;
      padding: 8px;
      background-color: white;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
      align-self: flex-start;
      overflow: hidden
}

.wcty img {
      width: 100%;
      height: 100%;
      object-fit: contain
}

.wcty .wctyct h4 {
      margin: 0;
      font-size: 16px
}

.wdgt p {
      font-size: 14px;
      line-height: 1.2
}