html {
  box-sizing: border-box;
  scroll-behavior: smooth; }

* {
  margin: 0;
  padding: 0; }

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

input,
textarea,
select,
button {
  outline: none; }

a {
  display: block;
  text-decoration: none; }

img {
  display: block;
  max-width: 100%; }

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

p,
h1,
h4,
h2,
h3 {
  margin: 0; }

/* PC BIG Super  */
/* PC BIG  */
/* PC BIG Lower */
/* PC BIG 16 */
/* PC fit */
/* PC fit lower */
/* PC fit lower */
/* PC fit small */
/* PC HD */
/* PC Change */
/* PC LOWER  min-1023px */
/* Mobile & tablet */
/* Tablet */
/* Mobile */
/* Phone Small */
.banner, .commit-backg {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }

html {
  font-size: 62.5%;
  scroll-behavior: smooth !important; }

body {
  scroll-behavior: smooth !important;
  transition: all 0.3s ease;
  transition: 0.3s;
  overflow-y: auto;
  overflow-x: hidden;
  line-height: 1;
  background-color: #fcfcfc;
  color: #000;
  position: static;
  margin: 0;
  font-size: 1.6rem;
  padding-right: 0 !important; }
  @media only screen and (max-width: 63.9375em) {
    body {
      background-color: #fff !important; }
      body .hide-on-bothTM {
        display: none !important; }
      body .container-xl {
        padding: 0 10px; } }

.back-white {
  background-color: #fff; }

.color-text {
  color: #0b63d9 !important; }

.hide {
  display: none !important; }

.base-heading {
  font-size: 3.4rem;
  font-weight: bold;
  text-align: center;
  margin: 28px 0; }
  @media only screen and (max-width: 63.9375em) {
    .base-heading {
      font-size: 2.8rem; }
      .base-heading .hide-on-bothTM {
        display: none !important; } }
  @media only screen and (max-width: 46.1875em) {
    .base-heading {
      margin: 28px auto;
      width: 84%;
      font-size: 2.6rem;
      line-height: 32px; }
      .base-heading .hide-on-mobile {
        display: none; } }

.btn-button {
  background-color: #0b63d9;
  color: #fff;
  font-size: 1.7rem;
  border-radius: 50px;
  padding: 12px 26px;
  outline: none;
  border: 0;
  font-weight: 500; }
  .btn-button:hover {
    color: #fff;
    opacity: 0.9; }

.breadcrumb {
  margin-bottom: 0; }
  .breadcrumb-wrapper {
    background-color: #fff;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee; }
  .breadcrumb-item {
    font-size: 1.4rem;
    display: flex; }
    .breadcrumb-item::before, .breadcrumb-item.active {
      color: #777 !important; }
    .breadcrumb-item a {
      font-weight: 500;
      color: #0b63d9 !important; }
  .breadcrumb-nav {
    color: #000;
    padding: 15px 0; }

.scroll-down .header {
  transform: translate3d(0, -100%, 0); }

.scroll-up .header {
  transform: none; }

.scroll-up:not(.menu-open) .header {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.35); }

.modal-backdrop.show {
  opacity: 0.9; }

button:focus {
  box-shadow: none !important; }

button:hover {
  opacity: 0.9; }

@keyframes fade {
  from {
    opacity: 0.4;
    transform: translateY(-65%); }
  to {
    opacity: 1;
    transform: translateY(0%); } }

@keyframes flip-scale-down-diag {
  0% {
    transform: scale(1) rotate3d(-1, 1, 0, 0deg); }
  50% {
    transform: scale(0.4) rotate3d(-1, 1, 0, -90deg); }
  100% {
    transform: scale(1) rotate3d(-1, 1, 0, -180deg); } }

/* Track */
/* Handle */
/* Handle on hover */
.wrapper {
  position: relative;
  min-height: 100vh; }

[class|="confetti"] {
  position: absolute; }

.confetti-0 {
  width: 2px;
  height: 0.8px;
  background-color: #263672;
  top: -10%;
  left: 3%;
  opacity: 0.50216;
  transform: rotate(194.45916deg);
  animation: drop-0 4.49924s 0.30884s infinite; }

@keyframes drop-0 {
  100% {
    top: 110%;
    left: 14%; } }

.confetti-1 {
  width: 3px;
  height: 1.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 69%;
  opacity: 1.22555;
  transform: rotate(41.48758deg);
  animation: drop-1 4.09401s 0.17066s infinite; }

@keyframes drop-1 {
  100% {
    top: 110%;
    left: 76%; } }

.confetti-2 {
  width: 1px;
  height: 0.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 59%;
  opacity: 0.82217;
  transform: rotate(321.00891deg);
  animation: drop-2 4.46147s 0.32485s infinite; }

@keyframes drop-2 {
  100% {
    top: 110%;
    left: 68%; } }

.confetti-3 {
  width: 3px;
  height: 1.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 79%;
  opacity: 1.13648;
  transform: rotate(114.45334deg);
  animation: drop-3 4.55612s 0.02681s infinite; }

@keyframes drop-3 {
  100% {
    top: 110%;
    left: 86%; } }

.confetti-4 {
  width: 7px;
  height: 2.8px;
  background-color: #ffbf00;
  top: -10%;
  left: 89%;
  opacity: 1.3091;
  transform: rotate(130.00442deg);
  animation: drop-4 4.68462s 0.08431s infinite; }

@keyframes drop-4 {
  100% {
    top: 110%;
    left: 102%; } }

.confetti-5 {
  width: 6px;
  height: 2.4px;
  background-color: #263672;
  top: -10%;
  left: 42%;
  opacity: 0.77565;
  transform: rotate(271.5596deg);
  animation: drop-5 4.9416s 0.79525s infinite; }

@keyframes drop-5 {
  100% {
    top: 110%;
    left: 45%; } }

.confetti-6 {
  width: 3px;
  height: 1.2px;
  background-color: #263672;
  top: -10%;
  left: 85%;
  opacity: 0.60697;
  transform: rotate(83.60169deg);
  animation: drop-6 4.23375s 0.38326s infinite; }

@keyframes drop-6 {
  100% {
    top: 110%;
    left: 98%; } }

.confetti-7 {
  width: 3px;
  height: 1.2px;
  background-color: #263672;
  top: -10%;
  left: 64%;
  opacity: 1.31205;
  transform: rotate(227.53597deg);
  animation: drop-7 4.63395s 0.47193s infinite; }

@keyframes drop-7 {
  100% {
    top: 110%;
    left: 78%; } }

.confetti-8 {
  width: 8px;
  height: 3.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 82%;
  opacity: 0.70438;
  transform: rotate(165.87222deg);
  animation: drop-8 4.84439s 0.98666s infinite; }

@keyframes drop-8 {
  100% {
    top: 110%;
    left: 86%; } }

.confetti-9 {
  width: 7px;
  height: 2.8px;
  background-color: #d13447;
  top: -10%;
  left: 27%;
  opacity: 1.1572;
  transform: rotate(214.03714deg);
  animation: drop-9 4.61501s 0.00737s infinite; }

@keyframes drop-9 {
  100% {
    top: 110%;
    left: 41%; } }

.confetti-10 {
  width: 5px;
  height: 2px;
  background-color: #ffbf00;
  top: -10%;
  left: 93%;
  opacity: 0.54143;
  transform: rotate(63.07903deg);
  animation: drop-10 4.7086s 0.27704s infinite; }

@keyframes drop-10 {
  100% {
    top: 110%;
    left: 98%; } }

.confetti-11 {
  width: 5px;
  height: 2px;
  background-color: #263672;
  top: -10%;
  left: 98%;
  opacity: 0.70977;
  transform: rotate(190.1057deg);
  animation: drop-11 4.7236s 0.39643s infinite; }

@keyframes drop-11 {
  100% {
    top: 110%;
    left: 106%; } }

.confetti-12 {
  width: 4px;
  height: 1.6px;
  background-color: #263672;
  top: -10%;
  left: 74%;
  opacity: 1.12342;
  transform: rotate(358.9632deg);
  animation: drop-12 4.68434s 0.89675s infinite; }

@keyframes drop-12 {
  100% {
    top: 110%;
    left: 85%; } }

.confetti-13 {
  width: 4px;
  height: 1.6px;
  background-color: #d13447;
  top: -10%;
  left: 24%;
  opacity: 0.82046;
  transform: rotate(168.58182deg);
  animation: drop-13 4.03714s 0.90701s infinite; }

@keyframes drop-13 {
  100% {
    top: 110%;
    left: 37%; } }

.confetti-14 {
  width: 7px;
  height: 2.8px;
  background-color: #d13447;
  top: -10%;
  left: 90%;
  opacity: 1.26085;
  transform: rotate(356.97346deg);
  animation: drop-14 4.72149s 0.48981s infinite; }

@keyframes drop-14 {
  100% {
    top: 110%;
    left: 96%; } }

.confetti-15 {
  width: 6px;
  height: 2.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 64%;
  opacity: 1.30393;
  transform: rotate(145.65998deg);
  animation: drop-15 4.87682s 0.85741s infinite; }

@keyframes drop-15 {
  100% {
    top: 110%;
    left: 70%; } }

.confetti-16 {
  width: 7px;
  height: 2.8px;
  background-color: #d13447;
  top: -10%;
  left: 57%;
  opacity: 1.43694;
  transform: rotate(261.32879deg);
  animation: drop-16 4.0823s 0.88777s infinite; }

@keyframes drop-16 {
  100% {
    top: 110%;
    left: 64%; } }

.confetti-17 {
  width: 8px;
  height: 3.2px;
  background-color: #263672;
  top: -10%;
  left: 87%;
  opacity: 0.6506;
  transform: rotate(81.74301deg);
  animation: drop-17 4.72668s 0.85211s infinite; }

@keyframes drop-17 {
  100% {
    top: 110%;
    left: 102%; } }

.confetti-18 {
  width: 2px;
  height: 0.8px;
  background-color: #263672;
  top: -10%;
  left: 88%;
  opacity: 1.21504;
  transform: rotate(70.53267deg);
  animation: drop-18 4.90032s 0.01187s infinite; }

@keyframes drop-18 {
  100% {
    top: 110%;
    left: 101%; } }

.confetti-19 {
  width: 4px;
  height: 1.6px;
  background-color: #d13447;
  top: -10%;
  left: 50%;
  opacity: 1.47788;
  transform: rotate(160.04907deg);
  animation: drop-19 4.90813s 0.10451s infinite; }

@keyframes drop-19 {
  100% {
    top: 110%;
    left: 51%; } }

.confetti-20 {
  width: 6px;
  height: 2.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 95%;
  opacity: 0.55914;
  transform: rotate(113.1756deg);
  animation: drop-20 4.43762s 0.76037s infinite; }

@keyframes drop-20 {
  100% {
    top: 110%;
    left: 100%; } }

.confetti-21 {
  width: 6px;
  height: 2.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 33%;
  opacity: 0.6402;
  transform: rotate(3.34973deg);
  animation: drop-21 4.60257s 0.29305s infinite; }

@keyframes drop-21 {
  100% {
    top: 110%;
    left: 48%; } }

.confetti-22 {
  width: 5px;
  height: 2px;
  background-color: #ffbf00;
  top: -10%;
  left: 89%;
  opacity: 1.15329;
  transform: rotate(3.995deg);
  animation: drop-22 4.36297s 0.71319s infinite; }

@keyframes drop-22 {
  100% {
    top: 110%;
    left: 99%; } }

.confetti-23 {
  width: 3px;
  height: 1.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 17%;
  opacity: 1.45299;
  transform: rotate(250.15676deg);
  animation: drop-23 4.88685s 0.86333s infinite; }

@keyframes drop-23 {
  100% {
    top: 110%;
    left: 22%; } }

.confetti-24 {
  width: 4px;
  height: 1.6px;
  background-color: #263672;
  top: -10%;
  left: 1%;
  opacity: 0.85583;
  transform: rotate(280.83821deg);
  animation: drop-24 4.87069s 0.5917s infinite; }

@keyframes drop-24 {
  100% {
    top: 110%;
    left: 7%; } }

.confetti-25 {
  width: 5px;
  height: 2px;
  background-color: #d13447;
  top: -10%;
  left: 28%;
  opacity: 1.10861;
  transform: rotate(307.39782deg);
  animation: drop-25 4.05515s 0.33947s infinite; }

@keyframes drop-25 {
  100% {
    top: 110%;
    left: 39%; } }

.confetti-26 {
  width: 7px;
  height: 2.8px;
  background-color: #ffbf00;
  top: -10%;
  left: 39%;
  opacity: 1.33981;
  transform: rotate(87.13961deg);
  animation: drop-26 4.21288s 0.59731s infinite; }

@keyframes drop-26 {
  100% {
    top: 110%;
    left: 41%; } }

.confetti-27 {
  width: 5px;
  height: 2px;
  background-color: #263672;
  top: -10%;
  left: 86%;
  opacity: 1.0431;
  transform: rotate(68.74791deg);
  animation: drop-27 4.52264s 0.50685s infinite; }

@keyframes drop-27 {
  100% {
    top: 110%;
    left: 95%; } }

.confetti-28 {
  width: 6px;
  height: 2.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 3%;
  opacity: 0.77014;
  transform: rotate(282.71068deg);
  animation: drop-28 4.58101s 0.99998s infinite; }

@keyframes drop-28 {
  100% {
    top: 110%;
    left: 15%; } }

.confetti-29 {
  width: 7px;
  height: 2.8px;
  background-color: #ffbf00;
  top: -10%;
  left: 23%;
  opacity: 1.14789;
  transform: rotate(293.91041deg);
  animation: drop-29 4.39067s 0.17808s infinite; }

@keyframes drop-29 {
  100% {
    top: 110%;
    left: 25%; } }

.confetti-30 {
  width: 5px;
  height: 2px;
  background-color: #263672;
  top: -10%;
  left: 28%;
  opacity: 0.68624;
  transform: rotate(99.60149deg);
  animation: drop-30 4.17663s 0.30319s infinite; }

@keyframes drop-30 {
  100% {
    top: 110%;
    left: 33%; } }

.confetti-31 {
  width: 2px;
  height: 0.8px;
  background-color: #d13447;
  top: -10%;
  left: 46%;
  opacity: 1.48016;
  transform: rotate(2.60623deg);
  animation: drop-31 4.40413s 0.67342s infinite; }

@keyframes drop-31 {
  100% {
    top: 110%;
    left: 55%; } }

.confetti-32 {
  width: 8px;
  height: 3.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 95%;
  opacity: 1.38329;
  transform: rotate(220.13275deg);
  animation: drop-32 4.37186s 0.50864s infinite; }

@keyframes drop-32 {
  100% {
    top: 110%;
    left: 98%; } }

.confetti-33 {
  width: 4px;
  height: 1.6px;
  background-color: #d13447;
  top: -10%;
  left: 81%;
  opacity: 0.76963;
  transform: rotate(359.91513deg);
  animation: drop-33 4.18598s 0.51434s infinite; }

@keyframes drop-33 {
  100% {
    top: 110%;
    left: 85%; } }

.confetti-34 {
  width: 8px;
  height: 3.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 16%;
  opacity: 1.18667;
  transform: rotate(26.64053deg);
  animation: drop-34 4.48815s 0.15289s infinite; }

@keyframes drop-34 {
  100% {
    top: 110%;
    left: 30%; } }

.confetti-35 {
  width: 5px;
  height: 2px;
  background-color: #ffbf00;
  top: -10%;
  left: 83%;
  opacity: 0.85632;
  transform: rotate(79.78138deg);
  animation: drop-35 4.06701s 0.34959s infinite; }

@keyframes drop-35 {
  100% {
    top: 110%;
    left: 89%; } }

.confetti-36 {
  width: 6px;
  height: 2.4px;
  background-color: #263672;
  top: -10%;
  left: 39%;
  opacity: 1.30507;
  transform: rotate(12.25953deg);
  animation: drop-36 4.61408s 0.15388s infinite; }

@keyframes drop-36 {
  100% {
    top: 110%;
    left: 47%; } }

.confetti-37 {
  width: 2px;
  height: 0.8px;
  background-color: #263672;
  top: -10%;
  left: 88%;
  opacity: 0.92122;
  transform: rotate(188.99192deg);
  animation: drop-37 4.40753s 0.29896s infinite; }

@keyframes drop-37 {
  100% {
    top: 110%;
    left: 102%; } }

.confetti-38 {
  width: 3px;
  height: 1.2px;
  background-color: #d13447;
  top: -10%;
  left: 11%;
  opacity: 1.17503;
  transform: rotate(2.20497deg);
  animation: drop-38 4.75837s 0.10183s infinite; }

@keyframes drop-38 {
  100% {
    top: 110%;
    left: 13%; } }

.confetti-39 {
  width: 4px;
  height: 1.6px;
  background-color: #ffbf00;
  top: -10%;
  left: 82%;
  opacity: 1.0732;
  transform: rotate(151.71692deg);
  animation: drop-39 4.38762s 0.41893s infinite; }

@keyframes drop-39 {
  100% {
    top: 110%;
    left: 89%; } }

.confetti-40 {
  width: 5px;
  height: 2px;
  background-color: #263672;
  top: -10%;
  left: 76%;
  opacity: 1.35057;
  transform: rotate(243.66318deg);
  animation: drop-40 4.37732s 0.6191s infinite; }

@keyframes drop-40 {
  100% {
    top: 110%;
    left: 78%; } }

.confetti-41 {
  width: 5px;
  height: 2px;
  background-color: #d13447;
  top: -10%;
  left: 56%;
  opacity: 0.902;
  transform: rotate(199.13861deg);
  animation: drop-41 4.5737s 0.81716s infinite; }

@keyframes drop-41 {
  100% {
    top: 110%;
    left: 62%; } }

.confetti-42 {
  width: 3px;
  height: 1.2px;
  background-color: #263672;
  top: -10%;
  left: 66%;
  opacity: 1.28485;
  transform: rotate(100.08595deg);
  animation: drop-42 4.32025s 0.99659s infinite; }

@keyframes drop-42 {
  100% {
    top: 110%;
    left: 72%; } }

.confetti-43 {
  width: 1px;
  height: 0.4px;
  background-color: #263672;
  top: -10%;
  left: 83%;
  opacity: 0.50193;
  transform: rotate(314.82561deg);
  animation: drop-43 4.63384s 0.5497s infinite; }

@keyframes drop-43 {
  100% {
    top: 110%;
    left: 94%; } }

.confetti-44 {
  width: 1px;
  height: 0.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 7%;
  opacity: 0.56111;
  transform: rotate(302.03541deg);
  animation: drop-44 4.28973s 0.22386s infinite; }

@keyframes drop-44 {
  100% {
    top: 110%;
    left: 18%; } }

.confetti-45 {
  width: 6px;
  height: 2.4px;
  background-color: #d13447;
  top: -10%;
  left: 23%;
  opacity: 1.36775;
  transform: rotate(61.26672deg);
  animation: drop-45 4.95103s 0.059s infinite; }

@keyframes drop-45 {
  100% {
    top: 110%;
    left: 37%; } }

.confetti-46 {
  width: 6px;
  height: 2.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 8%;
  opacity: 1.26632;
  transform: rotate(51.79285deg);
  animation: drop-46 4.13223s 0.20429s infinite; }

@keyframes drop-46 {
  100% {
    top: 110%;
    left: 14%; } }

.confetti-47 {
  width: 5px;
  height: 2px;
  background-color: #ffbf00;
  top: -10%;
  left: 1%;
  opacity: 0.62494;
  transform: rotate(89.81939deg);
  animation: drop-47 4.67553s 0.68014s infinite; }

@keyframes drop-47 {
  100% {
    top: 110%;
    left: 8%; } }

.confetti-48 {
  width: 6px;
  height: 2.4px;
  background-color: #263672;
  top: -10%;
  left: 39%;
  opacity: 1.20655;
  transform: rotate(164.92088deg);
  animation: drop-48 4.40853s 0.1912s infinite; }

@keyframes drop-48 {
  100% {
    top: 110%;
    left: 41%; } }

.confetti-49 {
  width: 6px;
  height: 2.4px;
  background-color: #263672;
  top: -10%;
  left: 9%;
  opacity: 0.58476;
  transform: rotate(245.01466deg);
  animation: drop-49 4.02498s 0.71422s infinite; }

@keyframes drop-49 {
  100% {
    top: 110%;
    left: 17%; } }

.confetti-50 {
  width: 6px;
  height: 2.4px;
  background-color: #d13447;
  top: -10%;
  left: 64%;
  opacity: 0.82721;
  transform: rotate(355.09923deg);
  animation: drop-50 4.88532s 0.87261s infinite; }

@keyframes drop-50 {
  100% {
    top: 110%;
    left: 68%; } }

.confetti-51 {
  width: 3px;
  height: 1.2px;
  background-color: #d13447;
  top: -10%;
  left: 44%;
  opacity: 0.70418;
  transform: rotate(56.83914deg);
  animation: drop-51 4.03665s 0.81178s infinite; }

@keyframes drop-51 {
  100% {
    top: 110%;
    left: 50%; } }

.confetti-52 {
  width: 7px;
  height: 2.8px;
  background-color: #d13447;
  top: -10%;
  left: 95%;
  opacity: 1.03948;
  transform: rotate(163.98075deg);
  animation: drop-52 4.60136s 0.45435s infinite; }

@keyframes drop-52 {
  100% {
    top: 110%;
    left: 109%; } }

.confetti-53 {
  width: 3px;
  height: 1.2px;
  background-color: #263672;
  top: -10%;
  left: 90%;
  opacity: 0.76555;
  transform: rotate(344.0832deg);
  animation: drop-53 4.65823s 0.0938s infinite; }

@keyframes drop-53 {
  100% {
    top: 110%;
    left: 91%; } }

.confetti-54 {
  width: 7px;
  height: 2.8px;
  background-color: #263672;
  top: -10%;
  left: 93%;
  opacity: 0.86043;
  transform: rotate(356.88236deg);
  animation: drop-54 4.68852s 0.02478s infinite; }

@keyframes drop-54 {
  100% {
    top: 110%;
    left: 106%; } }

.confetti-55 {
  width: 6px;
  height: 2.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 17%;
  opacity: 1.38047;
  transform: rotate(72.96532deg);
  animation: drop-55 4.44077s 0.47995s infinite; }

@keyframes drop-55 {
  100% {
    top: 110%;
    left: 27%; } }

.confetti-56 {
  width: 2px;
  height: 0.8px;
  background-color: #263672;
  top: -10%;
  left: 84%;
  opacity: 1.16959;
  transform: rotate(119.36231deg);
  animation: drop-56 4.05386s 0.15171s infinite; }

@keyframes drop-56 {
  100% {
    top: 110%;
    left: 90%; } }

.confetti-57 {
  width: 3px;
  height: 1.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 22%;
  opacity: 0.89565;
  transform: rotate(138.32203deg);
  animation: drop-57 4.7615s 0.55593s infinite; }

@keyframes drop-57 {
  100% {
    top: 110%;
    left: 28%; } }

.confetti-58 {
  width: 4px;
  height: 1.6px;
  background-color: #ffbf00;
  top: -10%;
  left: 2%;
  opacity: 0.63977;
  transform: rotate(144.7471deg);
  animation: drop-58 4.56143s 0.34629s infinite; }

@keyframes drop-58 {
  100% {
    top: 110%;
    left: 6%; } }

.confetti-59 {
  width: 5px;
  height: 2px;
  background-color: #d13447;
  top: -10%;
  left: 51%;
  opacity: 1.46837;
  transform: rotate(97.59035deg);
  animation: drop-59 4.57041s 0.62319s infinite; }

@keyframes drop-59 {
  100% {
    top: 110%;
    left: 57%; } }

.confetti-60 {
  width: 7px;
  height: 2.8px;
  background-color: #263672;
  top: -10%;
  left: 19%;
  opacity: 0.75706;
  transform: rotate(343.88277deg);
  animation: drop-60 4.13119s 0.2633s infinite; }

@keyframes drop-60 {
  100% {
    top: 110%;
    left: 23%; } }

.confetti-61 {
  width: 4px;
  height: 1.6px;
  background-color: #ffbf00;
  top: -10%;
  left: 19%;
  opacity: 1.32874;
  transform: rotate(51.64508deg);
  animation: drop-61 4.01478s 0.45545s infinite; }

@keyframes drop-61 {
  100% {
    top: 110%;
    left: 30%; } }

.confetti-62 {
  width: 7px;
  height: 2.8px;
  background-color: #263672;
  top: -10%;
  left: 16%;
  opacity: 0.66346;
  transform: rotate(197.69605deg);
  animation: drop-62 4.90833s 0.32682s infinite; }

@keyframes drop-62 {
  100% {
    top: 110%;
    left: 17%; } }

.confetti-63 {
  width: 5px;
  height: 2px;
  background-color: #ffbf00;
  top: -10%;
  left: 7%;
  opacity: 0.90042;
  transform: rotate(242.2068deg);
  animation: drop-63 4.08882s 0.21687s infinite; }

@keyframes drop-63 {
  100% {
    top: 110%;
    left: 20%; } }

.confetti-64 {
  width: 6px;
  height: 2.4px;
  background-color: #263672;
  top: -10%;
  left: 77%;
  opacity: 1.34351;
  transform: rotate(0.62674deg);
  animation: drop-64 4.45822s 0.09782s infinite; }

@keyframes drop-64 {
  100% {
    top: 110%;
    left: 85%; } }

.confetti-65 {
  width: 3px;
  height: 1.2px;
  background-color: #d13447;
  top: -10%;
  left: 28%;
  opacity: 0.92914;
  transform: rotate(129.71675deg);
  animation: drop-65 4.92354s 0.78487s infinite; }

@keyframes drop-65 {
  100% {
    top: 110%;
    left: 35%; } }

.confetti-66 {
  width: 7px;
  height: 2.8px;
  background-color: #ffbf00;
  top: -10%;
  left: 78%;
  opacity: 0.86959;
  transform: rotate(256.34193deg);
  animation: drop-66 4.20628s 0.15314s infinite; }

@keyframes drop-66 {
  100% {
    top: 110%;
    left: 80%; } }

.confetti-67 {
  width: 5px;
  height: 2px;
  background-color: #ffbf00;
  top: -10%;
  left: 95%;
  opacity: 1.24272;
  transform: rotate(122.69815deg);
  animation: drop-67 4.04415s 0.88512s infinite; }

@keyframes drop-67 {
  100% {
    top: 110%;
    left: 107%; } }

.confetti-68 {
  width: 3px;
  height: 1.2px;
  background-color: #263672;
  top: -10%;
  left: 55%;
  opacity: 1.07329;
  transform: rotate(268.52096deg);
  animation: drop-68 4.50273s 0.64132s infinite; }

@keyframes drop-68 {
  100% {
    top: 110%;
    left: 61%; } }

.confetti-69 {
  width: 8px;
  height: 3.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 18%;
  opacity: 0.60489;
  transform: rotate(110.15808deg);
  animation: drop-69 4.1549s 0.11543s infinite; }

@keyframes drop-69 {
  100% {
    top: 110%;
    left: 29%; } }

.confetti-70 {
  width: 4px;
  height: 1.6px;
  background-color: #ffbf00;
  top: -10%;
  left: 82%;
  opacity: 1.18538;
  transform: rotate(153.62485deg);
  animation: drop-70 4.94508s 0.88133s infinite; }

@keyframes drop-70 {
  100% {
    top: 110%;
    left: 83%; } }

.confetti-71 {
  width: 5px;
  height: 2px;
  background-color: #d13447;
  top: -10%;
  left: 68%;
  opacity: 1.26903;
  transform: rotate(269.7416deg);
  animation: drop-71 4.65294s 0.38185s infinite; }

@keyframes drop-71 {
  100% {
    top: 110%;
    left: 75%; } }

.confetti-72 {
  width: 2px;
  height: 0.8px;
  background-color: #ffbf00;
  top: -10%;
  left: 36%;
  opacity: 0.96936;
  transform: rotate(148.65529deg);
  animation: drop-72 4.42744s 0.57125s infinite; }

@keyframes drop-72 {
  100% {
    top: 110%;
    left: 37%; } }

.confetti-73 {
  width: 8px;
  height: 3.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 48%;
  opacity: 1.48271;
  transform: rotate(263.52162deg);
  animation: drop-73 4.73453s 0.82856s infinite; }

@keyframes drop-73 {
  100% {
    top: 110%;
    left: 63%; } }

.confetti-74 {
  width: 2px;
  height: 0.8px;
  background-color: #d13447;
  top: -10%;
  left: 34%;
  opacity: 1.43227;
  transform: rotate(209.79242deg);
  animation: drop-74 4.83959s 0.46382s infinite; }

@keyframes drop-74 {
  100% {
    top: 110%;
    left: 46%; } }

.confetti-75 {
  width: 7px;
  height: 2.8px;
  background-color: #263672;
  top: -10%;
  left: 30%;
  opacity: 0.96812;
  transform: rotate(348.34392deg);
  animation: drop-75 4.37216s 0.91558s infinite; }

@keyframes drop-75 {
  100% {
    top: 110%;
    left: 44%; } }

.confetti-76 {
  width: 1px;
  height: 0.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 95%;
  opacity: 0.50188;
  transform: rotate(247.70134deg);
  animation: drop-76 4.11361s 0.30411s infinite; }

@keyframes drop-76 {
  100% {
    top: 110%;
    left: 99%; } }

.confetti-77 {
  width: 3px;
  height: 1.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 62%;
  opacity: 0.96374;
  transform: rotate(24.68553deg);
  animation: drop-77 4.42815s 0.48773s infinite; }

@keyframes drop-77 {
  100% {
    top: 110%;
    left: 66%; } }

.confetti-78 {
  width: 4px;
  height: 1.6px;
  background-color: #d13447;
  top: -10%;
  left: 81%;
  opacity: 1.37016;
  transform: rotate(307.83037deg);
  animation: drop-78 4.28485s 0.29889s infinite; }

@keyframes drop-78 {
  100% {
    top: 110%;
    left: 83%; } }

.confetti-79 {
  width: 4px;
  height: 1.6px;
  background-color: #ffbf00;
  top: -10%;
  left: 24%;
  opacity: 1.24667;
  transform: rotate(259.41093deg);
  animation: drop-79 4.46739s 0.12218s infinite; }

@keyframes drop-79 {
  100% {
    top: 110%;
    left: 38%; } }

.confetti-80 {
  width: 7px;
  height: 2.8px;
  background-color: #d13447;
  top: -10%;
  left: 84%;
  opacity: 0.68215;
  transform: rotate(298.82734deg);
  animation: drop-80 4.43409s 0.35927s infinite; }

@keyframes drop-80 {
  100% {
    top: 110%;
    left: 85%; } }

.confetti-81 {
  width: 8px;
  height: 3.2px;
  background-color: #d13447;
  top: -10%;
  left: 50%;
  opacity: 1.44948;
  transform: rotate(324.48654deg);
  animation: drop-81 4.37724s 0.8481s infinite; }

@keyframes drop-81 {
  100% {
    top: 110%;
    left: 60%; } }

.confetti-82 {
  width: 2px;
  height: 0.8px;
  background-color: #ffbf00;
  top: -10%;
  left: 53%;
  opacity: 0.61708;
  transform: rotate(298.10585deg);
  animation: drop-82 4.1833s 0.35765s infinite; }

@keyframes drop-82 {
  100% {
    top: 110%;
    left: 68%; } }

.confetti-83 {
  width: 2px;
  height: 0.8px;
  background-color: #ffbf00;
  top: -10%;
  left: 27%;
  opacity: 1.45467;
  transform: rotate(151.87624deg);
  animation: drop-83 4.62918s 0.69655s infinite; }

@keyframes drop-83 {
  100% {
    top: 110%;
    left: 33%; } }

.confetti-84 {
  width: 6px;
  height: 2.4px;
  background-color: #263672;
  top: -10%;
  left: 17%;
  opacity: 0.59357;
  transform: rotate(20.31679deg);
  animation: drop-84 4.50398s 0.74234s infinite; }

@keyframes drop-84 {
  100% {
    top: 110%;
    left: 25%; } }

.confetti-85 {
  width: 1px;
  height: 0.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 28%;
  opacity: 1.36134;
  transform: rotate(88.07761deg);
  animation: drop-85 4.9906s 0.12771s infinite; }

@keyframes drop-85 {
  100% {
    top: 110%;
    left: 38%; } }

.confetti-86 {
  width: 5px;
  height: 2px;
  background-color: #d13447;
  top: -10%;
  left: 54%;
  opacity: 1.00869;
  transform: rotate(43.75165deg);
  animation: drop-86 4.16617s 0.90768s infinite; }

@keyframes drop-86 {
  100% {
    top: 110%;
    left: 64%; } }

.confetti-87 {
  width: 6px;
  height: 2.4px;
  background-color: #263672;
  top: -10%;
  left: 36%;
  opacity: 0.52273;
  transform: rotate(237.063deg);
  animation: drop-87 4.80784s 0.28112s infinite; }

@keyframes drop-87 {
  100% {
    top: 110%;
    left: 47%; } }

.confetti-88 {
  width: 1px;
  height: 0.4px;
  background-color: #d13447;
  top: -10%;
  left: 60%;
  opacity: 1.36319;
  transform: rotate(143.37255deg);
  animation: drop-88 4.25307s 0.31958s infinite; }

@keyframes drop-88 {
  100% {
    top: 110%;
    left: 68%; } }

.confetti-89 {
  width: 1px;
  height: 0.4px;
  background-color: #d13447;
  top: -10%;
  left: 95%;
  opacity: 0.79986;
  transform: rotate(327.07518deg);
  animation: drop-89 4.5809s 0.08917s infinite; }

@keyframes drop-89 {
  100% {
    top: 110%;
    left: 108%; } }

.confetti-90 {
  width: 4px;
  height: 1.6px;
  background-color: #d13447;
  top: -10%;
  left: 72%;
  opacity: 0.94469;
  transform: rotate(72.00796deg);
  animation: drop-90 4.36871s 0.69332s infinite; }

@keyframes drop-90 {
  100% {
    top: 110%;
    left: 76%; } }

.confetti-91 {
  width: 4px;
  height: 1.6px;
  background-color: #d13447;
  top: -10%;
  left: 69%;
  opacity: 0.71668;
  transform: rotate(151.11399deg);
  animation: drop-91 4.38121s 0.89707s infinite; }

@keyframes drop-91 {
  100% {
    top: 110%;
    left: 76%; } }

.confetti-92 {
  width: 8px;
  height: 3.2px;
  background-color: #263672;
  top: -10%;
  left: 97%;
  opacity: 1.13514;
  transform: rotate(215.4724deg);
  animation: drop-92 4.07179s 0.65625s infinite; }

@keyframes drop-92 {
  100% {
    top: 110%;
    left: 98%; } }

.confetti-93 {
  width: 8px;
  height: 3.2px;
  background-color: #d13447;
  top: -10%;
  left: 44%;
  opacity: 0.88859;
  transform: rotate(152.5265deg);
  animation: drop-93 4.69372s 0.8729s infinite; }

@keyframes drop-93 {
  100% {
    top: 110%;
    left: 46%; } }

.confetti-94 {
  width: 8px;
  height: 3.2px;
  background-color: #d13447;
  top: -10%;
  left: 82%;
  opacity: 1.14182;
  transform: rotate(19.56113deg);
  animation: drop-94 4.70868s 0.82304s infinite; }

@keyframes drop-94 {
  100% {
    top: 110%;
    left: 86%; } }

.confetti-95 {
  width: 2px;
  height: 0.8px;
  background-color: #ffbf00;
  top: -10%;
  left: 43%;
  opacity: 1.4217;
  transform: rotate(125.33835deg);
  animation: drop-95 4.72s 0.14181s infinite; }

@keyframes drop-95 {
  100% {
    top: 110%;
    left: 56%; } }

.confetti-96 {
  width: 3px;
  height: 1.2px;
  background-color: #263672;
  top: -10%;
  left: 86%;
  opacity: 1.00713;
  transform: rotate(352.09786deg);
  animation: drop-96 4.74526s 0.95128s infinite; }

@keyframes drop-96 {
  100% {
    top: 110%;
    left: 91%; } }

.confetti-97 {
  width: 8px;
  height: 3.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 8%;
  opacity: 1.31521;
  transform: rotate(124.63553deg);
  animation: drop-97 4.55805s 0.67959s infinite; }

@keyframes drop-97 {
  100% {
    top: 110%;
    left: 16%; } }

.confetti-98 {
  width: 5px;
  height: 2px;
  background-color: #d13447;
  top: -10%;
  left: 81%;
  opacity: 0.98138;
  transform: rotate(173.26534deg);
  animation: drop-98 4.51494s 0.89082s infinite; }

@keyframes drop-98 {
  100% {
    top: 110%;
    left: 90%; } }

.confetti-99 {
  width: 3px;
  height: 1.2px;
  background-color: #d13447;
  top: -10%;
  left: 25%;
  opacity: 0.75656;
  transform: rotate(251.70175deg);
  animation: drop-99 4.23098s 0.57494s infinite; }

@keyframes drop-99 {
  100% {
    top: 110%;
    left: 30%; } }

.confetti-100 {
  width: 7px;
  height: 2.8px;
  background-color: #263672;
  top: -10%;
  left: 82%;
  opacity: 1.36717;
  transform: rotate(98.17744deg);
  animation: drop-100 4.29052s 0.22291s infinite; }

@keyframes drop-100 {
  100% {
    top: 110%;
    left: 90%; } }

.confetti-101 {
  width: 3px;
  height: 1.2px;
  background-color: #d13447;
  top: -10%;
  left: 14%;
  opacity: 1.08427;
  transform: rotate(226.02817deg);
  animation: drop-101 4.29049s 0.71972s infinite; }

@keyframes drop-101 {
  100% {
    top: 110%;
    left: 25%; } }

.confetti-102 {
  width: 7px;
  height: 2.8px;
  background-color: #ffbf00;
  top: -10%;
  left: 24%;
  opacity: 1.42471;
  transform: rotate(3.43758deg);
  animation: drop-102 4.50118s 0.25155s infinite; }

@keyframes drop-102 {
  100% {
    top: 110%;
    left: 28%; } }

.confetti-103 {
  width: 6px;
  height: 2.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 35%;
  opacity: 0.8893;
  transform: rotate(98.27045deg);
  animation: drop-103 4.63441s 0.02411s infinite; }

@keyframes drop-103 {
  100% {
    top: 110%;
    left: 38%; } }

.confetti-104 {
  width: 8px;
  height: 3.2px;
  background-color: #d13447;
  top: -10%;
  left: 17%;
  opacity: 0.87234;
  transform: rotate(31.93831deg);
  animation: drop-104 4.28581s 0.96984s infinite; }

@keyframes drop-104 {
  100% {
    top: 110%;
    left: 28%; } }

.confetti-105 {
  width: 8px;
  height: 3.2px;
  background-color: #263672;
  top: -10%;
  left: 45%;
  opacity: 1.30664;
  transform: rotate(329.477deg);
  animation: drop-105 4.91838s 0.43875s infinite; }

@keyframes drop-105 {
  100% {
    top: 110%;
    left: 46%; } }

.confetti-106 {
  width: 8px;
  height: 3.2px;
  background-color: #d13447;
  top: -10%;
  left: 44%;
  opacity: 1.15138;
  transform: rotate(177.32857deg);
  animation: drop-106 4.30326s 0.88216s infinite; }

@keyframes drop-106 {
  100% {
    top: 110%;
    left: 54%; } }

.confetti-107 {
  width: 2px;
  height: 0.8px;
  background-color: #263672;
  top: -10%;
  left: 97%;
  opacity: 1.26315;
  transform: rotate(304.95711deg);
  animation: drop-107 4.77768s 0.12317s infinite; }

@keyframes drop-107 {
  100% {
    top: 110%;
    left: 108%; } }

.confetti-108 {
  width: 3px;
  height: 1.2px;
  background-color: #d13447;
  top: -10%;
  left: 67%;
  opacity: 1.2685;
  transform: rotate(164.86731deg);
  animation: drop-108 4.20784s 0.12361s infinite; }

@keyframes drop-108 {
  100% {
    top: 110%;
    left: 74%; } }

.confetti-109 {
  width: 7px;
  height: 2.8px;
  background-color: #263672;
  top: -10%;
  left: 72%;
  opacity: 1.33421;
  transform: rotate(264.68733deg);
  animation: drop-109 4.72284s 0.66958s infinite; }

@keyframes drop-109 {
  100% {
    top: 110%;
    left: 78%; } }

.confetti-110 {
  width: 1px;
  height: 0.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 3%;
  opacity: 1.08456;
  transform: rotate(336.47896deg);
  animation: drop-110 4.62476s 0.53467s infinite; }

@keyframes drop-110 {
  100% {
    top: 110%;
    left: 11%; } }

.confetti-111 {
  width: 4px;
  height: 1.6px;
  background-color: #d13447;
  top: -10%;
  left: 53%;
  opacity: 0.73279;
  transform: rotate(179.83959deg);
  animation: drop-111 4.6989s 0.41949s infinite; }

@keyframes drop-111 {
  100% {
    top: 110%;
    left: 54%; } }

.confetti-112 {
  width: 4px;
  height: 1.6px;
  background-color: #263672;
  top: -10%;
  left: 79%;
  opacity: 0.57404;
  transform: rotate(166.29301deg);
  animation: drop-112 4.91766s 0.02545s infinite; }

@keyframes drop-112 {
  100% {
    top: 110%;
    left: 80%; } }

.confetti-113 {
  width: 4px;
  height: 1.6px;
  background-color: #d13447;
  top: -10%;
  left: 53%;
  opacity: 0.66896;
  transform: rotate(273.38332deg);
  animation: drop-113 4.83237s 0.28738s infinite; }

@keyframes drop-113 {
  100% {
    top: 110%;
    left: 62%; } }

.confetti-114 {
  width: 8px;
  height: 3.2px;
  background-color: #263672;
  top: -10%;
  left: 67%;
  opacity: 1.3432;
  transform: rotate(34.47665deg);
  animation: drop-114 4.75775s 0.8339s infinite; }

@keyframes drop-114 {
  100% {
    top: 110%;
    left: 70%; } }

.confetti-115 {
  width: 1px;
  height: 0.4px;
  background-color: #d13447;
  top: -10%;
  left: 97%;
  opacity: 0.70431;
  transform: rotate(36.25484deg);
  animation: drop-115 4.45256s 0.55272s infinite; }

@keyframes drop-115 {
  100% {
    top: 110%;
    left: 100%; } }

.confetti-116 {
  width: 7px;
  height: 2.8px;
  background-color: #d13447;
  top: -10%;
  left: 72%;
  opacity: 0.52488;
  transform: rotate(93.53072deg);
  animation: drop-116 4.3831s 0.28033s infinite; }

@keyframes drop-116 {
  100% {
    top: 110%;
    left: 81%; } }

.confetti-117 {
  width: 6px;
  height: 2.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 3%;
  opacity: 0.90647;
  transform: rotate(43.65473deg);
  animation: drop-117 4.99006s 0.36571s infinite; }

@keyframes drop-117 {
  100% {
    top: 110%;
    left: 4%; } }

.confetti-118 {
  width: 2px;
  height: 0.8px;
  background-color: #ffbf00;
  top: -10%;
  left: 23%;
  opacity: 0.62555;
  transform: rotate(249.53888deg);
  animation: drop-118 4.63179s 0.30384s infinite; }

@keyframes drop-118 {
  100% {
    top: 110%;
    left: 30%; } }

.confetti-119 {
  width: 4px;
  height: 1.6px;
  background-color: #ffbf00;
  top: -10%;
  left: 50%;
  opacity: 0.59959;
  transform: rotate(251.26247deg);
  animation: drop-119 4.65122s 0.38058s infinite; }

@keyframes drop-119 {
  100% {
    top: 110%;
    left: 58%; } }

.confetti-120 {
  width: 7px;
  height: 2.8px;
  background-color: #263672;
  top: -10%;
  left: 60%;
  opacity: 0.87145;
  transform: rotate(209.60264deg);
  animation: drop-120 4.21122s 0.21369s infinite; }

@keyframes drop-120 {
  100% {
    top: 110%;
    left: 65%; } }

.confetti-121 {
  width: 6px;
  height: 2.4px;
  background-color: #263672;
  top: -10%;
  left: 4%;
  opacity: 1.47218;
  transform: rotate(46.5377deg);
  animation: drop-121 4.80554s 0.51389s infinite; }

@keyframes drop-121 {
  100% {
    top: 110%;
    left: 8%; } }

.confetti-122 {
  width: 3px;
  height: 1.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 44%;
  opacity: 0.80916;
  transform: rotate(52.34919deg);
  animation: drop-122 4.84509s 0.97956s infinite; }

@keyframes drop-122 {
  100% {
    top: 110%;
    left: 46%; } }

.confetti-123 {
  width: 1px;
  height: 0.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 50%;
  opacity: 1.37407;
  transform: rotate(304.4697deg);
  animation: drop-123 4.40112s 0.87678s infinite; }

@keyframes drop-123 {
  100% {
    top: 110%;
    left: 58%; } }

.confetti-124 {
  width: 5px;
  height: 2px;
  background-color: #ffbf00;
  top: -10%;
  left: 5%;
  opacity: 0.99508;
  transform: rotate(4.32116deg);
  animation: drop-124 4.57795s 0.29457s infinite; }

@keyframes drop-124 {
  100% {
    top: 110%;
    left: 6%; } }

.confetti-125 {
  width: 7px;
  height: 2.8px;
  background-color: #263672;
  top: -10%;
  left: 9%;
  opacity: 1.04995;
  transform: rotate(94.85096deg);
  animation: drop-125 4.23752s 0.29241s infinite; }

@keyframes drop-125 {
  100% {
    top: 110%;
    left: 17%; } }

.confetti-126 {
  width: 2px;
  height: 0.8px;
  background-color: #d13447;
  top: -10%;
  left: 100%;
  opacity: 1.28605;
  transform: rotate(37.90469deg);
  animation: drop-126 4.2697s 0.90239s infinite; }

@keyframes drop-126 {
  100% {
    top: 110%;
    left: 106%; } }

.confetti-127 {
  width: 3px;
  height: 1.2px;
  background-color: #d13447;
  top: -10%;
  left: 23%;
  opacity: 1.48224;
  transform: rotate(18.33243deg);
  animation: drop-127 4.54424s 0.23312s infinite; }

@keyframes drop-127 {
  100% {
    top: 110%;
    left: 38%; } }

.confetti-128 {
  width: 8px;
  height: 3.2px;
  background-color: #d13447;
  top: -10%;
  left: 30%;
  opacity: 0.51968;
  transform: rotate(250.41752deg);
  animation: drop-128 4.81698s 0.58038s infinite; }

@keyframes drop-128 {
  100% {
    top: 110%;
    left: 44%; } }

.confetti-129 {
  width: 6px;
  height: 2.4px;
  background-color: #d13447;
  top: -10%;
  left: 2%;
  opacity: 1.49818;
  transform: rotate(293.37974deg);
  animation: drop-129 4.12267s 0.03209s infinite; }

@keyframes drop-129 {
  100% {
    top: 110%;
    left: 17%; } }

.confetti-130 {
  width: 7px;
  height: 2.8px;
  background-color: #ffbf00;
  top: -10%;
  left: 52%;
  opacity: 1.32089;
  transform: rotate(253.12408deg);
  animation: drop-130 4.54411s 0.77824s infinite; }

@keyframes drop-130 {
  100% {
    top: 110%;
    left: 62%; } }

.confetti-131 {
  width: 4px;
  height: 1.6px;
  background-color: #263672;
  top: -10%;
  left: 11%;
  opacity: 1.12413;
  transform: rotate(13.25352deg);
  animation: drop-131 4.30541s 0.40501s infinite; }

@keyframes drop-131 {
  100% {
    top: 110%;
    left: 18%; } }

.confetti-132 {
  width: 3px;
  height: 1.2px;
  background-color: #263672;
  top: -10%;
  left: 45%;
  opacity: 0.9689;
  transform: rotate(44.478deg);
  animation: drop-132 4.95169s 0.86424s infinite; }

@keyframes drop-132 {
  100% {
    top: 110%;
    left: 48%; } }

.confetti-133 {
  width: 4px;
  height: 1.6px;
  background-color: #ffbf00;
  top: -10%;
  left: 78%;
  opacity: 0.56329;
  transform: rotate(94.31295deg);
  animation: drop-133 4.34981s 0.79077s infinite; }

@keyframes drop-133 {
  100% {
    top: 110%;
    left: 93%; } }

.confetti-134 {
  width: 1px;
  height: 0.4px;
  background-color: #263672;
  top: -10%;
  left: 3%;
  opacity: 0.5516;
  transform: rotate(293.69062deg);
  animation: drop-134 4.22553s 0.00351s infinite; }

@keyframes drop-134 {
  100% {
    top: 110%;
    left: 18%; } }

.confetti-135 {
  width: 7px;
  height: 2.8px;
  background-color: #263672;
  top: -10%;
  left: 13%;
  opacity: 1.45827;
  transform: rotate(206.47297deg);
  animation: drop-135 4.91239s 0.44674s infinite; }

@keyframes drop-135 {
  100% {
    top: 110%;
    left: 17%; } }

.confetti-136 {
  width: 4px;
  height: 1.6px;
  background-color: #d13447;
  top: -10%;
  left: 98%;
  opacity: 1.20652;
  transform: rotate(314.26815deg);
  animation: drop-136 4.76082s 0.7815s infinite; }

@keyframes drop-136 {
  100% {
    top: 110%;
    left: 105%; } }

.confetti-137 {
  width: 1px;
  height: 0.4px;
  background-color: #263672;
  top: -10%;
  left: 71%;
  opacity: 0.58502;
  transform: rotate(355.5859deg);
  animation: drop-137 4.68649s 0.63147s infinite; }

@keyframes drop-137 {
  100% {
    top: 110%;
    left: 75%; } }

.confetti-138 {
  width: 5px;
  height: 2px;
  background-color: #ffbf00;
  top: -10%;
  left: 52%;
  opacity: 1.27043;
  transform: rotate(48.28914deg);
  animation: drop-138 4.54947s 0.47974s infinite; }

@keyframes drop-138 {
  100% {
    top: 110%;
    left: 66%; } }

.confetti-139 {
  width: 3px;
  height: 1.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 85%;
  opacity: 0.87665;
  transform: rotate(287.96266deg);
  animation: drop-139 4.8551s 0.33475s infinite; }

@keyframes drop-139 {
  100% {
    top: 110%;
    left: 87%; } }

.confetti-140 {
  width: 5px;
  height: 2px;
  background-color: #ffbf00;
  top: -10%;
  left: 8%;
  opacity: 0.96408;
  transform: rotate(267.74852deg);
  animation: drop-140 4.98348s 0.26851s infinite; }

@keyframes drop-140 {
  100% {
    top: 110%;
    left: 12%; } }

.confetti-141 {
  width: 1px;
  height: 0.4px;
  background-color: #d13447;
  top: -10%;
  left: 86%;
  opacity: 0.54252;
  transform: rotate(242.45987deg);
  animation: drop-141 4.0683s 0.13803s infinite; }

@keyframes drop-141 {
  100% {
    top: 110%;
    left: 97%; } }

.confetti-142 {
  width: 8px;
  height: 3.2px;
  background-color: #ffbf00;
  top: -10%;
  left: 84%;
  opacity: 0.77684;
  transform: rotate(38.36868deg);
  animation: drop-142 4.3985s 0.5323s infinite; }

@keyframes drop-142 {
  100% {
    top: 110%;
    left: 94%; } }

.confetti-143 {
  width: 6px;
  height: 2.4px;
  background-color: #d13447;
  top: -10%;
  left: 16%;
  opacity: 0.61908;
  transform: rotate(164.35819deg);
  animation: drop-143 4.24962s 0.39045s infinite; }

@keyframes drop-143 {
  100% {
    top: 110%;
    left: 25%; } }

.confetti-144 {
  width: 2px;
  height: 0.8px;
  background-color: #263672;
  top: -10%;
  left: 67%;
  opacity: 0.65296;
  transform: rotate(237.41654deg);
  animation: drop-144 4.03884s 0.68078s infinite; }

@keyframes drop-144 {
  100% {
    top: 110%;
    left: 75%; } }

.confetti-145 {
  width: 8px;
  height: 3.2px;
  background-color: #263672;
  top: -10%;
  left: 82%;
  opacity: 0.91198;
  transform: rotate(15.69364deg);
  animation: drop-145 4.83578s 0.3608s infinite; }

@keyframes drop-145 {
  100% {
    top: 110%;
    left: 97%; } }

.confetti-146 {
  width: 6px;
  height: 2.4px;
  background-color: #ffbf00;
  top: -10%;
  left: 30%;
  opacity: 1.33079;
  transform: rotate(123.55358deg);
  animation: drop-146 4.76601s 0.34854s infinite; }

@keyframes drop-146 {
  100% {
    top: 110%;
    left: 43%; } }

.confetti-147 {
  width: 2px;
  height: 0.8px;
  background-color: #d13447;
  top: -10%;
  left: 44%;
  opacity: 1.05724;
  transform: rotate(66.0763deg);
  animation: drop-147 4.95863s 0.30961s infinite; }

@keyframes drop-147 {
  100% {
    top: 110%;
    left: 58%; } }

.confetti-148 {
  width: 3px;
  height: 1.2px;
  background-color: #d13447;
  top: -10%;
  left: 97%;
  opacity: 1.27001;
  transform: rotate(186.34884deg);
  animation: drop-148 4.67453s 0.08414s infinite; }

@keyframes drop-148 {
  100% {
    top: 110%;
    left: 109%; } }

.confetti-149 {
  width: 7px;
  height: 2.8px;
  background-color: #d13447;
  top: -10%;
  left: 13%;
  opacity: 0.81434;
  transform: rotate(91.24276deg);
  animation: drop-149 4.71766s 0.34042s infinite; }

@keyframes drop-149 {
  100% {
    top: 110%;
    left: 28%; } }

.confetti-150 {
  width: 5px;
  height: 2px;
  background-color: #263672;
  top: -10%;
  left: 47%;
  opacity: 0.77856;
  transform: rotate(0.12659deg);
  animation: drop-150 4.86702s 0.59726s infinite; }

@keyframes drop-150 {
  100% {
    top: 110%;
    left: 56%; } }

.header {
  box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 1000;
  transition: transform 0.4s; }
  .header.freeze {
    box-shadow: none;
    position: relative; }
  .header-wrapper {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.75rem 0; }
  .header-logo {
        flex-basis: 25%;
    max-width: 200px; }
    .header-logo > img {
      max-height: 94px; }
      @media only screen and (max-width: 46.1875em) {
        .header-logo > img {
          max-height: 60px; }
          .header-logo > img .hide-on-mobile {
            display: none; } }
@media only screen and (max-width: 375px) {
    .header-logo {
        flex-basis: 23%; }
 }
  .header-nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 24px;
    font-weight: 500; }
    @media only screen and (min-width: 63.9375em) and (max-width: 1240px) {
      .header-nav {
        gap: 10px; }
        .header-nav .hide-on-pc-Lose {
          display: none; } }
    .header-nav__link {
      color: #000;
      display: block;
      font-size: 1.6rem;
      font-weight: 500; }
      .header-nav__link.active {
        color: #0b63d9; }
      .header-nav__link:hover {
        color: #0b63d9; }
    .header-nav__mobile {
      display: none;
      margin-left: 16px; }
      @media only screen and (max-width: 63.9375em) {
        .header-nav__mobile {
          display: block;
          margin-left: 10px; }
          .header-nav__mobile .hide-on-bothTM {
            display: none !important; } }
    @media only screen and (max-width: 46.1875em) {
      .header-contact > svg {
        width: 18px;
        height: 18px; }
        .header-contact > svg .hide-on-mobile {
          display: none; } }
    .header-contact__text {
      margin-left: 12px;
      font-weight: 700;
      font-size: 2.4rem;
      color: #0b63d9; }
      @media only screen and (max-width: 46.1875em) {
        .header-contact__text {
          font-size: 2rem;
          margin-left: 8px; }
          .header-contact__text .hide-on-mobile {
            display: none; } }
      .header-contact__text:hover {
        color: #0b63d9; }
  .header-menu {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 50%;
    transform: translate(-50%);
    z-index: 10; }
    .header-menu__list {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
      text-align: center;
      box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
      background-color: #eaeaea; }
    .header-menu__item {
      flex: 1;
      padding: 14px 0;
      font-size: 1.6rem;
      border: 0.5px solid #c2c2c2;
      position: relative;
      cursor: pointer; }
      .header-menu__item:hover {
        background-color: #fff; }
        .header-menu__item:hover .header-sub {
          display: block; }
          .header-menu__item:hover .header-sub.sub-type, .header-menu__item:hover .header-sub.sub-brand {
            display: grid; }
  .header-sub {
    position: absolute;
    top: 100%;
    left: -0.5px;
    transition: all 0.3s;
    display: none;
    background-color: #fff;
    width: 100.5%;
    padding: 10px 10px;
    border: 1px solid #c2c2c2;
    box-shadow: 0px 9px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 9px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 9px 4px rgba(0, 0, 0, 0.2); }
    .header-sub__item a {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
      color: #000;
      padding: 14px 0;
      font-size: 1.5rem; }
      .header-sub__item a > img {
        width: 35px;
        height: 35px; }
      .header-sub__item a:hover {
        color: #0b63d9; }
    .header-sub.sub-brand {
      width: 250%;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px 20px;
      display: none; }
    .header-sub.sub-type {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 0px 20px;
      display: none; }
    .header-sub .form-select {
      margin-bottom: 10px;
      font-size: 1.6rem; }
      .header-sub .form-select:focus, .header-sub .form-select:active {
        box-shadow: none;
        border-color: #0b63d9; }
    .header-sub__btn {
      margin-top: 4px;
      width: 100%; }
  .header-offcanvas .offcanvas-header {
    padding-top: 14px; }
  .header-offcanvas .offcanvas-body {
    padding: 20px 20px; }
    .header-offcanvas .offcanvas-body .header-nav {
      display: block; }
      .header-offcanvas .offcanvas-body .header-nav__item {
        padding: 10px 0;
        border-bottom: 1px solid #f5f5f5; }
        .header-offcanvas .offcanvas-body .header-nav__item:last-child {
          border-bottom: 0; }
      .header-offcanvas .offcanvas-body .header-nav__link {
        display: block; }

.footer {
  background-color: #4a4950;
  color: #fff; }
  .footer-wrapper {
    padding: 40px 0; }
  .footer-top {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-items: flex-start;
    margin-bottom: 40px; }
    @media only screen and (max-width: 63.9375em) {
      .footer-top {
        flex-wrap: wrap;
        gap: 30px 0;
        justify-content: space-around; }
        .footer-top .hide-on-bothTM {
          display: none !important; } }
    .footer-top a:hover {
      color: #0b63d9; }
    .footer-top__title {
      font-size: 1.8rem;
      margin-bottom: 14px;
      font-weight: 600; }
    .footer-top__list .nav-link {
      display: block;
      padding-left: 0;
      font-size: 1.4rem;
      color: #fff;
      font-weight: 500; }
      .footer-top__list .nav-link:hover {
        color: #0b63d9; }
    .footer-top__phone {
      font-size: 3.2rem;
      color: #ffffff;
      font-weight: 600;
      display: block;
      margin-bottom: 10px; }
    .footer-top__contact {
      color: #ffffff;
      font-size: 1.5rem;
      font-weight: 500; }
    .footer-top__companies-item {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
      margin-bottom: 8px;
      font-size: 1.4rem;
      font-weight: 500; }
      @media only screen and (max-width: 63.9375em) {
        .footer-top__companies-item {
          flex-direction: column;
          margin-bottom: 22px; }
          .footer-top__companies-item .hide-on-bothTM {
            display: none !important; } }
      .footer-top__companies-item a {
        display: block;
        margin-left: 5px;
        color: #0b63d9; }
        .footer-top__companies-item a:hover {
          color: #0b63d9; }
        @media only screen and (max-width: 63.9375em) {
          .footer-top__companies-item a {
            margin-top: 12px; }
            .footer-top__companies-item a .hide-on-bothTM {
              display: none !important; } }
    @media only screen and (max-width: 46.1875em) {
      .footer-top__cover {
        min-width: 38%; }
        .footer-top__cover .hide-on-mobile {
          display: none; } }
  .footer-brand {
    width: 22%; }
    @media only screen and (max-width: 63.9375em) {
      .footer-brand {
        width: 72%;
        margin: auto; }
        .footer-brand .hide-on-bothTM {
          display: none !important; } }
    .footer-brand__text {
      color: #fff;
      font-size: 1.4rem;
      font-weight: 500;
      margin-bottom: 14px;
      line-height: 23px; }
    .footer-brand__img {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
      gap: 10px 10px; }
      .footer-brand__img img {
        max-width: 110px; }
    .footer-brand__list {
      margin-top: 20px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
      gap: 10px 10px; }
    .footer-brand__link {
      color: #4a4950;
      font-size: 20px;
      font-weight: 500;
      background: #fff;
      padding: 4px;
      border-radius: 50px;
      width: 40px;
      height: 40px;
      display: block;
      text-align: center; }
  .footer-bottom {
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 22px; }

.banner {
  height: 510px;
  overflow: hidden;
  position: relative;
  transition: all 0.3s; }
  @media only screen and (max-width: 63.9375em) {
    .banner {
      height: auto; }
      .banner .hide-on-bothTM {
        display: none !important; } }
  .banner.show {
    height: auto; }
    .banner.show .banner-title {
      padding-bottom: 72px;
      height: auto;
      -webkit-mask-image: none; }
      .banner.show .banner-title__more {
        bottom: 40px; }
  .banner-wrapper {
    position: relative;
    width: 100%;
    height: 100%; }
  .banner-cover {
    padding-top: 64px;
    position: relative;
    z-index: 5; }
    @media only screen and (max-width: 63.9375em) {
      .banner-cover {
        padding-top: 20px;
        padding-bottom: 30px; }
        .banner-cover .hide-on-bothTM {
          display: none !important; } }
  .banner-breadcrumb {
    color: #fff; }
    .banner-breadcrumb.cover {
      margin-top: 60px;
      margin-bottom: 10px; }
      @media only screen and (max-width: 63.9375em) {
        .banner-breadcrumb.cover {
          margin-top: 20px; }
          .banner-breadcrumb.cover .hide-on-bothTM {
            display: none !important; } }
    .banner-breadcrumb .breadcrumb-item a,
    .banner-breadcrumb .breadcrumb-item {
      color: #fff; }
      .banner-breadcrumb .breadcrumb-item a + .breadcrumb-item,
      .banner-breadcrumb .breadcrumb-item + .breadcrumb-item {
        padding-left: 12px; }
      .banner-breadcrumb .breadcrumb-item a::before,
      .banner-breadcrumb .breadcrumb-item::before {
        padding-right: 8px;
        color: #fff; }
  .banner-title {
    color: #fff;
    height: 340px;
    overflow-y: hidden;
    width: 50%;
    line-height: 22px;
    -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 70%, transparent 100%); }
    @media only screen and (max-width: 63.9375em) {
      .banner-title {
        width: 55%; }
        .banner-title .hide-on-bothTM {
          display: none !important; } }
    @media only screen and (max-width: 46.1875em) {
      .banner-title {
        width: 94%; }
        .banner-title .hide-on-mobile {
          display: none; } }
    .banner-title a {
      display: inline-block; }
    .banner-title h2 {
      color: white;
      font-size: 2.9rem;
      line-height: 40px;
      margin-bottom: 10px; }
      @media only screen and (max-width: 63.9375em) {
        .banner-title h2 {
          font-size: 2.4rem;
          line-height: 32px; }
          .banner-title h2 .hide-on-bothTM {
            display: none !important; } }
    .banner-title__more {
      position: absolute;
      bottom: 0;
      bottom: -30px;
      left: 50%;
      cursor: pointer;
      transform: translateX(-50%);
      color: #fff;
      font-size: 1.6rem;
      font-weight: 500; }
      @media only screen and (max-width: 63.9375em) {
        .banner-title__more {
          bottom: 28px; }
          .banner-title__more .hide-on-bothTM {
            display: none !important; } }
  .banner-overlay {
    position: absolute;
    inset: 0;
    z-index: 5;
    background-image: linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 100%); }
    @media only screen and (max-width: 63.9375em) {
      .banner-overlay {
        background-image: linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 122%); }
        .banner-overlay .hide-on-bothTM {
          display: none !important; } }
  .banner-img {
    object-fit: cover;
    object-position: top;
    width: 100%;
    height: 100%; }
  .banner-info {
    position: absolute;
    width: auto;
    color: #fff;
    bottom: 50%;
    transform: translateY(50%);
    left: 10%;
    z-index: 10; }
    @media only screen and (max-width: 63.9375em) {
      .banner-info {
        left: 0%;
        margin-left: 20px; }
        .banner-info .hide-on-bothTM {
          display: none !important; } }
    .banner-info.sub {
      left: 50%;
      width: max-content;
      transform: translateX(-50%); }
      @media only screen and (max-width: 63.9375em) {
        .banner-info.sub {
          position: relative;
          left: 0%;
          width: 80%;
          height: 300px;
          margin: 0px auto;
          transform: inherit;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column; }
          .banner-info.sub .hide-on-bothTM {
            display: none !important; } }
      @media only screen and (max-width: 46.1875em) {
        .banner-info.sub {
          width: 100%; }
          .banner-info.sub .hide-on-mobile {
            display: none; } }
      .banner-info.sub .banner-info__heading {
        font-size: 3.2rem; }
        @media only screen and (max-width: 63.9375em) {
          .banner-info.sub .banner-info__heading {
            text-align: center;
            line-height: 46px; }
            .banner-info.sub .banner-info__heading .hide-on-bothTM {
              display: none !important; } }
        @media only screen and (max-width: 46.1875em) {
          .banner-info.sub .banner-info__heading {
            font-size: 2.2rem;
            line-height: normal; }
            .banner-info.sub .banner-info__heading .hide-on-mobile {
              display: none; } }
      .banner-info.sub .banner-button {
        display: block;
        margin: 30px auto 0;
        font-size: 1.8rem;
        background-color: #fff;
        color: #0b63d9; }
        @media only screen and (max-width: 46.1875em) {
          .banner-info.sub .banner-button {
            font-size: 1.5rem; }
            .banner-info.sub .banner-button .hide-on-mobile {
              display: none; } }
    .banner-info__heading {
      margin-bottom: 10px;
      font-weight: bold;
      font-size: 7rem; }
      @media only screen and (max-width: 63.9375em) {
        .banner-info__heading {
          font-size: 4.8rem; }
          .banner-info__heading .hide-on-bothTM {
            display: none !important; } }
      @media only screen and (max-width: 46.1875em) {
        .banner-info__heading {
          margin-bottom: 10px;
          font-size: 2.8rem; }
          .banner-info__heading .hide-on-mobile {
            display: none; } }
    .banner-info__text {
      width: 80%;
      font-size: 3.2rem;
      line-height: 40px;
      margin-bottom: 20px;
      font-weight: 500; }
      @media only screen and (max-width: 46.1875em) {
        .banner-info__text {
          font-size: 2rem;
          line-height: 27px; }
          .banner-info__text .hide-on-mobile {
            display: none; } }
    .banner-info__note {
      font-size: 1.7rem;
      text-transform: uppercase;
      text-align: center;
      font-weight: bold;
      line-height: 25px;
      width: 90%; }
  .banner-button {
    padding: 12px 40px;
    font-size: 2.4rem;
    font-weight: 500; }
    @media only screen and (max-width: 46.1875em) {
      .banner-button {
        font-size: 1.8rem;
        padding: 10px 34px; }
        .banner-button .hide-on-mobile {
          display: none; } }

.brand {
  position: relative;
  user-select: none;
  background-color: #eaeaea; }
  .brand-list {
    padding: 16px; }
    .brand-list .swiper-slide {
      width: 97px;
      height: auto; }
  .brand-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    flex-direction: column;
    user-select: none;
    color: #000; }
    .brand-item:hover {
      color: #0b63d9; }
    .brand-item__img {
      width: 50px;
      height: 50px;
      margin-bottom: 4px; }
    .brand-item__text {
      font-size: 1.4rem;
      font-weight: 500;
      text-align: center;
      text-transform: uppercase; }
  .brand-nav {
    position: absolute;
    top: 50%;
    width: auto;
    height: auto;
    cursor: pointer;
    transform: translateY(-50%);
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    padding: 8px;
    border-radius: 50%;
    background-color: #fff;
    z-index: 10;
    margin-top: 0; }
    .brand-nav.swiper-button-next {
      left: 26px;
      right: auto; }
      @media only screen and (max-width: 46.1875em) {
        .brand-nav.swiper-button-next {
          left: 14px; }
          .brand-nav.swiper-button-next .hide-on-mobile {
            display: none; } }
      .brand-nav.swiper-button-next::after {
        display: none; }
    .brand-nav.swiper-button-prev {
      right: 26px;
      left: auto; }
      @media only screen and (max-width: 46.1875em) {
        .brand-nav.swiper-button-prev {
          right: 14px; }
          .brand-nav.swiper-button-prev .hide-on-mobile {
            display: none; } }
      .brand-nav.swiper-button-prev::after {
        display: none; }

.category-filter {
  padding: 30px;
  margin: 40px 0;
  background: #f5f5f5;
  border-radius: 10px; }
  .category-filter__heading {
    font-size: 1.8rem;
    font-weight: 500;
    margin-bottom: 20px; }
  .category-filter__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px 30px; }
    @media only screen and (max-width: 46.1875em) {
      .category-filter__list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px 30px; }
        .category-filter__list .hide-on-mobile {
          display: none; } }
  .category-filter__item a {
    display: inline-block;
    color: #000; }
    .category-filter__item a:hover {
      color: #0b63d9; }
  .category-filter__btn {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.9rem;
    padding: 16px 0;
    margin-bottom: 40px;
    width: 100%;
    font-weight: 500;
    border-radius: 6px;
    border-color: transparent;
    background-color: #f5f5f5; }
    .category-filter__btn > svg {
      margin-left: 6px; }
    .category-filter__btn:hover {
      background-color: #eee; }

.category-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px 30px;
  margin-bottom: 40px; }
  @media only screen and (max-width: 63.9375em) {
    .category-list {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 32px 30px; }
      .category-list .hide-on-bothTM {
        display: none !important; } }
  @media only screen and (max-width: 46.1875em) {
    .category-list {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 32px 30px; }
      .category-list .hide-on-mobile {
        display: none; } }

.category-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2); }
  .category-item__img {
      max-height: 240px;
    width: 100%;
    object-fit: cover;
    object-position: center; }
  .category-item__title {
    font-size: 2.1rem;
    color: #fff;
    padding: 12px 20px;
    line-height: 1.3;
    background-color: #0b63d9;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
    @media only screen and (max-width: 63.9375em) {
      .category-item__title {
        font-size: 2rem; }
        .category-item__title .hide-on-bothTM {
          display: none !important; } }
  .category-item__info {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 12px 20px 16px; }
  .category-item__position {
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 6px; }
  .category-item__price {
    color: #0b63d9;
    font-size: 2.4rem;
    font-weight: 700;
    display: block;
    margin-bottom: 12px; }
  .category-item__details {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-bottom: 16px; }
  .category-item__text {
    flex: 1;
    font-size: 1.5rem;
    color: #7b7b7b;
    font-weight: 500;
    line-height: 20px; }

.category-button {
  margin-top: auto;
  width: 100%;
  font-size: 1.8rem; }

.article {
  margin: 60px 0; }
  .article-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 40px; }
    @media only screen and (max-width: 63.9375em) {
      .article-wrapper {
        display: block; }
        .article-wrapper .hide-on-bothTM {
          display: none !important; } }
  .article-info {
    margin-left: auto;
    width: 64%; }
    @media only screen and (max-width: 63.9375em) {
      .article-info {
        width: 100%; }
        .article-info .hide-on-bothTM {
          display: none !important; } }
    .article-info__title {
      font-size: 3.2rem;
      font-weight: bold;
      margin-bottom: 12px;
      line-height: 42px; }
      @media only screen and (max-width: 46.1875em) {
        .article-info__title {
          margin-bottom: 14px;
          line-height: 30px;
          font-size: 2.5rem; }
          .article-info__title .hide-on-mobile {
            display: none; } }
    .article-info__text {
      line-height: 22px;
      font-size: 1.5rem;
      font-weight: 400; }
    .article-info.service {
      width: 72%; }
      @media only screen and (max-width: 63.9375em) {
        .article-info.service {
          width: 100%; }
          .article-info.service .hide-on-bothTM {
            display: none !important; } }
  .article-img {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    height: 100%; }
    @media only screen and (max-width: 63.9375em) {
      .article-img {
        justify-content: center;
        margin-bottom: 30px; }
        .article-img .hide-on-bothTM {
          display: none !important; } }
    @media only screen and (max-width: 46.1875em) {
      .article-img {
        margin-bottom: 16px; }
        .article-img .hide-on-mobile {
          display: none; } }

.service-list {
  margin: 60px 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 87px; }
  @media only screen and (max-width: 63.9375em) {
    .service-list {
      gap: 30px 64px; }
      .service-list .hide-on-bothTM {
        display: none !important; } }
  @media only screen and (max-width: 46.1875em) {
    .service-list {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 40px 30px; }
      .service-list .hide-on-mobile {
        display: none; } }

.service-item__img {
  max-height: 73px;
  max-width: 70px;
  margin: 0 auto 30px; }

.service-item__text {
  font-size: 1.7rem;
  font-weight: 500;
  line-height: normal;
  text-align: center; }

.news {
  background-color: #f5f5f5; }
  .news-wrapper {
    padding: 40px 0; }
  .news-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 80px; }
    @media only screen and (max-width: 63.9375em) {
      .news-list {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 40px 80px; }
        .news-list .hide-on-bothTM {
          display: none !important; } }
  .news-item__img {
    margin-bottom: 14px;
    width: 100%;
    object-fit: cover;
    object-position: center; }
  .news-item__name {
    font-size: 2.4rem;
    font-weight: bold;
    margin-bottom: 16px;
    line-height: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .news-btn {
    display: block;
    margin: 60px auto 0; }

.commit {
  background: #0b63d9;
  position: relative; }
  .commit-backg {
    opacity: 0.2;
    height: 500px;
    background-size: cover; }
    @media only screen and (max-width: 63.9375em) {
      .commit-backg {
        height: 420px; }
        .commit-backg .hide-on-bothTM {
          display: none !important; } }
    @media only screen and (max-width: 46.1875em) {
      .commit-backg {
        height: 530px; }
        .commit-backg .hide-on-mobile {
          display: none; } }
  .commit-wrapper {
    position: absolute;
    top: 0%;
    width: auto;
    margin-top: 50px; }
    @media only screen and (max-width: 1366px) {
      .commit-wrapper {
        padding: 0 50px;
        width: 100%;
        left: 0; } }
    @media only screen and (max-width: 46.1875em) {
      .commit-wrapper {
        padding: 0 16px; }
        .commit-wrapper .hide-on-mobile {
          display: none; } }
  .commit-heading {
    font-size: 3.2rem;
    color: #ffffff;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 28px; }
    @media only screen and (max-width: 1283px) {
      .commit-heading {
        font-size: 2.8rem; }
        .commit-heading .hide-on-pc-HD {
          display: none; } }
    @media only screen and (max-width: 63.9375em) {
      .commit-heading {
        font-size: 2.4rem; }
        .commit-heading .hide-on-bothTM {
          display: none !important; } }
  .commit-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px 200px; }
    @media only screen and (max-width: 1366px) {
      .commit-list {
        gap: 22px 150px; } }
    @media only screen and (max-width: 63.9375em) {
      .commit-list {
        gap: 22px 48px; }
        .commit-list .hide-on-bothTM {
          display: none !important; } }
    @media only screen and (max-width: 46.1875em) {
      .commit-list {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 22px 20px; }
        .commit-list .hide-on-mobile {
          display: none; } }
  .commit-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    align-items: flex-start;
    color: #fff;
    font-size: 2.4rem;
    font-weight: 500; }
    @media only screen and (max-width: 1366px) {
      .commit-item {
        font-size: 2.2rem;
        line-height: 25px; } }
    @media only screen and (max-width: 1283px) {
      .commit-item {
        font-size: 2.1rem; }
        .commit-item .hide-on-pc-HD {
          display: none; } }
    @media only screen and (max-width: 63.9375em) {
      .commit-item {
        font-size: 1.9rem; }
        .commit-item .hide-on-bothTM {
          display: none !important; } }
    .commit-item > i {
      margin: 2px 10px 0 0; }
      @media only screen and (max-width: 1366px) {
        .commit-item > i {
          margin: 3px 10px 0 0; } }
  .commit-contact {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 40px; }
    .commit-contact > a {
      background-color: #fff;
      color: #0b63d9; }
      .commit-contact > a:hover {
        color: #000; }
    .commit-contact > a {
      font-weight: 500;
      color: #fff;
      font-size: 3rem; }
      .commit-contact > a:hover {
        opacity: 0.6; }

.sell-wrapper {
  margin: 14px 0 24px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 0; }
  @media only screen and (max-width: 63.9375em) {
    .sell-wrapper {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 0 0; }
      .sell-wrapper .hide-on-bothTM {
        display: none !important; } }

.sell-heading {
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  font-weight: bold; }

.sell-cover, .sell-contact {
  padding: 16px; }

.sell-cover {
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #eee; }
  @media only screen and (max-width: 63.9375em) {
    .sell-cover {
      margin-bottom: 30px; }
      .sell-cover .hide-on-bothTM {
        display: none !important; } }

.sell-note {
  margin-top: 16px; }
  .sell-note__title {
    font-weight: bold;
    margin-bottom: 8px; }
  .sell-note__text {
    font-size: 1.3rem;
    line-height: 20px; }

.sell-form {
  margin-top: 16px; }
  .sell-form .input-group {
    font-size: 1.6rem; }
    .sell-form .input-group select,
    .sell-form .input-group input {
      border-radius: 4px;
      font-size: 1.6rem; }
    .sell-form .input-group-text {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 38px;
      font-size: 1.5rem;
      padding: 8px 12px; }
    .sell-form .input-group select,
    .sell-form .input-group input {
      padding-left: 12px; }
  .sell-form .form-floating .form-control {
    border-radius: 4px;
    padding: 1rem 1rem; }
    .sell-form .form-floating .form-control:focus {
      padding-top: 2.2rem; }
  .sell-form .form-floating > label {
    padding: 1rem 1rem; }
  .sell-form__btn {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500;
    display: block;
    padding: 13px 18px;
    margin: 20px auto 0;
    border: 0;
    border-radius: 4px;
    background-color: #0b63d9; }

@media only screen and (max-width: 46.1875em) {
  .sell-contact {
    padding: 0; }
    .sell-contact .hide-on-mobile {
      display: none; } }

.sell-contact__list {
  margin-top: 20px; }

.sell-contact__item {
  margin-bottom: 22px; }
  .sell-contact__item:last-child {
    margin-bottom: 0; }

.sell-contact__name {
  padding: 0 10px;
  text-transform: uppercase;
  font-size: 2.1rem;
  color: #0b63d9; }
  @media only screen and (max-width: 63.9375em) {
    .sell-contact__name {
      font-size: 1.8rem; }
      .sell-contact__name .hide-on-bothTM {
        display: none !important; } }

.sell-contact__details {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  font-weight: 500;
  margin-top: 14px;
  padding: 16px 16px;
  border: 1px solid #eee;
  background-color: #fff; }
  .sell-contact__details > a {
    color: #000;
    font-weight: bold;
    font-size: 1.8rem;
    border-radius: 50px;
    margin: 0 8px;
    padding: 8px 10px;
    border: 1px solid #eee; }

.care-option {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0 0; }
  @media only screen and (max-width: 46.1875em) {
    .care-option {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 0 0; }
      .care-option .hide-on-mobile {
        display: none; } }
  .care-option__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 16px 20px;
    background-color: #0b63d9;
    color: #fff; }
    .care-option__item > i {
      margin-right: 10px;
      font-size: 2rem; }
    .care-option__item > p {
      line-height: 2rem;
      font-size: 1.6rem; }
    .care-option__item:nth-child(2n) {
      background-color: #084daa; }

.care-service {
  margin: 60px 0; }
  .care-service__heading {
    position: relative;
    color: #4a4a4a;
    text-align: center;
    font-size: 1.6rem;
    padding-bottom: 20px;
    text-transform: uppercase;
    margin-bottom: 45px; }
    @media only screen and (max-width: 63.9375em) {
      .care-service__heading {
        font-size: 1.9rem; }
        .care-service__heading .hide-on-bothTM {
          display: none !important; } }
    .care-service__heading::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      height: 2px;
      width: 80px;
      background-color: #0b63d9; }
  .care-service__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 46px; }
    @media only screen and (max-width: 63.9375em) {
      .care-service__list {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 28px 28px; }
        .care-service__list .hide-on-bothTM {
          display: none !important; } }
  .care-service__title {
    text-align: center;
    margin-bottom: 14px;
    font-size: 1.6rem;
    font-weight: bold; }
    @media only screen and (max-width: 63.9375em) {
      .care-service__title {
        font-size: 1.8rem; }
        .care-service__title .hide-on-bothTM {
          display: none !important; } }
  .care-service__details {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    border: 1px solid #eee;
    border-radius: 6px;
    overflow: hidden; }
  .care-service__icon {
    display: block;
    width: 42px;
    height: 42px;
    padding: 8px;
    background-color: #0b63d9; }
  .care-service__category {
    display: flex;
    flex-direction: column;
    gap: 14px 0; }
  .care-service__text {
    padding-left: 16px; }
    @media only screen and (max-width: 63.9375em) {
      .care-service__text {
        font-size: 1.7rem; }
        .care-service__text .hide-on-bothTM {
          display: none !important; } }

.care-image__list {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px 16px; }
  @media only screen and (max-width: 46.1875em) {
    .care-image__list {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 16px 16px; }
      .care-image__list .hide-on-mobile {
        display: none; } }

.care-video {
  margin: 60px 0 30px; }
  .care-video iframe {
    height: 500px; }
    @media only screen and (max-width: 46.1875em) {
      .care-video iframe {
        height: 250px; }
        .care-video iframe .hide-on-mobile {
          display: none; } }

.insurance {
  padding: 48px 0 0;
  background-color: #f5f5f5; }
  @media only screen and (max-width: 46.1875em) {
    .insurance {
      padding: 30px 0 0; }
      .insurance .hide-on-mobile {
        display: none; } }
  .insurance-wrapper {
    margin-bottom: 50px; }
  .insurance-heading {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 36px;
    color: #4a4a4a;
    text-align: center;
    margin-bottom: 15px; }
    @media only screen and (max-width: 46.1875em) {
      .insurance-heading {
        font-size: 2rem; }
        .insurance-heading .hide-on-mobile {
          display: none; } }
  .insurance-form {
    padding: 20px;
    color: #4a4a4a;
    display: block;
    max-width: 60%;
    margin: 0 auto;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.02); }
    @media only screen and (max-width: 63.9375em) {
      .insurance-form {
        max-width: 90%; }
        .insurance-form .hide-on-bothTM {
          display: none !important; } }
    @media only screen and (max-width: 46.1875em) {
      .insurance-form {
        max-width: 100%; }
        .insurance-form .hide-on-mobile {
          display: none; } }
    .insurance-form__value {
      margin-top: 6px;
      color: #4a4a4a;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 16px 20px; }
      @media only screen and (max-width: 46.1875em) {
        .insurance-form__value {
          flex-direction: column; }
          .insurance-form__value .hide-on-mobile {
            display: none; } }
      .insurance-form__value .input-group,
      .insurance-form__value .form-select {
        height: 38px;
        flex: 1; }
      .insurance-form__value .input-group-text,
      .insurance-form__value .input-group input,
      .insurance-form__value .form-select {
        font-size: 1.6rem; }
        .insurance-form__value .input-group-text:active, .insurance-form__value .input-group-text:focus,
        .insurance-form__value .input-group input:active,
        .insurance-form__value .input-group input:focus,
        .insurance-form__value .form-select:active,
        .insurance-form__value .form-select:focus {
          box-shadow: none; }
      .insurance-form__value .input-group > input {
        text-align: right; }
        .insurance-form__value .input-group > input::placeholder {
          color: silver; }
      .insurance-form__value .input-group-text {
        padding: 6px 16px;
        color: #7a7a7a;
        background-color: #f5f5f5; }
      .insurance-form__value .form-select {
        padding: 0.375rem 30px 0.375rem 12px; }
    .insurance-form__heading {
      margin-top: 34px; }
    .insurance-form__list {
      display: grid;
      grid-template-columns: repeat(9, 1fr);
      gap: 20px 16px;
      margin-top: 16px; }
    .insurance-form__item {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: center; }
      .insurance-form__item .form-check {
        margin-bottom: 0;
        font-size: 1.5rem; }
        .insurance-form__item .form-check-input {
          width: 15px;
          height: 15px;
          margin-top: 0; }
    .insurance-form__phone > input {
      font-size: 1.6rem;
      margin-top: 26px;
      padding: 8px 12px; }
    .insurance-form__btn {
      font-size: 1.8rem;
      color: #fff;
      display: block;
      padding: 16px 20px;
      margin: 30px auto 0;
      border-radius: 6px;
      border: 0;
      background-color: #0b63d9; }
    .insurance-form__text {
      text-align: center;
      margin-top: 12px;
      font-size: 1.5rem; }
      .insurance-form__text > p {
        line-height: 24px;
        text-transform: uppercase; }
        .insurance-form__text > p:first-child {
          text-transform: initial; }
  .insurance-cover {
    padding: 48px 0;
    background-color: #fff; }
  .insurance-partner__heading {
    font-size: 2.4rem;
    margin-bottom: 22px;
    color: #4a4a4a;
    text-align: center; }
  .insurance-partner__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px; }
    @media only screen and (max-width: 46.1875em) {
      .insurance-partner__list {
        grid-template-columns: repeat(1, 1fr); }
        .insurance-partner__list .hide-on-mobile {
          display: none; } }
  .insurance-partner__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 16px;
    color: #4a4a4a;
    padding: 0 16px;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.02); }
  .insurance-partner__img {
    height: 64px; }
  .insurance-partner__text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    font-weight: bold; }
    .insurance-partner__text > span {
      display: block;
      margin-left: 4px;
      font-weight: bold; }
  .insurance-info {
    margin: 50px 0; }
    .insurance-info .insurance-heading {
      margin-bottom: 30px; }
    .insurance-info__text {
      width: 60%;
      margin: 0 auto;
      font-size: 1.6rem;
      line-height: 24px; }
      @media only screen and (max-width: 63.9375em) {
        .insurance-info__text {
          width: 100%; }
          .insurance-info__text .hide-on-bothTM {
            display: none !important; } }
  .insurance-position .insurance-heading {
    margin-bottom: 26px; }
  .insurance-position__heading {
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    color: #4a4a4a;
    padding-bottom: 16px;
    border-bottom: 2px solid #f5f5f5; }
  .insurance-position__list {
    padding: 14px 0 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px; }
    @media only screen and (max-width: 46.1875em) {
      .insurance-position__list {
        grid-template-columns: repeat(1, 1fr); }
        .insurance-position__list .hide-on-mobile {
          display: none; } }
  .insurance-position__item {
    padding: 20px;
    border-radius: 6px;
    margin-bottom: 40px;
    box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.02); }
    .insurance-position__item:last-child {
      margin-bottom: 0; }
  .insurance-position__details {
    padding: 24px; }
    .insurance-position__details > p {
      line-height: 20px; }
  .insurance-position__title {
    font-size: 2rem;
    margin-bottom: 7px; }
  .insurance-position__map {
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.02);
    color: #4a4a4a; }
  .insurance-position__img {
    position: relative;
    padding-top: 62%;
    overflow: hidden; }
    .insurance-position__img > img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
  .insurance-position__btn {
    margin-top: 22px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px; }
    .insurance-position__btn > i {
      font-size: 1.4rem;
      margin-right: 8px; }
  .insurance-slider {
    padding: 48px 0;
    width: 60%;
    margin: 0 auto; }
    @media only screen and (max-width: 63.9375em) {
      .insurance-slider {
        width: 100%; }
        .insurance-slider .hide-on-bothTM {
          display: none !important; } }
    .insurance-slider__heading {
      font-size: 2.4rem;
      padding: 14px 0;
      text-align: center;
      background-color: #fff; }
    .insurance-slider__img {
      position: relative;
      padding-top: 67%;
      overflow: hidden; }
      .insurance-slider__img > img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
    .insurance-slider__cover {
      margin-bottom: 40px; }
      .insurance-slider__cover:last-child {
        margin-bottom: 0; }
    .insurance-slider .swiper-wrapper {
      padding-bottom: 34px; }

.discount {
  padding: 6px 0;
  background-color: #fff; }
  .discount-nav__list .nav-link {
    padding: 10px 10px;
    font-size: 1.5rem;
    color: #373a3c; }
    .discount-nav__list .nav-link:hover {
      background-color: #fafafa; }

.tidings {
  margin-top: 20px; }
  .tidings-wrapper {
    position: relative; }
  .tidings-banner {
    position: absolute;
    top: 0; }
    .tidings-banner.right {
      right: -175px; }
    .tidings-banner.left {
      left: -175px; }
    .tidings-banner__img {
      max-width: 160px; }
  .tidings-article {
    padding-right: 14px; }
    @media only screen and (max-width: 63.9375em) {
      .tidings-article {
        padding: 0; }
        .tidings-article .hide-on-bothTM {
          display: none !important; } }
    .tidings-article__subject {
      padding-bottom: 14px;
      border-bottom: 1px solid #eee; }
    .tidings-article__written {
      padding-right: 10px; }
      @media only screen and (max-width: 63.9375em) {
        .tidings-article__written {
          padding: 0;
          margin-bottom: 34px; }
          .tidings-article__written .hide-on-bothTM {
            display: none !important; } }
    .tidings-article__img {
      position: relative;
      padding-top: 67%;
      overflow: hidden; }
      .tidings-article__img > img {
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        object-position: top;
        width: 100%;
        height: 100%; }
    .tidings-article__title {
      margin: 8px 0 6px;
      font-size: 1.8rem;
      font-weight: bold;
      text-transform: uppercase;
      line-height: 26px; }
      @media only screen and (max-width: 1366px) {
        .tidings-article__title {
          font-size: 1.7rem; } }
    .tidings-article__service .nav {
      margin-top: 12px; }
      .tidings-article__service .nav-link {
        font-size: 1.4rem;
        color: #4a4950;
        padding: 8px 0;
        line-height: 22px;
        border-top: 1px solid #eee; }
        .tidings-article__service .nav-link:hover {
          color: #0b63d9; }
    .tidings-article__text {
      line-height: 22px;
      font-size: 1.4rem;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden; }
    .tidings-article__list {
      margin-bottom: 30px; }
    .tidings-article__item {
      padding: 12px 0;
      border-bottom: 1px solid #eee;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: center; }
      .tidings-article__item .tidings-article__img {
        padding-top: initial;
        height: 100%; }
      .tidings-article__item .tidings-article__title {
        text-transform: capitalize;
        margin-bottom: 10px; }
      .tidings-article__item .tidings-article__time {
        display: block;
        margin: 10px 0;
        font-size: 1.4rem;
        color: #7a7a7a; }
  .tidings-correlative {
    background: #f5f5f5;
    padding: 20px 26px;
    margin-bottom: 30px; }
    .tidings-correlative__heading {
      margin-top: 4px;
      font-size: 2.6rem; }
      @media only screen and (max-width: 1366px) {
        .tidings-correlative__heading {
          font-size: 2.3rem; } }
    .tidings-correlative .nav {
      margin-top: 14px; }
      .tidings-correlative .nav-link {
        padding: 7px 0;
        color: #373a3c;
        line-height: 22px;
        font-size: 1.8rem; }
        @media only screen and (max-width: 1366px) {
          .tidings-correlative .nav-link {
            font-size: 1.6rem;
            padding: 5px 0; } }
        .tidings-correlative .nav-link:hover {
          color: #0b63d9; }
  .tidings-commit {
    background-color: #0b63d9; }
    .tidings-commit .nav-link,
    .tidings-commit .tidings-correlative__heading {
      color: #fff; }
    .tidings-commit .nav-link {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
      gap: 10px;
      align-items: flex-start;
      line-height: 26px;
      font-weight: 500; }
      .tidings-commit .nav-link > i {
        margin-top: 3px;
        font-size: 2.2rem; }
    .tidings-commit__btn {
      margin-top: 26px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
      gap: 20px; }
      .tidings-commit__btn > button {
        background-color: #fff;
        color: #0b63d9; }
      .tidings-commit__btn > a {
        color: #fff;
        font-size: 2.8rem;
        font-weight: bold; }
        @media only screen and (max-width: 1366px) {
          .tidings-commit__btn > a {
            font-size: 2.4rem; } }
  .tidings-car {
    margin-bottom: 30px; }
    .tidings-car__heading {
      font-weight: bold;
      font-size: 2rem;
      text-transform: uppercase;
      color: #8888;
      padding-bottom: 6px;
      border-bottom: 1px solid #eee; }
    .tidings-car__list {
      margin-top: 10px;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px 20px; }
    .tidings-car__img {
      position: relative;
      padding-top: 74%;
      overflow: hidden; }
      .tidings-car__img > img {
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        object-position: center;
        width: 100%;
        height: 100%; }
    .tidings-car__text {
      margin-top: 6px;
      font-weight: 500;
      color: #000;
      line-height: 22px; }
  .tidings-details {
    margin-bottom: 30px; }
    .tidings-details__link {
      color: #000;
      line-height: 22px;
      text-align: center; }
    .tidings-details__text {
      margin-top: 20px; }

.branch-wrapper {
  margin: 26px 0 36px; }

.branch-position {
  padding: 16px 12px;
  border: 1px solid #eee;
  border-radius: 4px; }
  .branch-position__heading {
    font-size: 1.8rem !important;
    font-weight: bold;
    margin-bottom: 23px; }
  .branch-position__text {
    font-size: 1.7rem;
    line-height: 24px;
    display: block;
    margin-top: 14px; }
    .branch-position__text > b {
      color: #4a4a4a; }
  .branch-position__cover {
    margin-top: 28px; }
  .branch-position__title {
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0 5px 16px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .branch-position__title > span:first-child {
      color: #0b63d9; }
  .branch-position__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 20px; }
    @media only screen and (max-width: 46.1875em) {
      .branch-position__list {
        grid-template-columns: repeat(1, 1fr); }
        .branch-position__list .hide-on-mobile {
          display: none; } }
  .branch-position__item {
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    display: flex;
    justify-content: center;
    flex-direction: column; }
    @media only screen and (max-width: 46.1875em) {
      .branch-position__item {
        min-height: 220px; }
        .branch-position__item .hide-on-mobile {
          display: none; } }
  .branch-position__info {
    padding: 20px 20px 0; }
  .branch-position__name {
    color: #4a4a4a;
    font-weight: bold;
    margin-bottom: 10px; }
  .branch-position__address {
    line-height: 24px;
    margin-bottom: 12px; }
  .branch-position__service {
    margin-bottom: 16px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 0; }
    .branch-position__service-item {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
      gap: 6px; }
      .branch-position__service-item > i {
        color: #469408; }
  .branch-position__soon {
    font-size: 1.8rem;
    color: #4a4a4a;
    text-align: center;
    line-height: 22px; }
    @media only screen and (max-width: 1283px) {
      .branch-position__soon {
        font-size: 1.6rem; }
        .branch-position__soon .hide-on-pc-HD {
          display: none; } }
  .branch-position__btn {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 18px 0;
    background-color: rgba(0, 0, 0, 0.03); }
    .branch-position__btn > button {
      color: #0b63d9;
      font-size: 1.5rem;
      font-weight: 700;
      padding: 10px 30px;
      border-radius: 17px;
      border: 1px solid #ddd;
      background-color: #fff;
      box-shadow: inset 1px -4px 14px #e3e3e3; }

@media only screen and (max-width: 63.9375em) {
  .branch-contact {
    margin-top: 34px; }
    .branch-contact .hide-on-bothTM {
      display: none !important; } }

.branch-contact__heading {
  font-size: 1.8rem;
  font-weight: bold;
  color: #4a4a4a;
  text-transform: uppercase; }

.product-wrapper {
  margin-top: 22px; }

.product-slider, .product-science {
  padding-right: 26px; }
  @media only screen and (max-width: 63.9375em) {
    .product-slider, .product-science {
      padding-right: 0; }
      .product-slider .hide-on-bothTM, .product-science .hide-on-bothTM {
        display: none !important; } }

.product-slider {
  position: relative;
  margin-bottom: 40px; }
  .product-slider__img {
    position: relative;
    padding-top: 70%;
    overflow: hidden; }
    .product-slider__img > img {
      position: absolute;
      top: 0;
      left: 0;
      object-fit: contain;
      object-position: center;
      width: 100%;
      height: 100%; }
  .product-slider__thumbnails {
    margin-top: 18px; }
    .product-slider__thumbnails .product-slider__img {
      padding-top: 100%; }

.product-science {
  margin-bottom: 20px; }
  .product-science__heading {
    font-size: 2rem;
    font-weight: 500; }
  .product-science__cover {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 18px 20px;
    margin-top: 18px;
    padding: 10px 14px;
    background-color: #f2f3f5; }
    @media only screen and (max-width: 46.1875em) {
      .product-science__cover {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px 20px;
        padding: 16px 14px; }
        .product-science__cover .hide-on-mobile {
          display: none; } }
  .product-science__info {
    text-align: center; }
  .product-science__text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 32px;
    font-weight: bold;
    margin-bottom: 10px; }

.product-info {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); }
  .product-info__heading {
    text-align: center;
    padding: 16px 10px;
    font-size: 2.1rem;
    font-weight: bold;
    background-color: #fff; }
  .product-info__details {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    gap: 10px 0;
    padding: 20px 0;
    color: #fff;
    background-color: #44af69; }
    @media only screen and (max-width: 1300px) {
      .product-info__details {
        padding: 20px 16px;
        line-height: 20px; } }
  .product-info__link {
    color: #fff;
    color: #ffdd57;
    font-weight: bold;
    font-size: 1.8rem;
    margin-top: 6px; }
  .product-info__price {
    font-weight: bold;
    font-size: 2.6rem; }
  .product-info__text {
    font-size: 1.6rem;
    font-weight: 500; }
  .product-info__map {
    margin: 12px 10px;
    font-size: 1.7rem;
    border: 2px dotted #029acf;
    border-radius: 10px;
    padding: 8px 12px;
    background-color: #ccecf7;
    color: #029acf; }
    .product-info__map .position-map {
      margin-bottom: 8px;
      font-weight: bold; }
    .product-info__map .position-address {
      line-height: 20px; }
  .product-info__discount {
    margin: 20px 12px 0px;
    padding-bottom: 16px; }
    .product-info__discount .discount-heading {
      font-size: 1.8rem;
      font-weight: bold;
      margin-bottom: 8px;
      padding-bottom: 6px;
      border-bottom: 1px solid #eee; }
    .product-info__discount .discount-details {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
      gap: 8px;
      border: 2px dotted gray;
      border-radius: 10px;
      padding: 10px 10px; }
  .product-info__btn {
    font-size: 1.7rem;
    color: #0b63d9;
    width: 50%;
    font-weight: bold;
    margin-top: 20px;
    text-transform: uppercase;
    background-color: #fff; }

.product-estimate {
  padding: 30px 20px;
  border-radius: 4px;
  margin: 30px 0;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; }
  @media only screen and (max-width: 46.1875em) {
    .product-estimate {
      padding: 30px 10px; }
      .product-estimate .hide-on-mobile {
        display: none; } }
  .product-estimate__heading {
    text-align: center;
    font-weight: bold;
    margin-bottom: 24px;
    font-size: 2.4rem;
    color: #029acf; }
  .product-estimate__details, .product-estimate__cover {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #0b63d9;
    flex: 1; }
    .product-estimate__details > .form-control,
    .product-estimate__details > select,
    .product-estimate__details > span,
    .product-estimate__details > p, .product-estimate__cover > .form-control,
    .product-estimate__cover > select,
    .product-estimate__cover > span,
    .product-estimate__cover > p {
      flex: 1; }
    .product-estimate__details > select,
    .product-estimate__details > span, .product-estimate__cover > select,
    .product-estimate__cover > span {
      text-align: right; }
  .product-estimate__details {
    color: #4a4a4a;
    padding: 16px 0;
    border-bottom: 1px solid #eee; }
    .product-estimate__details.branch {
      padding: 8px 0; }
    .product-estimate__details.loan {
      width: 100%;
      border-bottom: 0;
      padding: 6px 0;
      text-align: left; }
      .product-estimate__details.loan > select {
        padding: 8px 3rem 8px 0.75rem;
        max-width: 256px;
        text-align: left; }
        @media only screen and (max-width: 1366px) {
          .product-estimate__details.loan > select {
            max-width: 219px; } }
        @media only screen and (max-width: 63.9375em) {
          .product-estimate__details.loan > select {
            max-width: 51%; }
            .product-estimate__details.loan > select .hide-on-bothTM {
              display: none !important; } }
      .product-estimate__details.loan .form-control {
        font-size: 1.7rem;
        padding: 6px 8px;
        border: 1px solid #c2c2c2; }
    .product-estimate__details > select {
      font-size: 1.6rem;
      max-width: 150px;
      padding: 0.375rem 3rem 0.375rem 0.75rem; }
      .product-estimate__details > select:focus, .product-estimate__details > select:active {
        box-shadow: none; }
  .product-estimate__cover {
    font-weight: bold;
    padding: 16px 0; }
    .product-estimate__cover.line {
      background-color: #efefef; }
  .product-estimate__note {
    margin-top: 14px;
    line-height: 24px; }
  .product-estimate__btn {
    margin: 20px 0 26px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 36px; }
    @media only screen and (max-width: 46.1875em) {
      .product-estimate__btn {
        gap: 24px; }
        .product-estimate__btn .hide-on-mobile {
          display: none; } }
    .product-estimate__btn .loan-table, .product-estimate__btn .loan-contact {
      text-align: center;
      font-size: 1.7rem;
      padding: 13px 10px;
      width: 100%;
      border-radius: 4px; }
      @media only screen and (max-width: 46.1875em) {
        .product-estimate__btn .loan-table, .product-estimate__btn .loan-contact {
          font-size: 1.5rem; }
          .product-estimate__btn .loan-table .hide-on-mobile, .product-estimate__btn .loan-contact .hide-on-mobile {
            display: none; } }
    .product-estimate__btn .loan-table {
      color: #d9831f;
      border: 1px solid #d9831f;
      background-color: #fff; }
      .product-estimate__btn .loan-table:hover {
        color: #fff;
        background-color: #d9831f; }
    .product-estimate__btn .loan-contact {
      background-color: #469408;
      color: #fff;
      border: 1px solid #469408; }
  .product-estimate .nav-pills {
    margin-bottom: 20px;
    width: 100%; }
  .product-estimate .nav-link {
    margin: 0 12px;
    padding: 12px 0;
    flex: 1;
    font-size: 1.6rem;
    font-weight: 500;
    color: #0b63d9;
    border: 1px solid #0b63d9; }

.product-modal .modal-body {
  padding: 18px 14px 6px; }

.product-modal .modal-dialog {
  max-width: 44%; }
  @media only screen and (max-width: 63.9375em) {
    .product-modal .modal-dialog {
      max-width: 96%; }
      .product-modal .modal-dialog .hide-on-bothTM {
        display: none !important; } }

.product-modal .modal-footer {
  border-top: 0; }

.product-modal__table {
  text-align: center;
  vertical-align: middle;
  margin-bottom: 0; }
  @media only screen and (max-width: 46.1875em) {
    .product-modal__table {
      width: 200%; }
      .product-modal__table .hide-on-mobile {
        display: none; } }

.product-modal__btn {
  font-size: 1.7rem;
  font-weight: 500;
  padding: 6px 20px; }

.product-modal .table > :not(:first-child) {
  border-top: 0; }

.product-modal .table > :not(caption) > * > * {
  padding: 12px 0px; }

.product-similar {
  margin: 40px 0; }
  .product-similar__heading {
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 36px; }
    @media only screen and (max-width: 46.1875em) {
      .product-similar__heading {
        font-size: 2.5rem; }
        .product-similar__heading .hide-on-mobile {
          display: none; } }
  .product-similar__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 30px; }
    @media only screen and (max-width: 63.9375em) {
      .product-similar__list {
        grid-template-columns: repeat(2, 1fr); }
        .product-similar__list .hide-on-bothTM {
          display: none !important; } }
    @media only screen and (max-width: 46.1875em) {
      .product-similar__list {
        grid-template-columns: repeat(1, 1fr); }
        .product-similar__list .hide-on-mobile {
          display: none; } }

.header-contact__item{
    display: flex;
    align-items: center;
    padding-top: 10px;
}
.info__contact > .header-contact__text{
    margin-bottom: 10px;
}
.info__contact > span{
    font-size: 14px;
    color: red;
    font-weight: bold;
    margin-left: 12px;
}