:root {
  --alabaster: #f7f7f7;
  --black-pearl: #020612;
  --black-pearl-light: #020c1a;
  --concrete: #f2f2f2;
  --cornflower-blue: #4c82f7;
  --denim: #1565d8;
  --ebony: #0a121e;
  --firefly: #0b1529;
  --flush-orange: #ff8000;
  --gray-chateau: #99a1a5;
  --quarter-pearl-lusta: #fffdf8;
  --limeade: #769c02;
  --wet-asphalt: #34495e;
  --matisse: #1d5191;
  --mercury: #e6e6e6;
  --mine-shaft: #1f1f1f;
  --mountain-meadow: #10ac84;
  --royal-blue: #4a37e5;
  --rolling-stone: #7d8388;
  --selago: #e7effb;
  --zircon: #f3f6ff;
  --bs-body-line-height: 1.85rem!important;
  --bs-body-color: #455362!important;
  --bs-body-font-family: 'Poppins', sans-serif!important;
  --bs-btn-font-family: 'Poppins', sans-serif!important;
  --bs-btn-hover-bg: #075f49!important;
}
.fs-18px {font-size: 1.125rem;}
.fs-45px {font-size: 2.8125rem;}
.bg-alabaster {background: var(--alabaster);}
.bg-cornflower-blue {background: var(--cornflower-blue);}
.bg-black-pearl {background: var(--black-pearl);}
.bg-black-pearl-light {background: var(--black-pearl-light);}
.bg-ebony {background: var(--ebony);}
.bg-firefly {background: var(--firefly);}
.bg-flush-orange {background: var(--flush-orange);}
.bg-mountain-meadow {background: var(--mountain-meadow);}
.btn-primary.bg-mountain-meadow {background: var(--mountain-meadow);}
.bg-royal-blue {background: var(--royal-blue);}
.bg-selago {background: var(--selago);}
.bg-zircon {background: var(--zircon);}
.bg-zircon-grad {background: linear-gradient(180deg, rgba(224, 238, 251) 0%, rgba(243,246,255,1) 20rem, rgba(243,246,255,1) 100%);}
.bg-zircon-grad-about {background: url(../img/about-bg.png) center top / 1140px 420px no-repeat, linear-gradient(180deg, rgba(224, 238, 251) 0%, rgba(243,246,255,1) 20rem, rgba(243,246,255,1) 100%);}
.bg-quarter-pearl-lusta-grad {background: linear-gradient(180deg, rgba(251,244,228,1) 0%, rgba(255,253,248,1) 20rem, rgba(255,253,248,1) 100%);}
.text-black {color: #000 !important;}
.text-concrete {color: var(--concrete) !important;}
.text-denim {color: var(--denim)!important;}
.text-ebony {color: var(--ebony) !important;}
.text-flush-orange {color: var(--flush-orange) !important;}
.text-gray-chateau {color: var(--gray-chateau) !important;}
.text-limeade {color: var(--limeade) !important;}
.text-matisse {color: var(--matisse) !important;}
.text-mercury {color: var(--mercury) !important;}
.text-mine-shaft {color: var(--mine-shaft) !important;}
.text-mountain-meadow {color: var(--mountain-meadow) !important;}
.text-rolling-stone {color: var(--rolling-stone) !important;}
.text-royal-blue {color: var(--royal-blue) !important;}
.text-wet-asphalt {color: var(--wet-asphalt) !important;}
.question-btn:after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;position: absolute;
    right: 0;
    top: calc(50% - 0.15em);
    transform: rotate(180deg);
    transition: transform .3s ease;
}
.question-btn.collapsed:after {transform: rotate(0);transition: transform .3s ease;}
.question-btn.collapsed.after-color-blue:after {color: #4c82f7;}
.question-btn.collapsed.after-color-flush-orange:after {color: var(--flush-orange);}
.text-decoration-none, .text-decoration-none-hover {text-decoration: none;}

.hero {
  background: linear-gradient(-45deg, #0c2461, #0a3d62, #30336b, #130f40);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
}
@keyframes gradient {
    0% {background-position: 0% 50%;}
    50% {background-position: 100% 50%;}
    100% {background-position: 0% 50%;}
}
.social:after {content: '';display: inline-block;height: 100%;vertical-align: middle;}
#header {transition: background .3s linear;}
.home .hero {
  padding-top: 100px;
  margin-top: -100px;
}
.drpdwn-toggle {background: transparent; padding-right: 1.5rem!important;}
.drpdwn-toggle:before, .drpdwn-toggle:after {
  content:'';
  display: block;
  width: 7px;
  height: 2px;
  background: #fff;
  position: absolute;
  top: 1.25rem;
   
}
.drpdwn-toggle:before {transform: rotate(45deg);right: 8px; background: #fff;}
.drpdwn-toggle:after {transform: rotate(-45deg);right: 4px; background: #fff;}
.drpdwn-toggle.show:before {transform: rotate(45deg);right: 4px;background: var(--mountain-meadow);}
.drpdwn-toggle.show:after {transform: rotate(-45deg);right: 8px;background: var(--mountain-meadow);}
.drpdwn-toggle.show {color: var(--mountain-meadow)!important;}
.drpdwn-menu.show {max-height: 1000px;transition: max-height .3s ease;}
.drpdwn-menu a {white-space: nowrap;padding: .25rem 1rem;margin: .5rem 0;}
.drpdwn-menu {margin: 0;list-style: none;position: relative;padding: 0 0 0 1rem;width: auto;overflow: hidden;height: auto;max-height: 0;transition: max-height .3s ease;}
.trustedby-img {filter: grayscale(1); transition: filter .2s linear;}

@media screen and (max-width: 1199px) {
  .fs-45px {font-size: calc(1.285rem + 2.1vw);}
}

@media screen and (max-width: 991px) {
  .menu-btn {background-color: transparent;border: none;cursor: pointer;display: flex;padding: 0;flex-direction: column;height: 30%;align-items: center;justify-content: space-around;z-index: 99;}
  .nav-menu {position: fixed;width: 80%;height: 100%;max-width: 560px;right: -150vw;padding-top: 5rem;padding-bottom: 2rem;border-bottom: 1px solid #183b56;transition: opacity .3s ease;opacity: 0;}
  .nav-menu:before {content: 'Menu';display: block;position: absolute;color: #fff;top: 1rem;left: 0;border-bottom: 1px solid rgba(222,226,230,1);width: 100%;padding-left: 2rem;padding-bottom: 1rem;font-size: 1.5rem;}
  .menu-opened {width: 100%;}
  .menu-opened .nav-menu {right: 0;top:0;opacity: 1;transition: opacity .3s ease;}
  .line {fill: none;stroke: #fff;stroke-width: 6;transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);}.line1 {stroke-dasharray: 60 207;stroke-width: 6;}.line2 {stroke-dasharray: 60 60;stroke-width: 6;}.line3 {stroke-dasharray: 60 207;stroke-width: 6;}.opened .line1 {stroke-dasharray: 90 207;stroke-dashoffset: -134;stroke-width: 6;}.opened .line2 {stroke-dasharray: 1 60;stroke-dashoffset: -30;stroke-width: 6;}.opened .line3 {stroke-dasharray: 90 207;stroke-dashoffset: -134;stroke-width: 6;}
  .opened .line {stroke: #fff;}
  .nav-menu{background: var(--ebony);z-index:8;}
  .nav-menu .nav {flex-direction: column;height: 100%;overflow: auto;flex-wrap: nowrap;padding-bottom: 2rem;}
  .overlay {position: fixed; display: block; width: 1px; height: 1px;position: absolute; top: -50vh;left: 0;background: rgba(0,0,0,0);backdrop-filter: blur(8px); transition: background .3s linear;z-index: 7;}
  .menu-opened .overlay {position: fixed; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.6);top: 0; transition: background .3s linear;}
  .menu-btn.opened {position: fixed;top: 0;right: 1rem;height: 70px;width: 70px;}
  .social {width: 100%;border-top: 1px solid #fff;padding-top: 2rem;margin-top: 2rem;}
  .drpdwn-menu.bg-firefly {background: transparent;}
}

@media screen and (min-width: 992px) {
  .menu-btn {display: none;}
  .drpdwn-menu {position: absolute;padding: 0;top: 100%;left: 0;transition: max-height .3s ease, border .3s ease;border-left: 1px solid transparent; border-top: 0px solid transparent; border-right: 1px solid transparent; border-bottom: 0px solid transparent;border-radius: .5rem;}
  .drpdwn-menu.show {transition: max-height .3s ease, border .3s ease;border: 1px solid #303941}
}

@media (pointer:fine) {
  .arrow-link:hover i {margin-left: .5rem;transition: margin .1s linear;}
  .text-decoration-none-hover:hover {text-decoration: underline;}
  .link-arrow i {transform: translateX(0);transition: all .3s ease;}
  .link-arrow:hover i {transform: translateX(5px);transition: all .3s ease;color: #fff}
  .text-mountain-meadow-hover:hover {color: var(--mountain-meadow)!important;}
  .btn-primary.bg-mountain-meadow:hover, .btn-primary.bg-mountain-meadow:focus {background: #075f49!important;}
  .btn-primary.bg-white:hover, .btn-primary.bg-white:focus {background: transparent!important;}
  .btn-primary.bg-white:hover .text-royal-blue, .btn-primary.bg-white:focus .text-royal-blue {color: #fff!important;}
  .drpdwn-menu li a:hover, .drpdwn-menu li a:focus {background: #203249;}
  .drpdwn-toggle:hover:before {background: var(--mountain-meadow);}
  .drpdwn-toggle:hover:after {background: var(--mountain-meadow);}
  .trustedby-img:hover {filter: grayscale(0); transition: filter .2s linear;}
}

/* PACMAN */
.game {position: relative;}
.pacman {top: 50%;position: absolute}
.pacman,.pacman>div {position: absolute}
.dot,.pacman,.social-links {transform: translateY(-50%)}
.pacman-top {animation: spinTop .5s infinite linear}
.pacman-bottom {animation: spinBottom .5s infinite linear}
.dot {animation: dot 8s infinite linear}
.dot:nth-child(2) {animation-delay: 1s}
.dot:nth-child(3) {animation-delay: 2s}
.dot:nth-child(4) {animation-delay: 3s}
.dot:nth-child(5) {animation-delay: 4s}
.dot:nth-child(6) {animation-delay: 5s}
.dot:nth-child(7) {animation-delay: 6s}
.dot:nth-child(8) {animation-delay: 7s}
.dot:nth-child(9) {animation-delay: 8s}
@keyframes spinTop {0% {transform: rotate(0)} 50% {transform: rotate(-35deg)}}
@keyframes spinBottom {0% {transform: rotate(0)} 50% {transform: rotate(35deg)}}
.game {min-height: 200px;max-width: 600px;padding: 30px 0;overflow: hidden}
.pacman {width: 150px;height: 150px;transform: translateY(-50%);background: 0 0;z-index: 1}
.pacman>div {background-color: #ff0;height: 50%;width: 100%}
.pacman-top {top: 0;border-radius: 100px 100px 0 0;animation: spinTop .5s infinite linear}
.dot {position: absolute;top: 50%;transform: translateY(-50%)}
.pacman-bottom {bottom: 0;border-radius: 0 0 100px 100px;animation: spinBottom .5s infinite linear}
.dot {width: 20px;height: 20px;background-color: #FFF;border-radius: 4px;right: -30px;animation: dot 8s infinite linear}
@keyframes spinTop {0% {transform: rotate(0)} 50% {transform: rotate(-35deg)}}
@keyframes spinBottom {0% {transform: rotate(0)} 50% {transform: rotate(35deg)}}
@keyframes dot {0% {right: 0} 70% {opacity: 1} 90% {opacity: 0} 100% {right: 100%;opacity: 0}}