/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/css/boboid-mobile.css ***!
  \*********************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=DynaPuff:wght@400..700&family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap);
/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/css/boboid-mobile.css (1) ***!
  \*************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
/* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
/* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
/* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
/* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
/* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
.bgGrad--orange {
  background: radial-gradient(116.05% 784.64% at 89.38% -24.69%, #D94C64 0%, #FFA600 100%);
}

.bgGrad--blue {
  background: radial-gradient(116.05% 784.64% at 89.38% -24.69%, #0071BC 0%, #25CBDB 100%);
}

.bgGrad--purple {
  background: radial-gradient(116.05% 784.64% at 89.38% -24.69%, #8C3F66 0%, #E0559B 100%);
}

.bgGrad--teal {
  background: radial-gradient(116.05% 784.64% at 89.38% -24.69%, #168994 0%, #15C9CF 100%);
}

.bgGrad--green {
  background: radial-gradient(116.05% 784.64% at 89.38% -24.69%, #449760 0%, #68CA44 100%);
}

.bgGrad--darkblue {
  background: radial-gradient(116.05% 784.64% at 89.38% -24.69%, #3A4B80 0%, #55A0C5 100%);
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@-webkit-keyframes wiggle {
  0%, 100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  75% {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
  }
}
@keyframes wiggle {
  0%, 100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  75% {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
  }
}
@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes bounce {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
body {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1rem;
  color: #333;
  background-color: #F8F8F8;
}

p {
  color: #6C707A;
}

.sectionMore {
  background: #F8F8F8;
  margin-top: 75px;
  padding-top: 85px;
}

.ico {
  position: relative;
  background-repeat: no-repeat;
  display: inline-block;
  z-index: 1;
  width: 36px;
  height: 36px;
  background-position: center;
}

.ico--arrowLeft {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1Ljc1MDEgMy4zNzUxQzE1LjE1OSAzLjM3NDM1IDE0LjU3MzYgMy40OTA0MSAxNC4wMjc2IDMuNzE2NjJDMTMuNDgxNSAzLjk0MjgyIDEyLjk4NTUgNC4yNzQ3IDEyLjU2ODIgNC42OTMxOUwyLjQ0MzE1IDE0LjgxODJDMi4wMjUyNSAxNS4yMzYgMS42OTM3NSAxNS43MzIxIDEuNDY3NTggMTYuMjc4QzEuMjQxNDEgMTYuODI0IDEuMTI1IDE3LjQwOTIgMS4xMjUgMTguMDAwMUMxLjEyNSAxOC41OTExIDEuMjQxNDEgMTkuMTc2MiAxLjQ2NzU4IDE5LjcyMjJDMS42OTM3NSAyMC4yNjgxIDIuMDI1MjUgMjAuNzY0MiAyLjQ0MzE1IDIxLjE4MkwxMi41NjgyIDMxLjMwN0MxMy40MTIyIDMyLjE1IDE0LjU1NjUgMzIuNjIzNCAxNS43NDk1IDMyLjYyM0MxNi45NDI0IDMyLjYyMjYgMTguMDg2NCAzMi4xNDg2IDE4LjkzIDMxLjMwNUMxOS43NzM1IDMwLjQ2MTUgMjAuMjQ3NiAyOS4zMTc1IDIwLjI0OCAyOC4xMjQ1QzIwLjI0ODQgMjYuOTMxNiAxOS43NzUgMjUuNzg3MyAxOC45MzIgMjQuOTQzMkwxMS45ODg5IDE4LjAwMDFMMTguOTMyIDExLjA1N0MxOS41NjEzIDEwLjQyNzcgMTkuOTg5OSA5LjYyNTg3IDIwLjE2MzUgOC43NTI5N0MyMC4zMzcxIDcuODgwMDggMjAuMjQ4IDYuOTc1MyAxOS45MDc0IDYuMTUzMDRDMTkuNTY2OCA1LjMzMDc5IDE4Ljk5MDEgNC42MjggMTguMjUwMSA0LjEzMzUzQzE3LjUxMDEgMy42MzkwNiAxNi42NDAxIDMuMzc1MTMgMTUuNzUwMSAzLjM3NTFaIiBmaWxsPSIjNTNCQzc3Ii8+CjxwYXRoIGQ9Ik0zMC4zNzUgMTMuNUwxMS44MTI1IDEzLjVDMTAuNjE5IDEzLjUgOS40NzQ0MyAxMy45NzQxIDguNjMwNTIgMTQuODE4QzcuNzg2NjEgMTUuNjYyIDcuMzEyNSAxNi44MDY2IDcuMzEyNSAxOEM3LjMxMjUgMTkuMTkzNSA3Ljc4NjYxIDIwLjMzODEgOC42MzA1MiAyMS4xODJDOS40NzQ0MyAyMi4wMjU5IDEwLjYxOSAyMi41IDExLjgxMjUgMjIuNUwzMC4zNzUgMjIuNUMzMS41Njg1IDIyLjUgMzIuNzEzMSAyMi4wMjU5IDMzLjU1NyAyMS4xODJDMzQuNDAwOSAyMC4zMzgxIDM0Ljg3NSAxOS4xOTM1IDM0Ljg3NSAxOEMzNC44NzUgMTYuODA2NiAzNC40MDA5IDE1LjY2MiAzMy41NTcgMTQuODE4QzMyLjcxMzEgMTMuOTc0MSAzMS41Njg1IDEzLjUgMzAuMzc1IDEzLjVaIiBmaWxsPSIjNTNCQzc3Ii8+CjxwYXRoIG9wYWNpdHk9IjAuMSIgZD0iTTE1LjY4NzkgMjQuOTg2MkMxNi43NjIzIDI2LjIwNjkgMTkuMzA0OCAyNy45Mzk0IDE5LjExOTEgMjkuODEyNUMxOS4xMzQ4IDMwLjQ1NDcgMTguOTUgMzEuMDg1OCAxOC41OTA0IDMxLjYxODFDMTkuNDc3NiAzMC44OTMyIDIwLjA1NTcgMjkuODU3OCAyMC4yMDcyIDI4LjcyMjJDMjAuMzU4NyAyNy41ODY2IDIwLjA3MjIgMjYuNDM1OCAxOS40MDYgMjUuNTAzN0MxOS4zMzg1IDI1LjQzNjIgMTYuNDgxIDIzLjA2MjUgMTYuNDgxIDIzLjA2MjVDMTYuMjYwMiAyMy4wNjcxIDE2LjA0NTUgMjMuMTM2IDE1Ljg2MzMgMjMuMjYwN0MxNS42ODEgMjMuMzg1NSAxNS41MzkxIDIzLjU2MDcgMTUuNDU1IDIzLjc2NDhDMTUuMzcwOCAyMy45NjkgMTUuMzQ4IDI0LjE5MzMgMTUuMzg5NCAyNC40MTAzQzE1LjQzMDcgMjQuNjI3MiAxNS41MzQ1IDI0LjgyNzQgMTUuNjg3OSAyNC45ODYyWk0xMS43NjcyIDUuNTg1NjJMMS45NjI4OCAxNS4zOUMxLjMwMzU1IDE2LjMyOSAxLjAyMTk2IDE3LjQ4MTcgMS4xNzQxNCAxOC42MTg5QzEuMzI2MzIgMTkuNzU2MSAxLjkwMTEyIDIwLjc5NDMgMi43ODQxMyAyMS41MjY5QzIuMzY5MDQgMjAuODc2IDIuMTg3NDggMjAuMTAzNSAyLjI2OTI1IDE5LjMzNTlDMi4zNTEwMiAxOC41NjgzIDIuNjkxMjUgMTcuODUxMyAzLjIzNDEzIDE3LjMwMjVMMTMuMzU5MSA3LjE3NzQ5QzEzLjk1MTQgNi41ODY4IDE0Ljc0MTcgNi4yMzY5IDE1LjU3NzIgNi4xOTU1NkMxNi40MTI2IDYuMTU0MjIgMTcuMjMzNyA2LjQyNDM4IDE3Ljg4MTQgNi45NTM3MkMxOC41MjkgNy40ODMwNSAxOC45NTcyIDguMjMzOSAxOS4wODMgOS4wNjA4NkMxOS4yMDg4IDkuODg3ODEgMTkuMDIzMiAxMC43MzIgMTguNTYyMyAxMS40M0wxOC45MzM1IDExLjA1ODdDMTkuNjcxOCAxMC4zMTg4IDIwLjEyOTkgOS4zNDUyNSAyMC4yMjk0IDguMzA0NzRDMjAuMzI5IDcuMjY0MjMgMjAuMDYzNyA2LjIyMTQ4IDE5LjQ3OTEgNS4zNTQ5OUMxOC40MDM3IDQuNDA5MTQgMTcuMDA5MyAzLjkwNjg2IDE1LjU3NzcgMy45NDk2N0MxNC4xNDYyIDMuOTkyNDggMTIuNzg0MiA0LjU3NzE5IDExLjc2NzIgNS41ODU2MlpNMTYuNDgxIDE2LjMxMjVMMzAuMzY5MSAxNi4zMTI1QzMwLjk3MjIgMTYuMzEyMyAzMS41NjQzIDE2LjQ3MzcgMzIuMDgzOCAxNi43OEMzMi42MDMzIDE3LjA4NjMgMzMuMDMxMyAxNy41MjYzIDMzLjMyMyAxOC4wNTQxQzMzLjYxNDggMTguNTgxOSAzMy43NTk3IDE5LjE3ODMgMzMuNzQyOCAxOS43ODEyQzMzLjcyNTggMjAuMzg0IDMzLjU0NzYgMjAuOTcxMyAzMy4yMjY2IDIxLjQ4MTlDMzQuMDg1MiAyMC43NjU2IDM0LjY0OTQgMTkuNzU3OCAzNC44MTEzIDE4LjY1MTRDMzQuOTczMiAxNy41NDUxIDM0LjcyMTQgMTYuNDE3OSAzNC4xMDQxIDE1LjQ4NTZDMzMuMDc1NiAxNC41Njk1IDMxLjc0NjUgMTQuMDYzMSAzMC4zNjkxIDE0LjA2MjVMMTYuNTgyMiAxMy41TDE1LjY4NzkgMTQuMzk0NEMxNS41MzQ1IDE0LjU1MjggMTUuNDMwOCAxNC43NTI2IDE1LjM4OTQgMTQuOTY5MkMxNS4zNDgxIDE1LjE4NTggMTUuMzcxIDE1LjQwOTggMTUuNDU1MiAxNS42MTM2QzE1LjUzOTUgMTUuODE3NCAxNS42ODE1IDE1Ljk5MjEgMTUuODYzNyAxNi4xMTYzQzE2LjA0NiAxNi4yNDA0IDE2LjI2MDUgMTYuMzA4NiAxNi40ODEgMTYuMzEyNVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
}

.ico--loading {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM2IDE4QzM2IDI3Ljk0MTEgMjcuOTQxMSAzNiAxOCAzNkM4LjA1ODg3IDM2IDAgMjcuOTQxMSAwIDE4QzAgOC4wNTg4NyA4LjA1ODg3IDAgMTggMEMyNy45NDExIDAgMzYgOC4wNTg4NyAzNiAxOFpNMy4yNjkzMiAxOEMzLjI2OTMyIDI2LjEzNTUgOS44NjQ0NyAzMi43MzA3IDE4IDMyLjczMDdDMjYuMTM1NSAzMi43MzA3IDMyLjczMDcgMjYuMTM1NSAzMi43MzA3IDE4QzMyLjczMDcgOS44NjQ0NyAyNi4xMzU1IDMuMjY5MzIgMTggMy4yNjkzMkM5Ljg2NDQ3IDMuMjY5MzIgMy4yNjkzMiA5Ljg2NDQ3IDMuMjY5MzIgMThaIiBmaWxsPSIjRTVFN0VCIi8+CjxwYXRoIGQ9Ik0zMy44MjgzIDEzLjg0MkMzNC43MDE1IDEzLjYxMjcgMzUuMjMwNSAxMi43MTU1IDM0LjkyMjggMTEuODY2N0MzNC4zMDU2IDEwLjE2MzUgMzMuNDMzNiA4LjU2MDIxIDMyLjMzNCA3LjExMjU4QzMwLjkwNDMgNS4yMzAyMSAyOS4xMTc3IDMuNjQ3ODggMjcuMDc2NSAyLjQ1NTk0QzI1LjAzNTIgMS4yNjQgMjIuNzc5MSAwLjQ4NTc5NiAyMC40MzcxIDAuMTY1NzVDMTguNjM2IC0wLjA4MDM4MDcgMTYuODExMSAtMC4wNTE4MzE3IDE1LjAyNDQgMC4yNDc2NDdDMTQuMTM0MSAwLjM5Njg4NyAxMy42MTI3IDEuMjk4NTEgMTMuODQyIDIuMTcxNjhDMTQuMDcxNCAzLjA0NDg1IDE0Ljk2NSAzLjU1NzEyIDE1Ljg1ODIgMy40MjU4NkMxNy4yMjY0IDMuMjI0NzggMTguNjE4OSAzLjIxNjk5IDE5Ljk5NDUgMy40MDQ5NkMyMS45MTExIDMuNjY2ODggMjMuNzU3NCA0LjMwMzc0IDI1LjQyNzkgNS4yNzkxOUMyNy4wOTg0IDYuMjU0NjQgMjguNTYwNSA3LjU0OTU3IDI5LjczMDUgOS4wOTAwNUMzMC41NzAzIDEwLjE5NTYgMzEuMjQ3OSAxMS40MTIyIDMxLjc0NTIgMTIuNzAyNkMzMi4wNjk5IDEzLjU0NSAzMi45NTUyIDE0LjA3MTQgMzMuODI4MyAxMy44NDJaIiBmaWxsPSIjMDBBQUVCIi8+Cjwvc3ZnPgo=);
}

.ico--x {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNiAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjIwMjcgMTAuMzE2OUwyNS4xODMxIDAuNDE3NDhIMjEuNzcyMkwxNC43MjMxIDguMTg3MDJMOS4zMjY2NyAwLjQxNzQ4SDBMOS40NDAyOCAxNC4wMTA3TDAgMjQuNDE3NUgzLjQxMDk0TDEwLjkyMjYgMTYuMTM3OEwxNi42NzMzIDI0LjQxNzVIMjZMMTYuMjA1NCAxMC4zMTY5SDE2LjIwMjdaTTQuODA2NyAyLjk2NTUxSDguMDU4MDVMMjEuMTkzMyAyMS44NzVIMTcuOTQxOUw0LjgwNjcgMi45NjU1MVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
}

.ico--wa {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzMwMTRfMTkxMjcpIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjUpIiBmaWxsPSJ3aGl0ZSIvPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDFfMzAxNF8xOTEyNykiPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9mXzMwMTRfMTkxMjcpIj4KPHBhdGggZD0iTTcuOTY4OTQgMTguOTI3N0w4LjI3NTA4IDE5LjEwODdDOS41NjA4NSAxOS44NzAzIDExLjAzNTEgMjAuMjczMiAxMi41Mzg1IDIwLjI3MzlIMTIuNTQxN0MxNy4xNTg3IDIwLjI3MzkgMjAuOTE2MSAxNi41MjQ1IDIwLjkxOCAxMS45MTZDMjAuOTE4OSA5LjY4Mjg1IDIwLjA0ODQgNy41ODI4MyAxOC40NjY5IDYuMDAzMTJDMTcuNjkxMiA1LjIyNDA2IDE2Ljc2ODQgNC42MDYyOSAxNS43NTE5IDQuMTg1NThDMTQuNzM1NCAzLjc2NDg3IDEzLjY0NTQgMy41NDk1OCAxMi41NDUgMy41NTIxNkM3LjkyNDQzIDMuNTUyMTYgNC4xNjY4MyA3LjMwMTIgNC4xNjUxOCAxMS45MDkzQzQuMTYyOTEgMTMuNDgyOSA0LjYwNjg3IDE1LjAyNSA1LjQ0NTc1IDE2LjM1NzNMNS42NDUwNSAxNi42NzMzTDQuNzk4NjkgMTkuNzU3M0w3Ljk2ODk0IDE4LjkyNzdaTTIuMzc4OTEgMjIuMTQ2NEwzLjgwODc4IDE2LjkzNThDMi45MjY5NCAxNS40MTA5IDIuNDYzMDEgMTMuNjgxIDIuNDYzNTYgMTEuOTA4N0MyLjQ2NTg4IDYuMzY0MTggNi45ODY1NyAxLjg1MzUyIDEyLjU0MTggMS44NTM1MkMxNS4yMzc2IDEuODU0ODggMTcuNzY3OSAyLjkwMTk2IDE5LjY3MDkgNC44MDI2NkMyMS41NzM5IDYuNzAzMzYgMjIuNjIwOSA5LjIyOTc5IDIyLjYxOTkgMTEuOTE2N0MyMi42MTc1IDE3LjQ2MDggMTguMDk2MSAyMS45NzIzIDEyLjU0MTcgMjEuOTcyM0gxMi41MzczQzEwLjg1MDcgMjEuOTcxNiA5LjE5MzQ5IDIxLjU0OTMgNy43MjE0MyAyMC43NDgyTDIuMzc4OTEgMjIuMTQ2NFoiIGZpbGw9IiNCM0IzQjMiLz4KPC9nPgo8cGF0aCBkPSJNMi4yNzUzOSAyMi4wNDI5TDMuNzA1MjYgMTYuODMyM0MyLjgyMTkgMTUuMzAzNyAyLjM1NzkxIDEzLjU2OTcgMi4zNjAwNCAxMS44MDUxQzIuMzYyMzcgNi4yNjA2NiA2Ljg4MzA1IDEuNzUgMTIuNDM4MyAxLjc1QzE1LjEzNDEgMS43NTEzNyAxNy42NjQ0IDIuNzk4NDQgMTkuNTY3NCA0LjY5OTE0QzIxLjQ3MDQgNi41OTk4NCAyMi41MTc0IDkuMTI2MjggMjIuNTE2NCAxMS44MTMyQzIyLjUxNCAxNy4zNTczIDE3Ljk5MjYgMjEuODY4OCAxMi40MzgyIDIxLjg2ODhIMTIuNDMzOEMxMC43NDcyIDIxLjg2ODEgOS4wODk5NyAyMS40NDU4IDcuNjE3OTIgMjAuNjQ0NkwyLjI3NTM5IDIyLjA0MjlaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTIuNDQyMyAzLjQ0OTI0QzcuODIxNzUgMy40NDkyNCA0LjA2NDE1IDcuMTk4MjkgNC4wNjI1MSAxMS44MDY0QzQuMDYwMjMgMTMuMzggNC41MDQyIDE0LjkyMiA1LjM0MzA4IDE2LjI1NDNMNS41NDIzNyAxNi41NzA2TDQuNjk2MDEgMTkuNjU0NUw3Ljg2NjQxIDE4LjgyNDhMOC4xNzI1NCAxOS4wMDU4QzkuNDU4MzIgMTkuNzY3NCAxMC45MzI2IDIwLjE3MDIgMTIuNDM2IDIwLjE3MUgxMi40MzkxQzE3LjA1NjEgMjAuMTcxIDIwLjgxMzcgMTYuNDIxNSAyMC44MTU1IDExLjgxMzFDMjAuODE5IDEwLjcxNDcgMjAuNjA0MSA5LjYyNjU1IDIwLjE4MzQgOC42MTE1OUMxOS43NjI3IDcuNTk2NjMgMTkuMTQ0NCA2LjY3NTA1IDE4LjM2NDQgNS45MDAyMUMxNy41ODg3IDUuMTIxMTMgMTYuNjY1OCA0LjUwMzM1IDE1LjY0OTMgNC4wODI2NEMxNC42MzI4IDMuNjYxOTMgMTMuNTQyNyAzLjQ0NjY0IDEyLjQ0MjMgMy40NDkyNFoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8zMDE0XzE5MTI3KSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuOTIwNTkgNy42MDEyMUM5LjczMTg0IDcuMTgyNzMgOS41MzMyMyA3LjE3NDI2IDkuMzUzOTMgNy4xNjcwMUw4Ljg3MTIzIDcuMTYxMTNDOC43MDMzIDcuMTYxMTMgOC40MzA0NSA3LjIyNDAyIDguMTk5NzkgNy40NzU1N0M3Ljk2OTEyIDcuNzI3MTIgNy4zMTgzNiA4LjMzNTA4IDcuMzE4MzYgOS41NzE2M0M3LjMxODM2IDEwLjgwODIgOC4yMjA3NCAxMi4wMDMgOC4zNDY0OCAxMi4xNzA5QzguNDcyMjMgMTIuMzM4OCAxMC4wODg1IDE0Ljk1NzMgMTIuNjQ4MSAxNS45NjQ3QzE0Ljc3NTIgMTYuODAxOSAxNS4yMDggMTYuNjM1NCAxNS42Njk5IDE2LjU5MzZDMTYuMTMxOCAxNi41NTE3IDE3LjE1OTggMTUuOTg1NiAxNy4zNjk1IDE1LjM5ODdDMTcuNTc5MiAxNC44MTE4IDE3LjU3OTMgMTQuMzA5IDE3LjUxNjUgMTQuMjAzOEMxNy40NTM2IDE0LjA5ODcgMTcuMjg1NyAxNC4wMzYyIDE3LjAzMzYgMTMuOTEwNEMxNi43ODE2IDEzLjc4NDcgMTUuNTQzOCAxMy4xNzY3IDE1LjMxMyAxMy4wOTI4QzE1LjA4MjIgMTMuMDA4OCAxNC45MTQ0IDEyLjk2NzEgMTQuNzQ2MyAxMy4yMTg3QzE0LjU3ODIgMTMuNDcwMiAxNC4wOTYyIDE0LjAzNjEgMTMuOTQ5MyAxNC4yMDM4QzEzLjgwMjMgMTQuMzcxNiAxMy42NTU2IDE0LjM5MjYgMTMuNDAzNiAxNC4yNjdDMTMuMTUxNSAxNC4xNDE0IDEyLjM0MDYgMTMuODc1OSAxMS4zNzg1IDEzLjAxOTZDMTAuNjMgMTIuMzUzNCAxMC4xMjQ3IDExLjUzMDcgOS45Nzc1NyAxMS4yNzkzQzkuODMwNDYgMTEuMDI3OSA5Ljk2MTk1IDEwLjg5MTcgMTAuMDg4MiAxMC43NjY1QzEwLjIwMTIgMTAuNjUzOCAxMC4zNCAxMC40NzMgMTAuNDY2MiAxMC4zMjYzQzEwLjU5MjMgMTAuMTc5NiAxMC42MzM4IDEwLjA3NDcgMTAuNzE3NiA5LjkwNzI2QzEwLjgwMTUgOS43Mzk3OSAxMC43NTk3IDkuNTkyNjkgMTAuNjk2NyA5LjQ2NzA1QzEwLjYzMzcgOS4zNDE0MSAxMC4xNDQ0IDguMDk4MjkgOS45MjA1OSA3LjYwMTIxWiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2ZfMzAxNF8xOTEyNyIgeD0iLTQuNjgzMDkiIHk9Ii01LjIwODQ4IiB3aWR0aD0iMzQuMzY0MiIgaGVpZ2h0PSIzNC40MTciIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMy41MzEiIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl8zMDE0XzE5MTI3Ii8+CjwvZmlsdGVyPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMzAxNF8xOTEyNyIgeDE9IjEyLjI2ODUiIHkxPSI0LjQ1MjcxIiB4Mj0iMTIuMzUzMSIgeTI9IjE4Ljc0MjUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzU3RDE2MyIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyM0IzM0EiLz4KPC9saW5lYXJHcmFkaWVudD4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zMDE0XzE5MTI3Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41KSIvPgo8L2NsaXBQYXRoPgo8Y2xpcFBhdGggaWQ9ImNsaXAxXzMwMTRfMTkxMjciPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjUpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
}

.ico--fb {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAxNyAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjE2NTkgMTEuMDA0OUwxNS43NzcyIDEzLjQ0NTVDMTUuNzEyIDEzLjg1NDUgMTUuMjcyMiAxNC4xNTkxIDE0Ljc0NzMgMTQuMTU5MUg5LjcwMjk0VjI0LjM2MTlDOS4xNjk1NyAyNC4zOTk3IDguNjMwNTEgMjQuNDE3NSA4LjA4NTc5IDI0LjQxNzVDNi44Njg2NiAyNC40MTc1IDUuNjc3MDcgMjQuMzIxOSA0LjUyODA0IDI0LjEzOTZWMTQuMTU2OUgwLjY0Njg2M0MwLjI4OTM4NiAxNC4xNTY5IDAgMTMuOTI3OSAwIDEzLjY0NzhWMTAuNTkzNkMwIDEwLjMxMzYgMC4yODkzODYgMTAuMDg0NiAwLjY0Njg2MyAxMC4wODQ2SDQuNTI4MDRWNS41MDU1NkM0LjUyODA0IDIuNjk1ODkgNy40MjQ3NCAwLjQxNzQ4IDEwLjk5NjcgMC40MTc0OEgxNS41MjQ3QzE1Ljg4MjIgMC40MTc0OCAxNi4xNzE2IDAuNjQ2NDMzIDE2LjE3MTYgMC45MjY1MTFWMy45ODA2OUMxNi4xNzE2IDQuMjYwNzcgMTUuODgyMiA0LjQ4OTcyIDE1LjUyNDcgNC40ODk3MkgxMi4yOTA0QzEwLjg2MzMgNC40ODk3MiA5LjcwMjk0IDUuNDAxMDkgOS43MDI5NCA2LjUyNTg0VjEwLjA4NjhIMTUuMTM2QzE1Ljc2MDIgMTAuMDg2OCAxNi4yNDI1IDEwLjUxNTggMTYuMTY1OSAxMS4wMDI2VjExLjAwNDlaIiBmaWxsPSIjMUY0RkFEIi8+Cjwvc3ZnPgo=);
}

.ico--ig {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjM4MDggMC40MTc0OEg1Ljk2Njg0QzIuNzY5MjUgMC40MTc0OCAwLjE3MzgyOCAzLjAxMjkgMC4xNzM4MjggNi4yMTA0OVYxOC42MjQ1QzAuMTczODI4IDIxLjgyMjEgMi43NjkyNSAyNC40MTc1IDUuOTY2ODQgMjQuNDE3NUgxOC4zODA4QzIxLjU3ODQgMjQuNDE3NSAyNC4xNzM4IDIxLjgyMjEgMjQuMTczOCAxOC42MjQ1VjYuMjEwNDlDMjQuMTczOCAzLjAxMjkgMjEuNTc4NCAwLjQxNzQ4IDE4LjM4MDggMC40MTc0OFpNMjIuMTA1MyAxOC4yMDkxQzIyLjEwNTMgMjAuNDkyMyAyMC4yNTE0IDIyLjM0NjIgMTcuOTY4MiAyMi4zNDYySDYuMzgyMjFDNC4wOTkwMiAyMi4zNDYyIDIuMjQ1MTUgMjAuNDkyMyAyLjI0NTE1IDE4LjIwOTFWNi42MjMwOEMyLjI0NTE1IDQuMzM5ODkgNC4wOTkwMiAyLjQ4NjAxIDYuMzgyMjEgMi40ODYwMUgxNy45NjgyQzIwLjI1MTQgMi40ODYwMSAyMi4xMDUzIDQuMzM5ODkgMjIuMTA1MyA2LjYyMzA4VjE4LjIwOTFaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMTAwMl8yODk2KSIvPgo8cGF0aCBkPSJNMTIuMTg0MSA2LjIxMDQ1QzguNzU3OTMgNi4yMTA0NSA1Ljk3ODUyIDguOTg5ODcgNS45Nzg1MiAxMi40MTZDNS45Nzg1MiAxNS44NDIyIDguNzU3OTMgMTguNjIxNiAxMi4xODQxIDE4LjYyMTZDMTUuNjEwMyAxOC42MjE2IDE4LjM4OTcgMTUuODQyMiAxOC4zODk3IDEyLjQxNkMxOC4zODk3IDguOTg5ODcgMTUuNjEwMyA2LjIxMDQ1IDEyLjE4NDEgNi4yMTA0NVpNMTIuMTg0MSAxNi41NTU5QzkuOTAzNyAxNi41NTU5IDguMDQ3MDQgMTQuNjk5MiA4LjA0NzA0IDEyLjQxODhDOC4wNDcwNCAxMC4xMzg0IDkuOTAzNyA4LjI4MTc3IDEyLjE4NDEgOC4yODE3N0MxNC40NjQ1IDguMjgxNzcgMTYuMzIxMiAxMC4xMzg0IDE2LjMyMTIgMTIuNDE4OEMxNi4zMjEyIDE0LjY5OTIgMTQuNDY0NSAxNi41NTU5IDEyLjE4NDEgMTYuNTU1OVoiIGZpbGw9InVybCgjcGFpbnQxX2xpbmVhcl8xMDAyXzI4OTYpIi8+CjxwYXRoIGQ9Ik0xOC44MDUgNy4wMzU4MUMxOS40OTAyIDcuMDM1ODEgMjAuMDQ1NiA2LjQ4MDM5IDIwLjA0NTYgNS43OTUyNUMyMC4wNDU2IDUuMTEwMTEgMTkuNDkwMiA0LjU1NDY5IDE4LjgwNSA0LjU1NDY5QzE4LjExOTkgNC41NTQ2OSAxNy41NjQ1IDUuMTEwMTEgMTcuNTY0NSA1Ljc5NTI1QzE3LjU2NDUgNi40ODAzOSAxOC4xMTk5IDcuMDM1ODEgMTguODA1IDcuMDM1ODFaIiBmaWxsPSJ1cmwoI3BhaW50Ml9saW5lYXJfMTAwMl8yODk2KSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzEwMDJfMjg5NiIgeDE9IjEyLjE3MjQiIHkxPSItMTAuODYxOSIgeDI9IjEyLjE3MjQiIHkyPSIzNC44MTMxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM3QjM0RjgiLz4KPHN0b3Agb2Zmc2V0PSIwLjUzIiBzdG9wLWNvbG9yPSIjRjgzQTM4Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZFQ0UwMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXJfMTAwMl8yODk2IiB4MT0iMTIuMTg0MSIgeTE9Ii0xMC44NjE5IiB4Mj0iMTIuMTg0MSIgeTI9IjM0LjgxMzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzdCMzRGOCIvPgo8c3RvcCBvZmZzZXQ9IjAuNTMiIHN0b3AtY29sb3I9IiNGODNBMzgiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkVDRTAwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQyX2xpbmVhcl8xMDAyXzI4OTYiIHgxPSIxOC44MDUiIHkxPSItMTAuODYxNyIgeDI9IjE4LjgwNSIgeTI9IjM0LjgxMzMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzdCMzRGOCIvPgo8c3RvcCBvZmZzZXQ9IjAuNTMiIHN0b3AtY29sb3I9IiNGODNBMzgiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkVDRTAwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==);
}

.ico--yt {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAzNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI5LjMyNzIgMC40MTc0OEg1LjAyMzg4QzIuNjIyMDcgMC40MTc0OCAwLjY3MzgyOCAyLjM3NDM0IDAuNjczODI4IDQuNzgzMzFWMjAuMDUxNkMwLjY3MzgyOCAyMi40NjQxIDIuNjIyMDcgMjQuNDE3NSA1LjAyMzg4IDI0LjQxNzVIMjkuMzI3MkMzMS43MjkgMjQuNDE3NSAzMy42NzM4IDIyLjQ2NDEgMzMuNjczOCAyMC4wNTE2VjQuNzgzMzFDMzMuNjczOCAyLjM3MDg5IDMxLjcyNTYgMC40MTc0OCAyOS4zMjcyIDAuNDE3NDhaTTIxLjA4MDYgMTMuNDczNkwxNC4zMjE5IDE2Ljg2NjFDMTMuNTQxOSAxNy4yNTk2IDEyLjYyNDUgMTYuNjkwMSAxMi42MjQ1IDE1LjgxMzVWOS4wMjgzNUMxMi42MjQ1IDguMTUxNzMgMTMuNTQxOSA3LjU4MjI4IDE0LjMyMTkgNy45NzU3MkwyMS4wODA2IDExLjM2ODNDMjEuOTQzMSAxMS43OTk3IDIxLjk0MzEgMTMuMDM4NyAyMS4wODA2IDEzLjQ3MzZaIiBmaWxsPSIjRkMzOTMyIi8+Cjwvc3ZnPgo=);
}

.ico--tk {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyMSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjU3ODYgMTguMTAwN1Y4LjIzMzczQzE0LjU3ODYgOC4yMzM3MyAxNS43MzYxIDEwLjE2MjkgMTkuOTU2MSAxMC4yMDY2QzIwLjAzNjIgMTAuMjA2NiAyMC4xMDQyIDEwLjE0MTEgMjAuMTA0MiAxMC4wNjFWNi43OTcxM0MyMC4xMDQyIDYuNzE5NDcgMjAuMDQxMSA2LjY1NjM4IDE5Ljk2MSA2LjY1Mzk1QzE2LjU4NTUgNi41ODM1OCAxNS4wMzk2IDMuOTc3MzEgMTQuOTc0MSAxLjY3NjgxQzE0Ljk3NDEgMS41OTE4NyAxNC45MDM3IDEuNTIzOTMgMTQuODE4OCAxLjUyMzkzSDExLjE2OTFDMTEuMDg5IDEuNTIzOTMgMTEuMDI1OSAxLjU4OTQ1IDExLjAyNTkgMS42NjcxVjE3LjYwMzJDMTEuMDI1OSAxOS4yODk3IDkuNzQ5NDYgMjAuNzU1NSA4LjA2NTM0IDIwLjg1NzRDNi4wNzMwMiAyMC45Nzg3IDQuNDQ5NTUgMTkuMjUwOSA0Ljc0NTYxIDE3LjIyOTVDNC45NTQzMSAxNS44MDUgNi4xNTA2OSAxNC42ODYzIDcuNTg3MjkgMTQuNTYyNUM3Ljg5NTQ4IDE0LjUzNTkgOC4xOTYzOCAxNC41NTI4IDguNDg1MTUgMTQuNjExMUM4LjU4MjIyIDE0LjYzMDUgOC42NTc0NCAxNC41Njk4IDguNjU3NDQgMTQuNDcyOFYxMS4xNzQ5QzguNjU3NDQgMTEuMTAyMSA4LjU5OTIyIDExLjAzNjYgOC41Mjg4NSAxMS4wMjkzQzguMDc1MDUgMTAuOTg1NiA3LjYwNjcgMTAuOTg1NiA3LjEzMTA3IDExLjAzNjZDNC4wNDE4OSAxMS4zNjY2IDEuNTQ5NjYgMTMuODQ0MiAxLjIwMjY1IDE2LjkzMzRDMC43NDg4NTUgMjAuOTg2IDMuOTA4NCAyNC40MTczIDcuODY4NzYgMjQuNDE3M0MxMS41NzQzIDI0LjQxNzMgMTQuNTc4NiAyMS40MTMxIDE0LjU3ODYgMTcuNzA3NSIgZmlsbD0iI0Q4MjMyMyIvPgo8cGF0aCBkPSJNMTMuNTkzMiAxNi45OTQyVjcuMTI3MjhDMTMuNTkzMiA3LjEyNzI4IDE0Ljc1MDcgOS4wNTY1IDE4Ljk3MDcgOS4xMDAxOUMxOS4wNTA4IDkuMTAwMTkgMTkuMTE4OCA5LjAzNDY3IDE5LjExODggOC45NTQ1OFY1LjY5MDY4QzE5LjExODggNS42MTMwMyAxOS4wNTU3IDUuNTQ5OTMgMTguOTc1NiA1LjU0NzUxQzE1LjYwMDEgNS40NzcxMyAxNC4wNTQzIDIuODcwODcgMTMuOTg4OCAwLjU3MDM2MkMxMy45ODg4IDAuNDg1NDI4IDEzLjkxODQgMC40MTc0OCAxMy44MzM1IDAuNDE3NDhIMTAuMTgzN0MxMC4xMDM2IDAuNDE3NDggMTAuMDQwNSAwLjQ4MzAwMSAxMC4wNDA1IDAuNTYwNjU1VjE2LjQ5NjdDMTAuMDQwNSAxOC4xODMzIDguNzY0MDggMTkuNjQ5IDcuMDc5OTYgMTkuNzUwOUM1LjA4NzY0IDE5Ljg3MjMgMy40NjQyIDE4LjE0NDUgMy43NjAyNiAxNi4xMjNDMy45Njg5NSAxNC42OTg2IDUuMTY1MyAxMy41Nzk5IDYuNjAxOTEgMTMuNDU2MUM2LjkxMDEgMTMuNDI5NCA3LjIxMTAyIDEzLjQ0NjQgNy40OTk4IDEzLjUwNDZDNy41OTY4NyAxMy41MjQgNy42NzIwOSAxMy40NjM0IDcuNjcyMDkgMTMuMzY2M1YxMC4wNjg0QzcuNjcyMDkgOS45OTU2MyA3LjYxMzg0IDkuOTMwMTEgNy41NDM0NiA5LjkyMjgzQzcuMDg5NjcgOS44NzkxNSA2LjYyMTMyIDkuODc5MTUgNi4xNDU2OSA5LjkzMDExQzMuMDU2NTEgMTAuMjYwMSAwLjU2NDMxMSAxMi43Mzc4IDAuMjE3Mjk0IDE1LjgyN0MtMC4yMzY0OTcgMTkuODc5NiAyLjkyMzA1IDIzLjMxMDkgNi44ODM0MSAyMy4zMTA5QzEwLjU4OSAyMy4zMTA5IDEzLjU5MzIgMjAuMzA2NyAxMy41OTMyIDE2LjYwMTEiIGZpbGw9IiM2REY3RjciLz4KPHBhdGggZD0iTTE0LjA4NjQgMTcuNDE5VjcuNTUyMDlDMTQuMDg2NCA3LjU1MjA5IDE1LjI0MzkgOS40ODEzMSAxOS40NjM5IDkuNTI0OTlDMTkuNTQ0IDkuNTI0OTkgMTkuNjEyIDkuNDU5NDcgMTkuNjEyIDkuMzc5MzlWNi4xMTU0OUMxOS42MTIgNi4wMzc4MyAxOS41NDg5IDUuOTc0NzQgMTkuNDY4OCA1Ljk3MjMxQzE2LjA5MzMgNS45MDE5NCAxNC41NDc1IDMuMjk1NjcgMTQuNDgxOSAwLjk5NTE2N0MxNC40ODE5IDAuOTEwMjMzIDE0LjQxMTYgMC44NDIyODUgMTQuMzI2NyAwLjg0MjI4NUgxMC42NzY5QzEwLjU5NjggMC44NDIyODUgMTAuNTMzNyAwLjkwNzgwNiAxMC41MzM3IDAuOTg1NDZWMTYuOTIxNUMxMC41MzM3IDE4LjYwODEgOS4yNTcyOCAyMC4wNzM4IDcuNTczMTUgMjAuMTc1N0M1LjU4MDg0IDIwLjI5NzEgMy45NTc0IDE4LjU2OTMgNC4yNTM0NSAxNi41NDc4QzQuNDYyMTUgMTUuMTIzNCA1LjY1ODUgMTQuMDA0NyA3LjA5NTEgMTMuODgwOUM3LjQwMzI5IDEzLjg1NDIgNy43MDQxOSAxMy44NzEyIDcuOTkyOTYgMTMuOTI5NEM4LjA5MDAzIDEzLjk0ODggOC4xNjUyOCAxMy44ODgyIDguMTY1MjggMTMuNzkxMVYxMC40OTMyQzguMTY1MjggMTAuNDIwNCA4LjEwNzAzIDEwLjM1NDkgOC4wMzY2NiAxMC4zNDc2QzcuNTgyODcgMTAuMzA0IDcuMTE0NTEgMTAuMzA0IDYuNjM4ODggMTAuMzU0OUMzLjU0OTcgMTAuNjg0OSAxLjA1NzQ4IDEzLjE2MjYgMC43MTA0NTggMTYuMjUxOEMwLjI1NjY2NyAyMC4zMDQ0IDMuNDE2MjQgMjMuNzM1NyA3LjM3NjYgMjMuNzM1N0MxMS4wODIyIDIzLjczNTcgMTQuMDg2NCAyMC43MzE1IDE0LjA4NjQgMTcuMDI1OSIgZmlsbD0iIzExMTExNCIvPgo8L3N2Zz4K);
}

.ico--filter {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjUwMDIgMjEuODQ5MUMxMC4xMDI0IDIxLjg0ODggOS43MjA4OSAyMS42OTA3IDkuNDM5NiAyMS40MDkzQzkuMTU4MzEgMjEuMTI4IDkuMDAwMjEgMjAuNzQ2NSA5LjAwMDAzIDIwLjM0ODZWMTMuMDM5OUwyLjgzNTU5IDYuMjU5MjJDMi42NDAwNiA2LjA0NDIxIDIuNTExMTkgNS43NzcwMiAyLjQ2NDY2IDUuNDkwMTRDMi40MTgxMyA1LjIwMzI3IDIuNDU1OTUgNC45MDkwNSAyLjU3MzUgNC42NDMyNkMyLjY5MTA2IDQuMzc3NDcgMi44ODMzIDQuMTUxNTUgMy4xMjY4NSAzLjk5Mjk3QzMuMzcwNCAzLjgzNDM5IDMuNjU0NzggMy43NDk5OCAzLjk0NTQxIDMuNzVIMjAuMDU0N0MyMC4zNDUzIDMuNzUgMjAuNjI5NiAzLjgzNDQxIDIwLjg3MzEgMy45OTI5N0MyMS4xMTY3IDQuMTUxNTMgMjEuMzA4OSA0LjM3NzQyIDIxLjQyNjQgNC42NDMxOEMyMS41NDQgNC45MDg5MyAyMS41ODE4IDUuMjAzMTIgMjEuNTM1NCA1LjQ4OTk4QzIxLjQ4ODkgNS43NzY4MyAyMS4zNiA2LjA0NDAxIDIxLjE2NDYgNi4yNTkwM0wxNSAxMy4wNFYxOC4zNDg3QzE1LjAwMDMgMTguNTk1NyAxNC45Mzk0IDE4LjgzODkgMTQuODIyOSAxOS4wNTY2QzE0LjcwNjMgMTkuMjc0NCAxNC41Mzc3IDE5LjQ2IDE0LjMzMjEgMTkuNTk2OEwxMS4zMzIxIDIxLjU5NjZDMTEuMDg1OCAyMS43NjExIDEwLjc5NjQgMjEuODQ5IDEwLjUwMDIgMjEuODQ5MVpNMy45NDU5NyA1LjI1TDEwLjEwOTkgMTIuMDMwOUMxMC4zNjEyIDEyLjMwNjkgMTAuNTAwNCAxMi42NjY4IDEwLjUgMTMuMDRWMjAuMzQ4NkwxMy41IDE4LjM0ODdWMTMuMDRDMTMuNDk5NyAxMi42NjY3IDEzLjYzODkgMTIuMzA2NyAxMy44OTAzIDEyLjAzMDhMMjAuMDU0MyA1LjI1MDM4TDMuOTQ1OTcgNS4yNVoiIGZpbGw9IiM2NTZFODQiLz4KPC9zdmc+Cg==);
}

.ico--fb-outline {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjc1IDEyQzIxLjc1IDEwLjA3MTcgMjEuMTc4MiA4LjE4Njc3IDIwLjEwNyA2LjU4MzQ1QzE5LjAzNTggNC45ODAxMiAxNy41MTMyIDMuNzMwNDQgMTUuNzMxNyAyLjk5MjQxQzEzLjk1MDMgMi4yNTQzOSAxMS45OSAyLjA2MTE2IDEwLjA5ODggMi40MzcxN0M4LjIwNzUyIDIuODEzMTggNi40NzAyMyAzLjc0MTUzIDUuMTA2NTcgNS4xMDQ4NUMzLjc0MjkyIDYuNDY4MTcgMi44MTQxMyA4LjIwNTIzIDIuNDM3NjUgMTAuMDk2NEMyLjA2MTE2IDExLjk4NzUgMi4yNTM5IDEzLjk0NzkgMi45OTE0OCAxNS43Mjk1QzMuNzI5MDYgMTcuNTExMSA0Ljk3ODM2IDE5LjAzNCA2LjU4MTQyIDIwLjEwNTZDOC4xODQ0OCAyMS4xNzczIDEwLjA2OTMgMjEuNzQ5NSAxMS45OTc2IDIxLjc1SDEyTDEyLjAwMjQgMjEuNzQ5OUMxNC41ODcgMjEuNzQ2NCAxNy4wNjQ2IDIwLjcxNzkgMTguODkxOSAxOC44OTAyQzIwLjcxOTIgMTcuMDYyNCAyMS43NDcxIDE0LjU4NDUgMjEuNzUgMTJaTTEyLjc1IDIwLjIxNTVWMTQuMjUwMUgxNUMxNS4xOTg5IDE0LjI1MDEgMTUuMzg5NyAxNC4xNzExIDE1LjUzMDMgMTQuMDMwNEMxNS42NzEgMTMuODg5OCAxNS43NSAxMy42OTkgMTUuNzUgMTMuNTAwMUMxNS43NSAxMy4zMDEyIDE1LjY3MSAxMy4xMTA0IDE1LjUzMDMgMTIuOTY5OEMxNS4zODk3IDEyLjgyOTEgMTUuMTk4OSAxMi43NTAxIDE1IDEyLjc1MDFIMTIuNzVWMTAuNTAwMUMxMi43NTA1IDEwLjEwMjQgMTIuOTA4NiA5LjcyMTE0IDEzLjE4OTggOS40Mzk5M0MxMy40NzEgOS4xNTg3MiAxMy44NTIzIDkuMDAwNTUgMTQuMjUgOS4wMDAxSDE1Ljc1QzE1Ljk0ODkgOS4wMDAxIDE2LjEzOTcgOC45MjEwOCAxNi4yODAzIDguNzgwNDNDMTYuNDIxIDguNjM5NzggMTYuNSA4LjQ0OTAxIDE2LjUgOC4yNTAxQzE2LjUgOC4wNTExOSAxNi40MjEgNy44NjA0MiAxNi4yODAzIDcuNzE5NzdDMTYuMTM5NyA3LjU3OTEyIDE1Ljk0ODkgNy41MDAxIDE1Ljc1IDcuNTAwMUgxNC4yNUMxMy40NTQ2IDcuNTAwOTkgMTIuNjkyMSA3LjgxNzM1IDEyLjEyOTcgOC4zNzk3N0MxMS41NjczIDguOTQyMTggMTEuMjUwOSA5LjcwNDcyIDExLjI1IDEwLjUwMDFWMTIuNzUwMUg5QzguODAxMDkgMTIuNzUwMSA4LjYxMDMzIDEyLjgyOTEgOC40Njk2NyAxMi45Njk4QzguMzI5MDIgMTMuMTEwNCA4LjI1IDEzLjMwMTIgOC4yNSAxMy41MDAxQzguMjUgMTMuNjk5IDguMzI5MDIgMTMuODg5OCA4LjQ2OTY3IDE0LjAzMDRDOC42MTAzMyAxNC4xNzExIDguODAxMDkgMTQuMjUwMSA5IDE0LjI1MDFIMTEuMjVWMjAuMjE1NUM5LjEzNTc1IDIwLjAyMjUgNy4xNzcyOCAxOS4wMjE5IDUuNzgxOTggMTcuNDIxN0M0LjM4NjY3IDE1LjgyMTYgMy42NjE5NSAxMy43NDUxIDMuNzU4NTUgMTEuNjI0M0MzLjg1NTE1IDkuNTAzNDMgNC43NjU2NCA3LjUwMTQ2IDYuMzAwNjQgNi4wMzQ3OUM3LjgzNTYzIDQuNTY4MTIgOS44NzY5NiAzLjc0OTY3IDEyIDMuNzQ5NjdDMTQuMTIzMSAzLjc0OTY3IDE2LjE2NDQgNC41NjgxMiAxNy42OTk0IDYuMDM0NzlDMTkuMjM0NCA3LjUwMTQ2IDIwLjE0NDkgOS41MDM0MyAyMC4yNDE1IDExLjYyNDNDMjAuMzM4MSAxMy43NDUxIDE5LjYxMzMgMTUuODIxNiAxOC4yMTggMTcuNDIxN0MxNi44MjI3IDE5LjAyMTkgMTQuODY0MyAyMC4wMjI1IDEyLjc1IDIwLjIxNTVaIiBmaWxsPSIjMkQzNTVDIi8+Cjwvc3ZnPgo=);
}

.ico--wa-outline {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDIuMjVDMTAuMzA2NSAyLjI1MDQ1IDguNjQyMzYgMi42OTE4NyA3LjE3MTI5IDMuNTMwOEM1LjcwMDIxIDQuMzY5NzIgNC40NzI5NCA1LjU3NzI1IDMuNjEwMjcgNy4wMzQ1M0MyLjc0NzU5IDguNDkxOCAyLjI3OTI0IDEwLjE0ODYgMi4yNTEzMyAxMS44NDE4QzIuMjIzNDEgMTMuNTM1MSAyLjYzNjg4IDE1LjIwNjQgMy40NTEwNCAxNi42OTEzTDIuNjQ5NzYgMTkuNDk1OUMyLjU3NjI3IDE5Ljc1MzEgMi41NzI5IDIwLjAyNTMgMi42NCAyMC4yODQyQzIuNzA3MSAyMC41NDMyIDIuODQyMjMgMjAuNzc5NSAzLjAzMTM4IDIwLjk2ODZDMy4yMjA1NCAyMS4xNTc4IDMuNDU2ODMgMjEuMjkyOSAzLjcxNTc5IDIxLjM2QzMuOTc0NzQgMjEuNDI3MSA0LjI0NjkyIDIxLjQyMzcgNC41MDQxMyAyMS4zNTAyTDcuMzA4NzYgMjAuNTQ5QzguNjEyMDkgMjEuMjY0MSAxMC4wNjE3IDIxLjY3MTggMTEuNTQ2OCAyMS43NDA4QzEzLjAzMTggMjEuODA5OCAxNC41MTMgMjEuNTM4MyAxNS44NzcgMjAuOTQ3MUMxNy4yNDEgMjAuMzU1OSAxOC40NTE4IDE5LjQ2MDYgMTkuNDE2OCAxOC4zMjk3QzIwLjM4MTggMTcuMTk4OCAyMS4wNzU0IDE1Ljg2MjIgMjEuNDQ0NiAxNC40MjIxQzIxLjgxMzcgMTIuOTgyIDIxLjg0ODggMTEuNDc2NiAyMS41NDY5IDEwLjAyMDlDMjEuMjQ1MSA4LjU2NTIgMjAuNjE0MyA3LjE5NzgxIDE5LjcwMyA2LjAyMzI2QzE4Ljc5MTYgNC44NDg3MSAxNy42MjM4IDMuODk4MTEgMTYuMjg4NyAzLjI0NDEyQzE0Ljk1MzYgMi41OTAxNCAxMy40ODY3IDIuMjUwMSAxMiAyLjI1Wk0xMiAyMC4yNUMxMC41MTg0IDIwLjI1MSA5LjA2NDAzIDE5Ljg1MjUgNy43ODk5OCAxOS4wOTYzQzcuNzAyMTEgMTkuMDQ0MSA3LjYwNDUgMTkuMDEwMyA3LjUwMzEzIDE4Ljk5NzJDNy40MDE3NiAxOC45ODQgNy4yOTg3NyAxOC45OTE3IDcuMjAwNDggMTkuMDE5OEw0LjA5MjEgMTkuOTA4TDQuOTgwMSAxNi43OTk1QzUuMDA4MTggMTYuNzAxMyA1LjAxNTg3IDE2LjU5ODMgNS4wMDI3MiAxNi40OTdDNC45ODk1NiAxNi4zOTU2IDQuOTU1ODMgMTYuMjk4MSA0LjkwMzYgMTYuMjEwMkMzLjk3NDQxIDE0LjY0NDcgMy41ODkwOSAxMi44MTU3IDMuODA3NjcgMTEuMDA4NEM0LjAyNjI0IDkuMjAwOTggNC44MzY0MyA3LjUxNjY0IDYuMTEyMDQgNi4yMTc3MUM3LjM4NzY0IDQuOTE4NzggOS4wNTcwMiA0LjA3ODIgMTAuODYwMSAzLjgyNjkxQzEyLjY2MzMgMy41NzU2MyAxNC40OTg5IDMuOTI3NzQgMTYuMDgxIDQuODI4NDFDMTcuNjYzMiA1LjcyOTA4IDE4LjkwMyA3LjEyNzczIDE5LjYwNzQgOC44MDY0OEMyMC4zMTE4IDEwLjQ4NTIgMjAuNDQxMiAxMi4zNDk4IDE5Ljk3NTUgMTQuMTA5OEMxOS41MDk3IDE1Ljg2OTcgMTguNDc1IDE3LjQyNjMgMTcuMDMyNSAxOC41MzY5QzE1LjU4OTkgMTkuNjQ3NSAxMy44MjA2IDIwLjI0OTggMTIgMjAuMjVaTTE2LjkyMTUgMTMuNDEyOEwxNS4wMDM0IDEyLjMxNjdDMTQuNzcyIDEyLjE4NDYgMTQuNTA5NiAxMi4xMTY1IDE0LjI0MzIgMTIuMTE5NEMxMy45NzY4IDEyLjEyMjIgMTMuNzE2IDEyLjE5NTkgMTMuNDg3NCAxMi4zMzI5TDEyLjM3NjUgMTIuOTk5NkMxMS44MDQ5IDEyLjY2OTggMTEuMzMwMyAxMi4xOTUyIDExLjAwMDUgMTEuNjIzNkwxMS42NjcxIDEwLjUxMjVDMTEuODA0MSAxMC4yODM5IDExLjg3NzcgMTAuMDIzMSAxMS44ODA2IDkuNzU2N0MxMS44ODM0IDkuNDkwMjkgMTEuODE1NCA5LjIyNzkzIDExLjY4MzMgOC45OTY1M0wxMC41ODcyIDcuMDc4NDFDMTAuNDY0OCA2Ljg2NDkyIDEwLjI4ODQgNi42ODc0OCAxMC4wNzU1IDYuNTYzOThDOS44NjI3IDYuNDQwNDkgOS42MjEwNyA2LjM3NTMgOS4zNzUwMSA2LjM3NUM4LjQ4MjAyIDYuMzc1MzQgNy42MjU1MyA2LjcyOTQzIDYuOTkzMDEgNy4zNTk3OEM2LjM2MDQ4IDcuOTkwMTMgNi4wMDM0MyA4Ljg0NTM5IDYuMDAwMDEgOS43MzgzN0M1Ljk5ODQ4IDEwLjgyMjggNi4yMTA3NCAxMS44OTY4IDYuNjI0NjUgMTIuODk5MUM3LjAzODU3IDEzLjkwMTMgNy42NDYwMSAxNC44MTIyIDguNDEyMjMgMTUuNTc5NUM5LjE3ODQ2IDE2LjM0NjggMTAuMDg4NCAxNi45NTU1IDExLjA5MDEgMTcuMzcwOUMxMi4wOTE4IDE3Ljc4NjIgMTMuMTY1NSAxOCAxNC4yNDk5IDE4QzE0LjI1MzkgMTggMTQuMjU5NyAxOC4wMDIyIDE0LjI2MTcgMThDMTUuMTU0NyAxNy45OTY2IDE2LjAwOTkgMTcuNjM5NSAxNi42NDAzIDE3LjAwN0MxNy4yNzA2IDE2LjM3NDQgMTcuNjI0NyAxNS41MTggMTcuNjI1IDE0LjYyNUMxNy42MjQ3IDE0LjM3ODkgMTcuNTU5NSAxNC4xMzczIDE3LjQzNiAxMy45MjQ1QzE3LjMxMjUgMTMuNzExNiAxNy4xMzUgMTMuNTM1MiAxNi45MjE1IDEzLjQxMjhaTTE0LjI1OTcgMTYuNUMxMy4zNzE2IDE2LjUwMTMgMTIuNDkyIDE2LjMyNzMgMTEuNjcxNCAxNS45ODhDMTAuODUwNyAxNS42NDg4IDEwLjEwNSAxNS4xNTA5IDkuNDc3MDMgMTQuNTIzQzguODQ5MDkgMTMuODk1IDguMzUxMjIgMTMuMTQ5MyA4LjAxMTk3IDEyLjMyODdDNy42NzI3MSAxMS41MDggNy40OTg3NCAxMC42Mjg0IDcuNTAwMDEgOS43NDAzNEM3LjUwMjI3IDkuMjU1IDcuNjkyNzQgOC43ODk0NyA4LjAzMTMyIDguNDQxNzJDOC4zNjk5IDguMDkzOTggOC44MzAxOCA3Ljg5MTE2IDkuMzE1MjkgNy44NzU5NEwxMC4zODA5IDkuNzQwNjJMOS41MDA4MiAxMS4yMDc3QzkuNDM4NTggMTEuMzExNCA5LjQwMjM0IDExLjQyODcgOS4zOTUyMSAxMS41NDk0QzkuMzg4MDcgMTEuNjcwMiA5LjQxMDI1IDExLjc5MDkgOS40NTk4NSAxMS45MDEyQzkuOTg2ODggMTMuMDc0MiAxMC45MjU5IDE0LjAxMzIgMTIuMDk4OSAxNC41NDAyQzEyLjIwOTIgMTQuNTg5OCAxMi4zMjk5IDE0LjYxMiAxMi40NTA2IDE0LjYwNDhDMTIuNTcxNCAxNC41OTc3IDEyLjY4ODYgMTQuNTYxNCAxMi43OTIzIDE0LjQ5OTJMMTQuMjU5NCAxMy42MTkxTDE2LjEyNDIgMTQuNjg0NkMxNi4xMDkgMTUuMTY5OCAxNS45MDYxIDE1LjYzMDEgMTUuNTU4NCAxNS45Njg3QzE1LjIxMDYgMTYuMzA3MyAxNC43NDUgMTYuNDk3OCAxNC4yNTk3IDE2LjVaIiBmaWxsPSIjMkQzNTVDIi8+Cjwvc3ZnPgo=);
}

.ico--ig-outline {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDcuNUMxMS4xMSA3LjUgMTAuMjQgNy43NjM5MiA5LjQ5OTkzIDguMjU4MzlDOC43NTk5MSA4Ljc1Mjg1IDguMTgzMTQgOS40NTU2NiA3Ljg0MjU0IDEwLjI3NzlDNy41MDE5NSAxMS4xMDAyIDcuNDEyODMgMTIuMDA1IDcuNTg2NDcgMTIuODc3OUM3Ljc2MDEgMTMuNzUwOCA4LjE4ODY4IDE0LjU1MjYgOC44MTgwMiAxNS4xODJDOS40NDczNiAxNS44MTEzIDEwLjI0OTIgMTYuMjM5OSAxMS4xMjIxIDE2LjQxMzVDMTEuOTk1IDE2LjU4NzIgMTIuODk5OCAxNi40OTgxIDEzLjcyMjEgMTYuMTU3NUMxNC41NDQzIDE1LjgxNjkgMTUuMjQ3MSAxNS4yNDAxIDE1Ljc0MTYgMTQuNTAwMUMxNi4yMzYxIDEzLjc2IDE2LjUgMTIuODkgMTYuNSAxMkMxNi40OTg3IDEwLjgwNjkgMTYuMDI0MSA5LjY2MzEyIDE1LjE4MDUgOC44MTk1QzE0LjMzNjkgNy45NzU4OCAxMy4xOTMxIDcuNTAxMzQgMTIgNy41Wk0xMiAxNUMxMS40MDY3IDE1IDEwLjgyNjYgMTQuODI0MSAxMC4zMzMzIDE0LjQ5NDRDOS44Mzk5NCAxNC4xNjQ4IDkuNDU1NDIgMTMuNjk2MiA5LjIyODM2IDEzLjE0ODFDOS4wMDEzIDEyLjU5OTkgOC45NDE4OSAxMS45OTY3IDkuMDU3NjQgMTEuNDE0N0M5LjE3MzQgMTAuODMyOCA5LjQ1OTEyIDEwLjI5ODIgOS44Nzg2OCA5Ljg3ODY4QzEwLjI5ODIgOS40NTkxMiAxMC44MzI4IDkuMTczNCAxMS40MTQ3IDkuMDU3NjRDMTEuOTk2NyA4Ljk0MTg5IDEyLjU5OTkgOS4wMDEzIDEzLjE0ODEgOS4yMjgzNkMxMy42OTYyIDkuNDU1NDIgMTQuMTY0OCA5LjgzOTk0IDE0LjQ5NDQgMTAuMzMzM0MxNC44MjQxIDEwLjgyNjYgMTUgMTEuNDA2NyAxNSAxMkMxNC45OTkxIDEyLjc5NTQgMTQuNjgyNyAxMy41NTc5IDE0LjEyMDMgMTQuMTIwM0MxMy41NTc5IDE0LjY4MjcgMTIuNzk1NCAxNC45OTkxIDEyIDE1Wk0xNi4xMjUgMi42MjVINy44NzVDNi40ODMxIDIuNjI2NTkgNS4xNDg2NyAzLjE4MDIyIDQuMTY0NDQgNC4xNjQ0NEMzLjE4MDIyIDUuMTQ4NjcgMi42MjY1OSA2LjQ4MzEgMi42MjUgNy44NzVWMTYuMTI1QzIuNjI2NTkgMTcuNTE2OSAzLjE4MDIyIDE4Ljg1MTMgNC4xNjQ0NCAxOS44MzU2QzUuMTQ4NjcgMjAuODE5OCA2LjQ4MzEgMjEuMzczNCA3Ljg3NSAyMS4zNzVIMTYuMTI1QzE3LjUxNjkgMjEuMzczNCAxOC44NTEzIDIwLjgxOTggMTkuODM1NiAxOS44MzU2QzIwLjgxOTggMTguODUxMyAyMS4zNzM0IDE3LjUxNjkgMjEuMzc1IDE2LjEyNVY3Ljg3NUMyMS4zNzM0IDYuNDgzMSAyMC44MTk4IDUuMTQ4NjcgMTkuODM1NiA0LjE2NDQ0QzE4Ljg1MTMgMy4xODAyMiAxNy41MTY5IDIuNjI2NTkgMTYuMTI1IDIuNjI1Wk0xOS44NzUgMTYuMTI1QzE5Ljg3MzkgMTcuMTE5MiAxOS40Nzg0IDE4LjA3MjQgMTguNzc1NCAxOC43NzU0QzE4LjA3MjQgMTkuNDc4NCAxNy4xMTkyIDE5Ljg3MzkgMTYuMTI1IDE5Ljg3NUg3Ljg3NUM2Ljg4MDc4IDE5Ljg3MzkgNS45Mjc2IDE5LjQ3ODQgNS4yMjQ1OCAxOC43NzU0QzQuNTIxNTYgMTguMDcyNCA0LjEyNjEyIDE3LjExOTIgNC4xMjUgMTYuMTI1VjcuODc1QzQuMTI2MTIgNi44ODA3OCA0LjUyMTU2IDUuOTI3NiA1LjIyNDU4IDUuMjI0NThDNS45Mjc2IDQuNTIxNTYgNi44ODA3OCA0LjEyNjEyIDcuODc1IDQuMTI1SDE2LjEyNUMxNy4xMTkyIDQuMTI2MTIgMTguMDcyNCA0LjUyMTU2IDE4Ljc3NTQgNS4yMjQ1OEMxOS40Nzg0IDUuOTI3NiAxOS44NzM5IDYuODgwNzggMTkuODc1IDcuODc1VjE2LjEyNVpNMTggNy4xMjVDMTggNy4zNDc1IDE3LjkzNCA3LjU2NTAxIDE3LjgxMDQgNy43NTAwMkMxNy42ODY4IDcuOTM1MDIgMTcuNTExMSA4LjA3OTIyIDE3LjMwNTUgOC4xNjQzNkMxNy4xIDguMjQ5NTEgMTYuODczOCA4LjI3MTc5IDE2LjY1NTUgOC4yMjgzOEMxNi40MzczIDguMTg0OTggMTYuMjM2OCA4LjA3NzgzIDE2LjA3OTUgNy45MjA1QzE1LjkyMjIgNy43NjMxNiAxNS44MTUgNy41NjI3MSAxNS43NzE2IDcuMzQ0NDhDMTUuNzI4MiA3LjEyNjI1IDE1Ljc1MDUgNi45MDAwNSAxNS44MzU2IDYuNjk0NDhDMTUuOTIwOCA2LjQ4ODkxIDE2LjA2NSA2LjMxMzIxIDE2LjI1IDYuMTg5NkMxNi40MzUgNi4wNjU5OCAxNi42NTI1IDYgMTYuODc1IDZDMTcuMTczNCA2IDE3LjQ1OTUgNi4xMTg1MyAxNy42NzA1IDYuMzI5NUMxNy44ODE1IDYuNTQwNDggMTggNi44MjY2MyAxOCA3LjEyNVoiIGZpbGw9IiMyRDM1NUMiLz4KPC9zdmc+Cg==);
}

.ico--link-outline {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNTAwNjYgMTEuMjQ5NkgxNi41MDA3QzE2LjY5OTYgMTEuMjQ5NiAxNi44OTAzIDExLjMyODYgMTcuMDMxIDExLjQ2OTNDMTcuMTcxNiAxMS42MDk5IDE3LjI1MDcgMTEuODAwNyAxNy4yNTA3IDExLjk5OTZDMTcuMjUwNyAxMi4xOTg1IDE3LjE3MTYgMTIuMzg5MyAxNy4wMzEgMTIuNTNDMTYuODkwMyAxMi42NzA2IDE2LjY5OTYgMTIuNzQ5NiAxNi41MDA3IDEyLjc0OTZINy41MDA2NkM3LjMwMTc0IDEyLjc0OTYgNy4xMTA5OCAxMi42NzA2IDYuOTcwMzMgMTIuNTNDNi44Mjk2NyAxMi4zODkzIDYuNzUwNjYgMTIuMTk4NSA2Ljc1MDY2IDExLjk5OTZDNi43NTA2NiAxMS44MDA3IDYuODI5NjcgMTEuNjA5OSA2Ljk3MDMzIDExLjQ2OTNDNy4xMTA5OCAxMS4zMjg2IDcuMzAxNzQgMTEuMjQ5NiA3LjUwMDY2IDExLjI0OTZaTTkuNzUgMTUuNzVINkM1LjAwNTQ0IDE1Ljc1IDQuMDUxNjEgMTUuMzU0OSAzLjM0ODM1IDE0LjY1MTdDMi42NDUwOSAxMy45NDg0IDIuMjUgMTIuOTk0NiAyLjI1IDEyQzIuMjUgMTEuMDA1NCAyLjY0NTA5IDEwLjA1MTYgMy4zNDgzNSA5LjM0ODM1QzQuMDUxNjEgOC42NDUwOSA1LjAwNTQ0IDguMjUgNiA4LjI1SDkuNzVDOS45NDg5MSA4LjI1IDEwLjEzOTcgOC4xNzA5OCAxMC4yODAzIDguMDMwMzNDMTAuNDIxIDcuODg5NjggMTAuNSA3LjY5ODkxIDEwLjUgNy41QzEwLjUgNy4zMDEwOSAxMC40MjEgNy4xMTAzMiAxMC4yODAzIDYuOTY5NjdDMTAuMTM5NyA2LjgyOTAyIDkuOTQ4OTEgNi43NSA5Ljc1IDYuNzVINkM0LjYwNzYxIDYuNzUgMy4yNzIyNiA3LjMwMzEyIDIuMjg3NjkgOC4yODc2OUMxLjMwMzEyIDkuMjcyMjYgMC43NSAxMC42MDc2IDAuNzUgMTJDMC43NSAxMy4zOTI0IDEuMzAzMTIgMTQuNzI3NyAyLjI4NzY5IDE1LjcxMjNDMy4yNzIyNiAxNi42OTY5IDQuNjA3NjEgMTcuMjUgNiAxNy4yNUg5Ljc1QzkuOTQ4OTEgMTcuMjUgMTAuMTM5NyAxNy4xNzEgMTAuMjgwMyAxNy4wMzAzQzEwLjQyMSAxNi44ODk3IDEwLjUgMTYuNjk4OSAxMC41IDE2LjVDMTAuNSAxNi4zMDExIDEwLjQyMSAxNi4xMTAzIDEwLjI4MDMgMTUuOTY5N0MxMC4xMzk3IDE1LjgyOSA5Ljk0ODkxIDE1Ljc1IDkuNzUgMTUuNzVaTTE4LjAwMDcgNi43NUgxNC4yNTA3QzE0LjA1MTcgNi43NSAxMy44NjEgNi44MjkwMiAxMy43MjAzIDYuOTY5NjdDMTMuNTc5NyA3LjExMDMyIDEzLjUwMDcgNy4zMDEwOSAxMy41MDA3IDcuNUMxMy41MDA3IDcuNjk4OTEgMTMuNTc5NyA3Ljg4OTY4IDEzLjcyMDMgOC4wMzAzM0MxMy44NjEgOC4xNzA5OCAxNC4wNTE3IDguMjUgMTQuMjUwNyA4LjI1SDE4LjAwMDdDMTguOTk1MiA4LjI1IDE5Ljk0OSA4LjY0NTA5IDIwLjY1MjMgOS4zNDgzNUMyMS4zNTU2IDEwLjA1MTYgMjEuNzUwNyAxMS4wMDU0IDIxLjc1MDcgMTJDMjEuNzUwNyAxMi45OTQ2IDIxLjM1NTYgMTMuOTQ4NCAyMC42NTIzIDE0LjY1MTdDMTkuOTQ5IDE1LjM1NDkgMTguOTk1MiAxNS43NSAxOC4wMDA3IDE1Ljc1SDE0LjI1MDdDMTQuMDUxNyAxNS43NSAxMy44NjEgMTUuODI5IDEzLjcyMDMgMTUuOTY5N0MxMy41Nzk3IDE2LjExMDMgMTMuNTAwNyAxNi4zMDExIDEzLjUwMDcgMTYuNUMxMy41MDA3IDE2LjY5ODkgMTMuNTc5NyAxNi44ODk3IDEzLjcyMDMgMTcuMDMwM0MxMy44NjEgMTcuMTcxIDE0LjA1MTcgMTcuMjUgMTQuMjUwNyAxNy4yNUgxOC4wMDA3QzE5LjM5MyAxNy4yNSAyMC43Mjg0IDE2LjY5NjkgMjEuNzEzIDE1LjcxMjNDMjIuNjk3NSAxNC43Mjc3IDIzLjI1MDcgMTMuMzkyNCAyMy4yNTA3IDEyQzIzLjI1MDcgMTAuNjA3NiAyMi42OTc1IDkuMjcyMjYgMjEuNzEzIDguMjg3NjlDMjAuNzI4NCA3LjMwMzEyIDE5LjM5MyA2Ljc1IDE4LjAwMDcgNi43NVoiIGZpbGw9IiMyRDM1NUMiLz4KPC9zdmc+Cg==);
}

.ico--close {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4Ljc1IDUuNzVMNS4yNSAxOS4yNSIgc3Ryb2tlPSIjMzQzMzMwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTguNzUgMTkuMjVMNS4yNSA1Ljc1IiBzdHJva2U9IiMzNDMzMzAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  margin-bottom: 0.5rem;
}

a {
  text-decoration: none;
}

p {
  line-height: 1.6;
  margin-bottom: 1rem;
}

.row {
  margin: 60px 0 0;
}

.row:first-child {
  margin-top: 0;
  padding-top: 100px;
}

.row:last-child {
  margin-bottom: 0;
  padding-bottom: 100px;
}

.row:has(.mainContent .headingFrame) {
  margin-top: 150px;
}

.col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.container {
  width: 1240px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  z-index: 1;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.gap--default {
  gap: 20px;
}

.mainContent--padding:has(.tabSwiper) {
  padding: 56px 40px 32px;
}

.mainContent--padding:has(.headingFilter__wrapper) {
  padding: 32px 40px 32px;
}

.mt--80 {
  margin-top: 80px;
}

.mt--120 {
  margin-top: 120px;
}

.btn {
  font-family: "Montserrat Alternates", sans-serif;
  font-size: 18px;
  font-weight: 700;
  padding: 18px 30px;
  border: none;
  border-radius: 24px;
  background-color: #fff;
  color: #00AAEB;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: 0.15s all ease-in-out;
  transition: 0.15s all ease-in-out;
}

.btn:hover {
  background-color: #0077cc;
  color: white;
}

.btnRow {
  margin: auto;
  width: 100%;
  text-align: center;
}

.btn--loading {
  background: none;
  border: none;
  font-family: Inter;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0px;
  vertical-align: bottom;
  color: #2b3947;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 12px;
  margin: auto;
  cursor: auto;
  /* Animation to make the spinner rotate */
}

.btn--loading:hover {
  background: none;
  color: initial;
}

.btn--loading--animate .ico {
  -webkit-animation: spin 1.5s ease-out infinite;
  animation: spin 1.5s ease-out infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.btnCardmore {
  margin-top: 12px;
  margin-bottom: 20px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 140px;
  background: #F8F8F8;
  border: 1px solid #e7e7e7;
  color: #2B3947;
  border-radius: 8px;
  font-family: Plus Jakarta Sans;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: -0.2px;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 22px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.btnCardmore button {
  width: 48px;
  height: 48px;
  cursor: pointer;
  border: 8px solid #fff;
  -webkit-transition: 0.1s all ease-in-out;
  transition: 0.1s all ease-in-out;
  background: #00aaeb;
  border-radius: 50%;
}

.btnCardmore button::after {
  content: "next";
  color: transparent;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxNiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMzMwMDMgMTguOTI3TDguNjU4MDYgMTEuOTk5OUwxLjMzMDAzIDUuMDczMDhDMC4yMjMzMjMgNC4wMjY5MiAwLjIyMzMyMyAyLjMzMDc2IDEuMzMwMDMgMS4yODQ2MkMyLjQzNjg4IDAuMjM4NDYgNC4yMzExMyAwLjIzODQ2IDUuMzM3OTggMS4yODQ2MkwxNC42NyAxMC4xMDU3QzE1LjIwMTQgMTAuNjA4MiAxNS41IDExLjI4OTUgMTUuNSAxMS45OTk5QzE1LjUgMTIuNzEwNiAxNS4yMDE0IDEzLjM5MTggMTQuNjcgMTMuODk0Mkw1LjMzNzk4IDIyLjcxNTNDNS4xOTk2OCAyMi44NDYgNS4wNTA1IDIyLjk2MDQgNC44OTMzOCAyMy4wNTg2QzMuNzkzMzQgMjMuNzQ1MiAyLjI5ODM1IDIzLjYzMDggMS4zMzAwMyAyMi43MTUzQzEuMTkxNzEgMjIuNTg0NSAxLjA3MDY2IDIyLjQ0MzcgMC45NjY5MTcgMjIuMjk1QzAuMjQwNjIxIDIxLjI1NTIgMC4zNjE2NjcgMTkuODQyMyAxLjMzMDAzIDE4LjkyN1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.heading {
  font-family: "DynaPuff", system-ui;
  font-size: 48px;
  font-weight: 700;
  margin: 0 auto 24px;
  text-align: center;
  position: relative;
}

.heading--vector {
  margin-bottom: 24px;
}

.heading--vector::before {
  content: "";
  display: block;
  aspect-ratio: 611/86;
  width: 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjExIiBoZWlnaHQ9Ijg2IiB2aWV3Qm94PSIwIDAgNjExIDg2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAyNkMwIDExLjY0MDYgMTMuODY0MyAwIDMwLjk2NjkgMEg0MzcuMTA5QzQ1NC4yMTIgMCA0NjguMDc2IDExLjY0MDYgNDY4LjA3NiAyNkM0NjguMDc2IDQwLjM1OTQgNDU0LjIxMiA1MiA0MzcuMTA5IDUySDMwLjk2NjlDMTMuODY0MyA1MiAwIDQwLjM1OTQgMCAyNloiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xNDIuOTI0IDYwQzE0Mi45MjQgNDUuNjQwNiAxNTYuNzg4IDM0IDE3My44OTEgMzRINTgwLjAzM0M1OTcuMTM2IDM0IDYxMSA0NS42NDA2IDYxMSA2MEM2MTEgNzQuMzU5NCA1OTcuMTM2IDg2IDU4MC4wMzMgODZIMTczLjg5MUMxNTYuNzg4IDg2IDE0Mi45MjQgNzQuMzU5NCAxNDIuOTI0IDYwWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==);
  -webkit-filter: invert(100%) sepia(0%) saturate(7482%) hue-rotate(72deg) brightness(99%) contrast(99%);
  filter: invert(100%) sepia(0%) saturate(7482%) hue-rotate(72deg) brightness(99%) contrast(99%);
  background-size: cover;
  background-position: center;
  max-width: 611px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
  z-index: 1;
}

.heading--vector--tint::before {
  -webkit-filter: invert(98%) sepia(30%) saturate(4849%) hue-rotate(174deg) brightness(107%) contrast(105%);
  filter: invert(98%) sepia(30%) saturate(4849%) hue-rotate(174deg) brightness(107%) contrast(105%);
}

.heading--small {
  font-family: Plus Jakarta Sans;
  font-size: 24px;
}

.headingImg {
  z-index: 1;
  position: relative;
  bottom: -15px;
  height: 134px;
}

.heading span {
  position: relative;
  z-index: 2;
  color: #33658A;
}

.headingFrame {
  position: absolute;
  top: -171px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 0 5%;
}

.headingFrame__left {
  left: 0;
}

.headingFrame__right {
  right: 0;
}

.headingFrame--outmainContent {
  top: -195px;
  z-index: -1;
}

.headingFilter {
  position: relative;
  bottom: 0;
  border-radius: 50px;
  border-width: 1px;
  padding-top: 10px;
  padding-right: 16px;
  padding-bottom: 10px;
  padding-left: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 4px;
  background: #fff;
  border: 1px solid #f3f3f3;
  cursor: pointer;
  max-height: 44px;
}

.headingFilter__wrapper {
  gap: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.headingFilter label {
  font-family: Montserrat Alternates;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  cursor: inherit;
}

.headingFilter .ico {
  width: 24px;
  height: 24px;
}

.headingFilter__content {
  position: absolute;
  z-index: 20;
  right: 0;
  display: none;
  border-radius: 16px;
  padding: 24px;
  background: #fff;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.0901960784);
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.0901960784);
}

.headingFilter__content.show {
  display: block;
}

.headingFilter__contentHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.headingFilter__contentTitle {
  font-family: Plus Jakarta Sans;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
}

.headingFilter__contentDelete {
  font-family: Plus Jakarta Sans;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  background: none;
  border: none;
  color: #666;
}

.headingFilter__contentDelete.is-active {
  color: #00aaeb;
  /* black */
  cursor: pointer;
  pointer-events: auto;
}

.headingFilter__options {
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
  margin-top: 10px;
  gap: 16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 572px;
  max-height: 300px;
  overflow-y: auto;
}

.headingFilter__options .headingFilter__option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 15px;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px 0;
  text-align: center;
  border: 1px solid #f3f3f3;
  width: 92px;
  height: 130px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(20% - 16px);
  flex: 0 0 calc(20% - 16px);
  /* 3 columns, adjust gap if needed */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.headingFilter__options .headingFilter__option img {
  width: 60px;
  height: 60px;
  border: 4px solid #fff;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}

.headingFilter__options .headingFilter__option:hover {
  background-color: #f0f0f0;
}

.headingFilter__options .headingFilter__option span {
  font-family: Plus Jakarta Sans;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
}

.headingFilter__option.is-selected {
  border: 1px solid #00aaeb;
  font-weight: bold;
}

.headingFilter__option.is-selected span {
  color: #00aaeb;
}

.headingFilter__tab {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.headingFilter__tab .tabWrapper {
  height: auto;
}

.headingFilter__tab .tabMenu {
  gap: 34px;
  margin-bottom: 0;
}

.headingFilter__tab .tabBtn {
  position: relative;
  font-family: Plus Jakarta Sans;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -0.2px;
  text-align: center;
  width: auto;
  height: auto;
  background: transparent;
  border: none;
  border-radius: unset;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  padding: 0 16px 16px;
}

.headingFilter__tab .tabBtn:hover, .headingFilter__tab .tabBtn.active {
  opacity: 1;
  background: transparent;
  color: #00AAEB;
}

.headingFilter__tab .tabBtn:hover::after, .headingFilter__tab .tabBtn.active::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0px;
  height: 1px;
  background: #00AAEB;
}

.headingFilter__tab a {
  color: inherit;
}

.breadcrumb {
  font-size: 14px;
  margin-bottom: 1rem;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: 0px;
}

.breadcrumb a {
  position: relative;
  color: #515358;
  text-decoration: none;
}

.breadcrumb a:hover {
  text-decoration: underline;
}

.breadcrumb a::after {
  content: "";
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
  display: inline-block;
  width: 9px;
  height: 9px;
  margin: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform-origin: right;
  transform-origin: right;
  border-bottom: 1px solid #515358;
  border-right: 1px solid #515358;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.breadcrumb span {
  font-weight: 400;
  color: #999;
  font-family: "Plus Jakarta Sans", sans-serif;
}

.cardWrap {
  padding-top: 12px;
  margin-bottom: 24px;
  width: 100%;
}

.cardWrap--3 .cardList {
  --gap: 20px;
  --columns: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: var(--gap);
}

.cardWrap--3 .card {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc((100% - var(--gap) * (var(--columns) - 1)) / var(--columns));
  flex: 0 0 calc((100% - var(--gap) * (var(--columns) - 1)) / var(--columns));
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 12px;
}

.cardWrap--3 .cardThumb {
  position: relative;
  width: 100%;
  aspect-ratio: 400/223;
  overflow: hidden;
  background-color: #ccc;
}

.cardWrap--3 .cardThumb img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.cardWrap--3 .cardThumb--video {
  position: relative;
}

.cardWrap--3 .cardThumb--video:after {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjYwIiBoZWlnaHQ9IjYwIiByeD0iMzAiIGZpbGw9IiMzNzM2MzYiIGZpbGwtb3BhY2l0eT0iMC43Ii8+CjxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iNTkiIGhlaWdodD0iNTkiIHJ4PSIyOS41IiBzdHJva2U9IndoaXRlIiBzdHJva2Utb3BhY2l0eT0iMC4xNSIvPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTI4MF8zNzEpIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8xMjgwXzM3MSkiPgo8cGF0aCBkPSJNNDAuNSAzMEM0MC40OTk1IDMwLjI1NzkgNDAuNDMyOCAzMC41MTE0IDQwLjMwNjQgMzAuNzM2MkM0MC4xODAxIDMwLjk2MTEgMzkuOTk4MiAzMS4xNDk4IDM5Ljc3ODEgMzEuMjg0M0wyNi4yNzgxIDM5LjUyNUMyNi4wNTMzIDM5LjY2NzUgMjUuNzkzNiAzOS43NDU1IDI1LjUyNzQgMzkuNzUwNEMyNS4yNjEyIDM5Ljc1NTQgMjQuOTk4OCAzOS42ODcxIDI0Ljc2ODggMzkuNTUzMUMyNC41MzUzIDM5LjQyNSAyNC4zNDA3IDM5LjIzNjQgMjQuMjA1NSAzOS4wMDcxQzI0LjA3MDIgMzguNzc3OCAyMy45OTkyIDM4LjUxNjIgMjQgMzguMjVWMjEuNzVDMjMuOTk5MiAyMS40ODM3IDI0LjA3MDIgMjEuMjIyMiAyNC4yMDU1IDIwLjk5MjlDMjQuMzQwNyAyMC43NjM1IDI0LjUzNTMgMjAuNTc0OSAyNC43Njg4IDIwLjQ0NjhDMjQuOTk4OCAyMC4zMTI4IDI1LjI2MTIgMjAuMjQ0NiAyNS41Mjc0IDIwLjI0OTVDMjUuNzkzNiAyMC4yNTQ1IDI2LjA1MzMgMjAuMzMyNSAyNi4yNzgxIDIwLjQ3NUwzOS43NzgxIDI4LjcxNTZDMzkuOTk4MiAyOC44NTAyIDQwLjE4MDEgMjkuMDM4OSA0MC4zMDY0IDI5LjI2MzdDNDAuNDMyOCAyOS40ODg2IDQwLjQ5OTUgMjkuNzQyIDQwLjUgMzBaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF8xMjgwXzM3MSIgeD0iMTQiIHk9IjEwLjI0OTMiIHdpZHRoPSIzNi41IiBoZWlnaHQ9IjM5LjUwMTUiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldC8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMC4yIDAgMCAwIDAgMC4yIDAgMCAwIDAgMC4yIDAgMCAwIDAuMDUgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18xMjgwXzM3MSIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd18xMjgwXzM3MSIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMjgwXzM3MSI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4IDE4KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
  width: 60px;
  height: 60px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.cardWrap--4 .cardList {
  --gap: 24px;
  --columns: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: var(--gap);
}

.cardWrap--4 .card {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc((100% - var(--gap) * (var(--columns) - 1)) / var(--columns));
  flex: 0 0 calc((100% - var(--gap) * (var(--columns) - 1)) / var(--columns));
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 16px;
}

.cardWrap--4 .cardProduct__title {
  padding-right: 20px;
}

.cardWrap--slider.cardWrap--thumb .cardThumb {
  border: 8px solid #fff;
  overflow: hidden;
  border-radius: 20px;
}

.cardWrap--slider.cardWrap--thumb .cardText {
  display: none;
}

.cardWrap--slider .card {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 16px;
}

.cardWrap--slider .cardThumb img {
  width: 100%;
}

.cardWrap--slider .cardProduct__title {
  padding-right: 20px;
}

.cardWrap--thumb .card {
  aspect-ratio: 4/3;
  z-index: 2;
  border-radius: 20px;
  overflow: hidden;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.cardWrap--thumb .cardThumb {
  height: 100%;
  width: 100%;
}

.cardWrap--thumb .cardText {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 3;
}

.cardWrap--thumb .cardTitle {
  font-family: "DynaPuff", system-ui;
  font-weight: 500;
  font-size: 32px;
  color: #fff;
  margin: 30px auto;
  text-align: center;
}

.cardWrap--video .cardThumb {
  position: relative;
}

.cardWrap--video .cardThumb:after {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjYwIiBoZWlnaHQ9IjYwIiByeD0iMzAiIGZpbGw9IiMzNzM2MzYiIGZpbGwtb3BhY2l0eT0iMC43Ii8+CjxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iNTkiIGhlaWdodD0iNTkiIHJ4PSIyOS41IiBzdHJva2U9IndoaXRlIiBzdHJva2Utb3BhY2l0eT0iMC4xNSIvPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTI4MF8zNzEpIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8xMjgwXzM3MSkiPgo8cGF0aCBkPSJNNDAuNSAzMEM0MC40OTk1IDMwLjI1NzkgNDAuNDMyOCAzMC41MTE0IDQwLjMwNjQgMzAuNzM2MkM0MC4xODAxIDMwLjk2MTEgMzkuOTk4MiAzMS4xNDk4IDM5Ljc3ODEgMzEuMjg0M0wyNi4yNzgxIDM5LjUyNUMyNi4wNTMzIDM5LjY2NzUgMjUuNzkzNiAzOS43NDU1IDI1LjUyNzQgMzkuNzUwNEMyNS4yNjEyIDM5Ljc1NTQgMjQuOTk4OCAzOS42ODcxIDI0Ljc2ODggMzkuNTUzMUMyNC41MzUzIDM5LjQyNSAyNC4zNDA3IDM5LjIzNjQgMjQuMjA1NSAzOS4wMDcxQzI0LjA3MDIgMzguNzc3OCAyMy45OTkyIDM4LjUxNjIgMjQgMzguMjVWMjEuNzVDMjMuOTk5MiAyMS40ODM3IDI0LjA3MDIgMjEuMjIyMiAyNC4yMDU1IDIwLjk5MjlDMjQuMzQwNyAyMC43NjM1IDI0LjUzNTMgMjAuNTc0OSAyNC43Njg4IDIwLjQ0NjhDMjQuOTk4OCAyMC4zMTI4IDI1LjI2MTIgMjAuMjQ0NiAyNS41Mjc0IDIwLjI0OTVDMjUuNzkzNiAyMC4yNTQ1IDI2LjA1MzMgMjAuMzMyNSAyNi4yNzgxIDIwLjQ3NUwzOS43NzgxIDI4LjcxNTZDMzkuOTk4MiAyOC44NTAyIDQwLjE4MDEgMjkuMDM4OSA0MC4zMDY0IDI5LjI2MzdDNDAuNDMyOCAyOS40ODg2IDQwLjQ5OTUgMjkuNzQyIDQwLjUgMzBaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF8xMjgwXzM3MSIgeD0iMTQiIHk9IjEwLjI0OTMiIHdpZHRoPSIzNi41IiBoZWlnaHQ9IjM5LjUwMTUiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldC8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMC4yIDAgMCAwIDAgMC4yIDAgMCAwIDAgMC4yIDAgMCAwIDAuMDUgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18xMjgwXzM3MSIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd18xMjgwXzM3MSIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMjgwXzM3MSI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4IDE4KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
  width: 60px;
  height: 60px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.cardWrap--videoPortrait .card {
  overflow: hidden;
  border-radius: 24px;
  border: 8px solid #fff;
}

.cardWrap--videoPortrait .cardThumb {
  position: relative;
  width: 100%;
  aspect-ratio: 292/438;
  width: 292px;
  height: 438px;
  overflow: hidden;
  background-color: #ccc;
  border-radius: 22px;
}

.cardWrap--videoPortrait .cardThumb img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.cardWrap--videoPortrait .cardText {
  position: absolute;
  bottom: 0;
  background: rgba(0, 113, 188, 0.9);
}

.cardWrap--videoPortrait .swiperWrap--6 .swiper-slide .card {
  height: 349px;
  padding: 0;
  border-radius: 12px;
}

.cardWrap--videoPortrait .swiperWrap--6 .swiper-slide .cardThumb {
  border-radius: 12px;
}

.cardWrap--videoPortrait .swiperWrap--6 .swiper-slide .cardText {
  padding: 16px;
  margin: 10px;
  border-radius: 12px;
}

.cardWrap--videoPortrait .swiperWrap--6 .swiper-slide .cardTitle {
  font-family: Plus Jakarta Sans;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cardWrap--videoPortrait .swiper-slide .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cardWrap--product .cardThumb {
  position: relative;
  width: 100%;
  aspect-ratio: 292/292;
  overflow: hidden;
  background-color: #ccc;
  border-radius: 16px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.cardWrap--product .cardThumb img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.cardWrap--product .cardTitle {
  margin: 4px 0 8px;
}

.cardWrap--product .cardTag {
  font-size: 13px;
}

.cardWrap--character .card {
  text-align: center;
}

.cardWrap--character .cardThumb {
  aspect-ratio: 3;
  background: #fff;
  margin-top: 32px;
}

.cardWrap--character .cardThumb img {
  margin: auto;
  width: 120px;
  height: 120px;
  border-radius: 50%;
}

.cardWrap--character .cardTag {
  text-align: center;
  display: inline-block;
}

.cardWrap--character .cardLabel {
  z-index: 2;
}

.cardList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.card {
  background-color: #fff;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.cardThumb__duration {
  position: absolute;
  bottom: 8px;
  right: 8px;
  background: rgba(0, 0, 0, 0.75);
  padding: 4px 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 30px;
  font-family: Inter;
  font-weight: 600;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
}

.cardThumb iframe {
  width: 100%;
}

.cardDuration {
  border-radius: 30px;
  padding-top: 4px;
  padding-right: 8px;
  padding-bottom: 4px;
  padding-left: 8px;
  position: absolute;
  right: 8px;
  bottom: 8px;
  background: rgba(0, 0, 0, 0.75);
  font-family: Inter;
  font-weight: 600;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
}

.cardText {
  padding: 16px 20px;
}

.cardTitle {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  color: #343945;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cardProduct__title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 16px;
  color: #656e84;
}

.cardTag {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #656e84;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}

.cardTag__iconImg {
  width: 64px;
  height: 64px;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 50%;
}

.card p.cardTag {
  margin-bottom: 8px;
}

.cardLabel {
  position: relative;
  font-family: DynaPuff;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  position: absolute;
  background-color: #ccc;
  border: 2px solid #fff;
  color: #fff;
  padding: 7px 12px;
  gap: 6px;
  border-radius: 40px;
  border-width: 2px;
  top: 14px;
  left: 14px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-transform: capitalize;
}

.cardLabel::before {
  content: "";
  background-repeat: no-repeat;
  height: 20px;
  display: inline-block;
}

.cardLabel--games {
  background-color: #00aaeb;
}

.cardLabel--games::before {
  width: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuMjU3MDUgMTIuMTk5MkM0LjA5OTg5IDEyLjM1NjQgMy45NTExNiAxMi41MjIxIDMuODExNTMgMTIuNjk1MUMyLjE4NzIyIDE0LjcwOTEgMi4xNzQ2MSAxOC4xNzAzIDMuNzg2NTUgMjAuMTg2M0M1Ljg0NTQyIDIyLjc4MjUgOS42MjQ1NiAyMy4yMTEgMTIuMjI3NCAyMS4xNDM5QzEzLjI4ODQgMjAuMzAxMiAxNC4wMzQ3IDE5LjEyNjIgMTQuMzQ2NCAxNy44MDg4QzE0LjQ5MTQgMTcuMTI4NyAxNC43OTcyIDE2LjQ5MzIgMTUuMjM4NSAxNS45NTUxQzE1LjM0NjEgMTUuODI2NiAxNS40NjA3IDE1LjcwMTggMTUuNTgyMiAxNS41ODAzQzE1LjY5NzMgMTUuNDY1MiAxNS44MTU2IDE1LjM1NDggMTUuOTM3IDE1LjI0OThDMTYuNDgwOCAxNC43OTk0IDE3LjEyNTcgMTQuNDg3NiAxNy44MTU5IDE0LjM0MTVDMjEuMDQ2NyAxMy41NzE4IDIzLjA0OTkgMTAuMzMwOSAyMi4yOTA2IDcuMTAyNjZDMjEuOTgxOSA1Ljc5MDIxIDIxLjI0MDMgNC42MjEyNiAyMC4xODUgMy43ODQ0N0MxOC4xNzA4IDIuMTczNjggMTQuNzA5NiAyLjE4Njg0IDEyLjY5NTUgMy44MTExOUMxMi41MjI4IDMuOTUwNTUgMTIuMzU3NyA0LjA5ODY5IDEyLjIwMTEgNC4yNTUzTDQuMjU3MDkgMTIuMTk5M0w0LjI1NzA1IDEyLjE5OTJaIiBmaWxsPSIjRkZEMzNGIi8+CjxwYXRoIGQ9Ik0xNS40Mjc3IDExLjMxMzdDMTUuODUzOCAxMC44ODc2IDE1Ljc5NjIgMTAuMTM5NCAxNS4yOTkyIDkuNjQyMzNDMTQuODAyMSA5LjE0NTMgMTQuMDUzOSA5LjA4Nzc0IDEzLjYyNzggOS41MTM3N0MxMy4yMDE4IDkuOTM5NzkgMTMuMjU5NCAxMC42ODgxIDEzLjc1NjQgMTEuMTg1MUMxNC4yNTM0IDExLjY4MjEgMTUuMDAxNyAxMS43Mzk3IDE1LjQyNzcgMTEuMzEzN1oiIGZpbGw9IiNFQTM4MzYiLz4KPHBhdGggZD0iTTE3LjQzMTUgMi42MjQ2N0MxNy44NTM5IDkuODY2NzQgMTEuNjAwNSAxOC45NzI1IDkuMDI0NzYgMjIuMzk1NEMxMS42MTU1IDIyLjE4MiAxMy43Njg3IDIwLjMyMjUgMTQuMzU2NCAxNy43OTE2QzE0LjQ5OTYgMTcuMTEwOSAxNC44MDQgMTYuNDc1MyAxNS4yNDQ0IDE1LjkzNzdDMTUuMzUzNCAxNS44MDk5IDE1LjQ2ODcgMTUuNjg1IDE1LjU4OTcgMTUuNTY0QzE1LjcwNDcgMTUuNDQ5IDE1LjgyMjggMTUuMzM4OCAxNS45NDQxIDE1LjIzNEMxNi40ODc0IDE0Ljc4NDUgMTcuMTMyMyAxNC40NzQyIDE3LjgyMzIgMTQuMzI5OUMyMS4wNTY3IDEzLjU2ODcgMjMuMDUzMyAxMC4zMjg4IDIyLjI4MzEgNy4wOTMyOEMyMS45NzAxIDUuNzc3ODYgMjEuMjIzNyA0LjYwNDg4IDIwLjE2NDMgMy43NjM2MkMxOS4zNjg1IDMuMTUwODEgMTguNDI2MSAyLjc1Nzk4IDE3LjQzMTUgMi42MjQ2N1oiIGZpbGw9IiNGRkFDM0UiLz4KPHBhdGggZD0iTTYuMDk3MjYgMTQuOTg3TDcuMjcyNzEgMTMuODExNUw4LjY1MDIgMTUuMTg5TDEwLjExOTUgMTMuNzE5N0wxMS4yMjE1IDE0LjgyMTdMOS43NTIxNyAxNi4yOTFMMTEuMTI5NyAxNy42Njg1TDkuOTU0MjEgMTguODQzOUw4LjU3NjcyIDE3LjQ2NjRMNy4xMDczOSAxOC45MzU4TDYuMDA1NDIgMTcuODMzOEw3LjQ3NDc0IDE2LjM2NDVMNi4wOTcyNiAxNC45ODdaIiBmaWxsPSIjMzgzODU2Ii8+CjxwYXRoIGQ9Ik0xNS42NDUyIDcuNTk5NTdDMTYuMTEzOSA3LjEzMDk0IDE2LjExMzkgNi4zNzExMyAxNS42NDUyIDUuOTAyNUMxNS4xNzY2IDUuNDMzODcgMTQuNDE2OCA1LjQzMzg3IDEzLjk0ODEgNS45MDI1QzEzLjQ3OTUgNi4zNzExMyAxMy40Nzk1IDcuMTMwOTQgMTMuOTQ4MSA3LjU5OTU3QzE0LjQxNjggOC4wNjgyMSAxNS4xNzY2IDguMDY4MjEgMTUuNjQ1MiA3LjU5OTU3WiIgZmlsbD0iIzkxQ0VDRSIvPgo8cGF0aCBkPSJNMTkuMDM5NyAxMC45OTM3QzE5LjUwODQgMTAuNTI1MSAxOS41MDg0IDkuNzY1MyAxOS4wMzk3IDkuMjk2NjdDMTguNTcxMSA4LjgyODAzIDE3LjgxMTMgOC44MjgwMyAxNy4zNDI3IDkuMjk2NjdDMTYuODc0IDkuNzY1MyAxNi44NzQgMTAuNTI1MSAxNy4zNDI3IDEwLjk5MzdDMTcuODExMyAxMS40NjI0IDE4LjU3MTEgMTEuNDYyNCAxOS4wMzk3IDEwLjk5MzdaIiBmaWxsPSIjOTFDRUNFIi8+CjxwYXRoIGQ9Ik0xOS40MTM3IDcuMzI4MThDMTkuOTEwOCA2LjgzMTE1IDE5LjkxMDggNi4wMjUzIDE5LjQxMzcgNS41MjgyN0MxOC45MTY3IDUuMDMxMjQgMTguMTEwOSA1LjAzMTI0IDE3LjYxMzggNS41MjgyN0MxNy4xMTY4IDYuMDI1MyAxNy4xMTY4IDYuODMxMTUgMTcuNjEzOCA3LjMyODE4QzE4LjExMDkgNy44MjUyMSAxOC45MTY3IDcuODI1MjEgMTkuNDEzNyA3LjMyODE4WiIgZmlsbD0iI0VBMzgzNiIvPgo8cGF0aCBkPSJNMTQuMjU0NiA5LjQwMDk5QzE0LjQ2NDkgOS40NTAxMyAxNC42NTcyIDkuNTU2ODQgMTQuODEwMiA5LjcwODgxQzE1LjI3MDYgMTAuMTY5MiAxNS4yNzA2IDEwLjkxNTQgMTQuODEwMiAxMS4zNzU3QzE0LjY1NzEgMTEuNTI3NyAxNC40NjQ5IDExLjYzNDQgMTQuMjU0NiAxMS42ODM2QzE0Ljg4NDcgMTEuODM5MSAxNS41MjIgMTEuNDU0MSAxNS42Nzc2IDEwLjgyNEMxNS44MzMxIDEwLjE5MzkgMTUuNDQ4MSA5LjU1NjYgMTQuODE4IDkuNDAxMDVDMTQuNjMzIDkuMzU1NDMgMTQuNDM5NiA5LjM1NTQzIDE0LjI1NDYgOS40MDA5OVoiIGZpbGw9IiNENjIxMjEiLz4KPHBhdGggZD0iTTE0LjUxMjQgNS41NDQwNUMxNC43MjI3IDUuNTkzMiAxNC45MTUgNS42OTk5IDE1LjA2OCA1Ljg1MTg4QzE1LjUyODQgNi4zMTIyMyAxNS41Mjg0IDcuMDU4NDUgMTUuMDY4IDcuNTE4ODFDMTQuOTE0OSA3LjY3MDc5IDE0LjcyMjcgNy43Nzc0NCAxNC41MTI0IDcuODI2NjVDMTUuMTQyNSA3Ljk4MjIxIDE1Ljc3OTggNy41OTcxOCAxNS45MzU0IDYuOTY3MDhDMTYuMDkwOSA2LjMzNjk3IDE1LjcwNTkgNS42OTk2NyAxNS4wNzU4IDUuNTQ0MTFDMTQuODkwOCA1LjQ5ODQ2IDE0LjY5NzUgNS40OTg0NiAxNC41MTI0IDUuNTQ0MDVaIiBmaWxsPSIjODNCMkI3Ii8+CjxwYXRoIGQ9Ik0xOC4zNjg4IDUuMjg2OTFDMTguNTc5MSA1LjMzNjA5IDE4Ljc3MTQgNS40NDI3NiAxOC45MjQ1IDUuNTk0NzRDMTkuMzg0OCA2LjA1NTA5IDE5LjM4NDggNi44MDEzMSAxOC45MjQ1IDcuMjYxNjdDMTguNzcxNCA3LjQxMzY1IDE4LjU3OTEgNy41MjAzIDE4LjM2ODggNy41Njk1MUMxOC45OTg5IDcuNzI1MDcgMTkuNjM2MiA3LjM0MDA0IDE5Ljc5MTggNi43MDk5NEMxOS45NDc0IDYuMDc5ODMgMTkuNTYyNCA1LjQ0MjUzIDE4LjkzMjMgNS4yODY5N0MxOC43NDcyIDUuMjQxMzUgMTguNTUzOSA1LjI0MTM1IDE4LjM2ODggNS4yODY5MVoiIGZpbGw9IiNENjIxMjEiLz4KPHBhdGggZD0iTTE3Ljg1NTIgOC44ODY3N0MxOC4wNjU1IDguOTM1OTEgMTguMjU3NyA5LjA0MjYyIDE4LjQxMDggOS4xOTQ1OUMxOC44NzEyIDkuNjU0OTQgMTguODcxMiAxMC40MDEyIDE4LjQxMDggMTAuODYxNUMxOC4yNTc3IDExLjAxMzUgMTguMDY1NSAxMS4xMjAyIDE3Ljg1NTIgMTEuMTY5NEMxOC40ODUzIDExLjMyNDkgMTkuMTIyNiAxMC45Mzk5IDE5LjI3ODEgMTAuMzA5OEMxOS40MzM3IDkuNjc5NjggMTkuMDQ4NyA5LjA0MjM4IDE4LjQxODYgOC44ODY4MkMxOC4yMzM2IDguODQxMiAxOC4wNDAyIDguODQxMTcgMTcuODU1MiA4Ljg4Njc3WiIgZmlsbD0iIzgzQjJCNyIvPgo8cGF0aCBkPSJNNi43Nzc3MiAxOC42MDU2TDcuMDU2ODUgMTguODg0N0w4LjUyNjE3IDE3LjQxNTRMOS45NTQ2OCAxOC44NDM5TDExLjEzMDEgMTcuNjY4NUw5LjcwMTYxIDE2LjI0TDExLjE3MDkgMTQuNzcwN0wxMC4wMjgxIDEzLjYyNzlMOS41Mzc2OCAxNC4xMTgzQzkuMTYzNzIgMTYuMDY1OSA3LjQ3MjY3IDE3LjkxNDcgNi43Nzc3MiAxOC42MDU2WiIgZmlsbD0iIzIwMjAzMyIvPgo8L3N2Zz4K);
}

.cardLabel--video {
  background-color: #d94c64;
}

.cardLabel--video::before {
  width: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuOTUzMTMgMy41MTU2Mkw4LjQ3Mzk2IDcuMjkxNjdIMy4xNTYyNUMzLjM0Mzc1IDUuNTkzNzUgNC40NDI3MSA0LjE2NjY3IDUuOTUzMTMgMy41MTU2MloiIGZpbGw9IiNGM0YzRjMiLz4KPHBhdGggZD0iTTEyLjQ2MzIgMy4xMjVMMTUuMjQ0NSA3LjI5MTY3SDEwLjk3MzZMOC4xOTIzOCAzLjEyNUgxMi40NjMyWiIgZmlsbD0iI0YzRjNGMyIvPgo8cGF0aCBkPSJNMjEuODQ0MSA3LjI5MTY3SDE3Ljc0NTFMMTQuOTYzOSAzLjEyNUgxNy4xODc4QzE5LjU5NDEgMy4xMjUgMjEuNTg4OSA0Ljk1MzEyIDIxLjg0NDEgNy4yOTE2N1oiIGZpbGw9IiNGN0Y3RjciLz4KPHBhdGggZD0iTTMuMTI1IDkuMzc1VjE3LjE4NzVDMy4xMjUgMTkuNzcwOCA1LjIyOTE3IDIxLjg3NSA3LjgxMjUgMjEuODc1SDE3LjE4NzVDMTkuNzcwOCAyMS44NzUgMjEuODc1IDE5Ljc3MDggMjEuODc1IDE3LjE4NzVWOS4zNzVIMy4xMjVaIiBmaWxsPSIjRjNGM0YzIi8+CjxwYXRoIGQ9Ik0xNS4zNTkgMTUuNTU3MkwxMC42NzE1IDE4LjE2MTRDMTAuNTg4MiAxOC4yMDgyIDEwLjUwNDkgMTguMjI5MSAxMC40MTYzIDE4LjIyOTFDMTAuMzIyNiAxOC4yMjkxIDEwLjIzNCAxOC4yMDMgMTAuMTUwNyAxOC4xNTYxQzkuOTk0NDcgMTguMDYyNCA5Ljg5NTUxIDE3Ljg5MDUgOS44OTU1MSAxNy43MDgyVjEyLjQ5OTlDOS44OTU1MSAxMi4zMTc2IDkuOTk0NDcgMTIuMTQ1NyAxMC4xNTA3IDEyLjA1MkMxMC4zMTIyIDExLjk1ODIgMTAuNTEwMSAxMS45NTMgMTAuNjcxNSAxMi4wNDY4TDE1LjM1OSAxNC42NTA5QzE1LjUyMDUgMTQuNzM5NSAxNS42MjQ3IDE0LjkxNjYgMTUuNjI0NyAxNS4xMDQxQzE1LjYyNDcgMTUuMjkxNiAxNS41MjA1IDE1LjQ2ODYgMTUuMzU5IDE1LjU1NzJaIiBmaWxsPSIjRDk0QzY0Ii8+Cjwvc3ZnPgo=);
}

.cardLabel--cergam {
  background-color: #ffac3e;
}

.cardLabel--cergam::before {
  width: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzE2NTNfMjMxNCIgc3R5bGU9Im1hc2stdHlwZTpsdW1pbmFuY2UiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxwYXRoIGQ9Ik0wIDEuOTA3MzVlLTA2SDI0VjI0SDBWMS45MDczNWUtMDZaIiBmaWxsPSJ3aGl0ZSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMTY1M18yMzE0KSI+CjxwYXRoIGQ9Ik0yMS4xNzUyIDI0SDIuODI1MTRDMi4yOTE3NSAyNCAxLjg1OTM4IDIzLjU2NzYgMS44NTkzOCAyMy4wMzQyVjAuOTY1ODE1QzEuODU5MzggMC40MzI0MjUgMi4yOTE3NSAxLjkwNzM1ZS0wNiAyLjgyNTE0IDEuOTA3MzVlLTA2SDIxLjE3NTJDMjEuNzA4NiAxLjkwNzM1ZS0wNiAyMi4xNDExIDAuNDMyNDI1IDIyLjE0MTEgMC45NjU4MTVWMjMuMDM0MkMyMi4xNDExIDIzLjU2NzYgMjEuNzA4NiAyNCAyMS4xNzUyIDI0WiIgZmlsbD0iI0VGRTZFNiIvPgo8cGF0aCBkPSJNMjIuMTQxMSAyMi4wNjgyQzEyLjAwNjYgMjIuMDY4MiAzLjc5MSAxMy44NTI2IDMuNzkxIDMuNzE4MTJWLTAuMDAwMjQyMjMzSDIuODI1MTlDMi4yOTE4IC0wLjAwMDI0MjIzMyAxLjg1OTM4IDAuNDMyMTggMS44NTkzOCAwLjk2NTU3VjIzLjAzNEMxLjg1OTM4IDIzLjU2NzQgMi4yOTE4IDIzLjk5OTggMi44MjUxOSAyMy45OTk4SDIxLjE3NTNDMjEuNzA4NyAyMy45OTk4IDIyLjE0MTEgMjMuNTY3NCAyMi4xNDExIDIzLjAzNFYyMi4wNjgyWiIgZmlsbD0iI0UyRDdENyIvPgo8cGF0aCBkPSJNMTEuMDM0MiAxNC43MTIySDIwLjIwOTJWMS45MzE0NkgxNC44OTczTDExLjAzNDIgMTQuNzEyMloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMS4wMzQyIDE0LjcxMjJIMjAuMjA5MlYxLjkzMTQ2SDE0Ljg5NzNMMTEuMDM0MiAxNC43MTIyWiIgZmlsbD0iIzVBRDZGRiIvPgo8cGF0aCBkPSJNMy43OTEwMiAxNC43MTIySDkuMTAyODlMMTIuOTY2IDEuOTMxNDZIMy43OTEwMlYxNC43MTIyWiIgZmlsbD0iI0Y0RTc0RCIvPgo8cGF0aCBkPSJNMy43OTEwMiAzLjcxODI0VjE0LjcxMjJINy40NDc3M0M1LjE1MTM4IDExLjY0OCAzLjc5MTAyIDcuODQyMDIgMy43OTEwMiAzLjcxODI0WiIgZmlsbD0iI0VFREIwMCIvPgo8cGF0aCBkPSJNMjAuMjA5NSAyMi4wNjg0SDMuNzkxMDJWMTYuNjQzOEgyMC4yMDk1VjIyLjA2ODRaIiBmaWxsPSIjQjE4Q0Q5Ii8+CjxwYXRoIGQ9Ik05LjExNjMgMTYuNjQzOEgzLjc5MTAyVjIyLjA2ODRIMjAuMjA5NVYyMS45Njc2QzE1Ljg4OTEgMjEuNTE1NyAxMi4wMTUgMTkuNTY0NiA5LjExNjMgMTYuNjQzOFoiIGZpbGw9IiM5OTZBQ0MiLz4KPHBhdGggZD0iTTkuOTk3MDYgMTkuNTc4MUM5Ljk5NzA2IDIwLjA5MzMgOS40NzI2MyAyMC41MTEgOC44MjU2NiAyMC41MTFDOC4xNzg3MyAyMC41MTEgNy42NTQzIDIwLjA5MzMgNy42NTQzIDE5LjU3ODFDNy42NTQzIDE5LjA2MjkgOC4xNzg3MyAxOC42NDUzIDguODI1NjYgMTguNjQ1M0M5LjQ3MjYzIDE4LjY0NTMgOS45OTcwNiAxOS4wNjI5IDkuOTk3MDYgMTkuNTc4MVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xNC4wMDM5IDE5LjU3ODFDMTQuMDAzOSAyMC4wOTMzIDE0LjUyODMgMjAuNTExIDE1LjE3NTMgMjAuNTExQzE1LjgyMjIgMjAuNTExIDE2LjM0NjcgMjAuMDkzMyAxNi4zNDY3IDE5LjU3ODFDMTYuMzQ2NyAxOS4wNjI5IDE1LjgyMjIgMTguNjQ1MyAxNS4xNzUzIDE4LjY0NTNDMTQuNTI4MyAxOC42NDUzIDE0LjAwMzkgMTkuMDYyOSAxNC4wMDM5IDE5LjU3ODFaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNy4wMzQ0OCAzLjAwNTNMOC42MDE4IDEuOTMxNTNIMy43OTEwMlY5LjQ5MjE5TDQuNzkzMyA2LjA5TDcuNjAzOTIgOC4yNTMzM0w2LjQxNTAzIDQuOTExNzVMOS45NjA0NyA1LjAwOTg2TDcuMDM0NDggMy4wMDUzWiIgZmlsbD0iI0ZENUM2RiIvPgo8cGF0aCBkPSJNMy43OTEwMiAzLjcxODI3VjkuNDkyMTlMNC4yNjU0OCA3Ljg4MTY2QzMuOTU1MTcgNi41NDM5OCAzLjc5MTAyIDUuMTUwMyAzLjc5MTAyIDMuNzE4MjdaIiBmaWxsPSIjRjYzMzRDIi8+CjxwYXRoIGQ9Ik0yMC4yMDk1IDExLjI5MDRMMTcuNTA0OSAxMy4zNzIxTDE4LjY0OSAxMC4xNTY1TDE1LjIzNzMgMTAuMjUwOUwxOC4wNTI5IDguMzIyMDRMMTUuMjM3MyA2LjM5MzA5TDE4LjY0OSA2LjQ4NzQ5TDE3LjUwNDkgMy4yNzIwMUwyMC4yMDk1IDUuMzUzNjhWMTEuMjkwNFoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPC9zdmc+Cg==);
}

.cardLabel--blog {
  background-color: #68ca44;
}

.cardLabel--blog::before {
  width: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE2NTNfMzA3OCkiPgo8cGF0aCBkPSJNMTIuNDYzOSA3LjQyODc3QzEyLjI1NTkgNy40Mjg3NyAxMi4wNTQ5IDcuMzM2MjkgMTEuOTE5NSA3LjE3MDYzQzExLjc0NjYgNi45NTkxOCAxMS43MTE5IDYuNjY2NzMgMTEuODMwNCA2LjQyMDYzQzExLjg1NDMgNi4zNzA5IDEyLjQzMjEgNS4xODg5NSAxMy43NjgzIDQuMDE4OUMxNC45OTM1IDIuOTQ1OTggMTcuMTIzOSAxLjY2Njk5IDIwLjMxNTEgMS42NjY5OUMyMC43MDM0IDEuNjY2OTkgMjEuMDE4MiAxLjk4MTggMjEuMDE4MiAyLjM3MDEyVjQuNzMzMTNDMjEuMDE4MiA1LjA1NDg0IDIwLjc5OTggNS4zMzU1MiAyMC40ODggNS40MTQ2NUwxMi42MzY5IDcuNDA3MTJDMTIuNTc5NSA3LjQyMTcgMTIuNTIxNCA3LjQyODc3IDEyLjQ2MzkgNy40Mjg3N1oiIGZpbGw9IiM3MkM1RkMiLz4KPHBhdGggZD0iTTExLjUzNjcgNy40Mjg3N0MxMS40NzkyIDcuNDI4NzcgMTEuNDIxMSA3LjQyMTcgMTEuMzYzOCA3LjQwNzEyTDMuNTEyNjMgNS40MTQ3QzMuMjAwODEgNS4zMzU1NyAyLjk4MjQyIDUuMDU0ODggMi45ODI0MiA0LjczMzE4VjIuMzcwMTJDMi45ODI0MiAxLjk4MTggMy4yOTcyMyAxLjY2Njk5IDMuNjg1NTUgMS42NjY5OUM2Ljg3NjcgMS42NjY5OSA5LjAwNzA4IDIuOTQ1OTggMTAuMjMyMyA0LjAxODlDMTEuNTY4NSA1LjE4ODk1IDEyLjE0NjMgNi4zNzA5NSAxMi4xNzAzIDYuNDIwNjNDMTIuMjg4NyA2LjY2NjczIDEyLjI1MzkgNi45NTkxOCAxMi4wODExIDcuMTcwNjNDMTEuOTQ1NyA3LjMzNjM0IDExLjc0NDcgNy40Mjg3NyAxMS41MzY3IDcuNDI4NzdaIiBmaWxsPSIjOEZENEZGIi8+CjxwYXRoIGQ9Ik0xMi40NjI5IDcuNDMwMjNDMTIuMzYwNCA3LjQzMDIzIDEyLjI1NjMgNy40MDc3NyAxMi4xNTc2IDcuMzYwMjlDMTEuODA3NyA3LjE5MTg3IDExLjY2MTIgNi43NzA1NSAxMS44Mjk2IDYuNDIwNjNDMTEuODUzNiA2LjM3MDkgMTIuNDMxNCA1LjE4ODk1IDEzLjc2NzUgNC4wMTg5QzE0Ljk5MjggMi45NDU5OCAxNy4xMjMyIDEuNjY2OTkgMjAuMzE0MyAxLjY2Njk5QzIwLjcwMjYgMS42NjY5OSAyMS4wMTc0IDEuOTgxOCAyMS4wMTc0IDIuMzcwMTJDMjEuMDE3NCAyLjc1ODQzIDIwLjcwMjYgMy4wNzMyNCAyMC4zMTQzIDMuMDczMjRDMTguMTI2OCAzLjA3MzI0IDE2LjI1MTMgMy43MzM4NSAxNC43NDAyIDUuMDM2NjVDMTMuNiA2LjAxOTcxIDEzLjEwMDUgNy4wMjI3OSAxMy4wOTU2IDcuMDMyODJDMTIuOTc0NyA3LjI4NDA3IDEyLjcyNDEgNy40MzAyMyAxMi40NjI5IDcuNDMwMjNaIiBmaWxsPSIjQjJFN0ZGIi8+CjxwYXRoIGQ9Ik0xMS41MzcyIDcuNDI4OTFDMTEuMjc1NSA3LjQyODkxIDExLjAyNDMgNy4yODIxNSAxMC45MDMyIDcuMDMwNTdDMTAuODk5MyA3LjAyMjc5IDEwLjM5OTkgNi4wMTk3MSA5LjI1OTY0IDUuMDM2NjVDNy43NDg1MyAzLjczMzg1IDUuODczMTEgMy4wNzMyNCAzLjY4NTU1IDMuMDczMjRDMy4yOTcyMyAzLjA3MzI0IDIuOTgyNDIgMi43NTg0MyAyLjk4MjQyIDIuMzcwMTJDMi45ODI0MiAxLjk4MTggMy4yOTcyMyAxLjY2Njk5IDMuNjg1NTUgMS42NjY5OUM2Ljg3NjcgMS42NjY5OSA5LjAwNzA4IDIuOTQ1OTggMTAuMjMyMyA0LjAxODlDMTEuNTY4NSA1LjE4ODk0IDEyLjE0NjMgNi4zNzA5NCAxMi4xNzAyIDYuNDIwNjNDMTIuMzM4NyA2Ljc3MDU1IDEyLjE5MTYgNy4xOTA3NCAxMS44NDE3IDcuMzU5MTJDMTEuNzQzMyA3LjQwNjUxIDExLjYzOTUgNy40Mjg5MSAxMS41MzcyIDcuNDI4OTFaIiBmaWxsPSIjRDZGMkZGIi8+CjxwYXRoIGQ9Ik0xMy4zOTA5IDIyLjMzMjlDMTMuMjYyMiAyMi4zMzI5IDEzLjEzMzggMjIuMjk3NiAxMy4wMjA4IDIyLjIyNzdDMTIuODEzOCAyMi4wOTk1IDEyLjY4NzUgMjEuODczNSAxMi42ODc1IDIxLjYzVjYuNzI2MjNDMTIuNjg3NSA2LjQ2MDAyIDEyLjgzNzggNi4yMTY3IDEzLjA3NTggNi4wOTc0OUMxMy4yNTE0IDYuMDA5NiAxNy40NDM2IDMuOTQ0MzQgMjMuMjk3MSAzLjk0NDM0QzIzLjY4NTUgMy45NDQzNCAyNC4wMDAzIDQuMjU5MTUgMjQuMDAwMyA0LjY0NzQ2VjE5LjU1MTJDMjQuMDAwMyAxOS45Mzk1IDIzLjY4NTUgMjAuMjU0NCAyMy4yOTcxIDIwLjI1NDRDMTcuNzkyMSAyMC4yNTQ0IDEzLjc0NSAyMi4yMzg5IDEzLjcwNDggMjIuMjU5QzEzLjYwNTcgMjIuMzA4NCAxMy40OTgyIDIyLjMzMjkgMTMuMzkwOSAyMi4zMzI5WiIgZmlsbD0iI0Q5MjYwRiIvPgo8cGF0aCBkPSJNMTAuNjA5NiAyMi4zMzMxQzEwLjQ5MSAyMi4zMzMxIDEwLjM3MjQgMjIuMzAzMSAxMC4yNjU1IDIyLjI0MzFDMTAuMjMwOCAyMi4yMjM5IDYuNjIzMDYgMjAuMjU0NCAwLjcwMzEyNSAyMC4yNTQ0QzAuMzE0ODEyIDIwLjI1NDQgMCAxOS45Mzk1IDAgMTkuNTUxMlY0LjY0NzQ2QzAgNC4yNTkxNSAwLjMxNDgxMiAzLjk0NDM0IDAuNzAzMTI1IDMuOTQ0MzRDNy4wMTY0OCAzLjk0NDM0IDEwLjc5NTkgNi4wMjQ1MSAxMC45NTM3IDYuMTEzMDVDMTEuMTc1NCA2LjIzNzQ2IDExLjMxMjcgNi40NzE5MyAxMS4zMTI3IDYuNzI2MjNWMjEuNjI5OUMxMS4zMTI3IDIxLjg3OTYgMTEuMTgwMyAyMi4xMTA2IDEwLjk2NDkgMjIuMjM2N0MxMC44NTUyIDIyLjMwMDkgMTAuNzMyNSAyMi4zMzMxIDEwLjYwOTYgMjIuMzMzMVoiIGZpbGw9IiNGMjQ3MkMiLz4KPHBhdGggZD0iTTE2LjcyMzYgMTcuOTkxNUMxNi40MjQ3IDE3Ljk5MTUgMTYuMTQ3NSAxNy43OTkzIDE2LjA1MzEgMTcuNDk5QzE1LjkzNjYgMTcuMTI4NiAxNi4xNDI1IDE2LjczMzkgMTYuNTEzIDE2LjYxNzRDMTcuODc3NSAxNi4xODg1IDE5LjM0NjIgMTUuODk5NiAyMC44NzgzIDE1Ljc1ODlDMjEuMjY0NCAxNS43MjI4IDIxLjYwNzMgMTYuMDA4MiAyMS42NDI4IDE2LjM5NDhDMjEuNjc4MyAxNi43ODE1IDIxLjM5MzYgMTcuMTIzOCAyMS4wMDY5IDE3LjE1OTNDMTkuNTc0MiAxNy4yOTA5IDE4LjIwNDEgMTcuNTU5OSAxNi45MzQ3IDE3Ljk1ODlDMTYuODY0NSAxNy45ODEgMTYuNzkzNCAxNy45OTE1IDE2LjcyMzYgMTcuOTkxNVoiIGZpbGw9IiNGRjkzMDAiLz4KPHBhdGggZD0iTTE2LjcyMzYgMTUuMjJDMTYuNDI0NyAxNS4yMiAxNi4xNDc1IDE1LjAyNzggMTYuMDUzIDE0LjcyNzVDMTUuOTM2NiAxNC4zNTcgMTYuMTQyNSAxMy45NjIzIDE2LjUxMyAxMy44NDU5QzE3Ljg3NzggMTMuNDE2OSAxOS4zNDY0IDEzLjEyODEgMjAuODc4MyAxMi45ODc0QzIxLjI2NDQgMTIuOTUxNyAyMS42MDczIDEzLjIzNjYgMjEuNjQyOCAxMy42MjMzQzIxLjY3ODMgMTQuMDEgMjEuMzkzNiAxNC4zNTIzIDIxLjAwNjkgMTQuMzg3OEMxOS41NzQ0IDE0LjUxOTMgMTguMjA0MyAxNC43ODgzIDE2LjkzNDcgMTUuMTg3NEMxNi44NjQ1IDE1LjIwOTUgMTYuNzkzNCAxNS4yMiAxNi43MjM2IDE1LjIyWiIgZmlsbD0iI0ZGOTMwMCIvPgo8cGF0aCBkPSJNMTYuNzIzNiAxMS40NjI1QzE3Ljc3NTIgMTEuMTMyIDE5LjE5OTQgMTAuNzkzNSAyMC45NDI0IDEwLjYzMzZWOC4wNDg4M0MxOS4xOTk0IDguMjA4ODYgMTcuNzc1MiA4LjU0NzMgMTYuNzIzNiA4Ljg3Nzg2VjExLjQ2MjVaIiBmaWxsPSIjRkZEMjM2Ii8+CjxwYXRoIGQ9Ik0xNi43MjM3IDEyLjE2NTdDMTYuNTc1OCAxMi4xNjU3IDE2LjQyOTcgMTIuMTE5MSAxNi4zMDc2IDEyLjAyOTRDMTYuMTI3MSAxMS44OTcgMTYuMDIwNSAxMS42ODY1IDE2LjAyMDUgMTEuNDYyNlY4Ljg3Nzg1QzE2LjAyMDUgOC41NzA3MiAxNi4yMTk4IDguMjk5MTggMTYuNTEyOCA4LjIwNzA3QzE3Ljg3NzUgNy43NzgwNyAxOS4zNDYxIDcuNDg5MjcgMjAuODc4MSA3LjM0ODY0QzIxLjA3NDggNy4zMzA2IDIxLjI3MDMgNy4zOTYxOCAyMS40MTYzIDcuNTI5MzlDMjEuNTYyMyA3LjY2MjY2IDIxLjY0NTUgNy44NTExNCAyMS42NDU1IDguMDQ4ODJWMTAuNjMzNkMyMS42NDU1IDEwLjk5NyAyMS4zNjg2IDExLjMwMDUgMjEuMDA2NiAxMS4zMzM4QzE5LjU3NDEgMTEuNDY1MyAxOC4yMDQxIDExLjczNDMgMTYuOTM0NSAxMi4xMzM0QzE2Ljg2NTQgMTIuMTU1MSAxNi43OTQzIDEyLjE2NTcgMTYuNzIzNyAxMi4xNjU3Wk0xNy40MjY4IDkuNDAxODJWMTAuNTI5NUMxOC4zMjg5IDEwLjI5NDUgMTkuMjY5OSAxMC4xMTc2IDIwLjIzOTMgMTAuMDAxMVY4LjgzMzM2QzE5LjI2NDQgOC45NTg0NyAxOC4zMjI2IDkuMTQ4ODMgMTcuNDI2OCA5LjQwMTgyWiIgZmlsbD0iI0ZGOTMwMCIvPgo8cGF0aCBkPSJNMTMuNDA2MiAyMi4zMzI1SDEwLjU5MzhWNi45NTk5NkgxMy40MDYyVjIyLjMzMjVaIiBmaWxsPSIjRkY2NzRGIi8+CjxwYXRoIGQ9Ik0xMS45OTIyIDYuOTU5OTZIMTMuNDA2MlYyMi4zMzI0SDExLjk5MjJWNi45NTk5NloiIGZpbGw9IiNGMjQ3MkMiLz4KPHBhdGggZD0iTTIzLjI5NjkgMy45NDQzNEMxNy45OTU5IDMuOTQ0MzQgMTQuMDU3NSA1LjYzODA3IDEzLjIzMDggNi4wMjMxSDEwLjc4MzZDOS45Njk4IDUuNjA4NTQgNi4zNTAzOSAzLjk0NDM0IDAuNzAzMTI1IDMuOTQ0MzRDMC4zMTQ4MTIgMy45NDQzNCAwIDQuMjU5MTUgMCA0LjY0NzQ2QzAgNS4wMzU3NyAwLjMxNDgxMiA1LjM1MDU5IDAuNzAzMTI1IDUuMzUwNTlDMy43OTUzMyA1LjM1MDU5IDYuMjI5NjQgNS44OTA5NiA3LjcyNzM5IDYuMzQ0MjRDOS4zNTI3OCA2LjgzNjI0IDEwLjI1NzcgNy4zMzUwNCAxMC4yNjY2IDcuMzM5OTZDMTAuMjY3IDcuMzQwMiAxMC4yNjc1IDcuMzQwMjQgMTAuMjY3OSA3LjM0MDQ4QzEwLjM2OTEgNy4zOTY5MSAxMC40ODU1IDcuNDI5MzUgMTAuNjA5NiA3LjQyOTM1SDEzLjM5MDRDMTMuNTAyIDcuNDI5MzUgMTMuNjA3MSA3LjQwMjY4IDEzLjcwMDggNy4zNTYzN0MxMy43MDIgNy4zNTU5NSAxMy43MDMzIDcuMzU1ODUgMTMuNzA0NSA3LjM1NTI0QzEzLjc0NDcgNy4zMzUxOCAxNy43OTE4IDUuMzUwNTkgMjMuMjk2OSA1LjM1MDU5QzIzLjY4NTIgNS4zNTA1OSAyNCA1LjAzNTc3IDI0IDQuNjQ3NDZDMjQgNC4yNTkxNSAyMy42ODUyIDMuOTQ0MzQgMjMuMjk2OSAzLjk0NDM0WiIgZmlsbD0iI0ZGQTM4QyIvPgo8cGF0aCBkPSJNMjMuOTkyMSA0LjU0ODE4QzIzLjk0MzggNC4yMDcwMiAyMy42NTE0IDMuOTQ0MzQgMjMuMjk2OCAzLjk0NDM0QzE3Ljk5NTggMy45NDQzNCAxNC4wNTc1IDUuNjM4MDcgMTMuMjMwOCA2LjAyMzFIMTEuOTkyMlY3LjQyOTM1SDEzLjM5MDRDMTMuNTAyIDcuNDI5MzUgMTMuNjA3MSA3LjQwMjY4IDEzLjcwMDggNy4zNTYzN0MxMy43MDIgNy4zNTU5NSAxMy43MDMzIDcuMzU1ODUgMTMuNzA0NSA3LjM1NTI0QzEzLjc0NDggNy4zMzUxOCAxNy43OTE4IDUuMzUwNTkgMjMuMjk2OSA1LjM1MDU5QzIzLjY1MTQgNS4zNTA1OSAyMy45NDM5IDUuMDg3OSAyMy45OTIyIDQuNzQ2NzRMMjMuOTkyMSA0LjU0ODE4WiIgZmlsbD0iI0ZGOEI2RSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzE2NTNfMzA3OCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
}

.cardLabel--character {
  background-color: #756ab3;
}

.cardLabel--info {
  background-color: #fbd544;
}

.cardLabel--info::before {
  width: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI0NjBfMTIwNjApIj4KPHBhdGggZD0iTTE5LjAzMDQgMTUuOTM3NUMxOS44NTMgMTUuNDYyNSAxOC41Njk1IDExLjY5OTQgMTYuMTYzNSA3LjUzMjI1QzEzLjc1NzYgMy4zNjUxNCAxMS4xNDAzIDAuMzcyMDY2IDEwLjMxNzYgMC44NDcwMzFDOS40OTUwMSAxLjMyMiAxMC43Nzg1IDUuMDg1MTQgMTMuMTg0NSA5LjI1MjI1QzE1LjU5MDQgMTMuNDE5NCAxOC4yMDc3IDE2LjQxMjQgMTkuMDMwNCAxNS45Mzc1WiIgZmlsbD0iIzYwMEUwRSIvPgo8ZyBvcGFjaXR5PSIwLjMiPgo8cGF0aCBkPSJNMTAuMzE5MSAwLjg0NzY3OUM5LjQ5NzMyIDEuMzI0MDQgMTAuNzc3MyA1LjA4NzY4IDEzLjE4NDYgOS4yNTQ5NUMxMy42NjgyIDEwLjA5NSAxNC4xNjI4IDEwLjg4NCAxNC42NDY0IDExLjYwNzdDMTUuODE3MyAxMS45MzUgMTcuMDYxIDExLjk4NTkgMTguMjc1NSAxMS43MzEzQzE3Ljc0ODIgMTAuNDczMSAxNy4wMjgyIDkuMDI5NSAxNi4xNjY0IDcuNTM0OTVDMTMuNzU5MSAzLjM2NDA0IDExLjE0MSAwLjM3MTMxNSAxMC4zMTkxIDAuODQ3Njc5WiIgZmlsbD0iI0UyRTJFMiIvPgo8L2c+CjxwYXRoIGQ9Ik0yLjE4MDM1IDExLjkyMzZDMC42NTY3MTUgMTIuODAzNiAwLjEzMzA3OCAxNC43NTI3IDEuMDEzMDggMTYuMjhDMS44OTMwOCAxNy44MDM2IDMuODQyMTcgMTguMzI3MiA1LjM2OTQ0IDE3LjQ0NzJMNy44MTY3MiAxNi4wMzYzTDQuNjI3NjIgMTAuNTEyN0wyLjE4MDM1IDExLjkyMzZaIiBmaWxsPSIjRjEyMzIzIi8+CjxwYXRoIGQ9Ik03LjU1Njg4IDE2LjE4NTVMNS4zNjc3OCAxNy40NDc0QzUuMTgyMzMgMTcuNTUyOCA0Ljk4OTYgMTcuNjQwMSA0Ljc5Njg4IDE3LjcwNTVDNS4wMjIzMyAxOS43Mjc0IDUuOTcxNDIgMjEuNTg1NSA3LjQ1NTA2IDIyLjk0OTJDNy45NDIzMyAyMy4zOTY1IDguNjYyMzMgMjMuNDY5MiA5LjIzMzI0IDIzLjEzODNDOS4yNDc3OCAyMy4xMzEgOS4yNTg2OSAyMy4xMjM3IDkuMjczMjQgMjMuMTE2NUMxMC4xMDYgMjIuNjM2NSAxMC4yOTUxIDIxLjUwOTIgOS42NTE0MiAyMC43OTY1QzguNTAyMzMgMTkuNTIzNyA3Ljc2NDE1IDE3LjkxMjggNy41NTY4OCAxNi4xODU1WiIgZmlsbD0iIzZENzA3NyIvPgo8ZyBvcGFjaXR5PSIwLjMiPgo8cGF0aCBkPSJNOS42NTIzMyAyMC43OTY1QzguNTAzMjQgMTkuNTIwMSA3Ljc2NTA2IDE3LjkxMjggNy41NTc3OCAxNi4xODU1TDYuNTQ2ODggMTYuNzcxQzYuODQ1MDYgMTguNTQ1NSA3LjYzMDUxIDIwLjE4NTUgOC44NDUwNiAyMS41MzFDOC44NDg2OSAyMS41MzQ2IDguODUyMzMgMjEuNTM4MyA4Ljg1NTk3IDIxLjU0MTlDOS4zMTc3OCAyMi4wNDM3IDEwLjExNzggMjEuMzIwMSA5LjY2MzI0IDIwLjgxMUM5LjY1OTYgMjAuODAzNyA5LjY1NTk3IDIwLjgwMDEgOS42NTIzMyAyMC43OTY1WiIgZmlsbD0iI0UyRTJFMiIvPgo8L2c+CjxwYXRoIGQ9Ik0xMy4xODUzIDkuMjU0NjNDMTAuODYxNiA1LjIyOTE4IDkuNTg1MjcgMS41ODE5MSAxMC4yNDM1IDAuOTA5MThDOC44MzYxOCAxLjUxMjgyIDguMzkyNTQgMy43ODE5MSA3LjcwNTI3IDUuNjMyODJDNy4wMDM0NSA3LjgyMTkxIDYuMDAzNDUgOS40OTEgNC42Mjg5MSAxMC41MTI4QzUuNjkwNzIgMTIuMzUyOCA2Ljc1NjE4IDE0LjE5NjUgNy44MTggMTYuMDM2NUM5LjM4ODkxIDE1LjM1MjggMTEuMzM0NCAxNS4zMjAxIDEzLjU4MTYgMTUuODExQzE1LjUyNzEgMTYuMTQ1NSAxNy43MTYyIDE2Ljg5MSAxOC45NDE2IDE1Ljk3ODNDMTguMDI4OSAxNi4yMDc0IDE1LjUwODkgMTMuMjgwMSAxMy4xODUzIDkuMjU0NjNaIiBmaWxsPSIjQzExQzFDIi8+CjxwYXRoIGQ9Ik0xNS4yNzY2IDguMDQ3ODlDMTQuNjE0OCA2Ljg5ODggMTMuMTc0OCA2LjQ4MDYyIDEyLjAwMzkgNy4wNjYwOEMxMi4zNTY2IDcuNzcxNTMgMTIuNzUzIDguNTA2MDggMTMuMTg1NyA5LjI1NTE3QzEzLjYxODUgMTAuMDA0MyAxNC4wNTg1IDEwLjcxMzMgMTQuNDkxMiAxMS4zNzUyQzE1LjU4MjEgMTAuNjUxNSAxNS45NDIxIDkuMTk2OTggMTUuMjc2NiA4LjA0Nzg5WiIgZmlsbD0iI0UyRTJFMiIvPgo8ZyBvcGFjaXR5PSIwLjMiPgo8cGF0aCBkPSJNMC43OTI2OCAxNS44QzIuMDA3MjMgMTYuMzMwOSAzLjQ0NzIzIDE2LjMwMTggNC42Nzk5NSAxNS41ODkxTDYuODM5OTUgMTQuMzQxOEw0LjYyOTA0IDEwLjUxMjdMMi4xODE3NyAxMS45MjM2QzAuODEwODYxIDEyLjcxNjMgMC4yNTQ0OTggMTQuMzY3MiAwLjc5MjY4IDE1LjhaIiBmaWxsPSIjRTJFMkUyIi8+CjwvZz4KPGcgb3BhY2l0eT0iMC4zIj4KPHBhdGggZD0iTTEuNjU1OTkgMTMuNTUzTDQuMzI1MDkgMTIuMDExMUw0LjYwODcyIDEyLjUwMjFDNC44ODg3MiAxMi45ODU3IDUuNTAzMjcgMTMuMTQ5MyA1Ljk4NjkgMTIuODczTDQuNjI2OSAxMC41MTY2TDIuMTc5NjMgMTEuOTIzOUMxLjQ4NTA5IDEyLjMyMzkgMS4wMDE0NSAxMi45NDkzIDAuNzU3ODEyIDEzLjY1NDhDMS4wNDg3MiAxMy43NDIxIDEuMzcyMzYgMTMuNzEzIDEuNjU1OTkgMTMuNTUzWiIgZmlsbD0iI0UyRTJFMiIvPgo8L2c+CjxnIG9wYWNpdHk9IjAuMyI+CjxwYXRoIGQ9Ik0xMi4wMDM5IDcuMDY1OTdDMTIuMTMxMiA3LjMyNDE1IDEyLjI3MyA3LjU4NTk3IDEyLjQxMTIgNy44NTE0M0MxMy4yNDc1IDguNTAyMzQgMTQuMzgyMSA4LjY4Nzc5IDE1LjQwMDMgOC4yOTg3QzE1LjM2MzkgOC4yMTUwNiAxNS4zMjM5IDguMTMxNDMgMTUuMjc2NiA4LjA1MTQzQzE0LjYxNDggNi44OTg3IDEzLjE3NDggNi40ODA1MiAxMi4wMDM5IDcuMDY1OTdaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxnIG9wYWNpdHk9IjAuMyI+CjxwYXRoIGQ9Ik04LjE4NTM5IDQuMjI5MThDOC4xMjcyMSA1Ljg4MzczIDguNTEyNjcgNy41NzQ2MyA5LjQwMzU3IDkuMTE2NDVDMTAuODc2MyAxMS42NjU1IDEzLjM4OSAxMy4yMzI4IDE2LjA5NDUgMTMuNjAwMUMxNS4xODE4IDEyLjQ0NzQgMTQuMTY3MiAxMC45NDkyIDEzLjE4OSA5LjI1NDYzQzEwLjg2NTQgNS4yMjkxOCA5LjU4OTAzIDEuNTgxOTEgMTAuMjQ3MiAwLjkwOTE4QzkuMTgxNzYgMS4zNjM3MyA4LjY2NTM5IDIuNzcxIDguMTg1MzkgNC4yMjkxOFoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGcgb3BhY2l0eT0iMC4zIj4KPHBhdGggZD0iTTkuMDgxMjIgMi4wNDY5OEw5LjA3MDMxIDIuMDYxNTNDOS4zMzk0IDQuNDUwNjIgMTEuMjUyMSA4LjAyODggMTIuMjY2NyA5Ljc4MTUzQzEyLjYyNjcgMTAuNDA3IDEzLjAwODUgMTEuMDMyNCAxMy4zOTAzIDExLjYyNTJDMTMuNjg4NSAxMi4wODcgMTQuMzk3NiAxMS45NjMzIDE0LjUyNDkgMTEuNDI4OEMxNC4wNzc2IDEwLjc1MjQgMTMuNjI2NyAxMC4wMjE1IDEzLjE3OTQgOS4yNTA2MkMxMS41NTAzIDYuNDI4OCAxMC40Mzc2IDMuNzkyNDQgMTAuMTQzIDIuMjM5NzFDMTAuMDQ4NSAxLjcxOTcxIDkuMzUwMzEgMS41ODg4IDkuMDgxMjIgMi4wNDY5OFoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPHBhdGggZD0iTTE4LjgyNzggNi40MzY0M0MxOC43MzMzIDYuNDM2NDMgMTguNjQyNCA2LjM4OTE2IDE4LjU5MTUgNi4yOTgyNUMxOC41MTUxIDYuMTY3MzQgMTguNTYyNCA2LjAwMDA3IDE4LjY4OTYgNS45MjczNEwyMS42Mjc4IDQuMjI5MTZDMjEuNzU4NyA0LjE1MjggMjEuOTI2IDQuMjAwMDcgMjEuOTk4NyA0LjMyNzM0QzIyLjA3NTEgNC40NTgyNSAyMi4wMjc4IDQuNjI1NTIgMjEuOTAwNiA0LjY5ODI1TDE4Ljk2MjQgNi4zOTY0M0MxOC45MjI0IDYuNDI1NTIgMTguODc1MSA2LjQzNjQzIDE4LjgyNzggNi40MzY0M1oiIGZpbGw9IiNGRUU5RTkiLz4KPHBhdGggZD0iTTE5Ljc0OTYgOS41OTMzMUMxOS42MDQyIDkuNTkzMzEgMTkuNDg0MiA5LjQ4MDU4IDE5LjQ3NjkgOS4zMzE0OUMxOS40Njk2IDkuMTgyNCAxOS41ODYgOS4wNTUxMiAxOS43Mzg3IDkuMDQ3ODVMMjMuMTI3OCA4Ljg5ODc2QzIzLjI3MzIgOC44OTE0OSAyMy40MDQyIDkuMDA3ODUgMjMuNDExNCA5LjE2MDU4QzIzLjQxODcgOS4zMDk2NyAyMy4zMDIzIDkuNDM2OTQgMjMuMTQ5NiA5LjQ0NDIyTDE5Ljc2MDUgOS41OTMzMUMxOS43NTY5IDkuNTkzMzEgMTkuNzUzMiA5LjU5MzMxIDE5Ljc0OTYgOS41OTMzMVoiIGZpbGw9IiNGRUU5RTkiLz4KPHBhdGggZD0iTTE2LjU1NjYgNC4wNjE5NkMxNi41MDU3IDQuMDYxOTYgMTYuNDU0OCA0LjA0NzQyIDE2LjQxMTEgNC4wMTgzM0MxNi4yODM5IDMuOTM4MzMgMTYuMjQ3NSAzLjc2NzQyIDE2LjMyNzUgMy42NDAxNUwxOC4xNTMgMC43NzgzMjdDMTguMjMzIDAuNjUxMDU0IDE4LjQwMzkgMC42MTQ2OTEgMTguNTMxMSAwLjY5NDY5MUMxOC42NTg0IDAuNzc0NjkxIDE4LjY5NDggMC45NDU2IDE4LjYxNDggMS4wNzI4N0wxNi43ODkzIDMuOTM0NjlDMTYuNzM0OCA0LjAxODMzIDE2LjY0NzUgNC4wNjE5NiAxNi41NTY2IDQuMDYxOTZaIiBmaWxsPSIjRkVFOUU5Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjQ2MF8xMjA2MCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
}

.cardLocation {
  position: relative;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  color: #656e84;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.cardLocation::before {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUwNTkgMTRIOS40MTgzNkM5LjkzODYgMTMuNTM1NCAxMC40MjkyIDEzLjAzODYgMTAuODg3MSAxMi41MTI1QzEyLjU5OTYgMTAuNTQzNyAxMy41MDU5IDguNDYyNSAxMy41MDU5IDYuNUMxMy41MDU5IDUuMDQxMzEgMTIuOTI2NCAzLjY0MjM2IDExLjg5NDkgMi42MTA5MUMxMC44NjM1IDEuNTc5NDYgOS40NjQ1NSAxIDguMDA1ODYgMUM2LjU0NzE3IDEgNS4xNDgyMiAxLjU3OTQ2IDQuMTE2NzcgMi42MTA5MUMzLjA4NTMyIDMuNjQyMzYgMi41MDU4NiA1LjA0MTMxIDIuNTA1ODYgNi41QzIuNTA1ODYgOC40NjI1IDMuNDEyMTEgMTAuNTQzNyA1LjEzMDg2IDEyLjUxMjVDNS41ODcxOCAxMy4wNDAxIDYuMDc3ODMgMTMuNTM3IDYuNTk5NjEgMTRIMy41MDU4NkMzLjM3MzI1IDE0IDMuMjQ2MDcgMTQuMDUyNyAzLjE1MjMxIDE0LjE0NjRDMy4wNTg1NCAxNC4yNDAyIDMuMDA1ODYgMTQuMzY3NCAzLjAwNTg2IDE0LjVDMy4wMDU4NiAxNC42MzI2IDMuMDU4NTQgMTQuNzU5OCAzLjE1MjMxIDE0Ljg1MzZDMy4yNDYwNyAxNC45NDczIDMuMzczMjUgMTUgMy41MDU4NiAxNUgxMi41MDU5QzEyLjYzODUgMTUgMTIuNzY1NiAxNC45NDczIDEyLjg1OTQgMTQuODUzNkMxMi45NTMyIDE0Ljc1OTggMTMuMDA1OSAxNC42MzI2IDEzLjAwNTkgMTQuNUMxMy4wMDU5IDE0LjM2NzQgMTIuOTUzMiAxNC4yNDAyIDEyLjg1OTQgMTQuMTQ2NEMxMi43NjU2IDE0LjA1MjcgMTIuNjM4NSAxNCAxMi41MDU5IDE0Wk04LjAwNTg2IDQuNUM4LjQwMTQyIDQuNSA4Ljc4ODEgNC42MTczIDkuMTE3IDQuODM3MDZDOS40NDU5IDUuMDU2ODIgOS43MDIyNCA1LjM2OTE4IDkuODUzNjIgNS43MzQ2M0MxMC4wMDUgNi4xMDAwOSAxMC4wNDQ2IDYuNTAyMjIgOS45Njc0MyA2Ljg5MDE4QzkuODkwMjYgNy4yNzgxNCA5LjY5OTc4IDcuNjM0NTEgOS40MjAwNyA3LjkxNDIxQzkuMTQwMzcgOC4xOTM5MiA4Ljc4NCA4LjM4NDQgOC4zOTYwNCA4LjQ2MTU3QzguMDA4MDggOC41Mzg3NCA3LjYwNTk0IDguNDk5MTMgNy4yNDA0OSA4LjM0Nzc2QzYuODc1MDQgOC4xOTYzOCA2LjU2MjY4IDcuOTQwMDQgNi4zNDI5MiA3LjYxMTE0QzYuMTIzMTYgNy4yODIyNCA2LjAwNTg2IDYuODk1NTYgNi4wMDU4NiA2LjVDNi4wMDU4NiA1Ljk2OTU3IDYuMjE2NTcgNS40NjA4NiA2LjU5MTY0IDUuMDg1NzlDNi45NjY3MiA0LjcxMDcxIDcuNDc1NDMgNC41IDguMDA1ODYgNC41WiIgZmlsbD0iIzAwQUFFQiIvPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}

.cardGames {
  position: relative;
  width: 100%;
  max-width: 360px;
  aspect-ratio: 9/16;
  background-color: #fff;
  /* for demo */
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;
  border: 16px solid #fff;
  border-radius: 16px;
}

@media (max-width: 1280px) and (max-height: 700px) {
  .cardGames {
    border: 8px solid #fff;
  }
}
@media (max-width: 1280px) and (max-height: 700px) {
  .cardGames {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.cardGames iframe {
  width: 100%;
  height: 100%;
  border: 0;
  aspect-ratio: 9/16;
}

.cardGames .coverBtn__back {
  top: 20px;
  left: 20px;
  width: 48px;
  height: 48px;
}

.cardGames .coverBtn__back .ico {
  width: 28px;
  height: 28px;
  background-size: contain;
}

.cardGames .cardThumb {
  border-radius: 16px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.cardGames img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
}

.cardGames img::before {
  content: "Games Tidak Tersedia/Reload";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #712b08;
  color: #ccc;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cardGames__playnow {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 85px;
  margin: auto;
  max-width: 180px;
  height: 63px;
  aspect-ratio: 180/63;
}

.cardGames__playnow--btn {
  font-family: "DynaPuff", system-ui;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  color: #712b08;
  text-decoration: underline;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.cardGames__playnow:hover .cardGames__playnow--btn {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.header {
  top: 0;
  background: transparent;
  font-family: "Montserrat Alternates", sans-serif;
  padding: 24px 0;
  position: fixed;
  height: 106px;
  width: 100%;
  z-index: 999;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

.header ul li {
  list-style: none;
}

.header__container {
  width: 1250px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header__container--alignRight {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}

.header--minimize, .header.sticky {
  background-color: #fff;
  position: fixed;
  color: white;
  height: 82px;
  padding: 1rem 0;
  border: 1px solid rgba(0, 0, 0, 0.07);
}

.header--minimize .header__actions--top, .header.sticky .header__actions--top {
  height: 0;
  padding: 0;
  visibility: hidden;
}

.header--minimize .header__navItem--hasDropdown .header__navLink::after, .header.sticky .header__navItem--hasDropdown .header__navLink::after {
  border-bottom: 1px solid #656e84;
  border-right: 1px solid #656e84;
}

.header--minimize .header__navItem.header__dropdownItem--active > a, .header.sticky .header__navItem.header__dropdownItem--active > a {
  color: #00aaeb;
}

.header--minimize .header__navItem.header__dropdownItem--active > a::after, .header.sticky .header__navItem.header__dropdownItem--active > a::after {
  border-bottom: 1px solid #00aaeb;
  border-right: 1px solid #00aaeb;
}

.header--minimize .header__navItem:hover .header__navLink, .header.sticky .header__navItem:hover .header__navLink {
  color: #00aaeb;
}

.header--minimize .header__navItem:hover .header__navLink::after, .header.sticky .header__navItem:hover .header__navLink::after {
  border-bottom: 1px solid #00aaeb;
  border-right: 1px solid #00aaeb;
}

.header--minimize .header__navLink, .header.sticky .header__navLink {
  background: none;
  color: #656e84;
}

.header--minimize .header__searchFill form input, .header.sticky .header__searchFill form input {
  border: 1px solid rgba(0, 0, 0, 0.4);
}

.header__logo img {
  height: 48px;
}

.header__navList {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  margin: 0;
  padding: 0;
}

.header__navItem {
  position: relative;
}

.header__navItem--hasDropdown {
  position: relative;
}

.header__navItem--hasDropdown .header__navLink {
  padding: 12px;
}

.header__navItem--hasDropdown .header__navLink::after {
  content: "";
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
  display: inline-block;
  width: 9px;
  height: 9px;
  margin: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform-origin: right;
  transform-origin: right;
}

.header__navItem--hasDropdown:hover .header__dropdown {
  display: block;
}

.header__navItem--hasDropdown:hover .header__dropdown .header__navLink::after {
  border-bottom: 1px solid #00aaeb;
  border-right: 1px solid #00aaeb;
}

.header__navItem--hasDropdown:hover::after {
  display: block;
}

.header__navItem--hasDropdown:hover .header__dropdown--visual {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header__navItem--hasDropdown::after {
  display: none;
  content: "";
  position: absolute;
  width: 27px;
  height: 20px;
  background-color: #fff;
  margin: 20px;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  left: 0;
  right: 0;
  top: 12px;
}

.header__nav {
  position: relative;
}

.header__navLink {
  position: relative;
  text-decoration: none;
  color: #fff;
  background: rgba(0, 100, 143, 0.4);
  padding: 12.5px;
  border-radius: 16px;
  font-weight: 600;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.header__navLink:hover {
  background-color: #fff;
  color: #00aaeb;
}

.header__dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin-top: 0.5rem;
  padding: 0.5rem 0;
  min-width: 180px;
  z-index: 10;
  /* Flip left if class is added */
}

.header__dropdownItem {
  padding: 0;
}

.header__dropdownItem .header__dropdownLink {
  display: block;
  padding: 0.5rem 1rem;
  color: #333;
  text-decoration: none;
}

.header__dropdownItem .header__dropdownLink:hover {
  background: #f0f0f0;
}

.header__dropdownItem:hover .header__navLink, .header__dropdownItem--active .header__navLink {
  background: #fff;
  color: #00aaeb;
}

.header__dropdownItem:hover .header__navLink::after, .header__dropdownItem--active .header__navLink::after {
  border-bottom: 1px solid #00aaeb;
  border-right: 1px solid #00aaeb;
}

.header__dropdown.header__dropdown--visual {
  gap: 16px;
}

.header__dropdown--visual {
  padding: 16px;
  border-radius: 16px;
  max-width: 768px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1280px) {
  .header__dropdown--visual {
    max-width: 528px;
  }
}
@media (min-width: 1366px) {
  .header__dropdown--visual {
    max-width: 560px;
  }
}
@media (min-width: 1920px) {
  .header__dropdown--visual {
    max-width: 768px;
  }
}
.header__dropdown--visual .header__dropdownItem {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33%;
  flex: 0 0 33%;
  /* default: 2 columns */
}

.header__dropdown--visual .header__dropdownItem .header__dropdownLink:hover {
  color: #00aaeb;
}

.header__dropdown--visual .header__dropdownLink {
  font-family: DynaPuff;
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 1%;
  text-align: center;
  color: #fff;
  width: 360px;
  height: 120px;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: left;
  overflow: hidden;
  padding: 0 20px 0 0;
}

@media (min-width: 768px) {
  .header__dropdown--visual .header__dropdownLink {
    width: 144px;
    /* 360 * 768 / 1920 */
    height: 48px;
    /* 144 / 3 */
    font-size: 16px;
    /* 40 * 768 / 1920 */
  }
}
@media (min-width: 1080px) {
  .header__dropdown--visual .header__dropdownLink {
    width: 202.5px;
    /* 360 * 1080 / 1920 */
    height: 67.5px;
    /* 202.5 / 3 */
    font-size: 22.5px;
    /* 40 * 1080 / 1920 */
  }
}
@media (min-width: 1280px) {
  .header__dropdown--visual .header__dropdownLink {
    width: 240px;
    /* 360 * 1280 / 1920 */
    height: 80px;
    /* 240 / 3 */
  }
}
@media (min-width: 1366px) {
  .header__dropdown--visual .header__dropdownLink {
    width: 255.1875px;
    /* 360 * 1366 / 1920 */
    height: 85.0625px;
    /* 255.1875 / 3 */
    font-size: 24px;
    /* 40 * 1366 / 1920 */
  }
}
@media (min-width: 1920px) {
  .header__dropdown--visual .header__dropdownLink {
    width: 360px;
    height: 120px;
    font-size: 36px;
  }
}
.header__dropdown--visual .header__dropdownLink img {
  max-width: 130px;
  /* Prevent it from exceeding 120px */
  width: 100%;
  /* Let it scale down if needed */
  height: 100%;
  /* Maintain aspect ratio */
  display: block;
  /* Remove bottom whitespace */
  -o-object-fit: contain;
  object-fit: contain;
  /* Optional, if container limits height */
}

.header__dropdown--visual .header__dropdownLink--smaller {
  padding: 0;
  font-size: 38px;
  gap: 0;
}

.header__dropdown--visual .header__dropdownLink--smaller img {
  max-width: 105px;
}

.header__dropdown--visual.header__dropdown--threeCol {
  max-width: 1144px;
}

.header__dropdown--visual.header__dropdown--threeCol .header__dropdownLink img {
  max-width: 97px;
}

@media (min-width: 1366px) {
  .header__dropdown--visual.header__dropdown--threeCol .header__dropdownLink img {
    max-width: 90px;
  }
}
@media (min-width: 1280px) {
  .header__dropdown--visual.header__dropdown--threeCol {
    max-width: 765px;
    gap: 10px 10px;
    padding: 12px;
  }
}
@media (min-width: 1366px) {
  .header__dropdown--visual.header__dropdown--threeCol {
    max-width: 810px;
  }
}
@media (min-width: 1920px) {
  .header__dropdown--visual.header__dropdown--threeCol {
    max-width: 1124px;
  }
}
.header__dropdown--visual.header__dropdown--threeCol .header__dropdownItem {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 32.3333%;
  flex: 0 0 32.3333%;
}

@media (min-width: 1366px) {
  .header__dropdown--visual.header__dropdown--threeCol .header__dropdownItem {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 22.3333%;
    flex: 0 0 22.3333%;
  }
}
.header__dropdown--visual::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -20px;
  height: 20px;
  width: 100%;
  background: transparent;
  margin: auto;
}

.header__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

.header__actions--top {
  height: 19px;
  -webkit-transition: all 0.3s ease-in-out, padding 0.3s ease, visibility 0s ease;
  transition: all 0.3s ease-in-out, padding 0.3s ease, visibility 0s ease;
  font-size: 14px;
  top: -6px;
  margin-right: 2px;
  position: relative;
}

.header__actions--top .header__link {
  color: #fff;
}

.header__actions--top .header__link:last-child::before {
  content: "|";
  display: inline-block;
  padding-right: 20px;
}

.header__actionsItem {
  position: relative;
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.header__actionsItem::before {
  content: "";
  display: inline-block;
  font-size: 50px;
  background: #fff;
  height: 45px;
  width: 2px;
}

.header__actionsItem:first-child::before {
  display: none;
}

.header__link {
  color: #0077cc;
  font-weight: 500;
  text-decoration: none;
}

.header__search, .header__loginBtn {
  background-color: #68ca44;
  border: 4px solid #ffd400;
  color: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  padding: 10px;
  font-weight: bold;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  font-family: Plus Jakarta Sans;
}

.header__search {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2LjA4MTYgNS41MDc4NUMzMC4yMjQzIDkuNjIxNzEgMzAuMjI0MyAxNi4yMjkxIDI2LjA4MTYgMjAuMjg4MUMyMi4yNzYzIDI0LjA2NjkgMTYuMjkxOCAyNC4zNDE1IDEyLjE0OTEgMjEuMTc3OEwxMC43NDk4IDIyLjU2NzRMOC45MDI0MyAyMC43MzNMMTAuMzAxOCAxOS4zNDM0QzcuMTEwNCAxNS4yMjk1IDcuMzkyNDggOS4yODY2NiAxMS4xOTc4IDUuNTA3ODVDMTUuMjc5NiAxLjQ1NDQxIDIxLjkzODkgMS40NTQ0MSAyNi4wODE2IDUuNTA3ODVaIiBmaWxsPSIjNzU3RDhDIi8+CjxwYXRoIGQ9Ik0yNS44NTM5IDI0Ljc5MkMyNy4yMTQ1IDI0Ljc5MiAyOC4zMTUxIDI1Ljg4NSAyOC4zMTUxIDI3LjIzNjFDMjguMzE1MSAyOC41ODczIDI3LjIxNDUgMjkuNjgwMyAyNS44NTM5IDI5LjY4MDNDMjQuNDkzMiAyOS42ODAzIDIzLjM5MjYgMjguNTg3MyAyMy4zOTI2IDI3LjIzNjFDMjMuMzkyNiAyNS44ODUgMjQuNDkzMiAyNC43OTIgMjUuODUzOSAyNC43OTJaIiBmaWxsPSIjNjhDQTQ0Ii8+CjxwYXRoIGQ9Ik0yLjc0NjQ5IDMuOTUzNjFDMy42OTc4MiAzLjk1MzYxIDQuNDgzMjIgNC43MzM1NCA0LjQ4MzIyIDUuNjc4MjVDNC40ODMyMiA2LjYyMjk1IDMuNjk3ODIgNy40MDI4OCAyLjc0NjQ5IDcuNDAyODhDMS43OTUxNiA3LjQwMjg4IDEuMDA5NzcgNi42MjI5NSAxLjAwOTc3IDUuNjc4MjVDMS4wMDk3NyA0LjczMzU0IDEuNzk1MTYgMy45NTM2MSAyLjc0NjQ5IDMuOTUzNjFaIiBmaWxsPSIjNjhDQTQ0Ii8+CjxwYXRoIGQ9Ik0yNC40MDA1IDcuNzg3MzlDMjMuMDAxMiA2LjIzMzAzIDIwLjkzMjYgNS4yMzM0IDE4LjYzNzMgNS4yMzM0QzE2LjM0MTkgNS4yMzM0IDE0LjI3MzMgNi4yMzMwMyAxMi44NzQgNy43ODczOUMxMS42NDA2IDkuMTc2OTkgMTAuOTE2IDEwLjk1NjUgMTAuOTE2IDEyLjk1NThDMTAuOTE2IDE0Ljk1NTEgMTEuNzAxNCAxNi44NDQ1IDEyLjk4NDYgMTguMjM0MUMxNC4zODM5IDE5LjczMzUgMTYuMzk3MiAyMC42NzgyIDE4LjY5MjYgMjAuNjc4MkMyMC45ODc5IDIwLjY3ODIgMjIuOTQ1OSAxOS43MzM1IDI0LjM0NTIgMTguMjM0MUMyNS42MzM5IDE2Ljg0NDUgMjYuNDEzOCAxNS4wMSAyNi40MTM4IDEyLjk1NThDMjYuNDEzOCAxMC45MDE2IDI1LjYyODQgOS4xMjIwNiAyNC40MDA1IDcuNzg3MzlaIiBmaWxsPSIjQkNFNEZGIi8+CjxwYXRoIGQ9Ik0xMi45Mjk3IDE4LjE3OUgyNC4yOTAzQzIyLjg5MSAxOS42Nzg0IDIwLjg3NzcgMjAuNjIzMSAxOC42Mzc3IDIwLjYyMzFDMTYuMzk3NiAyMC42MjMxIDE0LjM4NDMgMTkuNjc4NCAxMi45Mjk3IDE4LjE3OVoiIGZpbGw9IiM5NEQ0RkYiLz4KPHBhdGggZD0iTTI0LjQwMDIgNy43ODczOUgxMi44MTg0QzE0LjIxNzcgNi4yMzMwMyAxNi4yODYzIDUuMjMzNCAxOC41ODE2IDUuMjMzNEMyMC44NzcgNS4yMzM0IDIzLjAwMDkgNi4yMzMwMyAyNC40MDAyIDcuNzg3MzlaIiBmaWxsPSIjOTRENEZGIi8+CjxwYXRoIGQ9Ik0yOS40OTU1IDIwLjYyM0MyOS43Nzc2IDIwLjYyMyAyOS45OTg4IDIwLjg0MjcgMjkuOTk4OCAyMS4xMjI5QzI5Ljk5ODggMjEuNDAzIDI5Ljc3NzYgMjEuNjIyNyAyOS40OTU1IDIxLjYyMjdDMjkuMjEzNCAyMS42MjI3IDI4Ljk5MjIgMjEuNDAzIDI4Ljk5MjIgMjEuMTIyOUMyOC45OTIyIDIwLjg0MjcgMjkuMjEzNCAyMC42MjMgMjkuNDk1NSAyMC42MjNaIiBmaWxsPSIjRkZENDAwIi8+CjxwYXRoIGQ9Ik0yOC44MTk3IDEuODk5NDFDMjkuMTAxOCAxLjg5OTQxIDI5LjMyMyAyLjExOTExIDI5LjMyMyAyLjM5OTIzQzI5LjMyMyAyLjY3OTM0IDI5LjEwMTggMi44OTkwNCAyOC44MTk3IDIuODk5MDRDMjguNTM3NiAyLjg5OTA0IDI4LjMxNjQgMi42NzkzNCAyOC4zMTY0IDIuMzk5MjNDMjguMzE2NCAyLjExOTExIDI4LjUzNzYgMS44OTk0MSAyOC44MTk3IDEuODk5NDFaIiBmaWxsPSIjRkZENDAwIi8+CjxwYXRoIGQ9Ik0xNi41Njc4IDI2LjkwMTFDMTYuODQ5OSAyNi45MDExIDE3LjA3MTEgMjcuMTIwOCAxNy4wNzExIDI3LjQwMDlDMTcuMDcxMSAyNy42ODExIDE2Ljg0OTkgMjcuOTAwOCAxNi41Njc4IDI3LjkwMDhDMTYuMjg1NyAyNy45MDA4IDE2LjA2NDUgMjcuNjgxMSAxNi4wNjQ1IDI3LjQwMDlDMTYuMDY0NSAyNy4xMjA4IDE2LjI4NTcgMjYuOTAxMSAxNi41Njc4IDI2LjkwMTFaIiBmaWxsPSIjRkZENDAwIi8+CjxwYXRoIGQ9Ik05LjkwOTU3IDAuNTA5NzY2QzEwLjE5MTYgMC41MDk3NjYgMTAuNDEyOSAwLjcyOTQ2NCAxMC40MTI5IDEuMDA5NThDMTAuNDEyOSAxLjI4OTcgMTAuMTkxNiAxLjUwOTM5IDkuOTA5NTcgMS41MDkzOUM5LjYyNzQ5IDEuNTA5MzkgOS40MDYyNSAxLjI4OTcgOS40MDYyNSAxLjAwOTU4QzkuNDA2MjUgMC43Mjk0NjQgOS42Mjc0OSAwLjUwOTc2NiA5LjkwOTU3IDAuNTA5NzY2WiIgZmlsbD0iI0ZGRDQwMCIvPgo8cGF0aCBkPSJNNC43MDUxNCAxNi4xMjQ4QzQuOTg3MjIgMTYuMTI0OCA1LjIwODQ2IDE2LjM0NDUgNS4yMDg0NiAxNi42MjQ2QzUuMjA4NDYgMTYuOTA0NyA0Ljk4NzIyIDE3LjEyNDQgNC43MDUxNCAxNy4xMjQ0QzQuNDIzMDYgMTcuMTI0NCA0LjIwMTgyIDE2LjkwNDcgNC4yMDE4MiAxNi42MjQ2QzQuMTQ2NTEgMTYuMzQ0NSA0LjM2Nzc1IDE2LjEyNDggNC43MDUxNCAxNi4xMjQ4WiIgZmlsbD0iI0ZGRDQwMCIvPgo8cGF0aCBkPSJNMC41MTE3ODMgMTAuNTY2NEMwLjc5Mzg2MiAxMC41NjY0IDEuMDE1MSAxMC43ODYxIDEuMDE1MSAxMS4wNjYyQzEuMDE1MSAxMS4zNDYzIDAuNzkzODYyIDExLjU2NiAwLjUxMTc4MyAxMS41NjZDMC4yMjk3MDMgMTEuNTY2IDAuMDA4NDY0MjcgMTEuMzQ2MyAwLjAwODQ2NDI3IDExLjA2NjJDLTAuMDQ2ODQ1NSAxMC43ODYxIDAuMTc0MzkzIDEwLjU2NjQgMC41MTE3ODMgMTAuNTY2NFoiIGZpbGw9IiNGRkQ0MDAiLz4KPHBhdGggZD0iTTExLjY0NTQgMjMuMjkyNEw1LjgyNjgxIDI5LjA3MDVDNC45MzA3OSAyOS45NjAzIDMuNDc2MTUgMjkuOTYwMyAyLjYzNTQ0IDI5LjA3MDVMMi40MTQyIDI4Ljg1MDhDMS41MTgxOCAyNy45NjEgMS41MTgxOCAyNi41MTY1IDIuNDE0MiAyNS42ODE2TDguMjMyNzggMTkuOTAzNkwxMS42NDU0IDIzLjI5MjRaTTUuMTU3NTYgMjcuMjM2QzUuMTU3NTYgMjYuNzM2MiA0LjcwOTU1IDI2LjI5MTMgNC4yMDYyNCAyNi4yOTEzQzMuNzAyOTIgMjYuMjkxMyAzLjI1NDkxIDI2LjczNjIgMy4yNTQ5MSAyNy4yMzZDMy4yNTQ5MSAyNy43MzU4IDMuNzAyOTIgMjguMTgwNyA0LjIwNjI0IDI4LjE4MDdDNC43MDk1NSAyOC4xODA3IDUuMTU3NTYgMjcuNzkwNyA1LjE1NzU2IDI3LjIzNloiIGZpbGw9IiMzRjQ3NTEiLz4KPHBhdGggZD0iTTkuMjQwMDMgMjMuOTAyMkM5LjEyOTQxIDIzLjkwMjIgOS4wNzQxIDIzLjg0NzMgOS4wMTg3OSAyMy43OTI0TDcuNjc0NzYgMjIuNDU3N0M3LjU2NDE0IDIyLjM0NzggNy41NjQxNCAyMi4xMjI2IDcuNjc0NzYgMjEuOTU3OUM3Ljc4NTM4IDIxLjg0OCA4LjAxMjE1IDIxLjg0OCA4LjE3ODA4IDIxLjk1NzlMOS41MjIxMSAyMy4yOTI1QzkuNjMyNzMgMjMuNDAyNCA5LjYzMjczIDIzLjYyNzYgOS41MjIxMSAyMy43OTI0QzkuNDExNDkgMjMuODQ3MyA5LjM1NjE4IDIzLjkwMjIgOS4yNDAwMyAyMy45MDIyWiIgZmlsbD0iI0JDRTRGRiIvPgo8cGF0aCBkPSJNMjYuMDgxNiA1LjUwNzg1QzMwLjIyNDMgOS42MjE3MSAzMC4yMjQzIDE2LjIyOTEgMjYuMDgxNiAyMC4yODgxQzIyLjI3NjMgMjQuMDY2OSAxNi4yOTE4IDI0LjM0MTUgMTIuMTQ5MSAyMS4xNzc4TDEwLjc0OTggMjIuNTY3NEw4LjkwMjQzIDIwLjczM0wxMC4zMDE4IDE5LjM0MzRDNy4xMTA0IDE1LjIyOTUgNy4zOTI0OCA5LjI4NjY2IDExLjE5NzggNS41MDc4NUMxNS4yNzk2IDEuNDU0NDEgMjEuOTM4OSAxLjQ1NDQxIDI2LjA4MTYgNS41MDc4NVoiIGZpbGw9IiM3NTdEOEMiLz4KPHBhdGggZD0iTTI1Ljg1MzkgMjQuNzkyQzI3LjIxNDUgMjQuNzkyIDI4LjMxNTEgMjUuODg1IDI4LjMxNTEgMjcuMjM2MUMyOC4zMTUxIDI4LjU4NzMgMjcuMjE0NSAyOS42ODAzIDI1Ljg1MzkgMjkuNjgwM0MyNC40OTMyIDI5LjY4MDMgMjMuMzkyNiAyOC41ODczIDIzLjM5MjYgMjcuMjM2MUMyMy4zOTI2IDI1Ljg4NSAyNC40OTMyIDI0Ljc5MiAyNS44NTM5IDI0Ljc5MloiIGZpbGw9IiM2OENBNDQiLz4KPHBhdGggZD0iTTIuNzQ2NDkgMy45NTM2MUMzLjY5NzgyIDMuOTUzNjEgNC40ODMyMiA0LjczMzU0IDQuNDgzMjIgNS42NzgyNUM0LjQ4MzIyIDYuNjIyOTUgMy42OTc4MiA3LjQwMjg4IDIuNzQ2NDkgNy40MDI4OEMxLjc5NTE2IDcuNDAyODggMS4wMDk3NyA2LjYyMjk1IDEuMDA5NzcgNS42NzgyNUMxLjAwOTc3IDQuNzMzNTQgMS43OTUxNiAzLjk1MzYxIDIuNzQ2NDkgMy45NTM2MVoiIGZpbGw9IiM2OENBNDQiLz4KPHBhdGggZD0iTTI0LjQwMDUgNy43ODczOUMyMy4wMDEyIDYuMjMzMDMgMjAuOTMyNiA1LjIzMzQgMTguNjM3MyA1LjIzMzRDMTYuMzQxOSA1LjIzMzQgMTQuMjczMyA2LjIzMzAzIDEyLjg3NCA3Ljc4NzM5QzExLjY0MDYgOS4xNzY5OSAxMC45MTYgMTAuOTU2NSAxMC45MTYgMTIuOTU1OEMxMC45MTYgMTQuOTU1MSAxMS43MDE0IDE2Ljg0NDUgMTIuOTg0NiAxOC4yMzQxQzE0LjM4MzkgMTkuNzMzNSAxNi4zOTcyIDIwLjY3ODIgMTguNjkyNiAyMC42NzgyQzIwLjk4NzkgMjAuNjc4MiAyMi45NDU5IDE5LjczMzUgMjQuMzQ1MiAxOC4yMzQxQzI1LjYzMzkgMTYuODQ0NSAyNi40MTM4IDE1LjAxIDI2LjQxMzggMTIuOTU1OEMyNi40MTM4IDEwLjkwMTYgMjUuNjI4NCA5LjEyMjA2IDI0LjQwMDUgNy43ODczOVoiIGZpbGw9IiNCQ0U0RkYiLz4KPHBhdGggZD0iTTEyLjkyOTcgMTguMTc5SDI0LjI5MDNDMjIuODkxIDE5LjY3ODQgMjAuODc3NyAyMC42MjMxIDE4LjYzNzcgMjAuNjIzMUMxNi4zOTc2IDIwLjYyMzEgMTQuMzg0MyAxOS42Nzg0IDEyLjkyOTcgMTguMTc5WiIgZmlsbD0iIzk0RDRGRiIvPgo8cGF0aCBkPSJNMjQuNDAwMiA3Ljc4NzM5SDEyLjgxODRDMTQuMjE3NyA2LjIzMzAzIDE2LjI4NjMgNS4yMzM0IDE4LjU4MTYgNS4yMzM0QzIwLjg3NyA1LjIzMzQgMjMuMDAwOSA2LjIzMzAzIDI0LjQwMDIgNy43ODczOVoiIGZpbGw9IiM5NEQ0RkYiLz4KPHBhdGggZD0iTTI5LjQ5NTUgMjAuNjIzQzI5Ljc3NzYgMjAuNjIzIDI5Ljk5ODggMjAuODQyNyAyOS45OTg4IDIxLjEyMjlDMjkuOTk4OCAyMS40MDMgMjkuNzc3NiAyMS42MjI3IDI5LjQ5NTUgMjEuNjIyN0MyOS4yMTM0IDIxLjYyMjcgMjguOTkyMiAyMS40MDMgMjguOTkyMiAyMS4xMjI5QzI4Ljk5MjIgMjAuODQyNyAyOS4yMTM0IDIwLjYyMyAyOS40OTU1IDIwLjYyM1oiIGZpbGw9IiNGRkQ0MDAiLz4KPHBhdGggZD0iTTI4LjgxOTcgMS44OTk0MUMyOS4xMDE4IDEuODk5NDEgMjkuMzIzIDIuMTE5MTEgMjkuMzIzIDIuMzk5MjNDMjkuMzIzIDIuNjc5MzQgMjkuMTAxOCAyLjg5OTA0IDI4LjgxOTcgMi44OTkwNEMyOC41Mzc2IDIuODk5MDQgMjguMzE2NCAyLjY3OTM0IDI4LjMxNjQgMi4zOTkyM0MyOC4zMTY0IDIuMTE5MTEgMjguNTM3NiAxLjg5OTQxIDI4LjgxOTcgMS44OTk0MVoiIGZpbGw9IiNGRkQ0MDAiLz4KPHBhdGggZD0iTTE2LjU2NzggMjYuOTAxMUMxNi44NDk5IDI2LjkwMTEgMTcuMDcxMSAyNy4xMjA4IDE3LjA3MTEgMjcuNDAwOUMxNy4wNzExIDI3LjY4MTEgMTYuODQ5OSAyNy45MDA4IDE2LjU2NzggMjcuOTAwOEMxNi4yODU3IDI3LjkwMDggMTYuMDY0NSAyNy42ODExIDE2LjA2NDUgMjcuNDAwOUMxNi4wNjQ1IDI3LjEyMDggMTYuMjg1NyAyNi45MDExIDE2LjU2NzggMjYuOTAxMVoiIGZpbGw9IiNGRkQ0MDAiLz4KPHBhdGggZD0iTTkuOTA5NTcgMC41MDk3NjZDMTAuMTkxNiAwLjUwOTc2NiAxMC40MTI5IDAuNzI5NDY0IDEwLjQxMjkgMS4wMDk1OEMxMC40MTI5IDEuMjg5NyAxMC4xOTE2IDEuNTA5MzkgOS45MDk1NyAxLjUwOTM5QzkuNjI3NDkgMS41MDkzOSA5LjQwNjI1IDEuMjg5NyA5LjQwNjI1IDEuMDA5NThDOS40MDYyNSAwLjcyOTQ2NCA5LjYyNzQ5IDAuNTA5NzY2IDkuOTA5NTcgMC41MDk3NjZaIiBmaWxsPSIjRkZENDAwIi8+CjxwYXRoIGQ9Ik00LjcwNTE0IDE2LjEyNDhDNC45ODcyMiAxNi4xMjQ4IDUuMjA4NDYgMTYuMzQ0NSA1LjIwODQ2IDE2LjYyNDZDNS4yMDg0NiAxNi45MDQ3IDQuOTg3MjIgMTcuMTI0NCA0LjcwNTE0IDE3LjEyNDRDNC40MjMwNiAxNy4xMjQ0IDQuMjAxODIgMTYuOTA0NyA0LjIwMTgyIDE2LjYyNDZDNC4xNDY1MSAxNi4zNDQ1IDQuMzY3NzUgMTYuMTI0OCA0LjcwNTE0IDE2LjEyNDhaIiBmaWxsPSIjRkZENDAwIi8+CjxwYXRoIGQ9Ik0wLjUxMTc4MyAxMC41NjY0QzAuNzkzODYyIDEwLjU2NjQgMS4wMTUxIDEwLjc4NjEgMS4wMTUxIDExLjA2NjJDMS4wMTUxIDExLjM0NjMgMC43OTM4NjIgMTEuNTY2IDAuNTExNzgzIDExLjU2NkMwLjIyOTcwMyAxMS41NjYgMC4wMDg0NjQyNyAxMS4zNDYzIDAuMDA4NDY0MjcgMTEuMDY2MkMtMC4wNDY4NDU1IDEwLjc4NjEgMC4xNzQzOTMgMTAuNTY2NCAwLjUxMTc4MyAxMC41NjY0WiIgZmlsbD0iI0ZGRDQwMCIvPgo8cGF0aCBkPSJNMTEuNjQ1NCAyMy4yOTI0TDUuODI2ODEgMjkuMDcwNUM0LjkzMDc5IDI5Ljk2MDMgMy40NzYxNSAyOS45NjAzIDIuNjM1NDQgMjkuMDcwNUwyLjQxNDIgMjguODUwOEMxLjUxODE4IDI3Ljk2MSAxLjUxODE4IDI2LjUxNjUgMi40MTQyIDI1LjY4MTZMOC4yMzI3OCAxOS45MDM2TDExLjY0NTQgMjMuMjkyNFpNNS4xNTc1NiAyNy4yMzZDNS4xNTc1NiAyNi43MzYyIDQuNzA5NTUgMjYuMjkxMyA0LjIwNjI0IDI2LjI5MTNDMy43MDI5MiAyNi4yOTEzIDMuMjU0OTEgMjYuNzM2MiAzLjI1NDkxIDI3LjIzNkMzLjI1NDkxIDI3LjczNTggMy43MDI5MiAyOC4xODA3IDQuMjA2MjQgMjguMTgwN0M0LjcwOTU1IDI4LjE4MDcgNS4xNTc1NiAyNy43OTA3IDUuMTU3NTYgMjcuMjM2WiIgZmlsbD0iIzNGNDc1MSIvPgo8cGF0aCBkPSJNOS4yNDAwMyAyMy45MDIyQzkuMTI5NDEgMjMuOTAyMiA5LjA3NDEgMjMuODQ3MyA5LjAxODc5IDIzLjc5MjRMNy42NzQ3NiAyMi40NTc3QzcuNTY0MTQgMjIuMzQ3OCA3LjU2NDE0IDIyLjEyMjYgNy42NzQ3NiAyMS45NTc5QzcuNzg1MzggMjEuODQ4IDguMDEyMTUgMjEuODQ4IDguMTc4MDggMjEuOTU3OUw5LjUyMjExIDIzLjI5MjVDOS42MzI3MyAyMy40MDI0IDkuNjMyNzMgMjMuNjI3NiA5LjUyMjExIDIzLjc5MjRDOS40MTE0OSAyMy44NDczIDkuMzU2MTggMjMuOTAyMiA5LjI0MDAzIDIzLjkwMjJaIiBmaWxsPSIjQkNFNEZGIi8+Cjwvc3ZnPgo=);
  background-size: 65%;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  background-color: #fff;
  border: 5px solid #00aaeb;
  cursor: pointer;
}

.header__search:hover {
  -webkit-animation: wiggle 0.4s ease-in-out;
  animation: wiggle 0.4s ease-in-out;
}

.header__search--opened {
  border: 5px solid #c8c5c5;
  background: #fff;
  position: relative;
}

.header__search--opened::before {
  content: "";
  background-color: #8c8c8c;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA0NCA0NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM3LjU2MzMgNi44NTQ2M0MyOC45NzkzIC0xLjcyNzU5IDE1LjAxOTMgLTEuNzI3NTkgNi40MzUyNCA2Ljg1NDYzQy0yLjE0NTA4IDE1LjQzNjkgLTIuMTQ1MDggMjkuNDAwNSA2LjQzNTI0IDM3Ljk4MjdDMTAuNzI3MyA0Mi4yNzI5IDE2LjM2MzcgNDQuNDE3IDIyLjAwMDIgNDQuNDE3QzI3LjYzNjggNDQuNDE3IDMzLjI3MTMgNDIuMjcyOCAzNy41NjMzIDM3Ljk4MjdDNDYuMTQ1NiAyOS40MDA2IDQ2LjE0NTYgMTUuNDM2OSAzNy41NjMzIDYuODU0NjNaTTMxLjA3NzYgMjguOTAzNUMzMS43OTQ3IDI5LjYyMDYgMzEuNzk0NyAzMC43Nzk4IDMxLjA3NzYgMzEuNDk3QzMwLjcxOTkgMzEuODU0NyAzMC4yNTA0IDMyLjAzNDQgMjkuNzgwOCAzMi4wMzQ0QzI5LjMxMTMgMzIuMDM0NCAyOC44NDE3IDMxLjg1NDcgMjguNDg0IDMxLjQ5N0wyMi4wMDAxIDI1LjAxMTNMMTUuNTE4MSAzMS40OTUxQzE1LjE1ODYgMzEuODUyOCAxNC42ODkgMzIuMDMyNSAxNC4yMjEzIDMyLjAzMjVDMTMuNzUxOCAzMi4wMzI1IDEzLjI4MjIgMzEuODUyOCAxMi45MjQ1IDMxLjQ5NTFDMTIuMjA3NCAzMC43NzggMTIuMjA3NCAyOS42MTY5IDEyLjkyNDUgMjguOTAxNkwxOS40MDY1IDIyLjQxNzdMMTIuOTIyNyAxNS45MzM5QzEyLjIwNTYgMTUuMjE2NyAxMi4yMDU2IDE0LjA1NTcgMTIuOTIyNyAxMy4zNDA0QzEzLjYzOCAxMi42MjMyIDE0Ljc5OTEgMTIuNjIzMiAxNS41MTYyIDEzLjM0MDRMMjIuMDAwMSAxOS44MjQyTDI4LjQ4MzkgMTMuMzQwNEMyOS4yMDEgMTIuNjIzMiAzMC4zNjAzIDEyLjYyMzIgMzEuMDc3NCAxMy4zNDA0QzMxLjc5NDYgMTQuMDU1NyAzMS43OTQ2IDE1LjIxNjcgMzEuMDc3NCAxNS45MzM5TDI0LjU5MzYgMjIuNDE3N0wzMS4wNzc2IDI4LjkwMzVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
  display: block;
  width: 20px;
  height: 20px;
  background-position: center;
  top: 0;
  position: absolute;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
}

.header__searchFill {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  margin: auto;
  width: 0;
  height: 52px;
  -webkit-transition: 0.15s all ease-in-out;
  transition: 0.15s all ease-in-out;
  opacity: 0;
  /* Transparent */
  visibility: hidden;
  /* Hidden from layout */
}

.header__searchFill input,
.header__searchFill form {
  outline: none;
  width: 100%;
  height: 50px;
  border-radius: 50px;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.header__searchFill form {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header__searchFill form button[type=submit] {
  position: absolute;
  right: 6px;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2LjA4MTYgNS41MDc4NUMzMC4yMjQzIDkuNjIxNzEgMzAuMjI0MyAxNi4yMjkxIDI2LjA4MTYgMjAuMjg4MUMyMi4yNzYzIDI0LjA2NjkgMTYuMjkxOCAyNC4zNDE1IDEyLjE0OTEgMjEuMTc3OEwxMC43NDk4IDIyLjU2NzRMOC45MDI0MyAyMC43MzNMMTAuMzAxOCAxOS4zNDM0QzcuMTEwNCAxNS4yMjk1IDcuMzkyNDggOS4yODY2NiAxMS4xOTc4IDUuNTA3ODVDMTUuMjc5NiAxLjQ1NDQxIDIxLjkzODkgMS40NTQ0MSAyNi4wODE2IDUuNTA3ODVaIiBmaWxsPSIjNzU3RDhDIi8+CjxwYXRoIGQ9Ik0yNS44NTM5IDI0Ljc5MkMyNy4yMTQ1IDI0Ljc5MiAyOC4zMTUxIDI1Ljg4NSAyOC4zMTUxIDI3LjIzNjFDMjguMzE1MSAyOC41ODczIDI3LjIxNDUgMjkuNjgwMyAyNS44NTM5IDI5LjY4MDNDMjQuNDkzMiAyOS42ODAzIDIzLjM5MjYgMjguNTg3MyAyMy4zOTI2IDI3LjIzNjFDMjMuMzkyNiAyNS44ODUgMjQuNDkzMiAyNC43OTIgMjUuODUzOSAyNC43OTJaIiBmaWxsPSIjNjhDQTQ0Ii8+CjxwYXRoIGQ9Ik0yLjc0NjQ5IDMuOTUzNjFDMy42OTc4MiAzLjk1MzYxIDQuNDgzMjIgNC43MzM1NCA0LjQ4MzIyIDUuNjc4MjVDNC40ODMyMiA2LjYyMjk1IDMuNjk3ODIgNy40MDI4OCAyLjc0NjQ5IDcuNDAyODhDMS43OTUxNiA3LjQwMjg4IDEuMDA5NzcgNi42MjI5NSAxLjAwOTc3IDUuNjc4MjVDMS4wMDk3NyA0LjczMzU0IDEuNzk1MTYgMy45NTM2MSAyLjc0NjQ5IDMuOTUzNjFaIiBmaWxsPSIjNjhDQTQ0Ii8+CjxwYXRoIGQ9Ik0yNC40MDA1IDcuNzg3MzlDMjMuMDAxMiA2LjIzMzAzIDIwLjkzMjYgNS4yMzM0IDE4LjYzNzMgNS4yMzM0QzE2LjM0MTkgNS4yMzM0IDE0LjI3MzMgNi4yMzMwMyAxMi44NzQgNy43ODczOUMxMS42NDA2IDkuMTc2OTkgMTAuOTE2IDEwLjk1NjUgMTAuOTE2IDEyLjk1NThDMTAuOTE2IDE0Ljk1NTEgMTEuNzAxNCAxNi44NDQ1IDEyLjk4NDYgMTguMjM0MUMxNC4zODM5IDE5LjczMzUgMTYuMzk3MiAyMC42NzgyIDE4LjY5MjYgMjAuNjc4MkMyMC45ODc5IDIwLjY3ODIgMjIuOTQ1OSAxOS43MzM1IDI0LjM0NTIgMTguMjM0MUMyNS42MzM5IDE2Ljg0NDUgMjYuNDEzOCAxNS4wMSAyNi40MTM4IDEyLjk1NThDMjYuNDEzOCAxMC45MDE2IDI1LjYyODQgOS4xMjIwNiAyNC40MDA1IDcuNzg3MzlaIiBmaWxsPSIjQkNFNEZGIi8+CjxwYXRoIGQ9Ik0xMi45Mjk3IDE4LjE3OUgyNC4yOTAzQzIyLjg5MSAxOS42Nzg0IDIwLjg3NzcgMjAuNjIzMSAxOC42Mzc3IDIwLjYyMzFDMTYuMzk3NiAyMC42MjMxIDE0LjM4NDMgMTkuNjc4NCAxMi45Mjk3IDE4LjE3OVoiIGZpbGw9IiM5NEQ0RkYiLz4KPHBhdGggZD0iTTI0LjQwMDIgNy43ODczOUgxMi44MTg0QzE0LjIxNzcgNi4yMzMwMyAxNi4yODYzIDUuMjMzNCAxOC41ODE2IDUuMjMzNEMyMC44NzcgNS4yMzM0IDIzLjAwMDkgNi4yMzMwMyAyNC40MDAyIDcuNzg3MzlaIiBmaWxsPSIjOTRENEZGIi8+CjxwYXRoIGQ9Ik0yOS40OTU1IDIwLjYyM0MyOS43Nzc2IDIwLjYyMyAyOS45OTg4IDIwLjg0MjcgMjkuOTk4OCAyMS4xMjI5QzI5Ljk5ODggMjEuNDAzIDI5Ljc3NzYgMjEuNjIyNyAyOS40OTU1IDIxLjYyMjdDMjkuMjEzNCAyMS42MjI3IDI4Ljk5MjIgMjEuNDAzIDI4Ljk5MjIgMjEuMTIyOUMyOC45OTIyIDIwLjg0MjcgMjkuMjEzNCAyMC42MjMgMjkuNDk1NSAyMC42MjNaIiBmaWxsPSIjRkZENDAwIi8+CjxwYXRoIGQ9Ik0yOC44MTk3IDEuODk5NDFDMjkuMTAxOCAxLjg5OTQxIDI5LjMyMyAyLjExOTExIDI5LjMyMyAyLjM5OTIzQzI5LjMyMyAyLjY3OTM0IDI5LjEwMTggMi44OTkwNCAyOC44MTk3IDIuODk5MDRDMjguNTM3NiAyLjg5OTA0IDI4LjMxNjQgMi42NzkzNCAyOC4zMTY0IDIuMzk5MjNDMjguMzE2NCAyLjExOTExIDI4LjUzNzYgMS44OTk0MSAyOC44MTk3IDEuODk5NDFaIiBmaWxsPSIjRkZENDAwIi8+CjxwYXRoIGQ9Ik0xNi41Njc4IDI2LjkwMTFDMTYuODQ5OSAyNi45MDExIDE3LjA3MTEgMjcuMTIwOCAxNy4wNzExIDI3LjQwMDlDMTcuMDcxMSAyNy42ODExIDE2Ljg0OTkgMjcuOTAwOCAxNi41Njc4IDI3LjkwMDhDMTYuMjg1NyAyNy45MDA4IDE2LjA2NDUgMjcuNjgxMSAxNi4wNjQ1IDI3LjQwMDlDMTYuMDY0NSAyNy4xMjA4IDE2LjI4NTcgMjYuOTAxMSAxNi41Njc4IDI2LjkwMTFaIiBmaWxsPSIjRkZENDAwIi8+CjxwYXRoIGQ9Ik05LjkwOTU3IDAuNTA5NzY2QzEwLjE5MTYgMC41MDk3NjYgMTAuNDEyOSAwLjcyOTQ2NCAxMC40MTI5IDEuMDA5NThDMTAuNDEyOSAxLjI4OTcgMTAuMTkxNiAxLjUwOTM5IDkuOTA5NTcgMS41MDkzOUM5LjYyNzQ5IDEuNTA5MzkgOS40MDYyNSAxLjI4OTcgOS40MDYyNSAxLjAwOTU4QzkuNDA2MjUgMC43Mjk0NjQgOS42Mjc0OSAwLjUwOTc2NiA5LjkwOTU3IDAuNTA5NzY2WiIgZmlsbD0iI0ZGRDQwMCIvPgo8cGF0aCBkPSJNNC43MDUxNCAxNi4xMjQ4QzQuOTg3MjIgMTYuMTI0OCA1LjIwODQ2IDE2LjM0NDUgNS4yMDg0NiAxNi42MjQ2QzUuMjA4NDYgMTYuOTA0NyA0Ljk4NzIyIDE3LjEyNDQgNC43MDUxNCAxNy4xMjQ0QzQuNDIzMDYgMTcuMTI0NCA0LjIwMTgyIDE2LjkwNDcgNC4yMDE4MiAxNi42MjQ2QzQuMTQ2NTEgMTYuMzQ0NSA0LjM2Nzc1IDE2LjEyNDggNC43MDUxNCAxNi4xMjQ4WiIgZmlsbD0iI0ZGRDQwMCIvPgo8cGF0aCBkPSJNMC41MTE3ODMgMTAuNTY2NEMwLjc5Mzg2MiAxMC41NjY0IDEuMDE1MSAxMC43ODYxIDEuMDE1MSAxMS4wNjYyQzEuMDE1MSAxMS4zNDYzIDAuNzkzODYyIDExLjU2NiAwLjUxMTc4MyAxMS41NjZDMC4yMjk3MDMgMTEuNTY2IDAuMDA4NDY0MjcgMTEuMzQ2MyAwLjAwODQ2NDI3IDExLjA2NjJDLTAuMDQ2ODQ1NSAxMC43ODYxIDAuMTc0MzkzIDEwLjU2NjQgMC41MTE3ODMgMTAuNTY2NFoiIGZpbGw9IiNGRkQ0MDAiLz4KPHBhdGggZD0iTTExLjY0NTQgMjMuMjkyNEw1LjgyNjgxIDI5LjA3MDVDNC45MzA3OSAyOS45NjAzIDMuNDc2MTUgMjkuOTYwMyAyLjYzNTQ0IDI5LjA3MDVMMi40MTQyIDI4Ljg1MDhDMS41MTgxOCAyNy45NjEgMS41MTgxOCAyNi41MTY1IDIuNDE0MiAyNS42ODE2TDguMjMyNzggMTkuOTAzNkwxMS42NDU0IDIzLjI5MjRaTTUuMTU3NTYgMjcuMjM2QzUuMTU3NTYgMjYuNzM2MiA0LjcwOTU1IDI2LjI5MTMgNC4yMDYyNCAyNi4yOTEzQzMuNzAyOTIgMjYuMjkxMyAzLjI1NDkxIDI2LjczNjIgMy4yNTQ5MSAyNy4yMzZDMy4yNTQ5MSAyNy43MzU4IDMuNzAyOTIgMjguMTgwNyA0LjIwNjI0IDI4LjE4MDdDNC43MDk1NSAyOC4xODA3IDUuMTU3NTYgMjcuNzkwNyA1LjE1NzU2IDI3LjIzNloiIGZpbGw9IiMzRjQ3NTEiLz4KPHBhdGggZD0iTTkuMjQwMDMgMjMuOTAyMkM5LjEyOTQxIDIzLjkwMjIgOS4wNzQxIDIzLjg0NzMgOS4wMTg3OSAyMy43OTI0TDcuNjc0NzYgMjIuNDU3N0M3LjU2NDE0IDIyLjM0NzggNy41NjQxNCAyMi4xMjI2IDcuNjc0NzYgMjEuOTU3OUM3Ljc4NTM4IDIxLjg0OCA4LjAxMjE1IDIxLjg0OCA4LjE3ODA4IDIxLjk1NzlMOS41MjIxMSAyMy4yOTI1QzkuNjMyNzMgMjMuNDAyNCA5LjYzMjczIDIzLjYyNzYgOS41MjIxMSAyMy43OTI0QzkuNDExNDkgMjMuODQ3MyA5LjM1NjE4IDIzLjkwMjIgOS4yNDAwMyAyMy45MDIyWiIgZmlsbD0iI0JDRTRGRiIvPgo8cGF0aCBkPSJNMjYuMDgxNiA1LjUwNzg1QzMwLjIyNDMgOS42MjE3MSAzMC4yMjQzIDE2LjIyOTEgMjYuMDgxNiAyMC4yODgxQzIyLjI3NjMgMjQuMDY2OSAxNi4yOTE4IDI0LjM0MTUgMTIuMTQ5MSAyMS4xNzc4TDEwLjc0OTggMjIuNTY3NEw4LjkwMjQzIDIwLjczM0wxMC4zMDE4IDE5LjM0MzRDNy4xMTA0IDE1LjIyOTUgNy4zOTI0OCA5LjI4NjY2IDExLjE5NzggNS41MDc4NUMxNS4yNzk2IDEuNDU0NDEgMjEuOTM4OSAxLjQ1NDQxIDI2LjA4MTYgNS41MDc4NVoiIGZpbGw9IiM3NTdEOEMiLz4KPHBhdGggZD0iTTI1Ljg1MzkgMjQuNzkyQzI3LjIxNDUgMjQuNzkyIDI4LjMxNTEgMjUuODg1IDI4LjMxNTEgMjcuMjM2MUMyOC4zMTUxIDI4LjU4NzMgMjcuMjE0NSAyOS42ODAzIDI1Ljg1MzkgMjkuNjgwM0MyNC40OTMyIDI5LjY4MDMgMjMuMzkyNiAyOC41ODczIDIzLjM5MjYgMjcuMjM2MUMyMy4zOTI2IDI1Ljg4NSAyNC40OTMyIDI0Ljc5MiAyNS44NTM5IDI0Ljc5MloiIGZpbGw9IiM2OENBNDQiLz4KPHBhdGggZD0iTTIuNzQ2NDkgMy45NTM2MUMzLjY5NzgyIDMuOTUzNjEgNC40ODMyMiA0LjczMzU0IDQuNDgzMjIgNS42NzgyNUM0LjQ4MzIyIDYuNjIyOTUgMy42OTc4MiA3LjQwMjg4IDIuNzQ2NDkgNy40MDI4OEMxLjc5NTE2IDcuNDAyODggMS4wMDk3NyA2LjYyMjk1IDEuMDA5NzcgNS42NzgyNUMxLjAwOTc3IDQuNzMzNTQgMS43OTUxNiAzLjk1MzYxIDIuNzQ2NDkgMy45NTM2MVoiIGZpbGw9IiM2OENBNDQiLz4KPHBhdGggZD0iTTI0LjQwMDUgNy43ODczOUMyMy4wMDEyIDYuMjMzMDMgMjAuOTMyNiA1LjIzMzQgMTguNjM3MyA1LjIzMzRDMTYuMzQxOSA1LjIzMzQgMTQuMjczMyA2LjIzMzAzIDEyLjg3NCA3Ljc4NzM5QzExLjY0MDYgOS4xNzY5OSAxMC45MTYgMTAuOTU2NSAxMC45MTYgMTIuOTU1OEMxMC45MTYgMTQuOTU1MSAxMS43MDE0IDE2Ljg0NDUgMTIuOTg0NiAxOC4yMzQxQzE0LjM4MzkgMTkuNzMzNSAxNi4zOTcyIDIwLjY3ODIgMTguNjkyNiAyMC42NzgyQzIwLjk4NzkgMjAuNjc4MiAyMi45NDU5IDE5LjczMzUgMjQuMzQ1MiAxOC4yMzQxQzI1LjYzMzkgMTYuODQ0NSAyNi40MTM4IDE1LjAxIDI2LjQxMzggMTIuOTU1OEMyNi40MTM4IDEwLjkwMTYgMjUuNjI4NCA5LjEyMjA2IDI0LjQwMDUgNy43ODczOVoiIGZpbGw9IiNCQ0U0RkYiLz4KPHBhdGggZD0iTTEyLjkyOTcgMTguMTc5SDI0LjI5MDNDMjIuODkxIDE5LjY3ODQgMjAuODc3NyAyMC42MjMxIDE4LjYzNzcgMjAuNjIzMUMxNi4zOTc2IDIwLjYyMzEgMTQuMzg0MyAxOS42Nzg0IDEyLjkyOTcgMTguMTc5WiIgZmlsbD0iIzk0RDRGRiIvPgo8cGF0aCBkPSJNMjQuNDAwMiA3Ljc4NzM5SDEyLjgxODRDMTQuMjE3NyA2LjIzMzAzIDE2LjI4NjMgNS4yMzM0IDE4LjU4MTYgNS4yMzM0QzIwLjg3NyA1LjIzMzQgMjMuMDAwOSA2LjIzMzAzIDI0LjQwMDIgNy43ODczOVoiIGZpbGw9IiM5NEQ0RkYiLz4KPHBhdGggZD0iTTI5LjQ5NTUgMjAuNjIzQzI5Ljc3NzYgMjAuNjIzIDI5Ljk5ODggMjAuODQyNyAyOS45OTg4IDIxLjEyMjlDMjkuOTk4OCAyMS40MDMgMjkuNzc3NiAyMS42MjI3IDI5LjQ5NTUgMjEuNjIyN0MyOS4yMTM0IDIxLjYyMjcgMjguOTkyMiAyMS40MDMgMjguOTkyMiAyMS4xMjI5QzI4Ljk5MjIgMjAuODQyNyAyOS4yMTM0IDIwLjYyMyAyOS40OTU1IDIwLjYyM1oiIGZpbGw9IiNGRkQ0MDAiLz4KPHBhdGggZD0iTTI4LjgxOTcgMS44OTk0MUMyOS4xMDE4IDEuODk5NDEgMjkuMzIzIDIuMTE5MTEgMjkuMzIzIDIuMzk5MjNDMjkuMzIzIDIuNjc5MzQgMjkuMTAxOCAyLjg5OTA0IDI4LjgxOTcgMi44OTkwNEMyOC41Mzc2IDIuODk5MDQgMjguMzE2NCAyLjY3OTM0IDI4LjMxNjQgMi4zOTkyM0MyOC4zMTY0IDIuMTE5MTEgMjguNTM3NiAxLjg5OTQxIDI4LjgxOTcgMS44OTk0MVoiIGZpbGw9IiNGRkQ0MDAiLz4KPHBhdGggZD0iTTE2LjU2NzggMjYuOTAxMUMxNi44NDk5IDI2LjkwMTEgMTcuMDcxMSAyNy4xMjA4IDE3LjA3MTEgMjcuNDAwOUMxNy4wNzExIDI3LjY4MTEgMTYuODQ5OSAyNy45MDA4IDE2LjU2NzggMjcuOTAwOEMxNi4yODU3IDI3LjkwMDggMTYuMDY0NSAyNy42ODExIDE2LjA2NDUgMjcuNDAwOUMxNi4wNjQ1IDI3LjEyMDggMTYuMjg1NyAyNi45MDExIDE2LjU2NzggMjYuOTAxMVoiIGZpbGw9IiNGRkQ0MDAiLz4KPHBhdGggZD0iTTkuOTA5NTcgMC41MDk3NjZDMTAuMTkxNiAwLjUwOTc2NiAxMC40MTI5IDAuNzI5NDY0IDEwLjQxMjkgMS4wMDk1OEMxMC40MTI5IDEuMjg5NyAxMC4xOTE2IDEuNTA5MzkgOS45MDk1NyAxLjUwOTM5QzkuNjI3NDkgMS41MDkzOSA5LjQwNjI1IDEuMjg5NyA5LjQwNjI1IDEuMDA5NThDOS40MDYyNSAwLjcyOTQ2NCA5LjYyNzQ5IDAuNTA5NzY2IDkuOTA5NTcgMC41MDk3NjZaIiBmaWxsPSIjRkZENDAwIi8+CjxwYXRoIGQ9Ik00LjcwNTE0IDE2LjEyNDhDNC45ODcyMiAxNi4xMjQ4IDUuMjA4NDYgMTYuMzQ0NSA1LjIwODQ2IDE2LjYyNDZDNS4yMDg0NiAxNi45MDQ3IDQuOTg3MjIgMTcuMTI0NCA0LjcwNTE0IDE3LjEyNDRDNC40MjMwNiAxNy4xMjQ0IDQuMjAxODIgMTYuOTA0NyA0LjIwMTgyIDE2LjYyNDZDNC4xNDY1MSAxNi4zNDQ1IDQuMzY3NzUgMTYuMTI0OCA0LjcwNTE0IDE2LjEyNDhaIiBmaWxsPSIjRkZENDAwIi8+CjxwYXRoIGQ9Ik0wLjUxMTc4MyAxMC41NjY0QzAuNzkzODYyIDEwLjU2NjQgMS4wMTUxIDEwLjc4NjEgMS4wMTUxIDExLjA2NjJDMS4wMTUxIDExLjM0NjMgMC43OTM4NjIgMTEuNTY2IDAuNTExNzgzIDExLjU2NkMwLjIyOTcwMyAxMS41NjYgMC4wMDg0NjQyNyAxMS4zNDYzIDAuMDA4NDY0MjcgMTEuMDY2MkMtMC4wNDY4NDU1IDEwLjc4NjEgMC4xNzQzOTMgMTAuNTY2NCAwLjUxMTc4MyAxMC41NjY0WiIgZmlsbD0iI0ZGRDQwMCIvPgo8cGF0aCBkPSJNMTEuNjQ1NCAyMy4yOTI0TDUuODI2ODEgMjkuMDcwNUM0LjkzMDc5IDI5Ljk2MDMgMy40NzYxNSAyOS45NjAzIDIuNjM1NDQgMjkuMDcwNUwyLjQxNDIgMjguODUwOEMxLjUxODE4IDI3Ljk2MSAxLjUxODE4IDI2LjUxNjUgMi40MTQyIDI1LjY4MTZMOC4yMzI3OCAxOS45MDM2TDExLjY0NTQgMjMuMjkyNFpNNS4xNTc1NiAyNy4yMzZDNS4xNTc1NiAyNi43MzYyIDQuNzA5NTUgMjYuMjkxMyA0LjIwNjI0IDI2LjI5MTNDMy43MDI5MiAyNi4yOTEzIDMuMjU0OTEgMjYuNzM2MiAzLjI1NDkxIDI3LjIzNkMzLjI1NDkxIDI3LjczNTggMy43MDI5MiAyOC4xODA3IDQuMjA2MjQgMjguMTgwN0M0LjcwOTU1IDI4LjE4MDcgNS4xNTc1NiAyNy43OTA3IDUuMTU3NTYgMjcuMjM2WiIgZmlsbD0iIzNGNDc1MSIvPgo8cGF0aCBkPSJNOS4yNDAwMyAyMy45MDIyQzkuMTI5NDEgMjMuOTAyMiA5LjA3NDEgMjMuODQ3MyA5LjAxODc5IDIzLjc5MjRMNy42NzQ3NiAyMi40NTc3QzcuNTY0MTQgMjIuMzQ3OCA3LjU2NDE0IDIyLjEyMjYgNy42NzQ3NiAyMS45NTc5QzcuNzg1MzggMjEuODQ4IDguMDEyMTUgMjEuODQ4IDguMTc4MDggMjEuOTU3OUw5LjUyMjExIDIzLjI5MjVDOS42MzI3MyAyMy40MDI0IDkuNjMyNzMgMjMuNjI3NiA5LjUyMjExIDIzLjc5MjRDOS40MTE0OSAyMy44NDczIDkuMzU2MTggMjMuOTAyMiA5LjI0MDAzIDIzLjkwMjJaIiBmaWxsPSIjQkNFNEZGIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
  background-color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

.header__searchFill input {
  padding: 20px;
}

.header__searchFill.visible {
  display: block;
  width: 100%;
  max-height: unset;
  /* Expanded state (adjust to suit content size) */
  opacity: 1;
  /* Fully visible */
  visibility: visible;
  /* Fully visible */
}

.header__searchRecent {
  display: none;
  position: relative;
  margin-top: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 14px;
  background: #f8f8f8;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  padding: 24px;
}

.header__searchRecent::before {
  content: attr(title);
  display: block;
  width: 100%;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
  color: #454545;
}

.header__searchRecent-item {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  background: #ffffff;
  color: #666666;
  padding: 14px 16px;
  height: 48px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  color: initial;
  cursor: pointer;
  -webkit-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
}

.header__searchRecent-item:hover {
  background: #ebebeb;
}

.header__searchRecent-item .close {
  margin-left: 8px;
  cursor: pointer;
  font-weight: bold;
  color: #888;
  width: 30px;
  height: 30px;
  background-color: #8c8c8c;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA0NCA0NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM3LjU2MzMgNi44NTQ2M0MyOC45NzkzIC0xLjcyNzU5IDE1LjAxOTMgLTEuNzI3NTkgNi40MzUyNCA2Ljg1NDYzQy0yLjE0NTA4IDE1LjQzNjkgLTIuMTQ1MDggMjkuNDAwNSA2LjQzNTI0IDM3Ljk4MjdDMTAuNzI3MyA0Mi4yNzI5IDE2LjM2MzcgNDQuNDE3IDIyLjAwMDIgNDQuNDE3QzI3LjYzNjggNDQuNDE3IDMzLjI3MTMgNDIuMjcyOCAzNy41NjMzIDM3Ljk4MjdDNDYuMTQ1NiAyOS40MDA2IDQ2LjE0NTYgMTUuNDM2OSAzNy41NjMzIDYuODU0NjNaTTMxLjA3NzYgMjguOTAzNUMzMS43OTQ3IDI5LjYyMDYgMzEuNzk0NyAzMC43Nzk4IDMxLjA3NzYgMzEuNDk3QzMwLjcxOTkgMzEuODU0NyAzMC4yNTA0IDMyLjAzNDQgMjkuNzgwOCAzMi4wMzQ0QzI5LjMxMTMgMzIuMDM0NCAyOC44NDE3IDMxLjg1NDcgMjguNDg0IDMxLjQ5N0wyMi4wMDAxIDI1LjAxMTNMMTUuNTE4MSAzMS40OTUxQzE1LjE1ODYgMzEuODUyOCAxNC42ODkgMzIuMDMyNSAxNC4yMjEzIDMyLjAzMjVDMTMuNzUxOCAzMi4wMzI1IDEzLjI4MjIgMzEuODUyOCAxMi45MjQ1IDMxLjQ5NTFDMTIuMjA3NCAzMC43NzggMTIuMjA3NCAyOS42MTY5IDEyLjkyNDUgMjguOTAxNkwxOS40MDY1IDIyLjQxNzdMMTIuOTIyNyAxNS45MzM5QzEyLjIwNTYgMTUuMjE2NyAxMi4yMDU2IDE0LjA1NTcgMTIuOTIyNyAxMy4zNDA0QzEzLjYzOCAxMi42MjMyIDE0Ljc5OTEgMTIuNjIzMiAxNS41MTYyIDEzLjM0MDRMMjIuMDAwMSAxOS44MjQyTDI4LjQ4MzkgMTMuMzQwNEMyOS4yMDEgMTIuNjIzMiAzMC4zNjAzIDEyLjYyMzIgMzEuMDc3NCAxMy4zNDA0QzMxLjc5NDYgMTQuMDU1NyAzMS43OTQ2IDE1LjIxNjcgMzEuMDc3NCAxNS45MzM5TDI0LjU5MzYgMjIuNDE3N0wzMS4wNzc2IDI4LjkwMzVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
  background-size: cover;
  border-radius: 50%;
  border: 2px solid #c8c5c5;
  font-size: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.header__searchRecent-item .close:hover {
  color: #000;
}

.header__loginBtn.--login {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzciIHZpZXdCb3g9IjAgMCAzMCAzNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5Ljk2MDkgMzEuOTE3NEMyMS4wNDg3IDMxLjkxNzQgMjEuOTIyOSAzMi43OSAyMS45MjI5IDMzLjg2MThDMjEuOTIyNyAzNC45MzM0IDIxLjA0ODcgMzUuODA2MSAxOS45NjA5IDM1LjgwNjFDMTguODczNCAzNS44MDU5IDE4LjAwMDEgMzQuOTMzMyAxOCAzMy44NjE4QzE4IDMyLjc5MDIgMTguODczMyAzMS45MTc2IDE5Ljk2MDkgMzEuOTE3NFoiIGZpbGw9IndoaXRlIiBzdHJva2U9IiNGRkQ0MDAiLz4KPHBhdGggZD0iTTIuNzQ2MDkgNi40NTM0M0MzLjQyNDU3IDYuNDUzNDMgMy45ODMzOSA3LjAxMjc4IDMuOTgzNCA3LjY3ODA0QzMuOTgzNCA4LjM0MzMxIDMuNDI0NTggOC45MDI2NSAyLjc0NjA5IDguOTAyNjVDMi4wNjc3OSA4LjkwMjQzIDEuNTA5NzcgOC4zNDMxOCAxLjUwOTc3IDcuNjc4MDRDMS41MDk3OCA3LjAxMjkxIDIuMDY3OCA2LjQ1MzY1IDIuNzQ2MDkgNi40NTM0M1oiIGZpbGw9IndoaXRlIiBzdHJva2U9IiNGRkQ0MDAiLz4KPG1hc2sgaWQ9InBhdGgtMy1pbnNpZGUtMV8zMDAxXzc1NjIiIGZpbGw9IndoaXRlIj4KPHBhdGggZD0iTTI5LjQ5NDUgMjIuNjIzMUMyOS43NzY2IDIyLjYyMzEgMjkuOTk3OSAyMi44NDI4IDI5Ljk5NzkgMjMuMTIyOUMyOS45OTc5IDIzLjQwMyAyOS43NzY2IDIzLjYyMjcgMjkuNDk0NSAyMy42MjI3QzI5LjIxMjUgMjMuNjIyNyAyOC45OTEyIDIzLjQwMyAyOC45OTEyIDIzLjEyMjlDMjguOTkxMiAyMi44NDI4IDI5LjIxMjUgMjIuNjIzMSAyOS40OTQ1IDIyLjYyMzFaIi8+CjwvbWFzaz4KPHBhdGggZD0iTTI5LjQ5NDUgMjIuNjIzMUMyOS43NzY2IDIyLjYyMzEgMjkuOTk3OSAyMi44NDI4IDI5Ljk5NzkgMjMuMTIyOUMyOS45OTc5IDIzLjQwMyAyOS43NzY2IDIzLjYyMjcgMjkuNDk0NSAyMy42MjI3QzI5LjIxMjUgMjMuNjIyNyAyOC45OTEyIDIzLjQwMyAyOC45OTEyIDIzLjEyMjlDMjguOTkxMiAyMi44NDI4IDI5LjIxMjUgMjIuNjIzMSAyOS40OTQ1IDIyLjYyMzFaIiBmaWxsPSIjRkZENDAwIi8+CjxwYXRoIGQ9Ik0yOS40OTQ1IDIyLjYyMzFWMjMuNjIzMUMyOS4yMzA5IDIzLjYyMzEgMjguOTk3OSAyMy40MDE3IDI4Ljk5NzkgMjMuMTIyOUgyOS45OTc5SDMwLjk5NzlDMzAuOTk3OSAyMi4yODM5IDMwLjMyMjMgMjEuNjIzMSAyOS40OTQ1IDIxLjYyMzFWMjIuNjIzMVpNMjkuOTk3OSAyMy4xMjI5SDI4Ljk5NzlDMjguOTk3OSAyMi44NDQyIDI5LjIzMDkgMjIuNjIyNyAyOS40OTQ1IDIyLjYyMjdWMjMuNjIyN1YyNC42MjI3QzMwLjMyMjMgMjQuNjIyNyAzMC45OTc5IDIzLjk2MTkgMzAuOTk3OSAyMy4xMjI5SDI5Ljk5NzlaTTI5LjQ5NDUgMjMuNjIyN1YyMi42MjI3QzI5Ljc1ODEgMjIuNjIyNyAyOS45OTEyIDIyLjg0NDIgMjkuOTkxMiAyMy4xMjI5SDI4Ljk5MTJIMjcuOTkxMkMyNy45OTEyIDIzLjk2MTkgMjguNjY2OCAyNC42MjI3IDI5LjQ5NDUgMjQuNjIyN1YyMy42MjI3Wk0yOC45OTEyIDIzLjEyMjlIMjkuOTkxMkMyOS45OTEyIDIzLjQwMTcgMjkuNzU4MSAyMy42MjMxIDI5LjQ5NDUgMjMuNjIzMVYyMi42MjMxVjIxLjYyMzFDMjguNjY2OCAyMS42MjMxIDI3Ljk5MTIgMjIuMjgzOSAyNy45OTEyIDIzLjEyMjlIMjguOTkxMloiIGZpbGw9IiNGRTUyOTQiIG1hc2s9InVybCgjcGF0aC0zLWluc2lkZS0xXzMwMDFfNzU2MikiLz4KPG1hc2sgaWQ9InBhdGgtNS1pbnNpZGUtMl8zMDAxXzc1NjIiIGZpbGw9IndoaXRlIj4KPHBhdGggZD0iTTI4LjgxOTcgMy44OTkyOUMyOS4xMDE4IDMuODk5MjkgMjkuMzIzIDQuMTE4OTkgMjkuMzIzIDQuMzk5MTFDMjkuMzIzIDQuNjc5MjIgMjkuMTAxOCA0Ljg5ODkyIDI4LjgxOTcgNC44OTg5MkMyOC41Mzc2IDQuODk4OTIgMjguMzE2NCA0LjY3OTIyIDI4LjMxNjQgNC4zOTkxMUMyOC4zMTY0IDQuMTE4OTkgMjguNTM3NiAzLjg5OTI5IDI4LjgxOTcgMy44OTkyOVoiLz4KPC9tYXNrPgo8cGF0aCBkPSJNMjguODE5NyAzLjg5OTI5QzI5LjEwMTggMy44OTkyOSAyOS4zMjMgNC4xMTg5OSAyOS4zMjMgNC4zOTkxMUMyOS4zMjMgNC42NzkyMiAyOS4xMDE4IDQuODk4OTIgMjguODE5NyA0Ljg5ODkyQzI4LjUzNzYgNC44OTg5MiAyOC4zMTY0IDQuNjc5MjIgMjguMzE2NCA0LjM5OTExQzI4LjMxNjQgNC4xMTg5OSAyOC41Mzc2IDMuODk5MjkgMjguODE5NyAzLjg5OTI5WiIgZmlsbD0iI0ZGRDQwMCIvPgo8cGF0aCBkPSJNMjguODE5NyAzLjg5OTI5VjQuODk5MjlDMjguNTU2MSA0Ljg5OTI5IDI4LjMyMyA0LjY3Nzg1IDI4LjMyMyA0LjM5OTExSDI5LjMyM0gzMC4zMjNDMzAuMzIzIDMuNTYwMTMgMjkuNjQ3NSAyLjg5OTI5IDI4LjgxOTcgMi44OTkyOVYzLjg5OTI5Wk0yOS4zMjMgNC4zOTkxMUgyOC4zMjNDMjguMzIzIDQuMTIwMzYgMjguNTU2MSAzLjg5ODkyIDI4LjgxOTcgMy44OTg5MlY0Ljg5ODkyVjUuODk4OTJDMjkuNjQ3NSA1Ljg5ODkyIDMwLjMyMyA1LjIzODA4IDMwLjMyMyA0LjM5OTExSDI5LjMyM1pNMjguODE5NyA0Ljg5ODkyVjMuODk4OTJDMjkuMDgzMyAzLjg5ODkyIDI5LjMxNjQgNC4xMjAzNiAyOS4zMTY0IDQuMzk5MTFIMjguMzE2NEgyNy4zMTY0QzI3LjMxNjQgNS4yMzgwOCAyNy45OTIgNS44OTg5MiAyOC44MTk3IDUuODk4OTJWNC44OTg5MlpNMjguMzE2NCA0LjM5OTExSDI5LjMxNjRDMjkuMzE2NCA0LjY3Nzg1IDI5LjA4MzMgNC44OTkyOSAyOC44MTk3IDQuODk5MjlWMy44OTkyOVYyLjg5OTI5QzI3Ljk5MiAyLjg5OTI5IDI3LjMxNjQgMy41NjAxMyAyNy4zMTY0IDQuMzk5MTFIMjguMzE2NFoiIGZpbGw9IiNGRTUyOTQiIG1hc2s9InVybCgjcGF0aC01LWluc2lkZS0yXzMwMDFfNzU2MikiLz4KPG1hc2sgaWQ9InBhdGgtNy1pbnNpZGUtM18zMDAxXzc1NjIiIGZpbGw9IndoaXRlIj4KPHBhdGggZD0iTTE2LjU2NzggMjguOTAwOUMxNi44NDk5IDI4LjkwMDkgMTcuMDcxMSAyOS4xMjA2IDE3LjA3MTEgMjkuNDAwOEMxNy4wNzExIDI5LjY4MDkgMTYuODQ5OSAyOS45MDA2IDE2LjU2NzggMjkuOTAwNkMxNi4yODU3IDI5LjkwMDYgMTYuMDY0NSAyOS42ODA5IDE2LjA2NDUgMjkuNDAwOEMxNi4wNjQ1IDI5LjEyMDYgMTYuMjg1NyAyOC45MDA5IDE2LjU2NzggMjguOTAwOVoiLz4KPC9tYXNrPgo8cGF0aCBkPSJNMTYuNTY3OCAyOC45MDA5QzE2Ljg0OTkgMjguOTAwOSAxNy4wNzExIDI5LjEyMDYgMTcuMDcxMSAyOS40MDA4QzE3LjA3MTEgMjkuNjgwOSAxNi44NDk5IDI5LjkwMDYgMTYuNTY3OCAyOS45MDA2QzE2LjI4NTcgMjkuOTAwNiAxNi4wNjQ1IDI5LjY4MDkgMTYuMDY0NSAyOS40MDA4QzE2LjA2NDUgMjkuMTIwNiAxNi4yODU3IDI4LjkwMDkgMTYuNTY3OCAyOC45MDA5WiIgZmlsbD0iI0ZGRDQwMCIvPgo8cGF0aCBkPSJNMTYuNTY3OCAyOC45MDA5VjI5LjkwMDlDMTYuMzA0MiAyOS45MDA5IDE2LjA3MTEgMjkuNjc5NSAxNi4wNzExIDI5LjQwMDhIMTcuMDcxMUgxOC4wNzExQzE4LjA3MTEgMjguNTYxOCAxNy4zOTU1IDI3LjkwMDkgMTYuNTY3OCAyNy45MDA5VjI4LjkwMDlaTTE3LjA3MTEgMjkuNDAwOEgxNi4wNzExQzE2LjA3MTEgMjkuMTIyIDE2LjMwNDIgMjguOTAwNiAxNi41Njc4IDI4LjkwMDZWMjkuOTAwNlYzMC45MDA2QzE3LjM5NTUgMzAuOTAwNiAxOC4wNzExIDMwLjIzOTcgMTguMDcxMSAyOS40MDA4SDE3LjA3MTFaTTE2LjU2NzggMjkuOTAwNlYyOC45MDA2QzE2LjgzMTQgMjguOTAwNiAxNy4wNjQ1IDI5LjEyMiAxNy4wNjQ1IDI5LjQwMDhIMTYuMDY0NUgxNS4wNjQ1QzE1LjA2NDUgMzAuMjM5NyAxNS43NCAzMC45MDA2IDE2LjU2NzggMzAuOTAwNlYyOS45MDA2Wk0xNi4wNjQ1IDI5LjQwMDhIMTcuMDY0NUMxNy4wNjQ1IDI5LjY3OTUgMTYuODMxNCAyOS45MDA5IDE2LjU2NzggMjkuOTAwOVYyOC45MDA5VjI3LjkwMDlDMTUuNzQgMjcuOTAwOSAxNS4wNjQ1IDI4LjU2MTggMTUuMDY0NSAyOS40MDA4SDE2LjA2NDVaIiBmaWxsPSIjRkU1Mjk0IiBtYXNrPSJ1cmwoI3BhdGgtNy1pbnNpZGUtM18zMDAxXzc1NjIpIi8+CjxwYXRoIGQ9Ik00LjcwOTk2IDE4LjYyNDhMNC43MTA5NCAxOC42MjU3SDQuNzA5OTZMNC43MDg5OCAxOC42MjQ4SDQuNzA5OTZaIiBmaWxsPSIjRkZENDAwIiBzdHJva2U9IiNGRTUyOTQiLz4KPHBhdGggZD0iTTAuNTE3NTc4IDEzLjA2NjRMMC41MTg1NTUgMTMuMDY3NEgwLjUxNzU3OEwwLjUxNjYwMiAxMy4wNjY0SDAuNTE3NTc4WiIgZmlsbD0iI0ZGRDQwMCIgc3Ryb2tlPSIjRkU1Mjk0Ii8+CjxwYXRoIGQ9Ik0xNSAxNC40MTc0QzE4Ljk4ODEgMTQuNDE3NCAyMS45NzkyIDExLjIxNzQgMjEuOTc5MiA3LjQxNzQyQzIxLjk3OTIgMy42MTc0MiAxOC45ODgxIDAuNDE3NDE5IDE1IDAuNDE3NDE5QzExLjAxMTkgMC40MTc0MTkgOC4wMjA4MSAzLjYxNzQyIDguMDIwODEgNy40MTc0MkM4LjAyMDgxIDExLjIxNzQgMTEuMDExOSAxNC40MTc0IDE1IDE0LjQxNzRaTTI3Ljk2MTQgMjYuODE3NEMyNi4xNjY3IDE5LjgxNzQgMTguOTg4MSAxNS4yMTc0IDExLjYxMDEgMTcuMDE3NEM3LjAyMzc4IDE4LjQxNzQgMy4yMzUwOCAyMi4wMTc0IDIuMDM4NjUgMjYuODE3NEMxLjgzOTI0IDI3LjQxNzQgMi40Mzc0NiAyOC4yMTc0IDMuMjM1MDggMjguNDE3NEgzLjYzMzg5SDI2Ljc2NDlDMjcuNTYyNSAyOC40MTc0IDI4LjE2MDggMjguMDE3NCAyNy45NjE0IDI2LjgxNzRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
  color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fc9e75;
  border: 4px solid #fe5294;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

.header__dropdown {
  position: absolute;
  top: calc(100% + 20px);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 100;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 200px;
}

.header__navItem {
  position: relative;
}

/* Overflow fix when dropdown needs to align left */
.header__dropdown--alignLeft {
  left: 0;
  -webkit-transform: none;
  transform: none;
}

/* Overflow fix when dropdown needs to align right */
.header__dropdown--alignRight {
  right: 0;
  left: auto;
  -webkit-transform: none;
  transform: none;
}

.nav {
  display: none;
}

.footer {
  height: 530px;
  background-color: #0071bc;
  position: relative;
  margin-top: 100px;
  z-index: 0;
}

.footerWrapper {
  position: relative;
}

.footerWrapper::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 200px;
  display: block;
  top: -200px;
  background: #0071bc;
  z-index: 1;
  clip-path: ellipse(52% 30% at 50% 0%);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.footer__container {
  width: 1220px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 80px;
  position: relative;
  z-index: 2;
}

.footerContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.footerNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
}

.footerNav__list {
  min-width: 200px;
  max-width: 230px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}

.footerNav__listItem {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  color: #ffffff;
}

.footerSocmed__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.footerSocmed__listItem {
  width: 64px;
  height: 64px;
  background: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.1s all ease-in-out;
  transition: 0.1s all ease-in-out;
  position: relative;
  z-index: 1;
}

.footerSocmed__listItem:hover {
  background-color: #f0f0f0;
  /* Light gray for feedback */
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06);
  /* Soft depth */
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

.footerSocmed__listItem::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  width: 150%;
  height: 150%;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.03);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  z-index: 0;
}

.footerSocmed__listItem:hover::before {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

.footerSocmed__listItem > * {
  position: relative;
  z-index: 1;
}

.footerCopyright {
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}

.footerBottom {
  font-family: "Plus Jakarta Sans", sans-serif;
  text-align: center;
}

.footerBottom__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
}

.footerBottom__menuItem {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}

.page--index .footer, .page--readBlog .footer {
  margin-top: 0;
}

.cover {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1440/780;
  width: 100%;
  background-color: #d5effa;
  /* just an example */
  margin: 0 auto;
}

.cover .swiper {
  margin-top: 0;
  margin-bottom: 0;
}

.cover .card {
  width: 100%;
}

.cover .cardThumb img {
  width: 100%;
}

.cover .cardText {
  top: 145px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  position: absolute;
  max-width: 887px;
}

.cover .cardTitle {
  font-family: "DynaPuff", system-ui;
  font-size: 64px;
  text-align: center;
  color: #fff;
  -webkit-text-stroke: 8px #00aaeb;
  paint-order: stroke fill;
}

.cover.cover--section {
  margin-bottom: -105px;
  /* Untuk 1920x1080 - Scaling 100% (Normal) */
  /* Untuk 1920x1080 - Scaling 125% */
  /* Untuk 1920x1080 - Scaling 150% */
}

@media (max-width: 1920px) {
  .cover.cover--section {
    max-height: 650px;
  }
}
@media (max-width: 1536px) {
  .cover.cover--section {
    max-height: 540px;
  }
}
@media (max-width: 1280px) {
  .cover.cover--section {
    max-height: 460px;
  }
}
.cover.cover--section:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 200px;
  display: block;
  bottom: 0;
  background: #F8F8F8;
  z-index: 2;
  -webkit-clip-path: ellipse(52% 30% at 50% 0%);
  clip-path: ellipse(52% 30% at 50% 0%);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.cover.cover--section::after {
  display: none;
}

.cover.cover--small {
  margin-bottom: -140px;
  /* Untuk 1920x1080 - Scaling 100% (Normal) */
  /* Untuk 1920x1080 - Scaling 125% */
  /* Untuk 1920x1080 - Scaling 150% */
}

@media (max-width: 1920px) {
  .cover.cover--small {
    max-height: 290px;
  }
}
@media (max-width: 1536px) {
  .cover.cover--small {
    max-height: 240px;
  }
}
@media (max-width: 1280px) {
  .cover.cover--small {
    max-height: 210px;
  }
}
.cover.cover--small:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 200px;
  display: block;
  bottom: 0;
  background: #F8F8F8;
  z-index: 2;
  -webkit-clip-path: ellipse(52% 30% at 50% 0%);
  clip-path: ellipse(52% 30% at 50% 0%);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.cover.cover--small::after {
  display: none;
}

.coverAfter__bg {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  height: 160px;
  z-index: 5;
  background: var(--pattern-top);
  background-repeat: repeat;
  background-size: auto;
  background-position: top left;
  width: 100%;
}

.coverBtn__back {
  position: absolute;
  left: calc((100% - 1240px) / 2);
  top: 150px;
  width: 60px;
  height: 60px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 3;
  border-radius: 50%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 4px solid #53bc77;
  -webkit-transition: 0.1s all ease-in-out;
  transition: 0.1s all ease-in-out;
  z-index: 1;
  z-index: 2;
}

.coverBtn__back::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  width: 150%;
  height: 150%;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.03);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  z-index: 0;
}

.coverBtn__back:hover::before {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

.coverBtn__back > * {
  position: relative;
  z-index: 1;
}

.coverBtn__back:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.cover .swiper-slide {
  pointer-events: none;
}

.cover .swiper-slide iframe {
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}

.searchFilter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 11px;
}

.searchFilter .btn {
  font-size: 16px;
  padding: 12px 24px;
  border: 2px solid #fff;
  background: #fff;
  color: #656e84;
  border-radius: 16px;
}

.searchFilter .btn:hover,
.searchFilter .active {
  border: 2px solid #00aaeb;
  color: #00aaeb;
}

.jumbotronWrapper {
  margin-top: 40px;
  margin-bottom: 40px;
}

.jumbotronWrapper .jumbotron {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 83px;
}

.jumbotronWrapper .jumbotronThumb {
  position: relative;
  width: 100%;
  max-width: 486px;
  aspect-ratio: 486/395;
  overflow: hidden;
  border-radius: 16px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.jumbotronWrapper .jumbotronThumb img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.jumbotronWrapper .jumbotronText .heading {
  text-align: left;
}

.jumbotronWrapper .jumbotronText p {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -1%;
}

.tabWrapper {
  width: 100%;
  height: 148px;
}

.tabMenu {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0px;
  margin-bottom: 20px;
}

.tabMenu--sticky {
  position: fixed;
  width: 1240px;
  top: 80px;
  left: 0;
  right: 0;
  margin: auto;
  overflow: hidden;
  z-index: 20;
}

.tabMenu--sticky .tabBtn {
  width: 64px !important;
  height: 64px;
  border: 4px solid #fff;
}

.tabMenu--sticky .tabBtn img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border: 4px solid #fff;
}

.tabMenu--sticky .tabBtn img::before {
  content: "Gambar tidak tersedia";
  font-size: 8px;
}

.tabMenu--sticky .tabMenu {
  gap: 4px;
}

.tabMenu--sticky.tabSwiper {
  height: 89px;
}

.tabMenu--sticky.tabSwiper .swiper-button-next,
.tabMenu--sticky.tabSwiper .swiper-button-prev {
  width: 50px;
  height: 50px;
  border: 6px solid #fff;
  top: var(--swiper-navigation-top-offset, 45%);
}

.tabMenu--sticky:before {
  content: "";
  background: #fff;
  background: #fff;
  z-index: 1;
  width: 100%;
  position: fixed;
  bottom: 0;
  top: 82px;
  left: 0;
  height: 75px;
}

.tabMenu--noslide {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.tabBtn {
  background: transparent;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  font-weight: bold;
  width: 128px;
  height: 128px;
  height: 100%;
  overflow: hidden;
  opacity: 0.5;
}

.tabBtn:hover {
  opacity: 1;
}

.tabBtn.active {
  color: #fff;
  opacity: 1;
}

.tabBtn img {
  border-radius: 50%;
  background: #f5f5f5;
  position: relative;
  height: 128px;
  width: 128px;
  border: 8px solid #fff;
  -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.0901960784);
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.0901960784);
}

.tabBtn img::before {
  content: "Ups! Gambar tidak tersedia 🐰";
  width: 100%;
  height: 100%;
  background: #ccc;
  background-color: #ffe082;
  color: #6a788f;
  background-image: radial-gradient(circle, #f48fb1 8%, transparent 9%);
  background-size: 20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.tabBtn__title {
  font-family: Plus Jakarta Sans;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0px;
  margin-top: 8px;
  color: #33658a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.tabContent {
  display: none;
  -webkit-animation: fadeIn 0.4s ease;
  animation: fadeIn 0.4s ease;
}

.tabContent.active {
  display: block;
}

.tabContent__list .heading {
  font-size: 32px;
}

.tabContent__title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 18px;
}

.tabContent .jumbotron {
  gap: 60px;
  max-width: 90%;
  margin: auto;
}

.tabLayout .jumbotronThumb {
  aspect-ratio: 2/3;
  max-height: 600px;
}

.tabLayout .jumbotronThumb img {
  position: relative;
  -o-object-fit: contain;
  object-fit: contain;
  min-width: 100%;
  min-height: 100%;
}

.tabLayout .jumbotronThumb img::before {
  background-color: #fff;
  content: "";
  position: absolute;
}

.tabLayout .tabContent__list .heading span i {
  font-style: normal;
}

.tabLayout .tabContent__list .row {
  margin: 40px 0;
}

.tabLayout .tabContent__list .row:first-child {
  padding-top: 16px;
}

.tabLayout .tabContent__list .row:last-child {
  margin-bottom: 16px;
  padding-bottom: 16px;
}

.tabSwiper .tabBtn {
  width: 128px !important;
}

.tabSwiper.tabMenu--sticky .tabBtn {
  width: 64px !important;
  height: 64px;
}

/* Smooth fade */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.swiper.swiper--tab {
  height: 205px;
  z-index: 12;
  margin: 24px auto;
  width: 95%;
}

.swiper.swiper--tab .swiper-wrapper {
  height: auto;
}

.swiper.swiper--tab .swiper-button-next,
.swiper.swiper--tab .swiper-button-prev {
  width: 48px;
  height: 48px;
  border: 4px solid #fff;
  top: 35%;
}

.swiper.swiper--tab .swiper-button-prev,
.swiper.swiper--tab .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 0px);
  right: auto;
}

.swiper.swiper--tab .swiper-button-next,
.swiper.swiper--tab .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 0);
  left: auto;
}

.swiper.swiper--tab .tabMenu--sticky .swiper-button-next,
.swiper.swiper--tab .tabMenu--sticky .swiper-button-prev {
  width: 40px;
  height: 40px;
  border: 3px solid #fff;
  top: 45%;
}

.swiper.swiper--tab .tabMenu--sticky .tabMenu {
  margin-bottom: 18px;
  margin-top: 6px;
}

.sidebar {
  width: 292px;
}

.sidebar .heading {
  font-size: 24px;
  text-align: left;
  margin-bottom: 16px;
}

.sidebar .cardWrap {
  padding-top: 0;
}

.sidebar .cardList {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px 0;
}

.sidebar .cardTitle {
  font-size: 18px;
}

.popup {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.2);
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.popupWrapper {
  background: #fff;
  width: 380px;
  height: 180px;
  margin: auto;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.popup--share .popupClose {
  cursor: pointer;
}

.popup--share .popupHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.popup--share .popupContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-item-align: center;
  align-self: center;
}

.popup--share .popupWrapper {
  gap: 16px;
}

.popup--shareItem {
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.popup--shareItem:hover {
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}

.popup--shareItem__thumb {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 1px solid #e7e8e9;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.popup--shareItem__title {
  font-family: Plus Jakarta Sans;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
}

.popup--shareItem .ico {
  width: 24px;
  height: 24px;
}

.popupTitle {
  font-family: Plus Jakarta Sans;
  font-weight: 700;
  font-style: Bold;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
}

.footCover {
  position: relative;
  width: 100%;
  aspect-ratio: 1440/976;
  overflow: hidden;
  max-height: 130vh;
}

.footCover img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: bottom;
  object-position: bottom;
  z-index: 0;
}

.page--games .cover--section {
  /* Untuk 1920x1080 - Scaling 125% */
  /* Untuk 1920x1080 - Scaling 150% */
}

@media (max-width: 1920px) {
  .page--games .cover--section {
    max-height: 520px;
  }
}
@media (max-width: 1536px) {
  .page--games .cover--section {
    max-height: 540px;
  }
}
@media (max-width: 1280px) {
  .page--games .cover--section {
    max-height: 460px;
  }
}
.page--readBlog .cover {
  position: relative;
  width: 100%;
  background-color: #eee;
  /* optional background */
  overflow: hidden;
  aspect-ratio: unset;
}

.page--readBlog .cover .swiper-wrapper {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.page--readBlog .cover .card {
  position: absolute;
}

.page--readBlog .cover .card,
.page--readBlog .cover .cardThumb,
.page--readBlog .cover .cardThumb img {
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}

.page--readBlog .cover::before {
  display: none;
}

.page--readBlog .cover .readContainer .card {
  position: relative;
}

.page--readBlog .cover .readContainer .cardTitle {
  -webkit-line-clamp: unset;
}

.page--readBlog .cover--section {
  height: auto;
  max-height: unset;
}

.readContainer {
  width: 880px;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.read .cover.cover--section {
  margin-bottom: -80px;
}

.read .cover .card {
  z-index: 1;
}

.read .cover .cardThumb {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.read .cover .cardTitle {
  z-index: 3;
  position: relative;
  max-width: 820px;
  margin: 80px auto;
}

.read .cover .readContainer {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.read .cover .swiper-slide {
  padding-bottom: 80px;
}

.read .cover .readHead__content {
  margin-top: 130px;
}

.read .cover .readHead__content .card {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.read .cover .readHead__content .cardThumb {
  position: relative;
  border-radius: 12px;
  background: #fff;
  border: 12px solid #fff;
  max-width: 673px;
  margin: auto;
}

.read .cover .readHead__content .cardThumb img {
  aspect-ratio: 673/447;
  border-radius: 12px;
  max-width: 673px;
  max-height: 447px;
}

.read .cover .readHead__content .cardThumb__frame {
  position: absolute;
  bottom: 0;
  width: 145px;
}

.read .cover .readHead__content .cardThumb__frame img {
  aspect-ratio: unset;
}

.read .cover .readHead__content .cardThumb__frame--left {
  left: -100px;
}

.read .cover .readHead__content .cardThumb__frame--right {
  right: -100px;
}

.read .cover .card {
  background: unset;
  overflow: visible;
}

.read .cover .cardTitle {
  font-family: DynaPuff;
  font-weight: 600;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: -2%;
  text-align: center;
  color: #454545;
  -webkit-text-stroke: unset;
  margin: 20px auto;
}

.read__moresection {
  padding: 10px 0 100px;
}

.read .mainWrapper {
  background: #fff;
  position: relative;
}

.read .mainWrapper__bgobject {
  position: absolute;
  right: 0;
  bottom: 20%;
}

.readImg__content {
  width: 75%;
  margin: 24px auto;
  border-radius: 12px;
  overflow: hidden;
}

.readImg__content img {
  width: 100%;
}

.readContent {
  margin: auto;
  margin-top: 50px;
}

.readContent p {
  font-family: Plus Jakarta Sans;
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -2%;
}

.readContent h2 {
  font-size: 30px;
  margin: 24px 0;
}

.readContent ul {
  margin-left: 30px;
  margin-bottom: 24px;
  font-size: 20px;
}

.readContent__cergam .cergamItem img {
  width: 100%;
}

.readHero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 40px;
  border-bottom: 1px solid #e7e8e9;
}

.readHero .heading {
  font-family: Plus Jakarta Sans;
  font-weight: 700;
  font-size: 32px;
  line-height: 100%;
  text-align: center;
  position: relative;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
}

.readHero .heading .coverBtn__back {
  position: relative;
  left: 0;
  top: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.readHero .heading span {
  color: #454545;
}

.readHero__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 26px;
}

.readHero__avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

.readHero__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.readHero__name {
  font-family: Plus Jakarta Sans;
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  color: #454545;
  margin: 0;
}

.readHero__date {
  font-family: Plus Jakarta Sans;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #454545;
  margin: 0;
}

.readHero__share-button {
  font-family: Montserrat Alternates;
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
  background-color: transparent;
  border: 1px solid #00aaeb;
  color: #00aaeb;
  padding: 11px 18px;
  border-radius: 24px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}

.readHero__share-button:hover {
  background-color: #00aaeb;
  color: #fff;
}

.readHero__share-button:hover .readHero__share-icon {
  -webkit-filter: invert(1);
  filter: invert(1);
}

.readHero__share-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjAwMDUgMTBDMTAuNjY2OSA5Ljk5OTkyIDEwLjMzNjcgMTAuMDY2NyAxMC4wMjk1IDEwLjE5NjZDOS43MjIyNyAxMC4zMjY0IDkuNDQ0MjIgMTAuNTE2NiA5LjIxMTgzIDEwLjc1NThMNi4zMzA3NyA4LjkwMzY2QzYuNTU3MDUgOC4zMjI0NyA2LjU1NzA1IDcuNjc3NTQgNi4zMzA3NyA3LjA5NjM1TDkuMjExODMgNS4yNDQyMkM5LjY0NDMzIDUuNjg2NjUgMTAuMjI1NyA1Ljk1Mjc2IDEwLjg0MzIgNS45OTA5NEMxMS40NjA3IDYuMDI5MTMgMTIuMDcwNSA1LjgzNjY5IDEyLjU1NDIgNS40NTA5MkMxMy4wMzc5IDUuMDY1MTUgMTMuMzYxMSA0LjUxMzUyIDEzLjQ2MTMgMy45MDI5N0MxMy41NjE0IDMuMjkyNDIgMTMuNDMxMyAyLjY2NjQ0IDEzLjA5NjIgMi4xNDYzNkMxMi43NjExIDEuNjI2MjggMTIuMjQ0OCAxLjI0OTE0IDExLjY0NzQgMS4wODgwNkMxMS4wNSAwLjkyNjk4MiAxMC40MTQxIDAuOTkzNDI4IDkuODYyOTUgMS4yNzQ1MkM5LjMxMTc4IDEuNTU1NjEgOC44ODQ2MSAyLjAzMTMyIDguNjY0MjIgMi42MDk0NUM4LjQ0Mzg0IDMuMTg3NTggOC40NDU5NSAzLjgyNjk0IDguNjcwMTUgNC40MDM2TDUuNzg5MDIgNi4yNTU3OEM1LjQ0MjA4IDUuODk5NTUgNC45OTY3OCA1LjY1NDg3IDQuNTEwMDUgNS41NTMwM0M0LjAyMzMzIDUuNDUxMTggMy41MTcyOCA1LjQ5NjgxIDMuMDU2NjIgNS42ODQwNkMyLjU5NTk2IDUuODcxMzIgMi4yMDE2IDYuMTkxNyAxLjkyMzk3IDYuNjA0MjVDMS42NDYzNCA3LjAxNjggMS40OTgwNSA3LjUwMjc3IDEuNDk4MDUgOC4wMDAwM0MxLjQ5ODA1IDguNDk3MyAxLjY0NjM0IDguOTgzMjcgMS45MjM5NyA5LjM5NTgyQzIuMjAxNiA5LjgwODM3IDIuNTk1OTYgMTAuMTI4NyAzLjA1NjYyIDEwLjMxNkMzLjUxNzI4IDEwLjUwMzMgNC4wMjMzMyAxMC41NDg5IDQuNTEwMDUgMTAuNDQ3QzQuOTk2NzggMTAuMzQ1MiA1LjQ0MjA4IDEwLjEwMDUgNS43ODkwMiA5Ljc0NDI4TDguNjcwMTUgMTEuNTk2NEM4LjQ3NzI2IDEyLjA5NDEgOC40NDg3OSAxMi42NDA2IDguNTg4OSAxMy4xNTU2QzguNzI5IDEzLjY3MDcgOS4wMzAzMiAxNC4xMjc0IDkuNDQ4NzUgMTQuNDU4OUM5Ljg2NzE4IDE0Ljc5MDQgMTAuMzgwNyAxNC45NzkyIDEwLjkxNDIgMTQuOTk3N0MxMS40NDc3IDE1LjAxNjIgMTEuOTczMSAxNC44NjM0IDEyLjQxMzUgMTQuNTYxN0MxMi44NTM4IDE0LjI2IDEzLjE4NjEgMTMuODI1MyAxMy4zNjE1IDEzLjMyMTFDMTMuNTM3IDEyLjgxNyAxMy41NDY0IDEyLjI2OTkgMTMuMzg4NSAxMS43NkMxMy4yMzA1IDExLjI1MDEgMTIuOTEzNSAxMC44MDQyIDEyLjQ4MzggMTAuNDg3NUMxMi4wNTQxIDEwLjE3MDggMTEuNTM0MyA5Ljk5OTk2IDExLjAwMDUgMTBaTTExLjAwMDUgMi4wMDAwM0MxMS4yOTcxIDIuMDAwMDMgMTEuNTg3MSAyLjA4ODAxIDExLjgzMzggMi4yNTI4M0MxMi4wODA1IDIuNDE3NjUgMTIuMjcyNyAyLjY1MTkyIDEyLjM4NjMgMi45MjYwMUMxMi40OTk4IDMuMjAwMSAxMi41Mjk1IDMuNTAxNyAxMi40NzE2IDMuNzkyNjdDMTIuNDEzOCA0LjA4MzY0IDEyLjI3MDkgNC4zNTA5MiAxMi4wNjExIDQuNTYwNjlDMTEuODUxMyA0Ljc3MDQ3IDExLjU4NDEgNC45MTMzMyAxMS4yOTMxIDQuOTcxMjFDMTEuMDAyMSA1LjAyOTA5IDEwLjcwMDUgNC45OTkzOCAxMC40MjY0IDQuODg1ODVDMTAuMTUyMyA0Ljc3MjMyIDkuOTE4MDggNC41ODAwNiA5Ljc1MzI1IDQuMzMzMzlDOS41ODg0MyA0LjA4NjcyIDkuNTAwNDYgMy43OTY3MSA5LjUwMDQ2IDMuNTAwMDNDOS41MDA5MSAzLjEwMjM1IDkuNjU5MDggMi43MjEwOCA5Ljk0MDI5IDIuNDM5ODdDMTAuMjIxNSAyLjE1ODY2IDEwLjYwMjggMi4wMDA0OCAxMS4wMDA1IDIuMDAwMDNaTTQuMDAwNDYgOS41MDAwM0MzLjcwMzc5IDkuNTAwMDMgMy40MTM3OCA5LjQxMjA2IDMuMTY3MSA5LjI0NzI0QzIuOTIwNDMgOS4wODI0MiAyLjcyODE3IDguODQ4MTUgMi42MTQ2NCA4LjU3NDA2QzIuNTAxMTEgOC4yOTk5NyAyLjQ3MTQgNy45OTgzNyAyLjUyOTI4IDcuNzA3NEMyLjU4NzE2IDcuNDE2NDMgMi43MzAwMiA3LjE0OTE1IDIuOTM5OCA2LjkzOTM3QzMuMTQ5NTggNi43Mjk1OSAzLjQxNjg1IDYuNTg2NzMgMy43MDc4MiA2LjUyODg2QzMuOTk4OCA2LjQ3MDk4IDQuMzAwNCA2LjUwMDY4IDQuNTc0NDggNi42MTQyMUM0Ljg0ODU3IDYuNzI3NzUgNS4wODI4NCA2LjkyIDUuMjQ3NjYgNy4xNjY2OEM1LjQxMjQ5IDcuNDEzMzUgNS41MDA0NiA3LjcwMzM2IDUuNTAwNDYgOC4wMDAwM0M1LjUwMDAxIDguMzk3NzIgNS4zNDE4MyA4Ljc3ODk5IDUuMDYwNjMgOS4wNjAyQzQuNzc5NDIgOS4zNDE0MSA0LjM5ODE1IDkuNDk5NTkgNC4wMDA0NiA5LjUwMDAzWk0xMS4wMDA1IDE0QzEwLjcwMzggMTQgMTAuNDEzOCAxMy45MTIxIDEwLjE2NzEgMTMuNzQ3MkM5LjkyMDQzIDEzLjU4MjQgOS43MjgxNyAxMy4zNDgxIDkuNjE0NjQgMTMuMDc0MUM5LjUwMTExIDEyLjggOS40NzE0IDEyLjQ5ODQgOS41MjkyOCAxMi4yMDc0QzkuNTg3MTYgMTEuOTE2NCA5LjczMDAyIDExLjY0OTIgOS45Mzk4IDExLjQzOTRDMTAuMTQ5NiAxMS4yMjk2IDEwLjQxNjkgMTEuMDg2NyAxMC43MDc4IDExLjAyODlDMTAuOTk4OCAxMC45NzEgMTEuMzAwNCAxMS4wMDA3IDExLjU3NDUgMTEuMTE0MkMxMS44NDg2IDExLjIyNzcgMTIuMDgyOCAxMS40MiAxMi4yNDc3IDExLjY2NjdDMTIuNDEyNSAxMS45MTM0IDEyLjUwMDUgMTIuMjAzNCAxMi41MDA1IDEyLjVDMTIuNSAxMi44OTc3IDEyLjM0MTggMTMuMjc5IDEyLjA2MDYgMTMuNTYwMkMxMS43Nzk0IDEzLjg0MTQgMTEuMzk4MSAxMy45OTk2IDExLjAwMDUgMTRaIiBmaWxsPSIjMDBBQUVCIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  font-weight: bold;
}

.page--readVideo {
  background-color: #eee;
}

.readVideo {
  margin-top: 82px;
  height: calc(100vh - 82px);
}

.readVideo .card .readHero {
  border: none;
  padding-bottom: 0;
}

.readVideo .cardTag__iconImg {
  border: 1px solid #ddd;
}

.row.row--readVideo {
  padding-top: 32px;
  padding-bottom: 0;
}

.row--readVideo {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}

.row--readVideo .readVideo__player {
  width: 904px;
}

.row--readVideo .readVideo__list {
  width: 292px;
}

.row--readVideo .card {
  border-radius: 16px;
}

.row--readVideo .cardThumb {
  position: relative;
  width: 100%;
  aspect-ratio: 400/223;
  overflow: hidden;
  background-color: #ccc;
}

.row--readVideo .cardThumb iframe,
.row--readVideo .cardThumb img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.row--readVideo .cardTitle {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* Jumlah baris maksimum */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.row--readVideo .cardWrap {
  max-height: 75vh;
  overflow-y: auto;
}

.row--readVideo .cardTag {
  font-weight: 600;
  color: #454545;
}

.shortsWrap {
  background: unset;
}

.shortsCta, .shortsRead {
  height: 87vh;
}

.shortsCta, .shortsWrap {
  margin-top: 100px;
}

.shortsRead {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.shortsVideo {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.shortsVideo__img {
  width: 48.9375vh;
}

.shortsCta {
  left: unset;
  right: calc((100% - 650px) / 2);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.shortsCta__button.shortsCta__close, .shortsCta__button.shortsCta__mute, .shortsCta__button.shortsCta__share, .shortsCta__button.shortsCta__aplay {
  opacity: 0;
  visibility: hidden;
}

.shortsCta__arrow {
  min-width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #f3f3f4;
}

.shortsCta__arrow.--prev {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.shortsCta__arrow.--next {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.shorts .icon {
  display: inline-block;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}

.shorts .icon-chevron {
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNTA2MjQgMTEuNjMxM0wxMy4zODEyIDMuNzU2MjdDMTMuNDYyNSAzLjY3NTAxIDEzLjU1OSAzLjYxMDU2IDEzLjY2NTEgMy41NjY1OEMxMy43NzEzIDMuNTIyNjEgMTMuODg1MSAzLjQ5OTk3IDE0IDMuNDk5OTdDMTQuMTE0OSAzLjQ5OTk3IDE0LjIyODcgMy41MjI2MSAxNC4zMzQ4IDMuNTY2NThDMTQuNDQxIDMuNjEwNTYgMTQuNTM3NSAzLjY3NTAxIDE0LjYxODcgMy43NTYyN0wyMi40OTM3IDExLjYzMTNDMjIuNjU3OCAxMS43OTU0IDIyLjc1IDEyLjAxNzkgMjIuNzUgMTIuMjVDMjIuNzUgMTIuNDgyMSAyMi42NTc4IDEyLjcwNDYgMjIuNDkzNyAxMi44Njg3QzIyLjMyOTYgMTMuMDMyOCAyMi4xMDcgMTMuMTI1IDIxLjg3NSAxMy4xMjVDMjEuNjQyOSAxMy4xMjUgMjEuNDIwMyAxMy4wMzI4IDIxLjI1NjIgMTIuODY4N0wxNC44NzUgNi40ODczNkwxNC44NzUgMjMuNjI1QzE0Ljg3NSAyMy44NTcxIDE0Ljc4MjggMjQuMDc5NiAxNC42MTg3IDI0LjI0MzdDMTQuNDU0NiAyNC40MDc4IDE0LjIzMiAyNC41IDE0IDI0LjVDMTMuNzY3OSAyNC41IDEzLjU0NTQgMjQuNDA3OCAxMy4zODEzIDI0LjI0MzdDMTMuMjE3MiAyNC4wNzk2IDEzLjEyNSAyMy44NTcxIDEzLjEyNSAyMy42MjVMMTMuMTI1IDYuNDg3MzZMNi43NDM3MSAxMi44Njg3QzYuNjYyNDYgMTIuOTUgNi41NjYgMTMuMDE0NCA2LjQ1OTgzIDEzLjA1ODRDNi4zNTM2NyAxMy4xMDI0IDYuMjM5ODkgMTMuMTI1IDYuMTI0OTggMTMuMTI1QzYuMDEwMDcgMTMuMTI1IDUuODk2MjggMTMuMTAyNCA1Ljc5MDEyIDEzLjA1ODRDNS42ODM5NiAxMy4wMTQ0IDUuNTg3NSAxMi45NSA1LjUwNjI0IDEyLjg2ODdDNS40MjQ5OSAxMi43ODc1IDUuMzYwNTQgMTIuNjkxIDUuMzE2NTYgMTIuNTg0OUM1LjI3MjU5IDEyLjQ3ODcgNS4yNDk5NSAxMi4zNjQ5IDUuMjQ5OTUgMTIuMjVDNS4yNDk5NSAxMi4xMzUxIDUuMjcyNTkgMTIuMDIxMyA1LjMxNjU2IDExLjkxNTFDNS4zNjA1NCAxMS44MDkgNS40MjQ5OSAxMS43MTI1IDUuNTA2MjQgMTEuNjMxM1oiIGZpbGw9IiM1QzZCN0EiLz4KPC9zdmc+Cg==);
}

.page--readCergam .readHero {
  padding-bottom: 16px;
  border: none;
}

.page--readCergam .swiper {
  margin-top: 16px;
  margin-bottom: 0px;
  padding-bottom: 30px;
  max-height: 600px;
  width: 1020px;
  margin: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.page--readCergam .swiper::before, .page--readCergam .swiper::after {
  content: "";
  top: 0;
  height: 100%;
  width: 30px;
  background: #f8f8f8;
  position: absolute;
  z-index: 9;
}

.page--readCergam .swiper:before {
  left: 0;
}

.page--readCergam .swiper::after {
  right: 0;
}

.page--readCergam .swiper img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  max-height: 480px;
  padding: 24px;
}

.page--readCergam .swiper .cergamItem {
  background: #fff;
  border-radius: 16px;
  min-height: 575px;
}

.page--readCergam .swiper .cergamItem.swiper-slide {
  max-height: unset;
}

.page--readCergam .swiper .swiper-pagination {
  background: #fff;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  width: 960px;
  margin-left: 30px;
  margin-right: 30px;
  padding-bottom: 6px;
}

.page--readCergam .swiper .swiper-button-prev,
.page--readCergam .swiper .swiper-rtl .swiper-button-next {
  left: 0;
  right: auto;
}

.page--readCergam .swiper .swiper-button-next,
.page--readCergam .swiper .swiper-rtl .swiper-button-prev {
  right: 0;
  left: auto;
}

.page--readCergam .swiper .cergamItem__text {
  max-width: 75%;
  margin: auto;
  font-family: Plus Jakarta Sans;
  font-weight: 500;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -2%;
}

.page--readCergam .swiper .cergamItem__text p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page--readCergam .swiper-pagination {
  font-weight: 700;
  font-size: 16px;
}

.page--readCergam .read .row:last-child {
  margin-bottom: 0;
  padding-bottom: 20px;
}

.readContent__cergam {
  min-height: 600px;
}

.cergamFooter {
  background: #fff;
  padding-top: 16px;
  padding-bottom: 8px;
  margin-bottom: 80px;
}

.cergamFooter .swiper {
  margin-top: 0;
  margin-bottom: 0;
  height: auto;
  width: 1220px;
  padding-left: 60px;
  padding-right: 60px;
}

.cergamFooter .swiper img {
  padding: 0;
  border-radius: 0;
}

.cergamFooter .swiper-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: auto;
}

.cergamFooter .swiper-slide {
  max-width: 262px;
}

.cergamFooter .swiper::before, .cergamFooter .swiper::after {
  content: "";
  top: 0;
  height: 100%;
  width: 60px;
  background: #fff;
  position: absolute;
  z-index: 9;
}

.cergamFooter .swiper:before {
  left: 0;
}

.cergamFooter .swiper::after {
  right: 0;
}

.cergamFooter__content {
  width: calc(100% - (100% - 1240px) / 2);
  margin-right: 0;
}

.cergamFooter__content .card {
  -webkit-box-shadow: 0px 4px 11px -1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 11px -1px rgba(0, 0, 0, 0.1);
  margin: 5px;
  border-radius: 16px;
}

.cergamFooter__content .cardThumb img {
  max-width: 100%;
}

.cergamItem {
  text-align: center;
}

.page--readinfobobo {
  background-color: #fff;
}

.page--readinfobobo .cover.cover--section:before {
  background: #dcf1fb;
}

.page--readinfobobo .cover.cover--section {
  aspect-ratio: auto;
  min-height: 550px;
  max-height: unset;
}

.page--readinfobobo .cover .cardThumb img {
  margin-top: -80px;
}

.page--readinfobobo .cover .cardThumb::after {
  content: "";
  background: rgba(0, 0, 0, 0.35);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  height: 100%;
  width: 100%;
}

.page--readinfobobo .cover .cardTitle {
  margin-top: 150px;
  font-family: DynaPuff;
  font-weight: 600;
  font-size: 64px;
  line-height: 110%;
  letter-spacing: -1%;
  text-align: center;
  color: #fff;
  -webkit-text-stroke: 8px #00aaeb;
  display: block;
}

.page--readinfobobo .read .mainWrapper {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-1.19%, #d5effa), color-stop(33.11%, #ffffff));
  background: linear-gradient(180deg, #d5effa -1.19%, #ffffff 33.11%);
}

.page--readinfobobo .readHero {
  border-bottom: 1px solid #00aaeb;
}

.page--readinfobobo .readHero__share-button {
  background-color: #fff;
}

.page--readinfobobo .readContent {
  padding-left: 30px;
  padding-right: 30px;
}

.page--readinfobobo .readContent p {
  color: #454545;
}

.page--readMerchandise {
  background: #fff;
}

.page--readMerchandise .container {
  margin-top: 120px;
}

.page--readMerchandise .main p {
  font-weight: 400;
  color: #454545;
  line-height: 1.5;
  font-size: 16px;
}

.page--readMerchandise .headingFrame img {
  -o-object-fit: contain;
  object-fit: contain;
  max-width: 176px;
}

.boboMerchandise__detailProduk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.boboMerchandise__kontainerGambar {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 300px;
  flex: 1 1 300px;
}

.boboMerchandise__kontainerGambar img {
  max-width: 100%;
  height: auto;
}

.boboMerchandise__kontainerInformasi {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 503px;
}

.boboMerchandise__judulProduk,
.boboMerchandise__opsiProduk {
  font-family: Plus Jakarta Sans;
}

.boboMerchandise__judulProduk {
  font-size: 28px;
  color: #33658a;
  margin-bottom: 1rem;
}

.boboMerchandise__deskripsiTitle {
  font-weight: 700;
  font-size: 16px;
}

.boboMerchandise__bagikanProduk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--Color-Neutral-N50, #d9d9d9);
  padding-bottom: 16px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.boboMerchandise__bagikanProduk .boboMerchandise__ikonBagikan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}

.boboMerchandise__bagikanProduk .boboMerchandise__ikonBagikan i {
  font-size: 1.2rem;
  cursor: pointer;
}

.boboMerchandise__deskripsiProduk {
  font-family: Plus Jakarta Sans;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #29282a;
  margin-bottom: 1rem;
}

.boboMerchandise__deskripsiProduk h3 {
  margin-bottom: 0.5rem;
}

.boboMerchandise__opsiProduk {
  margin-bottom: 1rem;
}

.boboMerchandise__opsiProduk p {
  margin: 0.5rem 0;
}

.boboMerchandise__tombolBeli {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.boboMerchandise__tombolBeli .boboMerchandise__tombolLink {
  background-color: #fff;
  color: #00aaeb;
  padding: 12px 20px;
  border-radius: 16px;
  font-weight: bold;
  border: none;
  cursor: pointer;
  border: 1px solid #00aaeb;
  border-radius: 24px;
  font-family: Montserrat Alternates;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 6px;
}

.boboMerchandise__tombolBeli .boboMerchandise__tombolLink span {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.boboMerchandise__tombolBeli .boboMerchandise__tombolLink span::before, .boboMerchandise__tombolBeli .boboMerchandise__tombolLink span:after {
  position: absolute;
  right: -8px;
  width: 8px;
  height: 8px;
  content: "";
}

.boboMerchandise__tombolBeli .boboMerchandise__tombolLink span::before {
  width: 10px;
  height: 1px;
  background: #00aaeb;
  left: 0;
  right: -8px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.boboMerchandise__tombolBeli .boboMerchandise__tombolLink span::after {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
  display: inline-block;
  width: 9px;
  height: 9px;
  margin: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform-origin: right;
  transform-origin: right;
  border-bottom: 1px solid #00aaeb;
  border-right: 1px solid #00aaeb;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.boboMerchandise__tombolBeli a {
  color: white;
  text-decoration: none;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  font-weight: bold;
  text-align: center;
}

.boboMerchandise__tombolBeli a:hover {
  opacity: 0.9;
}

.boboMerchandise__actions {
  border-top: 1px solid var(--Color-Neutral-N50, #d9d9d9);
  padding-top: 16px;
}

@media (max-width: 1920px) {
  .page--search .cover.cover--small {
    max-height: 210px;
    margin-bottom: -20px;
  }
}
.page--search .mainWrapper .row {
  margin: 16px 0;
  padding-top: 16px;
  padding-bottom: 16px;
}

.cardThumb img:before,
.jumbotronThumb img:before {
  content: "Ups! Gambar tidak tersedia 🐰";
  display: block;
  width: 100%;
  height: 100%;
  background: #ccc;
  background-color: #ffe082;
  color: #6a788f;
  background-image: radial-gradient(circle, #f48fb1 8%, transparent 9%);
  background-size: 20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.m-1 {
  margin: 0.25rem;
}

.p-1 {
  padding: 0.25rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-40 {
  margin-top: 40px;
}

.mb-60 {
  margin-bottom: 60px;
}

.center {
  text-align: center;
}

.jumbotronWrapper .--noratio {
  aspect-ratio: unset;
}

.jumbotronWrapper .--noratio img {
  position: relative;
}

.justifyCenter {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.swiper {
  margin-top: 100px;
  margin-bottom: 100px;
}

.swiper-wrapper {
  padding-bottom: 25px;
}

.swiperWrap--2 {
  height: auto;
  max-height: 350px;
  padding-bottom: 27px;
  margin: 0;
}

.swiperWrap--2 .swiper-slide {
  border-radius: 20px;
  overflow: hidden;
  max-height: 298px;
}

@media (min-width: 768px) {
  .swiperWrap--2 .swiper-slide {
    min-width: 608px;
  }
}
.swiperWrap--2 .swiper-wrapper {
  padding-bottom: 27px;
}

.swiperWrap--6 {
  height: 349px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.swiper .swiper-button-next,
.swiper .swiper-button-prev {
  width: 60px;
  height: 60px;
  border: 8px solid #fff;
  -webkit-transition: 0.1s all ease-in-out;
  transition: 0.1s all ease-in-out;
  background: #00aaeb;
  border-radius: 50%;
  top: 45%;
}

.swiper .swiper-button-next::after,
.swiper .swiper-button-prev::after {
  content: "next";
  color: transparent;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxNiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMzMwMDMgMTguOTI3TDguNjU4MDYgMTEuOTk5OUwxLjMzMDAzIDUuMDczMDhDMC4yMjMzMjMgNC4wMjY5MiAwLjIyMzMyMyAyLjMzMDc2IDEuMzMwMDMgMS4yODQ2MkMyLjQzNjg4IDAuMjM4NDYgNC4yMzExMyAwLjIzODQ2IDUuMzM3OTggMS4yODQ2MkwxNC42NyAxMC4xMDU3QzE1LjIwMTQgMTAuNjA4MiAxNS41IDExLjI4OTUgMTUuNSAxMS45OTk5QzE1LjUgMTIuNzEwNiAxNS4yMDE0IDEzLjM5MTggMTQuNjcgMTMuODk0Mkw1LjMzNzk4IDIyLjcxNTNDNS4xOTk2OCAyMi44NDYgNS4wNTA1IDIyLjk2MDQgNC44OTMzOCAyMy4wNTg2QzMuNzkzMzQgMjMuNzQ1MiAyLjI5ODM1IDIzLjYzMDggMS4zMzAwMyAyMi43MTUzQzEuMTkxNzEgMjIuNTg0NSAxLjA3MDY2IDIyLjQ0MzcgMC45NjY5MTcgMjIuMjk1QzAuMjQwNjIxIDIxLjI1NTIgMC4zNjE2NjcgMTkuODQyMyAxLjMzMDAzIDE4LjkyN1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.swiper .swiper-button-next:after,
.swiper .swiper-button-prev:after {
  width: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.swiper .swiper-button-next:hover,
.swiper .swiper-button-prev:hover {
  background: #007EA7;
}

.swiper .swiper-button-prev {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.swiper .swiper-scrollbar {
  opacity: 0;
}

.mainWrapper {
  background-repeat: repeat;
  background-size: auto;
  background-position: top left;
  width: 100%;
  min-height: 500px;
  /* or whatever height you want */
}

@media (max-width: 768px) {
  body {
    background: #fff;
  }
  .mainWrapper {
    z-index: 2;
    position: relative;
  }
  .row {
    margin: 33px 0;
  }
  .row:first-child {
    margin-top: 0;
    padding-top: 50px;
  }
  .row:last-child {
    margin-bottom: 0;
    padding-bottom: 50px;
  }
  .row:has(.mainContent .headingFrame) {
    margin-top: 95px;
  }
  .container {
    width: 100%;
  }
  .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .gap--default {
    gap: 20px;
  }
  .mainContent--padding:has(.headingFilter__wrapper) {
    padding: 32px 16px 32px;
  }
  .btn {
    font-size: 14px;
    padding: 14px 27px;
  }
  .heading {
    font-size: 24px;
    line-height: 100%;
  }
  .headingImg {
    max-height: 72px;
  }
  .heading--vector {
    margin-bottom: 8px;
  }
  .heading--vector::before {
    max-width: 240px;
  }
  .headingFrame {
    top: -72px;
    z-index: 1;
  }
  .headingFrame__left, .headingFrame__right {
    height: 85px;
    width: auto;
  }
  .headingFilter__wrapper {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: scroll;
  }
  .headingFilter__tab {
    border: none;
  }
  .headingFilter__tab .tabMenu {
    gap: 16px;
  }
  .headingFilter__tab .tabBtn {
    padding: 12px 24px 12px;
    white-space: nowrap;
    border: 1px solid #656E84;
    border-radius: 16px;
  }
  .headingFilter__tab .tabBtn.active {
    border: 2px solid #00AAEB;
  }
  .headingFilter__tab .tabBtn.active::after {
    display: none;
  }
  .headingFilter__content {
    position: fixed;
    left: 0;
    bottom: 10%;
    width: calc(100% - 12px);
    margin: auto;
  }
  .headingFilter__contentTitle {
    font-size: 16px;
  }
  .headingFilter__contentDelete {
    font-size: 16px;
  }
  .headingFilter__options {
    width: 100%;
  }
  .cardWrap--slider {
    padding-bottom: 0;
  }
  .cardWrap--slider .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 320px;
  }
  .cardWrap--slider .cardThumb {
    padding: 4px;
  }
  .cardWrap--slider .cardThumb img {
    border-radius: 16px;
    border: 4px solid #fff;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .cardWrap--slider .swiper {
    margin: 0;
  }
  .cardWrap--slider .swiper-slide {
    width: auto !important;
  }
  .cardWrap--slider--videoPortrait .cardText {
    width: calc(100% - 12px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px;
    border-bottom: 15px;
    border-radius: 8px;
    bottom: 2px;
    padding: 8px;
  }
  .cardWrap--slider--videoPortrait .cardTitle {
    font-size: 14px;
    color: #fff;
    white-space: normal;
    -webkit-line-clamp: 4;
  }
  .cardWrap--1 .cardList {
    --gap: 16px;
    --columns: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: var(--gap);
  }
  .cardWrap--1 .card {
    width: 100%;
  }
  .cardWrap--1 .cardThumb,
  .cardWrap--1 .cardThumb img {
    aspect-ratio: 328/183;
  }
  .cardWrap--1 .cardThumb img {
    position: relative;
  }
  .cardWrap--4 .cardList, .cardWrap--3 .cardList {
    gap: 16px;
  }
  .cardWrap--videoPortrait .cardText {
    width: calc(100% - 12px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px;
    border-bottom: 15px;
    border-radius: 8px;
    bottom: 2px;
    padding: 8px;
  }
  .cardWrap--videoPortrait .cardTitle {
    font-size: 14px;
    color: #fff;
    white-space: normal;
    -webkit-line-clamp: 4;
  }
  .cardWrap--videoPortrait .swiper-wrapper {
    padding-bottom: 0;
  }
  .cardWrap--thumb .card {
    border-radius: 16px;
  }
  .cardWrap--thumb .cardText {
    padding: 0 20px;
  }
  .cardWrap--thumb .cardTitle {
    font-weight: 500;
    font-size: 24px;
    margin: 20px 0;
  }
  .cardWrap .swiper-button-next,
  .cardWrap .swiper-button-prev {
    display: none;
  }
  .cardThumb img {
    width: 100%;
  }
  .cardThumb img::before {
    position: absolute;
  }
  .cardTitle {
    font-size: 16px;
    margin-bottom: 4px;
    white-space: normal;
  }
  .page--index .cardWrap--videoPortrait .card {
    aspect-ratio: 225/150;
    max-width: 150px;
    padding: 0;
    width: 150px;
    height: 225px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -o-object-fit: cover;
    object-fit: cover;
    border: 4px solid #fff;
  }
  .page--index .cardWrap--videoPortrait .cardThumb {
    width: 100%;
    height: 100%;
  }
  .page--index .cardWrap--videoPortrait .card img {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .page--index .cardWrap--videoPortrait .card,
  .page--index .cardWrap--videoPortrait .cardThumb {
    border-radius: 16px;
  }
  .page--index .cardWrap--videoPortrait .swiper-wrapper .card,
  .page--index .cardWrap--videoPortrait .swiper-wrapper .cardThumb {
    border-radius: 12px;
  }
  .page--index .cardWrap--videoPortrait .swiper-wrapper .card img,
  .page--index .cardWrap--videoPortrait .swiper-wrapper .cardThumb img {
    border: none;
  }
  .page--index .cardWrap.cardWrap--videoPortrait .card:last-child {
    margin-right: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .page--index .cardWrap--slider.cardWrap--videoPortrait .card {
    aspect-ratio: 271/150;
    height: 271px;
    max-width: 150px;
    padding: 0;
  }
  .header {
    padding: 16px 0;
    /* Kolom 1 dan 3 tetap di baris pertama, masing-masing 50% */
    /* Kolom 2 full width dan pindah ke baris baru */
    /* Pastikan kolom 1 dan 3 muncul dulu */
  }
  .header__container {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px 0;
  }
  .header__container--alignRight {
    display: none;
  }
  .header__searchFill form button[type=submit] {
    right: 20px;
  }
  .header__searchRecent {
    position: fixed;
    margin-right: 12px;
  }
  .header--minimize, .header.sticky {
    height: 100px;
    padding: 12px 0;
  }
  .header--minimize .header__container, .header.sticky .header__container {
    gap: 8px 0;
  }
  .header--minimize .header__navLink, .header.sticky .header__navLink {
    padding: 10px 12px;
  }
  .header--minimize .header__searchFill, .header.sticky .header__searchFill {
    height: 45px;
  }
  .header--minimize .header__searchFill input,
  .header--minimize .header__searchFill form, .header.sticky .header__searchFill input,
  .header.sticky .header__searchFill form {
    height: 38px;
  }
  .header--minimize .header__searchFill input, .header.sticky .header__searchFill input {
    padding: 18px;
  }
  .header--minimize .header__searchFill form, .header.sticky .header__searchFill form {
    position: relative;
  }
  .header .header__logo,
  .header .header__actions {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
  }
  .header__actions {
    gap: 16px;
  }
  .header .header__nav {
    height: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    /* pastikan urutan muncul setelah kolom 1 dan 3 */
    padding-bottom: 10px;
    padding-left: 15px;
    width: 100%;
  }
  .header .header__navList {
    height: 36px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    list-style-type: none;
    gap: 0;
  }
  .header .header__navItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    margin-left: 8px;
    margin-right: 8px;
  }
  .header .header__navItem--hasDropdown .header__dropdown {
    position: fixed;
    text-transform: capitalize;
    top: 19px;
    width: 300px;
    z-index: 99;
    padding: 10px 20px;
    text-align: left;
    display: none;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    background: #fff;
    top: 38px;
    left: 6px;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 0 2px #f1f1f1;
    box-shadow: 0 0 2px #f1f1f1;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border-top: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 130px;
    padding: 2px 0;
    height: auto;
  }
  .header .header__navLink {
    font-size: 14px;
    padding: 10px 12px;
  }
  .header__dropdown {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .header__dropdown.header__dropdown--visual {
    gap: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: unset;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .header__dropdown.header__dropdown--visual .header__dropdownLink {
    width: 100%;
    font-size: 20px;
    height: 120px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 0px 0 0;
  }
  .header__dropdown.header__dropdown--visual .header__dropdownLink img {
    width: 92px;
    height: 92px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .header__dropdown.header__dropdown--visual .header__dropdownItem {
    -webkit-box-flex: 45%;
    -ms-flex: 45%;
    flex: 45%;
  }
  .header .header__navItem--hasDropdown .header__dropdown--visual.header__dropdown {
    margin: auto;
    left: 0;
    right: 0;
    width: calc(100% - 16px);
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: unset;
    max-width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .header .header__navItem--hasDropdown .header__dropdown--visual.header__dropdown .header__dropdownLink {
    text-align: center;
    gap: 8px;
    height: 142px;
  }
  .header .header__navItem--hasDropdown .header__dropdown--visual.header__dropdown--threeCol .header__dropdownLink {
    gap: 2px;
    padding-bottom: 7px;
  }
  .header .header__logo {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    padding-left: 15px;
  }
  .header .header__logo img {
    height: 34px;
  }
  .header .header__search,
  .header .header__loginBtn {
    height: 32px;
    width: 32px;
  }
  .header .header__search {
    width: 32px;
    border: 2px solid #00aaeb;
  }
  .header .header__loginBtn {
    border-radius: 50%;
    padding: 4px 3px;
    font-size: 12px;
  }
  .header .header__loginBtn.--login {
    width: 32px;
    height: 32px;
    border: 2px solid #fe5294;
    border-radius: 50%;
    background-size: 65%;
  }
  .header .header__actions {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 15px;
  }
  .header .header__actionsItem::before {
    display: none;
  }
  .header__searchFill {
    padding: 0 15px;
    top: 6px;
  }
  .header__searchFill::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: -1;
  }
  .header__searchFill form {
    height: 48px;
  }
  .header__searchFill form input {
    border: 1px solid rgba(0, 0, 0, 0.5);
    height: 46px;
  }
  .header__searchFill form button[type=submit] {
    top: -9px;
    -webkit-transform: scale(0.6) !important;
    transform: scale(0.6) !important;
  }
  .header--navOpen, .header--navOpen.sticky {
    background: transparent;
    border: none;
  }
  .header--navOpen .header__logo,
  .header--navOpen .header__nav,
  .header--navOpen .header__actions .header__actionsItem {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.1s all ease-in-out;
    transition: 0.1s all ease-in-out;
  }
  .header--navOpen .header__actions .header__actionsItem:last-child {
    opacity: 1 !important;
    visibility: visible !important;
  }
  .header__navToggle {
    height: 32px;
    width: 32px;
    position: relative;
    z-index: 1000;
    border-radius: 50%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjQ1NDMgMTQuMDk2NkMxOS40NTQxIDE0LjE5NjUgMTkuMzY4NyAxNC4yNzYyIDE5LjI3NjYgMTQuMjc2MkMxOS4yMDc1IDE0LjI3NjIgMTkuMTQyIDE0LjIzMTQgMTkuMTEzNSAxNC4xNjY5TDE5LjA5ODkgMTQuMDk2NkMxOS4wOTg5IDEzLjk5NjQgMTkuMTg0MyAxMy45MTU5IDE5LjI3NjYgMTMuOTE1OUwxOS4zNDMgMTMuOTMwNUMxOS40MDYgMTMuOTU3NyAxOS40NTQzIDE0LjAyMTQgMTkuNDU0MyAxNC4wOTY2WiIgZmlsbD0iI0ZGRDQwMCIgc3Ryb2tlPSIjMDA5OEQzIi8+CjxwYXRoIGQ9Ik0xOS4wMjI1IDIuMTEzMzRDMTkuMDIyMiAyLjIxMzI1IDE4LjkzNjkgMi4yOTI5NSAxOC44NDQ3IDIuMjkzMDNDMTguNzc1NiAyLjI5MzAzIDE4LjcxMDEgMi4yNDgyMiAxOC42ODE2IDIuMTgzNjVMMTguNjY3IDIuMTEzMzRDMTguNjY3IDIuMDEzMTkgMTguNzUyNCAxLjkzMjY4IDE4Ljg0NDcgMS45MzI2OEwxOC45MTExIDEuOTQ3MzNDMTguOTc0MSAxLjk3NDUxIDE5LjAyMjUgMi4wMzgyMyAxOS4wMjI1IDIuMTEzMzRaIiBmaWxsPSIjRkZENDAwIiBzdHJva2U9IiMwMDk4RDMiLz4KPHBhdGggZD0iTTExLjE4MTMgMTguMTE0NEMxMS4xODEgMTguMjE0MyAxMS4wOTU3IDE4LjI5NCAxMS4wMDM1IDE4LjI5NDFDMTAuOTM0NCAxOC4yOTQxIDEwLjg2ODkgMTguMjQ5MyAxMC44NDA1IDE4LjE4NDhMMTAuODI1OCAxOC4xMTQ0QzEwLjgyNTggMTguMDE0MyAxMC45MTEyIDE3LjkzMzggMTEuMDAzNSAxNy45MzM4TDExLjA2OTkgMTcuOTQ4NEMxMS4xMzI5IDE3Ljk3NTYgMTEuMTgxMyAxOC4wMzkzIDExLjE4MTMgMTguMTE0NFoiIGZpbGw9IiNGRkQ0MDAiIHN0cm9rZT0iIzAwOThEMyIvPgo8cGF0aCBkPSJNNi45MTk0MyAxLjIyNEM2LjkxOTE5IDEuMzIzOSA2LjgzMzgyIDEuNDAzNiA2Ljc0MTcgMS40MDM2OUM2LjY3MjU4IDEuNDAzNjkgNi42MDcwOCAxLjM1ODg3IDYuNTc4NjEgMS4yOTQzMUw2LjU2Mzk2IDEuMjI0QzYuNTYzOTYgMS4xMjM4NCA2LjY0OTM5IDEuMDQzMzMgNi43NDE3IDEuMDQzMzNMNi44MDgxMSAxLjA1Nzk4QzYuODcxMTEgMS4wODUxNyA2LjkxOTQzIDEuMTQ4ODkgNi45MTk0MyAxLjIyNFoiIGZpbGw9IiNGRkQ0MDAiIHN0cm9rZT0iIzAwOThEMyIvPgo8cGF0aCBkPSJNMy41NzI1MSAxMS4yMzcyQzMuNTU5MDQgMTEuMjgxNSAzLjUzNDg2IDExLjMxNzkgMy41MDgwNiAxMS4zNDQ2QzMuNDgyIDExLjM3MDUgMy40NTYxNCAxMS4zODQgMy40Mzg3MiAxMS4zOTA1QzMuNDMwMTEgMTEuMzkzNyAzLjQyMjgyIDExLjM5NTYgMy40MTgyMSAxMS4zOTY0QzMuNDEzNiAxMS4zOTcyIDMuNDEwNTEgMTEuMzk3MyAzLjQxMDQgMTEuMzk3M0MzLjM0MTM2IDExLjM5NzIgMy4yNzU2OSAxMS4zNTI1IDMuMjQ3MzEgMTEuMjg4TDMuMjMyNjcgMTEuMjE3N0MzLjIzMjY3IDExLjExNzYgMy4zMTgyNCAxMS4wMzcyIDMuNDEwNCAxMS4wMzdMMy40Nzc3OCAxMS4wNTE2QzMuNTMwNDEgMTEuMDc0NSAzLjU2ODk5IDExLjEyMzMgMy41ODEzIDExLjE4MjVDMy41Nzk5MyAxMS4xOTk3IDMuNTc4MjcgMTEuMjE4MiAzLjU3MjUxIDExLjIzNzJaIiBmaWxsPSIjRkZENDAwIiBzdHJva2U9IiMwMDk4RDMiLz4KPHBhdGggZD0iTTAuODg5MjgyIDcuNjc5ODFDMC44NzU4MTMgNy43MjQxIDAuODUxNjM3IDcuNzYwNTMgMC44MjQ4MjkgNy43ODcyM0MwLjc5ODc3NSA3LjgxMzEgMC43NzI5MTMgNy44MjY1OSAwLjc1NTQ5MyA3LjgzMzEzQzAuNzQ2ODgxIDcuODM2MzIgMC43Mzk1ODggNy44MzgxOSAwLjczNDk4NSA3LjgzODk5QzAuNzMwMzcxIDcuODM5NzggMC43MjcyODIgNy44Mzk5NyAwLjcyNzE3MyA3LjgzOTk3QzAuNjU4MTM0IDcuODM5OCAwLjU5MjQ1OCA3Ljc5NTE0IDAuNTY0MDg3IDcuNzMwNTlMMC41NDk0MzggNy42NjAyOEMwLjU0OTQzOCA3LjU2MDI2IDAuNjM1MDExIDcuNDc5ODQgMC43MjcxNzMgNy40Nzk2MUwwLjc5NDU1NiA3LjQ5NDI2QzAuODQ3MTc5IDcuNTE3MTEgMC44ODU3NjcgNy41NjU5NSAwLjg5ODA3MSA3LjYyNTEyQzAuODk2NzA0IDcuNjQyMjggMC44OTUwNDcgNy42NjA4NSAwLjg4OTI4MiA3LjY3OTgxWiIgZmlsbD0iI0ZGRDQwMCIgc3Ryb2tlPSIjMDA5OEQzIi8+CjxwYXRoIGQ9Ik0xOS40NTQzIDE0LjA5NjZDMTkuNDU0MSAxNC4xOTY1IDE5LjM2ODcgMTQuMjc2MiAxOS4yNzY2IDE0LjI3NjJDMTkuMjA3NSAxNC4yNzYyIDE5LjE0MiAxNC4yMzE0IDE5LjExMzUgMTQuMTY2OUwxOS4wOTg5IDE0LjA5NjZDMTkuMDk4OSAxMy45OTY0IDE5LjE4NDMgMTMuOTE1OSAxOS4yNzY2IDEzLjkxNTlMMTkuMzQzIDEzLjkzMDVDMTkuNDA2IDEzLjk1NzcgMTkuNDU0MyAxNC4wMjE0IDE5LjQ1NDMgMTQuMDk2NloiIGZpbGw9IiNGRkQ0MDAiIHN0cm9rZT0iIzAwOThEMyIvPgo8cGF0aCBkPSJNMTkuMDIyNSAyLjExMzM0QzE5LjAyMjIgMi4yMTMyNSAxOC45MzY5IDIuMjkyOTUgMTguODQ0NyAyLjI5MzAzQzE4Ljc3NTYgMi4yOTMwMyAxOC43MTAxIDIuMjQ4MjIgMTguNjgxNiAyLjE4MzY1TDE4LjY2NyAyLjExMzM0QzE4LjY2NyAyLjAxMzE5IDE4Ljc1MjQgMS45MzI2OCAxOC44NDQ3IDEuOTMyNjhMMTguOTExMSAxLjk0NzMzQzE4Ljk3NDEgMS45NzQ1MSAxOS4wMjI1IDIuMDM4MjMgMTkuMDIyNSAyLjExMzM0WiIgZmlsbD0iI0ZGRDQwMCIgc3Ryb2tlPSIjMDA5OEQzIi8+CjxwYXRoIGQ9Ik0xMS4xODEzIDE4LjExNDRDMTEuMTgxIDE4LjIxNDMgMTEuMDk1NyAxOC4yOTQgMTEuMDAzNSAxOC4yOTQxQzEwLjkzNDQgMTguMjk0MSAxMC44Njg5IDE4LjI0OTMgMTAuODQwNSAxOC4xODQ4TDEwLjgyNTggMTguMTE0NEMxMC44MjU4IDE4LjAxNDMgMTAuOTExMiAxNy45MzM4IDExLjAwMzUgMTcuOTMzOEwxMS4wNjk5IDE3Ljk0ODRDMTEuMTMyOSAxNy45NzU2IDExLjE4MTMgMTguMDM5MyAxMS4xODEzIDE4LjExNDRaIiBmaWxsPSIjRkZENDAwIiBzdHJva2U9IiMwMDk4RDMiLz4KPHBhdGggZD0iTTYuOTE5NDMgMS4yMjRDNi45MTkxOSAxLjMyMzkgNi44MzM4MiAxLjQwMzYgNi43NDE3IDEuNDAzNjlDNi42NzI1OCAxLjQwMzY5IDYuNjA3MDggMS4zNTg4NyA2LjU3ODYxIDEuMjk0MzFMNi41NjM5NiAxLjIyNEM2LjU2Mzk2IDEuMTIzODQgNi42NDkzOSAxLjA0MzMzIDYuNzQxNyAxLjA0MzMzTDYuODA4MTEgMS4wNTc5OEM2Ljg3MTExIDEuMDg1MTcgNi45MTk0MyAxLjE0ODg5IDYuOTE5NDMgMS4yMjRaIiBmaWxsPSIjRkZENDAwIiBzdHJva2U9IiMwMDk4RDMiLz4KPHBhdGggZD0iTTMuNTcyNTEgMTEuMjM3MkMzLjU1OTA0IDExLjI4MTUgMy41MzQ4NiAxMS4zMTc5IDMuNTA4MDYgMTEuMzQ0NkMzLjQ4MiAxMS4zNzA1IDMuNDU2MTQgMTEuMzg0IDMuNDM4NzIgMTEuMzkwNUMzLjQzMDExIDExLjM5MzcgMy40MjI4MiAxMS4zOTU2IDMuNDE4MjEgMTEuMzk2NEMzLjQxMzYgMTEuMzk3MiAzLjQxMDUxIDExLjM5NzMgMy40MTA0IDExLjM5NzNDMy4zNDEzNiAxMS4zOTcyIDMuMjc1NjkgMTEuMzUyNSAzLjI0NzMxIDExLjI4OEwzLjIzMjY3IDExLjIxNzdDMy4yMzI2NyAxMS4xMTc2IDMuMzE4MjQgMTEuMDM3MiAzLjQxMDQgMTEuMDM3TDMuNDc3NzggMTEuMDUxNkMzLjUzMDQxIDExLjA3NDUgMy41Njg5OSAxMS4xMjMzIDMuNTgxMyAxMS4xODI1QzMuNTc5OTMgMTEuMTk5NyAzLjU3ODI3IDExLjIxODIgMy41NzI1MSAxMS4yMzcyWiIgZmlsbD0iI0ZGRDQwMCIgc3Ryb2tlPSIjMDA5OEQzIi8+CjxwYXRoIGQ9Ik0wLjg4OTI4MiA3LjY3OTgxQzAuODc1ODEzIDcuNzI0MSAwLjg1MTYzNyA3Ljc2MDUzIDAuODI0ODI5IDcuNzg3MjNDMC43OTg3NzUgNy44MTMxIDAuNzcyOTEzIDcuODI2NTkgMC43NTU0OTMgNy44MzMxM0MwLjc0Njg4MSA3LjgzNjMyIDAuNzM5NTg4IDcuODM4MTkgMC43MzQ5ODUgNy44Mzg5OUMwLjczMDM3MSA3LjgzOTc4IDAuNzI3MjgyIDcuODM5OTcgMC43MjcxNzMgNy44Mzk5N0MwLjY1ODEzNCA3LjgzOTggMC41OTI0NTggNy43OTUxNCAwLjU2NDA4NyA3LjczMDU5TDAuNTQ5NDM4IDcuNjYwMjhDMC41NDk0MzggNy41NjAyNiAwLjYzNTAxMSA3LjQ3OTg0IDAuNzI3MTczIDcuNDc5NjFMMC43OTQ1NTYgNy40OTQyNkMwLjg0NzE3OSA3LjUxNzExIDAuODg1NzY3IDcuNTY1OTUgMC44OTgwNzEgNy42MjUxMkMwLjg5NjcwNCA3LjY0MjI4IDAuODk1MDQ3IDcuNjYwODUgMC44ODkyODIgNy42Nzk4MVoiIGZpbGw9IiNGRkQ0MDAiIHN0cm9rZT0iIzAwOThEMyIvPgo8L3N2Zz4K);
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    background-color: #00aaeb;
    border: 2px solid #0098d3;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 3px;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: background-color 1s ease-in-out, border 2s ease-in-out;
    transition: background-color 1s ease-in-out, border 2s ease-in-out;
    /* Open state - change burger to X */
  }
  .header__navToggle .burger-line {
    display: block;
    width: 14px;
    height: 2px;
    background-color: #fff;
    border-radius: 2px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .header__navToggle.open {
    background-color: #fff;
    background-image: none;
    border: 2px solid #c8c5c5;
  }
  .header__navToggle.open .burger-line {
    background-color: #555;
  }
  .header__navToggle.open .burger-line:nth-child(1) {
    -webkit-transform: rotate(45deg) translate(4px, 4px);
    transform: rotate(45deg) translate(4px, 4px);
  }
  .header__navToggle.open .burger-line:nth-child(2) {
    opacity: 0;
  }
  .header__navToggle.open .burger-line:nth-child(3) {
    -webkit-transform: rotate(-45deg) translate(3px, -3px);
    transform: rotate(-45deg) translate(3px, -3px);
  }
  .nav {
    display: none;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 100vh;
    background: #0071bc;
    z-index: 998;
    padding: 32px 28px;
    font-family: Plus Jakarta Sans;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
  }
  .nav.nav--open {
    display: block;
    width: 100%;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    -webkit-animation: slideIn 0.15s ease-in-out forwards;
    animation: slideIn 0.15s ease-in-out forwards;
  }
  .nav a {
    color: #fff;
  }
  .navWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
  }
  .navBrand {
    height: 43px;
  }
  .navBrand img {
    height: 43px;
  }
  .navMenu {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
  .navMenu__list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
  .navMenu__list::after {
    content: "";
    height: 1px;
    width: 100%;
    background: #fff;
    opacity: 0.1;
  }
  .navMenu__list:last-child::after {
    display: none;
  }
  .navFooter {
    margin-top: 58px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
  }
  .navFooter .footerSocmed__list {
    gap: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  @-webkit-keyframes slideIn {
    from {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
    to {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @keyframes slideIn {
    from {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
    to {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @-webkit-keyframes slideOut {
    from {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }
  @keyframes slideOut {
    from {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }
  .cover {
    aspect-ratio: 360/640;
  }
  .cover .swiper {
    height: 100%;
  }
  .cover .card {
    display: block;
    height: 100%;
  }
  .cover .cardThumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .cover .cardThumb img {
    -o-object-fit: cover;
    object-fit: cover;
    width: auto;
    height: 100%;
    -o-object-position: center;
    object-position: center;
  }
  .cover .cardTitle {
    font-weight: 600;
    font-size: 36px;
  }
  .coverBtn__back {
    top: 110px;
    left: 16px;
    width: 40px;
    height: 40px;
  }
  .coverBtn__back .ico {
    width: 24px;
    height: 24px;
    background-size: contain;
  }
  .cover.cover--section {
    margin-bottom: -60px;
    /* Untuk 1920x1080 - Scaling 150% */
  }
  .cover.cover--section::before {
    background: #fff;
  }
  .cover.cover--section img {
    width: 100%;
  }
}
@media (max-width: 768px) and (max-width: 1280px) {
  .cover.cover--section {
    max-height: 360px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .cover.cover--section {
    max-height: 310px;
  }
}
@media (max-width: 768px) {
  .cover.cover--small {
    margin-bottom: -105px;
  }
  .cover.cover--small img {
    width: 100%;
  }
  .cover.cover--small:before {
    background: #fff;
  }
  .cover.cover--universe {
    margin-bottom: -225px;
    z-index: 1;
    max-height: 260px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .cover.cover--universe {
    margin-bottom: -230px;
    z-index: 1;
  }
}
@media (max-width: 768px) {
  .cover .swiper-horizontal > .swiper-pagination-bullets, .cover .swiper-pagination-bullets.swiper-pagination-horizontal, .cover .swiper-pagination-custom, .cover .swiper-pagination-fraction {
    bottom: 60px;
  }
  .footCover {
    aspect-ratio: 650/800;
  }
  .searchFilter {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
    padding-left: 15px;
  }
  .jumbotronWrapper {
    margin: 40px 16px 12px;
  }
  .jumbotronWrapper .jumbotron {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    gap: 12px;
  }
  .jumbotronWrapper .jumbotronThumb {
    max-width: 246px;
    aspect-ratio: 246/200;
  }
  .jumbotronWrapper .jumbotronThumb.--noratio {
    aspect-ratio: unset;
  }
  .mainContent .jumbotronWrapper {
    margin-left: 0;
    margin-right: 0;
  }
  .mainContent {
    position: relative;
  }
  .tabContent__title {
    font-size: 16px;
  }
  .tabContent .jumbotronWrapper .jumbotronThumb {
    max-width: 345px;
    aspect-ratio: 249/345;
  }
  .swiper.swiper--tab {
    margin: 24px 0;
    width: 100%;
  }
  .swiper.swiper--tab .tabMenu {
    gap: 4px;
  }
  .swiper.swiper--tab .tabBtn {
    border: 4px solid #fff;
  }
  .swiper.swiper--tab .tabBtn:first-child {
    margin-left: 12px;
  }
  .footerWrapper::before {
    top: -198px;
    clip-path: ellipse(60% 25% at 50% 0%);
  }
  .footer__container {
    gap: 50px 0;
    width: 100%;
  }
  .footerContent {
    gap: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .footerNav {
    gap: 16px;
  }
  .footerNav__list {
    gap: 16px;
    min-width: auto;
    max-width: 102px;
  }
  .footerNav__listItem {
    font-size: 12px;
  }
  .footerSocmed__listItem {
    width: 32px;
    height: 32px;
  }
  .footerSocmed__listItem .ico {
    height: 12px;
    background-size: contain;
  }
  .footerCopyright {
    font-size: 14px;
  }
  .footerBottom__menu {
    display: none;
  }
  .page--index {
    background-color: #F8F8F8;
  }
  .page--index .cardList {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    /* untuk smooth scroll di iOS */
    padding-bottom: 10px;
    /* optional, supaya gak mentok */
    -ms-flex-flow: nowrap;
    flex-flow: nowrap;
  }
  .page--index .cardWrap .card {
    width: 240px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
  .page--index .cardWrap .card:first-child {
    margin-left: 16px;
  }
  .page--index .cardWrap .card:last-child {
    margin-right: 16px;
  }
  .page--index .cardWrap .swiper {
    padding-bottom: 27px;
  }
  .page--index .cardWrap .swiper .swiper-slide:first-child {
    margin-left: 16px;
  }
  .page--index .cardWrap .swiper .swiper-slide:last-child {
    margin-right: 16px;
  }
  .page--index .cardWrap .swiper-pagination {
    bottom: 0px;
    z-index: 2;
  }
  .page--index .cardWrap .swiper .card {
    width: 320px;
    aspect-ratio: 320/160;
    max-height: 160px;
  }
  .page--index .cardWrap .swiper .card:first-child {
    margin-left: 0;
  }
  .page--index .cardWrap .swiper .card:last-child {
    margin-right: 0;
  }
  .page--index .cardWrap .swiper .cardThumb {
    padding: 0;
  }
  .row--readVideo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .row--readVideo .readVideo__player {
    width: 100%;
    padding: 20px;
  }
  .readVideo .sidebar {
    width: 100%;
    padding: 21px;
  }
  .readVideo .sidebar .cardList {
    gap: 20px 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .readVideo .shortsCta {
    right: 5%;
  }
  .page--games .cardList, .page--cerita .cardList, .page--videplaylist .cardList, .page--search .cardList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .read .cover {
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
  }
  .read .cover .card {
    position: absolute;
  }
  .read .cover .readContainer {
    position: relative;
  }
  .read .cover .cardTitle {
    font-weight: 600;
    font-size: 24px;
  }
  .read .cover .readHead__content .card {
    position: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .read .cover .readHead__content .cardTitle {
    -webkit-line-clamp: 6;
  }
  .read .cover .readHead__content .cardThumb {
    border: 8px solid #fff;
    position: unset;
  }
  .read .cover .readHead__content .cardThumb__frame {
    bottom: -20px;
    max-width: 120px;
  }
  .read .cover .readHead__content .cardThumb__frame--left {
    left: 0;
  }
  .read .cover .readHead__content .cardThumb__frame--right {
    right: 0;
  }
  .read .cover.cover--section {
    margin-bottom: -40px;
  }
  .readContainer {
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }
  .readContent {
    font-weight: 500;
    font-size: 18px;
  }
  .readContent p {
    font-size: 16px;
  }
  .readContent h2 {
    font-size: 19px;
  }
  .readContent ul {
    font-size: 16px;
  }
  .page--readBlog .cover .card,
  .page--readBlog .cover .cardThumb,
  .page--readBlog .cover .cardThumb img {
    width: 100%;
  }
  .page--readBlog .cover {
    padding-top: 0;
  }
  .page--readBlog .cardList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 12px;
  }
  .readHead__content .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .readHead__content .card .cardThumb {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .readHead__content .card .cardTitle {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .page--readCergam .read {
    margin-top: 75px;
  }
  .page--readCergam .swiper {
    width: auto;
    max-height: none;
  }
  .page--readCergam .swiper .swiper-button-next, .page--readCergam .swiper .swiper-button-prev {
    width: 42px;
    height: 42px;
    border: 4px solid #fff;
  }
  .page--readCergam .readContent__cergam {
    padding: 12px 12px 0;
  }
  .page--readCergam .cergamFooter__content {
    width: 100%;
  }
  .page--readCergam .cergamFooter__content .cardList {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
    -ms-flex-flow: nowrap;
    flex-flow: nowrap;
  }
  .page--readCergam .cergamFooter__content .card {
    width: 240px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
  .page--readCergam .readHero {
    padding-left: 12px;
    padding-right: 12px;
  }
  .readHero {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 20px;
  }
  .readHero__name {
    font-size: 16px;
  }
  .readHero__date {
    font-size: 14px;
  }
  .readHero__author {
    width: 100%;
  }
  .readHero__share-button {
    padding: 11px 18px;
    font-size: 14px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .page--readinfobobo .readContent {
    padding: 0;
  }
  .page--readvideo .readVideo__player {
    padding: 0;
  }
  .page--readvideo .readVideo__player .card {
    border-radius: 0;
  }
  .page--readvideo .readVideo__player .cardThumb.sticky iframe {
    position: fixed;
    top: 100px;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 240px;
    aspect-ratio: 560/315;
    z-index: 10;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  }
  .page--readvideo .readVideo__player .card #cardThumbSticky {
    min-height: 230px;
  }
  .page--readvideo .row--readVideo .cardWrap {
    max-height: unset;
    overflow-y: unset;
  }
  .page--readvideo .mainContent--padding {
    padding: 0;
  }
  .page--readvideo .readHero {
    -webkit-box-align: self-start;
    -ms-flex-align: self-start;
    align-items: self-start;
  }
  .page--readvideo .readHero .cardTag {
    margin-bottom: 0;
  }
  .page--readvideo .row.row--readVideo {
    padding-top: 24px;
  }
  .page--videplaylist .card {
    min-height: 233px;
  }
  .readVideo {
    margin-top: 100px;
  }
  .shortsCta {
    left: unset;
    right: calc((100% - 650px) / 2);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .shortsCta__button.shortsCta__arrow {
    opacity: 0;
    visibility: hidden;
  }
  .shortsCta__button.shortsCta__close {
    position: fixed;
    right: 0;
    top: 0;
  }
  .shortsCta__button.shortsCta__close, .shortsCta__button.shortsCta__mute, .shortsCta__button.shortsCta__share, .shortsCta__button.shortsCta__aplay {
    opacity: 1;
    visibility: visible;
  }
  .shortsCta__button.shortsCta__mute {
    position: fixed;
    bottom: 0;
    right: 0;
  }
  .shortsCta__button.shortsCta__share {
    position: fixed;
    top: 9px;
    right: 135px;
  }
  .shortsCta__button.shortsCta__share .icon-share {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZGF0YS1uYW1lPSJMYXllciAxIiBpZD0iTGF5ZXJfMSIgdmlld0JveD0iMCAwIDQ4IDQ4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO3N0cm9rZTojMWQxZDFiO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MnB4O308L3N0eWxlPjwvZGVmcz48dGl0bGUvPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iOCIgY3k9IjI0IiByPSI3Ii8+PGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSI0MCIgY3k9IjgiIHI9IjciLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjQwIiBjeT0iNDAiIHI9IjciLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIxNCIgeDI9IjMzIiB5MT0iMjAiIHkyPSI4Ii8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMTQiIHgyPSIzMyIgeTE9IjI4IiB5Mj0iNDAiLz48L3N2Zz4=);
    height: 20px;
    width: 20px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .shortsCta__button.shortsCta__share .shortsCta__txt {
    display: none;
  }
  .shortsCta .shortsCta__aplay {
    position: fixed;
    top: 10px;
    right: 70px;
  }
  .shortsCta .shortsCta__aplay .shortsCta__txt {
    display: none;
  }
  .shortsCta .shortsCta__aplay input:checked + .shortsCta__trig {
    background: #ccc;
    border: none;
    height: 13px;
  }
  .shortsCta__arrow {
    min-width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #f3f3f4;
  }
  .shortsCta__arrow.--prev {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .shortsCta__arrow.--next {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .shorts .icon {
    display: inline-block;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
  }
  .shorts .icon-chevron {
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNTA2MjQgMTEuNjMxM0wxMy4zODEyIDMuNzU2MjdDMTMuNDYyNSAzLjY3NTAxIDEzLjU1OSAzLjYxMDU2IDEzLjY2NTEgMy41NjY1OEMxMy43NzEzIDMuNTIyNjEgMTMuODg1MSAzLjQ5OTk3IDE0IDMuNDk5OTdDMTQuMTE0OSAzLjQ5OTk3IDE0LjIyODcgMy41MjI2MSAxNC4zMzQ4IDMuNTY2NThDMTQuNDQxIDMuNjEwNTYgMTQuNTM3NSAzLjY3NTAxIDE0LjYxODcgMy43NTYyN0wyMi40OTM3IDExLjYzMTNDMjIuNjU3OCAxMS43OTU0IDIyLjc1IDEyLjAxNzkgMjIuNzUgMTIuMjVDMjIuNzUgMTIuNDgyMSAyMi42NTc4IDEyLjcwNDYgMjIuNDkzNyAxMi44Njg3QzIyLjMyOTYgMTMuMDMyOCAyMi4xMDcgMTMuMTI1IDIxLjg3NSAxMy4xMjVDMjEuNjQyOSAxMy4xMjUgMjEuNDIwMyAxMy4wMzI4IDIxLjI1NjIgMTIuODY4N0wxNC44NzUgNi40ODczNkwxNC44NzUgMjMuNjI1QzE0Ljg3NSAyMy44NTcxIDE0Ljc4MjggMjQuMDc5NiAxNC42MTg3IDI0LjI0MzdDMTQuNDU0NiAyNC40MDc4IDE0LjIzMiAyNC41IDE0IDI0LjVDMTMuNzY3OSAyNC41IDEzLjU0NTQgMjQuNDA3OCAxMy4zODEzIDI0LjI0MzdDMTMuMjE3MiAyNC4wNzk2IDEzLjEyNSAyMy44NTcxIDEzLjEyNSAyMy42MjVMMTMuMTI1IDYuNDg3MzZMNi43NDM3MSAxMi44Njg3QzYuNjYyNDYgMTIuOTUgNi41NjYgMTMuMDE0NCA2LjQ1OTgzIDEzLjA1ODRDNi4zNTM2NyAxMy4xMDI0IDYuMjM5ODkgMTMuMTI1IDYuMTI0OTggMTMuMTI1QzYuMDEwMDcgMTMuMTI1IDUuODk2MjggMTMuMTAyNCA1Ljc5MDEyIDEzLjA1ODRDNS42ODM5NiAxMy4wMTQ0IDUuNTg3NSAxMi45NSA1LjUwNjI0IDEyLjg2ODdDNS40MjQ5OSAxMi43ODc1IDUuMzYwNTQgMTIuNjkxIDUuMzE2NTYgMTIuNTg0OUM1LjI3MjU5IDEyLjQ3ODcgNS4yNDk5NSAxMi4zNjQ5IDUuMjQ5OTUgMTIuMjVDNS4yNDk5NSAxMi4xMzUxIDUuMjcyNTkgMTIuMDIxMyA1LjMxNjU2IDExLjkxNTFDNS4zNjA1NCAxMS44MDkgNS40MjQ5OSAxMS43MTI1IDUuNTA2MjQgMTEuNjMxM1oiIGZpbGw9IiM1QzZCN0EiLz4KPC9zdmc+Cg==);
  }
  .page--search .cardWrap--character {
    padding-left: 16px;
    padding-right: 16px;
  }
  .page--search .mainContent {
    padding-top: 0;
  }
  .page--search .mainContent .row {
    padding-top: 0;
    margin-top: 0;
  }
  .page--search .cardWrap--3,
  .page--search .cardWrap {
    padding-top: 0;
  }
  .page--search .cardWrap--3 .cardList,
  .page--search .cardWrap .cardList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .page--search .cardWrap--character .card {
    aspect-ratio: 1/2;
  }
  .page--search .cardWrap--character .cardThumb {
    aspect-ratio: 4/2;
  }
  .page--search .card {
    min-height: 327px;
  }
  .tabLayout .tabMenu {
    overflow-y: auto;
    height: auto;
  }
  .tabLayout .tabMenu--sticky {
    top: 100px;
  }
  .tabLayout .tabMenu--sticky::before {
    top: 100px;
    left: 0;
    height: 85px;
  }
  .tabLayout .tabContent__list .row .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .tabLayout .tabContent__list .btnCardmore {
    font-family: "Montserrat Alternates", sans-serif;
    font-size: 18px;
    font-weight: 700;
    padding: 18px 30px;
    border: none;
    border-radius: 24px;
    background-color: #fff;
    color: #00aaeb;
    cursor: pointer;
    display: inline-block;
    -webkit-transition: 0.15s all ease-in-out;
    transition: 0.15s all ease-in-out;
    width: auto;
  }
  .tabLayout .tabContent__list .btnCardmore button {
    display: none;
  }
  .tabLayout .tabContent__list .cardList {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
    -ms-flex-flow: nowrap;
    flex-flow: nowrap;
  }
  .tabLayout .tabContent__list .cardList .card {
    width: 240px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
  .tabLayout .tabContent .mainContent .cardList .card:first-child {
    margin-left: 20px;
  }
  .tabLayout .tabContent .mainContent .cardList .card:last-child {
    margin-right: 20px;
  }
  .tabLayout .tabContent .jumbotronWrapper {
    background: #fff;
    height: auto;
    margin: 0px 20px;
    border-radius: 20px;
    padding: 24px 0;
  }
  .page--universe .cover.cover--small {
    margin-bottom: -50px;
  }
  .page--universe {
    background-color: #f8f8f8;
  }
  .page--universe .heading {
    font-size: 32px;
  }
  .page--universe .jumbotronText p {
    font-size: 16px;
  }
  .page--universe .mainContent {
    background: unset;
    padding: 56px 0px 32px;
  }
  .page--universe .swiper.swiper--tab .tabBtn {
    border: none;
  }
  .page--universe .tabContent__list {
    margin: 0 24px;
  }
  .swiper.swiper--tab {
    padding: 0 10px;
    height: auto;
  }
  .swiper--tab .tabBtn {
    width: 66px !important;
  }
  .swiper--tab .tabBtn img {
    width: 66px;
    height: 66px;
  }
  .swiper--tab .tabBtn__title {
    font-family: Plus Jakarta Sans;
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -1%;
    text-align: center;
    margin-top: 0;
  }
  .page--readCergam .swiper .cergamItem {
    min-height: auto;
  }
  .page--readCergam .swiper .cergamItem__text {
    max-width: 90%;
  }
  .page--readCergam .swiper .cergamItem__text p {
    -webkit-line-clamp: 9;
    font-size: 17px;
    margin-bottom: 20px;
  }
  .page--readCergam .swiper::before, .page--readCergam .swiper::after {
    content: "";
    top: 0;
    height: 100%;
    width: 30px;
    background: #fff;
    position: absolute;
    z-index: 9;
  }
  .page--readCergam .swiper:before {
    left: 0;
  }
  .page--readCergam .swiper::after {
    right: 0;
  }
  .page--readCergam .swiper .swiper-pagination {
    width: 100%;
    margin: auto;
  }
  .page--readCergam .readContent__cergam {
    min-height: auto;
  }
  .page--merchandise .cover {
    aspect-ratio: auto;
    max-height: 185px;
  }
  .page--merchandise .cardThumb {
    aspect-ratio: 1/1;
  }
  .page--readMerchandise .container {
    padding-left: 12px;
    padding-right: 12px;
  }
  .page--readMerchandise .boboMerchandise__kontainerGambar {
    min-height: 390px;
  }
  .boboMerchandise__kontainerInformasi {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
  }
  .boboMerchandise__bagikanProduk {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .boboMerchandise__judulProduk {
    text-align: center;
  }
  .page--readinfobobo .cover.cover--section:before {
    background: #dcf1fb;
    bottom: 30px;
  }
  .page--readinfobobo .cover.cover--section {
    height: 400px;
    min-height: 350px;
  }
  .page--readinfobobo .cover .cardThumb img {
    margin-top: 0;
  }
  .page--readinfobobo .cover .cardTitle {
    font-size: 36px;
  }
  .page--infobobo .mainWrapper .cardWrap--1 .cardThumb img {
    aspect-ratio: 2/1;
  }
  .swiperWrap--2 {
    height: auto;
    min-height: 180px;
    margin: 20px 0;
  }
  .swiper-pagination {
    bottom: 50px;
    z-index: 2;
  }
  .swiper-pagination .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
    width: 6px;
    height: 6px;
  }
  .swiper-pagination .swiper-pagination-bullet-active {
    background: #fff;
    width: 8px;
    height: 8px;
  }
  .mainContent--padding {
    padding: 32px 16px;
  }
  .shortsCta {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .shortsCta, .shortsWrap {
    margin-top: 0;
  }
  .shortsVideo__img {
    /* width: calc(48.9375vh); */
    width: 100%;
    height: 100%;
  }
  .shortsCta, .shortsRead {
    height: 100vh;
  }
  .readVideo--roll {
    margin-top: 0;
  }
  .shortsVideo__frame {
    height: 100%;
  }
  .shortsCta__button.shortsCta__close {
    opacity: 1;
    visibility: visible;
  }
  .shortsCta__close .icon-close {
    background-color: #8c8c8c;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA0NCA0NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM3LjU2MzMgNi44NTQ2M0MyOC45NzkzIC0xLjcyNzU5IDE1LjAxOTMgLTEuNzI3NTkgNi40MzUyNCA2Ljg1NDYzQy0yLjE0NTA4IDE1LjQzNjkgLTIuMTQ1MDggMjkuNDAwNSA2LjQzNTI0IDM3Ljk4MjdDMTAuNzI3MyA0Mi4yNzI5IDE2LjM2MzcgNDQuNDE3IDIyLjAwMDIgNDQuNDE3QzI3LjYzNjggNDQuNDE3IDMzLjI3MTMgNDIuMjcyOCAzNy41NjMzIDM3Ljk4MjdDNDYuMTQ1NiAyOS40MDA2IDQ2LjE0NTYgMTUuNDM2OSAzNy41NjMzIDYuODU0NjNaTTMxLjA3NzYgMjguOTAzNUMzMS43OTQ3IDI5LjYyMDYgMzEuNzk0NyAzMC43Nzk4IDMxLjA3NzYgMzEuNDk3QzMwLjcxOTkgMzEuODU0NyAzMC4yNTA0IDMyLjAzNDQgMjkuNzgwOCAzMi4wMzQ0QzI5LjMxMTMgMzIuMDM0NCAyOC44NDE3IDMxLjg1NDcgMjguNDg0IDMxLjQ5N0wyMi4wMDAxIDI1LjAxMTNMMTUuNTE4MSAzMS40OTUxQzE1LjE1ODYgMzEuODUyOCAxNC42ODkgMzIuMDMyNSAxNC4yMjEzIDMyLjAzMjVDMTMuNzUxOCAzMi4wMzI1IDEzLjI4MjIgMzEuODUyOCAxMi45MjQ1IDMxLjQ5NTFDMTIuMjA3NCAzMC43NzggMTIuMjA3NCAyOS42MTY5IDEyLjkyNDUgMjguOTAxNkwxOS40MDY1IDIyLjQxNzdMMTIuOTIyNyAxNS45MzM5QzEyLjIwNTYgMTUuMjE2NyAxMi4yMDU2IDE0LjA1NTcgMTIuOTIyNyAxMy4zNDA0QzEzLjYzOCAxMi42MjMyIDE0Ljc5OTEgMTIuNjIzMiAxNS41MTYyIDEzLjM0MDRMMjIuMDAwMSAxOS44MjQyTDI4LjQ4MzkgMTMuMzQwNEMyOS4yMDEgMTIuNjIzMiAzMC4zNjAzIDEyLjYyMzIgMzEuMDc3NCAxMy4zNDA0QzMxLjc5NDYgMTQuMDU1NyAzMS43OTQ2IDE1LjIxNjcgMzEuMDc3NCAxNS45MzM5TDI0LjU5MzYgMjIuNDE3N0wzMS4wNzc2IDI4LjkwMzVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
    background-size: cover;
    border-radius: 50%;
    border: 2px solid #c8c5c5;
  }
  .cardList::-webkit-scrollbar,
  .tabMenu::-webkit-scrollbar,
  .header__navList::-webkit-scrollbar {
    display: none;
  }
}