/* common border radius */
/* disable text selection */
/** GENERAL STYLES **/
body {
  font-family: 'Ubuntu', Arial, sans-serif;
  color: #023189;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
}
/** MIXINS **/
/*** SMARTLOOK WEB DESIGN SYSTEM 2.0 ***/
/** BREAKPOINTS **/
/** FONT WEIGHTS **/
.fw-400 {
  font-weight: 400;
}
.fw-500 {
  font-weight: 500;
}
.fw-700 {
  font-weight: 700;
}
strong {
  font-weight: 700;
}
/** COLORS **/
/** GRADIENTS **/
/** BACKGROUNDS **/
.bg-website-bg {
  background-color: #F4FAFF !important;
  background: #F4FAFF !important;
}
.bg-orange-gradient-default {
  background: linear-gradient(87.75deg, #FF5B6C -16.61%, #FFAE6D 110.1%) !important;
}
.bg-orange-gradient-dark {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.16)), linear-gradient(87.75deg, #FF5B6C -16.61%, #FFAE6D 110.1%) !important;
}
.bg-day-sky {
  background: linear-gradient(76.74deg, #F4FAFF -7.86%, #CEE6FF 47.42%, #FFFFFF 118.49%) !important;
}
.bg-night-sky {
  background: linear-gradient(75.77deg, #011F55 0.84%, #02286F 21.87%, #67038B 87.73%) !important;
}
.bg-icon-bg {
  background: linear-gradient(27.99deg, #04E9F0 9.34%, #11C3FD 93.08%) !important;
}
/** TYPOGRAPHY **/
body {
  font-size: 20px;
  line-height: 170%;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  body {
    font-size: calc(16px + 4 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  body {
    font-size: 16px;
  }
}
.h1 {
  font-weight: 700;
  font-size: 48px;
  line-height: 125%;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .h1 {
    font-size: calc(40px + 8 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .h1 {
    font-size: calc(32px + 8 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .h1 {
    font-size: 32px;
  }
}
.h2 {
  font-weight: 700;
  font-size: 40px;
  line-height: 125%;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .h2 {
    font-size: calc(32px + 8 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .h2 {
    font-size: calc(28px + 4 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .h2 {
    font-size: 28px;
  }
}
.h3 {
  font-weight: 700;
  font-size: 32px;
  line-height: 125%;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .h3 {
    font-size: calc(28px + 4 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .h3 {
    font-size: calc(24px + 4 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .h3 {
    font-size: 24px;
  }
}
.h4 {
  font-weight: 700;
  font-size: 28px;
  line-height: 125%;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .h4 {
    font-size: calc(24px + 4 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .h4 {
    font-size: calc(18px + 6 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .h4 {
    font-size: 18px;
  }
}
.h5 {
  font-weight: 700;
  font-size: 24px;
  line-height: 125%;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .h5 {
    font-size: calc(18px + 6 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .h5 {
    font-size: calc(16px + 2 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .h5 {
    font-size: 16px;
  }
}
.h6 {
  font-weight: 700;
  font-size: 18px;
  line-height: 125%;
}
.perex {
  font-size: 24px;
  line-height: 150%;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .perex {
    font-size: calc(18px + 6 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .perex {
    font-size: 18px;
  }
}
.text-small {
  font-size: 16px;
  line-height: 170%;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .text-small {
    font-size: calc(14px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .text-small {
    font-size: 14px;
  }
}
.text-standard {
  font-size: 18px;
  line-height: 170%;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .text-standard {
    font-size: calc(16px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .text-standard {
    font-size: 16px;
  }
}
.note {
  font-size: 14px;
  line-height: 170%;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .note {
    font-size: calc(12px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .note {
    font-size: 12px;
  }
}
.caption {
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .caption {
    font-size: calc(14px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .caption {
    font-size: 14px;
  }
}
a {
  color: #03B9BF;
  text-decoration: underline;
  transition: 0.2s all linear;
}
a:hover {
  color: #03878C;
  text-decoration: underline;
}
/** SPACING **/
/* padding */
.first-block {
  padding-top: 80px;
}
.pt-0 {
  padding-top: 0px;
}
@media screen and (min-width: 1281px) {
  .pt-0-desktop {
    padding-top: 0px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .pt-0-tablet {
    padding-top: 0px!important;
  }
}
@media screen and (max-width: 768px) {
  .pt-0-mobile {
    padding-top: 0px!important;
  }
}
.pt-4 {
  padding-top: 4px;
}
@media screen and (min-width: 1281px) {
  .pt-4-desktop {
    padding-top: 4px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .pt-4-tablet {
    padding-top: 4px!important;
  }
}
@media screen and (max-width: 768px) {
  .pt-4-mobile {
    padding-top: 4px!important;
  }
}
.pt-8 {
  padding-top: 8px;
}
@media screen and (min-width: 1281px) {
  .pt-8-desktop {
    padding-top: 8px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .pt-8-tablet {
    padding-top: 8px!important;
  }
}
@media screen and (max-width: 768px) {
  .pt-8-mobile {
    padding-top: 8px!important;
  }
}
.pt-12 {
  padding-top: 12px;
}
@media screen and (min-width: 1281px) {
  .pt-12-desktop {
    padding-top: 12px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .pt-12-tablet {
    padding-top: 12px!important;
  }
}
@media screen and (max-width: 768px) {
  .pt-12-mobile {
    padding-top: 12px!important;
  }
}
.pt-16 {
  padding-top: 16px;
}
@media screen and (min-width: 1281px) {
  .pt-16-desktop {
    padding-top: 16px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .pt-16-tablet {
    padding-top: 16px!important;
  }
}
@media screen and (max-width: 768px) {
  .pt-16-mobile {
    padding-top: 16px!important;
  }
}
.pt-24 {
  padding-top: 24px;
}
@media screen and (min-width: 1281px) {
  .pt-24-desktop {
    padding-top: 24px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .pt-24-tablet {
    padding-top: 24px!important;
  }
}
@media screen and (max-width: 768px) {
  .pt-24-mobile {
    padding-top: 24px!important;
  }
}
.pt-32 {
  padding-top: 32px;
}
@media screen and (min-width: 1281px) {
  .pt-32-desktop {
    padding-top: 32px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .pt-32-tablet {
    padding-top: 32px!important;
  }
}
@media screen and (max-width: 768px) {
  .pt-32-mobile {
    padding-top: 32px!important;
  }
}
.pt-40 {
  padding-top: 40px;
}
@media screen and (min-width: 1281px) {
  .pt-40-desktop {
    padding-top: 40px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .pt-40-tablet {
    padding-top: 40px!important;
  }
}
@media screen and (max-width: 768px) {
  .pt-40-mobile {
    padding-top: 40px!important;
  }
}
.pt-48 {
  padding-top: 48px;
}
@media screen and (min-width: 1281px) {
  .pt-48-desktop {
    padding-top: 48px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .pt-48-tablet {
    padding-top: 48px!important;
  }
}
@media screen and (max-width: 768px) {
  .pt-48-mobile {
    padding-top: 48px!important;
  }
}
.pt-64 {
  padding-top: 64px;
}
@media screen and (min-width: 1281px) {
  .pt-64-desktop {
    padding-top: 64px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .pt-64-tablet {
    padding-top: 64px!important;
  }
}
@media screen and (max-width: 768px) {
  .pt-64-mobile {
    padding-top: 64px!important;
  }
}
.pt-80 {
  padding-top: 80px;
}
@media screen and (min-width: 1281px) {
  .pt-80-desktop {
    padding-top: 80px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .pt-80-tablet {
    padding-top: 80px!important;
  }
}
@media screen and (max-width: 768px) {
  .pt-80-mobile {
    padding-top: 80px!important;
  }
}
.pt-96 {
  padding-top: 96px;
}
@media screen and (min-width: 1281px) {
  .pt-96-desktop {
    padding-top: 96px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .pt-96-tablet {
    padding-top: 96px!important;
  }
}
@media screen and (max-width: 768px) {
  .pt-96-mobile {
    padding-top: 96px!important;
  }
}
.pt-128 {
  padding-top: 128px;
}
@media screen and (min-width: 1281px) {
  .pt-128-desktop {
    padding-top: 128px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .pt-128-tablet {
    padding-top: 128px!important;
  }
}
@media screen and (max-width: 768px) {
  .pt-128-mobile {
    padding-top: 128px!important;
  }
}
.pt-160 {
  padding-top: 160px;
}
@media screen and (min-width: 1281px) {
  .pt-160-desktop {
    padding-top: 160px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .pt-160-tablet {
    padding-top: 160px!important;
  }
}
@media screen and (max-width: 768px) {
  .pt-160-mobile {
    padding-top: 160px!important;
  }
}
.pt-192 {
  padding-top: 192px;
}
@media screen and (min-width: 1281px) {
  .pt-192-desktop {
    padding-top: 192px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .pt-192-tablet {
    padding-top: 192px!important;
  }
}
@media screen and (max-width: 768px) {
  .pt-192-mobile {
    padding-top: 192px!important;
  }
}
.pb-0 {
  padding-bottom: 0px;
}
@media screen and (min-width: 1281px) {
  .pb-0-desktop {
    padding-bottom: 0px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .pb-0-tablet {
    padding-bottom: 0px!important;
  }
}
@media screen and (max-width: 768px) {
  .pb-0-mobile {
    padding-bottom: 0px!important;
  }
}
.pb-4 {
  padding-bottom: 4px;
}
@media screen and (min-width: 1281px) {
  .pb-4-desktop {
    padding-bottom: 4px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .pb-4-tablet {
    padding-bottom: 4px!important;
  }
}
@media screen and (max-width: 768px) {
  .pb-4-mobile {
    padding-bottom: 4px!important;
  }
}
.pb-8 {
  padding-bottom: 8px;
}
@media screen and (min-width: 1281px) {
  .pb-8-desktop {
    padding-bottom: 8px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .pb-8-tablet {
    padding-bottom: 8px!important;
  }
}
@media screen and (max-width: 768px) {
  .pb-8-mobile {
    padding-bottom: 8px!important;
  }
}
.pb-12 {
  padding-bottom: 12px;
}
@media screen and (min-width: 1281px) {
  .pb-12-desktop {
    padding-bottom: 12px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .pb-12-tablet {
    padding-bottom: 12px!important;
  }
}
@media screen and (max-width: 768px) {
  .pb-12-mobile {
    padding-bottom: 12px!important;
  }
}
.pb-16 {
  padding-bottom: 16px;
}
@media screen and (min-width: 1281px) {
  .pb-16-desktop {
    padding-bottom: 16px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .pb-16-tablet {
    padding-bottom: 16px!important;
  }
}
@media screen and (max-width: 768px) {
  .pb-16-mobile {
    padding-bottom: 16px!important;
  }
}
.pb-24 {
  padding-bottom: 24px;
}
@media screen and (min-width: 1281px) {
  .pb-24-desktop {
    padding-bottom: 24px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .pb-24-tablet {
    padding-bottom: 24px!important;
  }
}
@media screen and (max-width: 768px) {
  .pb-24-mobile {
    padding-bottom: 24px!important;
  }
}
.pb-32 {
  padding-bottom: 32px;
}
@media screen and (min-width: 1281px) {
  .pb-32-desktop {
    padding-bottom: 32px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .pb-32-tablet {
    padding-bottom: 32px!important;
  }
}
@media screen and (max-width: 768px) {
  .pb-32-mobile {
    padding-bottom: 32px!important;
  }
}
.pb-40 {
  padding-bottom: 40px;
}
@media screen and (min-width: 1281px) {
  .pb-40-desktop {
    padding-bottom: 40px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .pb-40-tablet {
    padding-bottom: 40px!important;
  }
}
@media screen and (max-width: 768px) {
  .pb-40-mobile {
    padding-bottom: 40px!important;
  }
}
.pb-48 {
  padding-bottom: 48px;
}
@media screen and (min-width: 1281px) {
  .pb-48-desktop {
    padding-bottom: 48px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .pb-48-tablet {
    padding-bottom: 48px!important;
  }
}
@media screen and (max-width: 768px) {
  .pb-48-mobile {
    padding-bottom: 48px!important;
  }
}
.pb-64 {
  padding-bottom: 64px;
}
@media screen and (min-width: 1281px) {
  .pb-64-desktop {
    padding-bottom: 64px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .pb-64-tablet {
    padding-bottom: 64px!important;
  }
}
@media screen and (max-width: 768px) {
  .pb-64-mobile {
    padding-bottom: 64px!important;
  }
}
.pb-80 {
  padding-bottom: 80px;
}
@media screen and (min-width: 1281px) {
  .pb-80-desktop {
    padding-bottom: 80px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .pb-80-tablet {
    padding-bottom: 80px!important;
  }
}
@media screen and (max-width: 768px) {
  .pb-80-mobile {
    padding-bottom: 80px!important;
  }
}
.pb-96 {
  padding-bottom: 96px;
}
@media screen and (min-width: 1281px) {
  .pb-96-desktop {
    padding-bottom: 96px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .pb-96-tablet {
    padding-bottom: 96px!important;
  }
}
@media screen and (max-width: 768px) {
  .pb-96-mobile {
    padding-bottom: 96px!important;
  }
}
.pb-128 {
  padding-bottom: 128px;
}
@media screen and (min-width: 1281px) {
  .pb-128-desktop {
    padding-bottom: 128px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .pb-128-tablet {
    padding-bottom: 128px!important;
  }
}
@media screen and (max-width: 768px) {
  .pb-128-mobile {
    padding-bottom: 128px!important;
  }
}
.pb-160 {
  padding-bottom: 160px;
}
@media screen and (min-width: 1281px) {
  .pb-160-desktop {
    padding-bottom: 160px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .pb-160-tablet {
    padding-bottom: 160px!important;
  }
}
@media screen and (max-width: 768px) {
  .pb-160-mobile {
    padding-bottom: 160px!important;
  }
}
.pb-192 {
  padding-bottom: 192px;
}
@media screen and (min-width: 1281px) {
  .pb-192-desktop {
    padding-bottom: 192px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .pb-192-tablet {
    padding-bottom: 192px!important;
  }
}
@media screen and (max-width: 768px) {
  .pb-192-mobile {
    padding-bottom: 192px!important;
  }
}
/* margin */
.mt-0 {
  margin-top: 0px;
}
@media screen and (min-width: 1281px) {
  .mt-0-desktop {
    margin-top: 0px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .mt-0-tablet {
    margin-top: 0px!important;
  }
}
@media screen and (max-width: 768px) {
  .mt-0-mobile {
    margin-top: 0px!important;
  }
}
.mt-4 {
  margin-top: 4px;
}
@media screen and (min-width: 1281px) {
  .mt-4-desktop {
    margin-top: 4px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .mt-4-tablet {
    margin-top: 4px!important;
  }
}
@media screen and (max-width: 768px) {
  .mt-4-mobile {
    margin-top: 4px!important;
  }
}
.mt-8 {
  margin-top: 8px;
}
@media screen and (min-width: 1281px) {
  .mt-8-desktop {
    margin-top: 8px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .mt-8-tablet {
    margin-top: 8px!important;
  }
}
@media screen and (max-width: 768px) {
  .mt-8-mobile {
    margin-top: 8px!important;
  }
}
.mt-12 {
  margin-top: 12px;
}
@media screen and (min-width: 1281px) {
  .mt-12-desktop {
    margin-top: 12px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .mt-12-tablet {
    margin-top: 12px!important;
  }
}
@media screen and (max-width: 768px) {
  .mt-12-mobile {
    margin-top: 12px!important;
  }
}
.mt-16 {
  margin-top: 16px;
}
@media screen and (min-width: 1281px) {
  .mt-16-desktop {
    margin-top: 16px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .mt-16-tablet {
    margin-top: 16px!important;
  }
}
@media screen and (max-width: 768px) {
  .mt-16-mobile {
    margin-top: 16px!important;
  }
}
.mt-24 {
  margin-top: 24px;
}
@media screen and (min-width: 1281px) {
  .mt-24-desktop {
    margin-top: 24px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .mt-24-tablet {
    margin-top: 24px!important;
  }
}
@media screen and (max-width: 768px) {
  .mt-24-mobile {
    margin-top: 24px!important;
  }
}
.mt-32 {
  margin-top: 32px;
}
@media screen and (min-width: 1281px) {
  .mt-32-desktop {
    margin-top: 32px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .mt-32-tablet {
    margin-top: 32px!important;
  }
}
@media screen and (max-width: 768px) {
  .mt-32-mobile {
    margin-top: 32px!important;
  }
}
.mt-40 {
  margin-top: 40px;
}
@media screen and (min-width: 1281px) {
  .mt-40-desktop {
    margin-top: 40px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .mt-40-tablet {
    margin-top: 40px!important;
  }
}
@media screen and (max-width: 768px) {
  .mt-40-mobile {
    margin-top: 40px!important;
  }
}
.mt-48 {
  margin-top: 48px;
}
@media screen and (min-width: 1281px) {
  .mt-48-desktop {
    margin-top: 48px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .mt-48-tablet {
    margin-top: 48px!important;
  }
}
@media screen and (max-width: 768px) {
  .mt-48-mobile {
    margin-top: 48px!important;
  }
}
.mt-64 {
  margin-top: 64px;
}
@media screen and (min-width: 1281px) {
  .mt-64-desktop {
    margin-top: 64px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .mt-64-tablet {
    margin-top: 64px!important;
  }
}
@media screen and (max-width: 768px) {
  .mt-64-mobile {
    margin-top: 64px!important;
  }
}
.mt-80 {
  margin-top: 80px;
}
@media screen and (min-width: 1281px) {
  .mt-80-desktop {
    margin-top: 80px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .mt-80-tablet {
    margin-top: 80px!important;
  }
}
@media screen and (max-width: 768px) {
  .mt-80-mobile {
    margin-top: 80px!important;
  }
}
.mt-96 {
  margin-top: 96px;
}
@media screen and (min-width: 1281px) {
  .mt-96-desktop {
    margin-top: 96px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .mt-96-tablet {
    margin-top: 96px!important;
  }
}
@media screen and (max-width: 768px) {
  .mt-96-mobile {
    margin-top: 96px!important;
  }
}
.mt-128 {
  margin-top: 128px;
}
@media screen and (min-width: 1281px) {
  .mt-128-desktop {
    margin-top: 128px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .mt-128-tablet {
    margin-top: 128px!important;
  }
}
@media screen and (max-width: 768px) {
  .mt-128-mobile {
    margin-top: 128px!important;
  }
}
.mt-160 {
  margin-top: 160px;
}
@media screen and (min-width: 1281px) {
  .mt-160-desktop {
    margin-top: 160px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .mt-160-tablet {
    margin-top: 160px!important;
  }
}
@media screen and (max-width: 768px) {
  .mt-160-mobile {
    margin-top: 160px!important;
  }
}
.mt-192 {
  margin-top: 192px;
}
@media screen and (min-width: 1281px) {
  .mt-192-desktop {
    margin-top: 192px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .mt-192-tablet {
    margin-top: 192px!important;
  }
}
@media screen and (max-width: 768px) {
  .mt-192-mobile {
    margin-top: 192px!important;
  }
}
.mb-0 {
  margin-bottom: 0px;
}
@media screen and (min-width: 1281px) {
  .mb-0-desktop {
    margin-bottom: 0px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .mb-0-tablet {
    margin-bottom: 0px!important;
  }
}
@media screen and (max-width: 768px) {
  .mb-0-mobile {
    margin-bottom: 0px!important;
  }
}
.mb-4 {
  margin-bottom: 4px;
}
@media screen and (min-width: 1281px) {
  .mb-4-desktop {
    margin-bottom: 4px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .mb-4-tablet {
    margin-bottom: 4px!important;
  }
}
@media screen and (max-width: 768px) {
  .mb-4-mobile {
    margin-bottom: 4px!important;
  }
}
.mb-8 {
  margin-bottom: 8px;
}
@media screen and (min-width: 1281px) {
  .mb-8-desktop {
    margin-bottom: 8px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .mb-8-tablet {
    margin-bottom: 8px!important;
  }
}
@media screen and (max-width: 768px) {
  .mb-8-mobile {
    margin-bottom: 8px!important;
  }
}
.mb-12 {
  margin-bottom: 12px;
}
@media screen and (min-width: 1281px) {
  .mb-12-desktop {
    margin-bottom: 12px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .mb-12-tablet {
    margin-bottom: 12px!important;
  }
}
@media screen and (max-width: 768px) {
  .mb-12-mobile {
    margin-bottom: 12px!important;
  }
}
.mb-16 {
  margin-bottom: 16px;
}
@media screen and (min-width: 1281px) {
  .mb-16-desktop {
    margin-bottom: 16px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .mb-16-tablet {
    margin-bottom: 16px!important;
  }
}
@media screen and (max-width: 768px) {
  .mb-16-mobile {
    margin-bottom: 16px!important;
  }
}
.mb-24 {
  margin-bottom: 24px;
}
@media screen and (min-width: 1281px) {
  .mb-24-desktop {
    margin-bottom: 24px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .mb-24-tablet {
    margin-bottom: 24px!important;
  }
}
@media screen and (max-width: 768px) {
  .mb-24-mobile {
    margin-bottom: 24px!important;
  }
}
.mb-32 {
  margin-bottom: 32px;
}
@media screen and (min-width: 1281px) {
  .mb-32-desktop {
    margin-bottom: 32px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .mb-32-tablet {
    margin-bottom: 32px!important;
  }
}
@media screen and (max-width: 768px) {
  .mb-32-mobile {
    margin-bottom: 32px!important;
  }
}
.mb-40 {
  margin-bottom: 40px;
}
@media screen and (min-width: 1281px) {
  .mb-40-desktop {
    margin-bottom: 40px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .mb-40-tablet {
    margin-bottom: 40px!important;
  }
}
@media screen and (max-width: 768px) {
  .mb-40-mobile {
    margin-bottom: 40px!important;
  }
}
.mb-48 {
  margin-bottom: 48px;
}
@media screen and (min-width: 1281px) {
  .mb-48-desktop {
    margin-bottom: 48px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .mb-48-tablet {
    margin-bottom: 48px!important;
  }
}
@media screen and (max-width: 768px) {
  .mb-48-mobile {
    margin-bottom: 48px!important;
  }
}
.mb-64 {
  margin-bottom: 64px;
}
@media screen and (min-width: 1281px) {
  .mb-64-desktop {
    margin-bottom: 64px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .mb-64-tablet {
    margin-bottom: 64px!important;
  }
}
@media screen and (max-width: 768px) {
  .mb-64-mobile {
    margin-bottom: 64px!important;
  }
}
.mb-80 {
  margin-bottom: 80px;
}
@media screen and (min-width: 1281px) {
  .mb-80-desktop {
    margin-bottom: 80px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .mb-80-tablet {
    margin-bottom: 80px!important;
  }
}
@media screen and (max-width: 768px) {
  .mb-80-mobile {
    margin-bottom: 80px!important;
  }
}
.mb-96 {
  margin-bottom: 96px;
}
@media screen and (min-width: 1281px) {
  .mb-96-desktop {
    margin-bottom: 96px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .mb-96-tablet {
    margin-bottom: 96px!important;
  }
}
@media screen and (max-width: 768px) {
  .mb-96-mobile {
    margin-bottom: 96px!important;
  }
}
.mb-128 {
  margin-bottom: 128px;
}
@media screen and (min-width: 1281px) {
  .mb-128-desktop {
    margin-bottom: 128px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .mb-128-tablet {
    margin-bottom: 128px!important;
  }
}
@media screen and (max-width: 768px) {
  .mb-128-mobile {
    margin-bottom: 128px!important;
  }
}
.mb-160 {
  margin-bottom: 160px;
}
@media screen and (min-width: 1281px) {
  .mb-160-desktop {
    margin-bottom: 160px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .mb-160-tablet {
    margin-bottom: 160px!important;
  }
}
@media screen and (max-width: 768px) {
  .mb-160-mobile {
    margin-bottom: 160px!important;
  }
}
.mb-192 {
  margin-bottom: 192px;
}
@media screen and (min-width: 1281px) {
  .mb-192-desktop {
    margin-bottom: 192px!important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .mb-192-tablet {
    margin-bottom: 192px!important;
  }
}
@media screen and (max-width: 768px) {
  .mb-192-mobile {
    margin-bottom: 192px!important;
  }
}
/** BORDER RADIUS **/
.rounded-none {
  border-radius: 0;
}
.rounded-sm {
  border-radius: 2px;
}
.rounded {
  border-radius: 4px;
}
.rounded-md {
  border-radius: 6px;
}
.rounded-lg {
  border-radius: 8px;
}
.rounded-xl {
  border-radius: 12px;
}
.rounded-2xl {
  border-radius: 16px;
}
@media screen and (max-width: 375px) {
  .rounded-2xl {
    border-radius: 8px;
  }
}
.rounded-3xl {
  border-radius: 24px;
}
@media screen and (max-width: 375px) {
  .rounded-3xl {
    border-radius: 16px;
  }
}
.rounded-full {
  border-radius: 50%;
}
/** SHADOWS **/
.shadow-96-light {
  box-shadow: 0px 104px 32px -96px rgba(52, 105, 179, 0.24);
}
.shadow-48-light {
  box-shadow: 0px 56px 32px -48px rgba(52, 105, 179, 0.24);
}
.shadow-32-light {
  box-shadow: 0px 40px 32px -32px rgba(52, 105, 179, 0.24);
}
.shadow-24-light {
  box-shadow: 0px 32px 32px -24px rgba(52, 105, 179, 0.24);
}
.shadow-96-dark {
  box-shadow: 0px 104px 32px -96px #01163C;
}
.shadow-48-dark {
  box-shadow: 0px 56px 32px -48px #01163C;
}
.shadow-32-dark {
  box-shadow: 0px 40px 32px -32px #01163C;
}
.shadow-24-dark {
  box-shadow: 0px 32px 32px -24px #01163C;
}
/** GRID **/
.container {
  max-width: calc(1396px + 20px + 20px);
  padding-left: 20px;
  padding-right: 20px;
  margin: auto;
}
@media screen and (max-width: 1760px) {
  .container {
    max-width: 81.563%;
  }
}
@media screen and (max-width: 768px) {
  .container {
    max-width: 100%;
  }
}
/** BUTTONS **/
.btn {
  display: inline-flex;
  border-radius: 8px;
  text-align: center;
  transition: 0.25s all linear;
  text-decoration: none;
  font-weight: 700;
  /* sizes */
  /* designs */
}
.btn:hover {
  transition: 0.25s all linear;
  text-decoration: none;
}
.btn-component {
  display: inline-block;
  padding: 5px 5px 25px 5px;
  margin: -5px -5px -25px -5px;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
.btn-note {
  color: #3469B3;
  font-size: 14px;
  line-height: 170%;
  text-align: center;
  margin-top: 12px;
}
.btn-lg {
  padding: 16px 40px;
  font-size: 18px;
  line-height: 24px;
}
@media screen and (max-width: 1280px) {
  .btn-lg {
    padding: 14px 32px;
    font-size: 16px;
    line-height: 20px;
  }
}
.btn-md {
  padding: 14px 40px;
  font-size: 16px;
  line-height: 20px;
}
.btn-sm {
  padding: 8px 24px;
  font-size: 16px;
  line-height: 20px;
}
.btn-lg.btn-filled-light,
.btn-lg.btn-filled-dark,
.btn-lg.btn-outlined-light,
.btn-lg.btn-outlined-dark {
  padding: 14px 38px;
  font-size: 18px;
  line-height: 24px;
}
@media screen and (max-width: 1280px) {
  .btn-lg.btn-filled-light,
  .btn-lg.btn-filled-dark,
  .btn-lg.btn-outlined-light,
  .btn-lg.btn-outlined-dark {
    padding: 12px 30px;
    font-size: 16px;
    line-height: 20px;
  }
}
.btn-md.btn-filled-light,
.btn-md.btn-filled-dark,
.btn-md.btn-outlined-light,
.btn-md.btn-outlined-dark {
  padding: 12px 38px;
  font-size: 16px;
  line-height: 20px;
}
.btn-sm.btn-filled-light,
.btn-sm.btn-filled-dark,
.btn-sm.btn-outlined-light,
.btn-sm.btn-outlined-dark {
  padding: 6px 22px;
  font-size: 16px;
  line-height: 20px;
}
.btn-glow {
  position: absolute;
  width: calc(100% - 2 * 12px);
  height: 28px;
  bottom: -4px;
  left: 12px;
  background: linear-gradient(87.75deg, #FF5B6C -16.61%, #FFAE6D 110.1%);
  filter: blur(16px);
  -webkit-filter: blur(16px);
  -moz-filter: blur(16px);
  -o-filter: blur(16px);
  -ms-filter: blur(16px);
  border-radius: 100px;
  z-index: -2;
}
.btn-gradient {
  background: linear-gradient(87.75deg, #FF5B6C -16.61%, #FFAE6D 110.1%);
  border: none;
  color: #FFFFFF;
  position: relative;
  z-index: 1;
}
.btn-gradient::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0);
  transition: 0.25s all linear;
  z-index: -1;
  left: 0;
  top: 0;
}
.btn-gradient::after {
  content: "";
  position: absolute;
  width: calc(100% - 2 * 12px);
  height: 28px;
  bottom: -4px;
  left: 12px;
  background: linear-gradient(87.75deg, #FF5B6C -16.61%, #FFAE6D 110.1%);
  filter: blur(16px);
  -webkit-filter: blur(16px);
  -moz-filter: blur(16px);
  -o-filter: blur(16px);
  -ms-filter: blur(16px);
  border-radius: 100px;
  z-index: -2;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
.btn-gradient:hover {
  border: none;
  color: #FFFFFF;
}
.btn-gradient:hover::before {
  background-color: rgba(0, 0, 0, 0.16);
  transition: 0.25s all linear;
}
.btn-filled-light {
  background-color: #FFFFFF;
  border: 2px solid #FFFFFF;
  color: #023189;
}
.btn-filled-light:hover {
  background-color: #D1DDEB;
  border: 2px solid #D1DDEB;
  color: #023189;
}
.btn-filled-dark {
  background-color: #023189;
  border: 2px solid #023189;
  color: #FFFFFF;
}
.btn-filled-dark:hover {
  background-color: #011F55;
  border: 2px solid #011F55;
  color: #FFFFFF;
}
.btn-outlined-light {
  background-color: transparent;
  border: 2px solid #D1DDEB;
  color: #023189;
}
.btn-outlined-light:hover {
  background-color: #D1DDEB;
  border: 2px solid #D1DDEB;
  color: #023189;
}
.btn-outlined-dark {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.16);
  color: #FFFFFF;
}
.btn-outlined-dark:hover {
  background-color: rgba(255, 255, 255, 0.16);
  border: 2px solid transparent;
  color: #FFFFFF;
}
.btn-text-light {
  background-color: transparent;
  border: none;
  color: #023189;
}
.btn-text-light:hover {
  background-color: #D1DDEB;
  border: none;
  color: #023189;
}
.btn-text-dark {
  background-color: transparent;
  border: none;
  color: #FFFFFF;
}
.btn-text-dark:hover {
  background-color: rgba(255, 255, 255, 0.16);
  border: none;
  color: #FFFFFF;
}
.btn-full-width {
  display: block;
}
.btn-full-width .btn {
  width: 100%;
  justify-content: center;
}
/*** COMPONENTS ***/
/** BREADCRUMB **/
.breadcrumb {
  background-color: transparent;
  font-family: 'Inter', Arial, sans-serif;
}
.breadcrumb-container {
  max-width: calc(1396px + 20px + 20px);
  padding-left: 20px;
  padding-right: 20px;
  margin: auto;
}
@media screen and (max-width: 1760px) {
  .breadcrumb-container {
    max-width: 81.563%;
  }
}
@media screen and (max-width: 768px) {
  .breadcrumb-container {
    max-width: 100%;
  }
}
.breadcrumb ol {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.breadcrumb ol li {
  font-size: 14px;
  line-height: 170%;
  flex: none;
}
.breadcrumb ol li a {
  color: #FFFFFF;
  font-weight: 700;
  line-height: 28px;
  text-decoration: none;
}
.breadcrumb ol li a:hover {
  text-decoration: underline;
}
.breadcrumb ol li:last-child a {
  color: #B3D8FF;
  text-decoration: none;
  font-weight: 400;
}
.breadcrumb ol li:not(:first-child)::before {
  padding: 4px 12px 4px 12px;
  content: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L4 4.018L0.999999 7' stroke='%230FF6FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 4px;
  height: 8px;
}
@media screen and (max-width: 768px) {
  .breadcrumb ol li:not(:nth-child(3)) {
    display: none;
  }
  .breadcrumb ol li:nth-child(3) {
    font-size: 14px;
    font-weight: 600;
  }
  .breadcrumb ol li:nth-child(3) a {
    text-decoration: none;
    color: #023189;
  }
  .breadcrumb ol li:nth-child(3)::before {
    content: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7L0.999999 3.982L4 1' stroke='%230FF6FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    padding: 4px 7px 4px 0;
  }
}
.breadcrumb--dark ol li a {
  color: #023189;
}
.breadcrumb--dark ol li:last-child a {
  color: #3469B3;
}
/* GENERAL STYLES */
main {
  background-color: #F4FAFF;
}
.detail-intro {
  padding-top: 80px;
  padding-bottom: 80px;
  background: linear-gradient(75.77deg, #F4FAFF 0.84%, #CEE6FF 43.79%, #FFFFFF 99.02%);
  position: relative;
}
@media screen and (max-width: 1280px) {
  .detail-intro {
    padding-top: 80px;
    padding-bottom: 64px;
  }
}
@media screen and (max-width: 768px) {
  .detail-intro {
    padding-top: 80px;
    padding-bottom: 48px;
  }
}
.detail-intro__breadcrumb {
  margin-bottom: 56px;
}
@media screen and (max-width: 1280px) {
  .detail-intro__breadcrumb {
    margin-bottom: 51px;
  }
}
@media screen and (max-width: 768px) {
  .detail-intro__breadcrumb {
    margin-bottom: 48px;
  }
}
.detail-intro__intro {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .detail-intro__intro {
    flex-direction: column;
  }
}
.detail-intro__photo {
  width: 400px;
  flex: none;
  margin-right: 80px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .detail-intro__photo {
    width: calc(316px + 84 * ((100vw - 1280px) / 480));
    margin-right: calc(24px + 56 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 992px) and (max-width: 1280px) {
  .detail-intro__photo {
    width: 316px;
    margin-right: 24px;
  }
}
@media screen and (max-width: 992px) {
  .detail-intro__photo {
    width: 100%;
    margin-right: 0;
    margin-bottom: 24px;
  }
}
.detail-intro__photo img {
  width: 100%;
  height: 390px;
  object-fit: cover;
  border-radius: 10px;
  display: block;
}
@media screen and (max-width: 992px) {
  .detail-intro__photo img {
    height: auto;
  }
}
.detail-intro__info {
  width: auto;
  padding-right: 80px;
  flex-grow: 1;
}
@media screen and (max-width: 1580px) {
  .detail-intro__info {
    padding-right: 0px;
  }
}
@media screen and (max-width: 992px) {
  .detail-intro__info {
    width: 100%;
  }
}
.detail-intro__title {
  margin-bottom: 16px;
}
@media screen and (max-width: 1200px) {
  .detail-intro__title h1 {
    font-size: 38px;
    line-height: 42px;
  }
}
@media screen and (max-width: 992px) {
  .detail-intro__title h1 {
    font-size: 32px;
    line-height: 36px;
  }
}
.detail-intro__meta {
  display: flex;
  align-items: center;
}
.detail-intro__date {
  margin-left: 18px;
  display: flex;
  align-items: center;
}
.detail-intro__date-icon svg {
  display: block;
}
.detail-intro__date-value {
  font-size: 14px;
  font-family: 'Inter', Arial, sans-serif;
  font-weight: 400;
  color: #668FBD;
  margin-left: 8px;
  line-height: 1;
}
.detail-intro__categories {
  position: relative;
  margin-bottom: 24px;
}
.detail-intro__categories ul {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.detail-intro__categories ul li {
  font-size: 14px;
  line-height: 170%;
  font-weight: 700;
  border-radius: 6px;
  color: #ffffff;
  background-color: #668FBD;
  margin-right: 8px;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  font-family: 'Inter', Arial, sans-serif;
  transition: 0.2s all linear;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .detail-intro__categories ul li {
    font-size: calc(12px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .detail-intro__categories ul li {
    font-size: 12px;
  }
}
.detail-intro__categories ul li:hover {
  transition: 0.2s all linear;
}
.detail-intro__categories ul li a {
  padding: 2px 16px;
  color: #ffffff;
  display: block;
  text-decoration: none;
}
@media screen and (max-width: 1550px) {
  .detail-intro__categories ul li a {
    padding: 2px 6px;
  }
}
.detail-intro__categories ul li.mobile-app-analytics {
  background-color: #FF7584;
}
.detail-intro__categories ul li.mobile-app-analytics:hover {
  background-color: #FF4256;
}
.detail-intro__categories ul li.ux {
  background-color: #00A2A8;
}
.detail-intro__categories ul li.ux:hover {
  background-color: #026F73;
}
.detail-intro__categories ul li.product-management {
  background-color: #E03EBF;
}
.detail-intro__categories ul li.product-management:hover {
  background-color: #AA1E8E;
}
.detail-intro__categories ul li.website-analytics {
  background-color: #FF9138;
}
.detail-intro__categories ul li.website-analytics:hover {
  background-color: #D36E1D;
}
.detail-intro__categories ul li.smartlook-life {
  background-color: #11C3FD;
}
.detail-intro__categories ul li.smartlook-life:hover {
  background-color: #0291C0;
}
.detail-intro__categories ul li.customer-stories {
  background-color: #034CD3;
}
.detail-intro__categories ul li.customer-stories:hover {
  background-color: #023189;
}
.detail-intro__categories ul li.product-updates {
  background-color: #B106EF;
}
.detail-intro__categories ul li.product-updates:hover {
  background-color: #7904A3;
}
.detail-intro__categories--casestudy {
  margin-bottom: 0px;
}
.detail-intro__categories--casestudy ul li {
  background-color: #034CD3;
}
.detail-intro__row {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1150px) {
  .detail-intro__row {
    flex-direction: column;
  }
}
.detail-intro__author {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1580px) {
  .detail-intro__author {
    align-items: flex-start;
  }
}
.detail-intro__author__photo {
  width: 32px;
  height: 32px;
  margin-right: 12px;
}
@media screen and (max-width: 1280px) {
  .detail-intro__author__photo {
    width: 24px;
    height: 24px;
    margin-right: 12px;
  }
}
@media screen and (max-width: 1150px) {
  .detail-intro__author__photo {
    width: 40px;
    margin-right: 16px;
  }
}
.detail-intro__author__photo img {
  width: 32px;
  height: 32px;
  object-fit: cover;
  border-radius: 50%;
  -webkit-perspective: 1000;
  display: block;
}
@media screen and (max-width: 1280px) {
  .detail-intro__author__photo img {
    width: 24px;
    height: 24px;
  }
}
@media screen and (max-width: 1150px) {
  .detail-intro__author__photo img {
    width: 40px;
    height: 40px;
  }
}
.detail-intro__author span {
  font-size: 16px;
  line-height: 170%;
  color: #789CC5;
  -webkit-perspective: 1000;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .detail-intro__author span {
    font-size: calc(14px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .detail-intro__author span {
    font-size: 14px;
  }
}
@media screen and (max-width: 1580px) {
  .detail-intro__author span {
    display: block;
  }
}
@media screen and (max-width: 1580px) {
  .detail-intro__author span.delimeter {
    display: none;
  }
}
.detail-intro__reading-time {
  font-size: 16px;
  line-height: 170%;
  color: #789CC5;
  padding-left: 32px;
  position: relative;
  -webkit-perspective: 1000;
  align-self: center;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .detail-intro__reading-time {
    font-size: calc(14px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .detail-intro__reading-time {
    font-size: 14px;
  }
}
@media screen and (max-width: 1580px) {
  .detail-intro__reading-time {
    align-self: unset;
  }
}
@media screen and (max-width: 1150px) {
  .detail-intro__reading-time {
    margin-left: 56px;
    padding-left: 24px;
    margin-top: 8px;
  }
}
.detail-intro__reading-time .icon-clock {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.50704 13.666H11.9879C12.2938 13.666 12.5473 13.5654 12.7485 13.3642C12.9577 13.1549 13.0624 12.9054 13.0624 12.6157V5.42052C13.0624 5.12274 12.9577 4.87324 12.7485 4.67203C12.5473 4.47083 12.2938 4.37022 11.9879 4.37022C11.6982 4.37022 11.4487 4.47083 11.2394 4.67203C11.0382 4.87324 10.9376 5.12274 10.9376 5.42052V11.5533H6.50704C6.20121 11.5533 5.94769 11.6579 5.74648 11.8672C5.54527 12.0684 5.44467 12.3179 5.44467 12.6157C5.44467 12.9054 5.54527 13.1549 5.74648 13.3642C5.94769 13.5654 6.20121 13.666 6.50704 13.666ZM12 24C13.6499 24 15.1992 23.6861 16.6479 23.0583C18.0966 22.4386 19.3722 21.5775 20.4748 20.4748C21.5775 19.3722 22.4386 18.0966 23.0583 16.6479C23.6861 15.1992 24 13.6499 24 12C24 10.3581 23.6861 8.81288 23.0583 7.36419C22.4386 5.91549 21.5734 4.63984 20.4628 3.53722C19.3602 2.43461 18.0845 1.56942 16.6358 0.94165C15.1871 0.313883 13.6378 0 11.9879 0C10.3541 0 8.81288 0.313883 7.36419 0.94165C5.91549 1.56942 4.63581 2.43461 3.52515 3.53722C2.42254 4.63984 1.55734 5.91549 0.929577 7.36419C0.309859 8.81288 0 10.3581 0 12C0 13.6499 0.313883 15.1992 0.94165 16.6479C1.56942 18.0966 2.43461 19.3722 3.53722 20.4748C4.63984 21.5775 5.91549 22.4386 7.36419 23.0583C8.81288 23.6861 10.3581 24 12 24ZM12 21.1509C10.7364 21.1509 9.5493 20.9135 8.43863 20.4386C7.33602 19.9718 6.3662 19.3199 5.52918 18.4829C4.69215 17.6459 4.03622 16.6761 3.56137 15.5734C3.09457 14.4628 2.86117 13.2716 2.86117 12C2.86117 10.7364 3.09457 9.55332 3.56137 8.4507C4.03622 7.34004 4.69215 6.3662 5.52918 5.52918C6.3662 4.69215 7.33602 4.04024 8.43863 3.57344C9.54125 3.09859 10.7243 2.86117 11.9879 2.86117C13.2676 2.86117 14.4588 3.09859 15.5614 3.57344C16.672 4.04024 17.6459 4.69215 18.4829 5.52918C19.3199 6.3662 19.9718 7.34004 20.4386 8.4507C20.9135 9.55332 21.1509 10.7364 21.1509 12C21.1509 13.2716 20.9135 14.4628 20.4386 15.5734C19.9718 16.6761 19.3199 17.6459 18.4829 18.4829C17.6459 19.3199 16.672 19.9718 15.5614 20.4386C14.4588 20.9135 13.2716 21.1509 12 21.1509Z' fill='%23668FBD'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: center center;
  width: 25px;
  height: 25px;
  position: absolute;
  left: 0;
  top: 0px;
}
@media screen and (max-width: 1150px) {
  .detail-intro__reading-time .icon-clock {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.33803 9.11066H7.99195C8.19584 9.11066 8.36486 9.04359 8.49899 8.90946C8.6385 8.76995 8.70825 8.60362 8.70825 8.41046V3.61368C8.70825 3.41516 8.6385 3.24883 8.49899 3.11469C8.36486 2.98055 8.19584 2.91348 7.99195 2.91348C7.79879 2.91348 7.63246 2.98055 7.49296 3.11469C7.35882 3.24883 7.29175 3.41516 7.29175 3.61368V7.70221H4.33803C4.13414 7.70221 3.96512 7.77197 3.83099 7.91147C3.69685 8.04561 3.62978 8.21194 3.62978 8.41046C3.62978 8.60362 3.69685 8.76995 3.83099 8.90946C3.96512 9.04359 4.13414 9.11066 4.33803 9.11066ZM8 16C9.09993 16 10.1328 15.7907 11.0986 15.3722C12.0644 14.9591 12.9148 14.385 13.6499 13.6499C14.385 12.9148 14.9591 12.0644 15.3722 11.0986C15.7907 10.1328 16 9.09993 16 8C16 6.90543 15.7907 5.87525 15.3722 4.90946C14.9591 3.94366 14.3823 3.09323 13.6419 2.35815C12.9068 1.62307 12.0563 1.04628 11.0905 0.627767C10.1247 0.209256 9.09188 0 7.99195 0C6.90275 0 5.87525 0.209256 4.90946 0.627767C3.94366 1.04628 3.09054 1.62307 2.3501 2.35815C1.61502 3.09323 1.03823 3.94366 0.619718 4.90946C0.206573 5.87525 0 6.90543 0 8C0 9.09993 0.209256 10.1328 0.627767 11.0986C1.04628 12.0644 1.62307 12.9148 2.35815 13.6499C3.09323 14.385 3.94366 14.9591 4.90946 15.3722C5.87525 15.7907 6.90543 16 8 16ZM8 14.1006C7.15761 14.1006 6.3662 13.9423 5.62575 13.6258C4.89068 13.3146 4.24413 12.8799 3.68612 12.3219C3.1281 11.7639 2.69081 11.1174 2.37425 10.3823C2.06304 9.64185 1.90744 8.84775 1.90744 8C1.90744 7.15761 2.06304 6.36888 2.37425 5.6338C2.69081 4.89336 3.1281 4.24413 3.68612 3.68612C4.24413 3.1281 4.89068 2.69349 5.62575 2.38229C6.36083 2.06573 7.14956 1.90744 7.99195 1.90744C8.84507 1.90744 9.63917 2.06573 10.3742 2.38229C11.1147 2.69349 11.7639 3.1281 12.3219 3.68612C12.8799 4.24413 13.3146 4.89336 13.6258 5.6338C13.9423 6.36888 14.1006 7.15761 14.1006 8C14.1006 8.84775 13.9423 9.64185 13.6258 10.3823C13.3146 11.1174 12.8799 11.7639 12.3219 12.3219C11.7639 12.8799 11.1147 13.3146 10.3742 13.6258C9.63917 13.9423 8.84775 14.1006 8 14.1006Z' fill='%23668FBD'/%3E%3C/svg%3E%0A");
    width: 16px;
    height: 16px;
    top: 3px;
  }
}
.detail-intro__perex {
  margin-top: 24px;
}
.detail-intro__important {
  margin-top: 48px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1280px) {
  .detail-intro__important {
    margin-top: 24px;
  }
}
@media screen and (max-width: 768px) {
  .detail-intro__important {
    flex-direction: column;
    margin-top: 32px;
  }
}
.detail-intro__important-item-label {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #11C3FD;
  margin-bottom: 8px;
}
.detail-intro__important-item-value {
  font-size: 18px;
  font-family: 'Inter', Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .detail-intro__important-item-value {
    font-size: calc(16px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .detail-intro__important-item-value {
    font-size: 16px;
  }
}
.detail-intro__important-item-value a {
  color: #023189;
}
.detail-intro__important-item:not(:last-child) {
  margin-right: 48px;
}
@media screen and (max-width: 768px) {
  .detail-intro__important-item:not(:last-child) {
    margin-right: 0px;
    margin-bottom: 16px;
  }
}
.detail-article {
  padding-top: 80px;
  padding-bottom: 120px;
}
@media screen and (max-width: 992px) {
  .detail-article {
    padding-top: 32px;
    padding-bottom: 64px;
  }
}
.detail-article .container {
  display: flex;
}
@media screen and (max-width: 992px) {
  .detail-article .container {
    flex-direction: column;
  }
}
.detail-article__left {
  width: 400px;
  flex: none;
  margin-right: 80px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .detail-article__left {
    width: calc(316px + 84 * ((100vw - 1280px) / 480));
    margin-right: calc(24px + 56 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 992px) and (max-width: 1280px) {
  .detail-article__left {
    width: 316px;
    margin-right: 24px;
  }
}
@media screen and (max-width: 992px) {
  .detail-article__left {
    width: 100%;
    margin-right: 0;
  }
}
.detail-article__left .contents {
  border-radius: 16px;
  border: 2px solid #CEE6FF;
  background-color: #FFFFFF;
  box-shadow: 0px 32px 32px -24px rgba(52, 105, 179, 0.24);
  padding: 24px;
}
@media screen and (max-width: 992px) {
  .detail-article__left .contents {
    display: none;
    padding: 24px 20px;
    flex-direction: column-reverse;
    position: fixed;
    bottom: 0px;
    width: 100%;
    left: 0px;
    z-index: 3;
    border-radius: 0;
    border: none;
    box-shadow: 0px -4px 16px rgba(209, 221, 235, 0.5);
    margin-bottom: 0;
  }
}
@media screen and (max-width: 992px) {
  .detail-article__left .contents.contents-visible {
    display: flex;
  }
}
.detail-article__left .contents a {
  text-decoration: none;
}
.detail-article__left .contents a:hover {
  text-decoration: none;
}
.detail-article__left .contents__title {
  text-align: left;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 992px) {
  .detail-article__left .contents__title {
    border-radius: 16px;
    border: 2px solid #CEE6FF;
    padding: 12px 16px;
  }
}
.detail-article__left .contents__title.opened {
  color: #9CB6D4;
}
.detail-article__left .contents__title::before {
  content: " ";
  position: absolute;
  width: 16px;
  height: 4px;
  border-radius: 2px;
  background-color: #11C3FD;
  top: calc(50% - 2px);
  right: 0;
}
@media screen and (max-width: 992px) {
  .detail-article__left .contents__title::before {
    right: 16px;
  }
}
.detail-article__left .contents__title::after {
  content: " ";
  position: absolute;
  width: 4px;
  height: 16px;
  border-radius: 2px;
  background-color: #11C3FD;
  top: calc(50% - 8px);
  right: 6px;
}
@media screen and (max-width: 992px) {
  .detail-article__left .contents__title::after {
    right: 22px;
  }
}
.detail-article__left .contents .opened::before {
  content: " ";
  position: absolute;
  width: 16px;
  height: 4px;
  border-radius: 2px;
  background-color: #11C3FD;
  top: calc(50% - 2px);
  right: 0;
}
@media screen and (max-width: 992px) {
  .detail-article__left .contents .opened::before {
    right: 16px;
  }
}
.detail-article__left .contents .opened::after {
  display: none;
}
.detail-article__left .contents__list {
  margin-top: 16px;
  display: none;
}
@media screen and (max-width: 992px) {
  .detail-article__left .contents__list {
    margin-top: 8px;
  }
}
.detail-article__left .contents__list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.detail-article__left .contents__list ul li {
  font-size: 16px;
  line-height: 170%;
  color: #3469B3;
  font-family: 'Inter', Arial, sans-serif;
  text-align: left;
  padding-left: 14px;
  position: relative;
  list-style: none;
  margin-bottom: 16px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .detail-article__left .contents__list ul li {
    font-size: calc(14px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .detail-article__left .contents__list ul li {
    font-size: 14px;
  }
}
@media screen and (max-width: 992px) {
  .detail-article__left .contents__list ul li {
    line-height: normal;
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 20px;
  }
}
@media screen and (max-width: 992px) {
  .detail-article__left .contents__list ul li:last-child {
    margin-bottom: 32px;
  }
}
.detail-article__left .contents__list ul li a {
  color: #3469B3;
}
.detail-article__left .contents__list ul li:hover a,
.detail-article__left .contents__list ul li.active a {
  color: #02286F;
  font-weight: 700;
}
.detail-article__left .contents__list ul li:hover a::before,
.detail-article__left .contents__list ul li.active a::before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(50, 255, 255, 0) 0%, rgba(50, 255, 255, 0.22) 22%, #32ffff 48%, rgba(50, 255, 255, 0.28) 77%, rgba(50, 255, 255, 0) 100%);
}
.detail-article .side-box {
  width: 400px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .detail-article .side-box {
    width: calc(316px + 84 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 992px) and (max-width: 1280px) {
  .detail-article .side-box {
    width: 316px;
  }
}
@media screen and (max-width: 992px) {
  .detail-article .side-box {
    width: 100%;
  }
}
.detail-article .side-box .contents-overlay {
  display: none;
  opacity: 1;
}
@media screen and (max-width: 992px) {
  .detail-article .side-box .contents-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(244, 250, 255, 0.8);
    transition: 0.3s all linear;
    z-index: 1;
  }
}
.detail-article .side-box--floating {
  position: fixed;
  top: 128px;
  transition: 0.3s all linear;
}
@media screen and (max-width: 992px) {
  .detail-article .side-box--floating {
    top: unset!important;
    position: unset!important;
  }
}
.detail-article__right {
  width: 80px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex: none;
}
@media screen and (max-width: 992px) {
  .detail-article__right {
    width: 100%;
    align-items: center;
  }
}
.detail-article__icons {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .detail-article__icons {
    width: 52px;
  }
  .detail-article__icons--floating {
    position: fixed;
    top: 128px;
    transition: 0.3s all linear;
  }
}
.detail-article__share-title {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #9CB6D4;
  margin-bottom: 12px;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .detail-article__share-title {
    margin-top: 16px;
    margin-bottom: 8px;
    letter-spacing: 0.1em;
  }
}
.detail-article__share {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .detail-article__share {
    flex-direction: row;
    justify-content: center;
  }
}
.detail-article__share__social {
  width: 40px;
  height: 40px;
  margin-bottom: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 21.645px 8.6025px rgba(26, 107, 185, 0.01), 0px 12.21px 7.215px rgba(26, 107, 185, 0.05), 0px 5.55px 5.55px rgba(26, 107, 185, 0.09), 0px 1.3875px 3.0525px rgba(26, 107, 185, 0.1), 0px 0px 0px rgba(26, 107, 185, 0.1);
  background: #FFFFFF;
  border-radius: 50%;
}
@media screen and (max-width: 992px) {
  .detail-article__share__social {
    margin-bottom: 0;
    margin-left: 6px;
    margin-right: 6px;
  }
}
.detail-article__share__social a {
  display: block;
  width: inherit;
  height: inherit;
}
.detail-article__share__social span {
  display: block;
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 992px) {
  .detail-article__share__social span {
    background-size: cover;
  }
}
.detail-article__share__social .icon--fb {
  width: 100%;
  height: 100%;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='22' viewBox='0 0 11 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7005 0.166992H7.70046C4.09712 0.166992 2.82914 1.98636 2.82914 5.04503V7.29633H0.58313V11.0463H2.82914V21.9274H7.32513V11.0459H10.3245L10.7218 7.29633H7.32513L7.32979 5.41916C7.32979 4.44183 7.42314 3.91699 8.82581 3.91699H10.7005V0.166992Z' fill='%23BFD0E3'/%3E%3C/svg%3E%0A");
}
.detail-article__share__social .icon--fb:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='22' viewBox='0 0 11 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7005 0.166992H7.70046C4.09712 0.166992 2.82914 1.98636 2.82914 5.04503V7.29633H0.58313V11.0463H2.82914V21.9274H7.32513V11.0459H10.3245L10.7218 7.29633H7.32513L7.32979 5.41916C7.32979 4.44183 7.42314 3.91699 8.82581 3.91699H10.7005V0.166992Z' fill='%23BFD0E3'/%3E%3C/svg%3E%0A");
}
.detail-article__share__social .icon--tw {
  width: 100%;
  height: 100%;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.4873 0.666504C13.844 0.666504 11.7002 2.77669 11.7002 5.37874C11.7002 5.7481 11.7426 6.10785 11.8247 6.45296C7.84625 6.25651 4.31865 4.3804 1.9574 1.52848C1.54541 2.22433 1.30907 3.03436 1.30907 3.89784C1.30907 5.53238 2.15482 6.97573 3.43863 7.82058C2.65428 7.79634 1.91564 7.5842 1.27052 7.23031C1.27016 7.25033 1.27017 7.27052 1.27017 7.2902C1.27017 9.5735 2.92097 11.4778 5.1105 11.9104C4.70922 12.0187 4.28545 12.0758 3.84954 12.0758C3.54037 12.0758 3.24086 12.0468 2.94883 11.992C3.55788 13.8638 5.32542 15.2263 7.4207 15.2646C5.78203 16.5287 3.71817 17.282 1.47473 17.282C1.08916 17.282 0.707162 17.2595 0.333374 17.2155C2.45079 18.5531 4.9677 19.3332 7.67097 19.3332C16.4762 19.3332 21.2915 12.1526 21.2915 5.92475C21.2915 5.72056 21.2869 5.5171 21.2776 5.31538C22.2137 4.65115 23.0252 3.82115 23.6667 2.87614C22.8085 3.25077 21.8852 3.50429 20.917 3.61746C21.9056 3.03442 22.6642 2.11218 23.0223 1.01112C22.0973 1.55128 21.0723 1.94313 19.9824 2.15435C19.1091 1.23885 17.865 0.666504 16.4873 0.666504Z' fill='%23BFD0E3'/%3E%3C/svg%3E%0A");
}
.detail-article__share__social .icon--tw:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.4873 0.666504C13.844 0.666504 11.7002 2.77669 11.7002 5.37874C11.7002 5.7481 11.7426 6.10785 11.8247 6.45296C7.84625 6.25651 4.31865 4.3804 1.9574 1.52848C1.54541 2.22433 1.30907 3.03436 1.30907 3.89784C1.30907 5.53238 2.15482 6.97573 3.43863 7.82058C2.65428 7.79634 1.91564 7.5842 1.27052 7.23031C1.27016 7.25033 1.27017 7.27052 1.27017 7.2902C1.27017 9.5735 2.92097 11.4778 5.1105 11.9104C4.70922 12.0187 4.28545 12.0758 3.84954 12.0758C3.54037 12.0758 3.24086 12.0468 2.94883 11.992C3.55788 13.8638 5.32542 15.2263 7.4207 15.2646C5.78203 16.5287 3.71817 17.282 1.47473 17.282C1.08916 17.282 0.707162 17.2595 0.333374 17.2155C2.45079 18.5531 4.9677 19.3332 7.67097 19.3332C16.4762 19.3332 21.2915 12.1526 21.2915 5.92475C21.2915 5.72056 21.2869 5.5171 21.2776 5.31538C22.2137 4.65115 23.0252 3.82115 23.6667 2.87614C22.8085 3.25077 21.8852 3.50429 20.917 3.61746C21.9056 3.03442 22.6642 2.11218 23.0223 1.01112C22.0973 1.55128 21.0723 1.94313 19.9824 2.15435C19.1091 1.23885 17.865 0.666504 16.4873 0.666504Z' fill='%23BFD0E3'/%3E%3C/svg%3E%0A");
}
.detail-article__share__social .icon--in {
  width: 100%;
  height: 100%;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.81324 21.78H0.422049V7.59331H4.81324V21.78ZM2.59672 5.73546C1.1626 5.73546 0 4.56337 0 3.11777C0 1.672 1.16276 0.5 2.59672 0.5C4.03068 0.5 5.19328 1.672 5.19328 3.11777C5.19336 4.56345 4.03076 5.73546 2.59672 5.73546ZM21.2692 21.78H16.8993V14.3332C16.8993 12.2907 16.1235 11.1506 14.5085 11.1506C12.7508 11.1506 11.8326 12.338 11.8326 14.3332V21.78H7.62091V7.59331H11.8326V9.50402C11.8326 9.50402 13.0994 7.16058 16.1076 7.16058C19.1159 7.16058 21.2693 8.99738 21.2693 12.7972L21.2692 21.78Z' fill='%23BFD0E3'/%3E%3C/svg%3E%0A");
}
.detail-article__share__social .icon--in:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.81324 21.78H0.422049V7.59331H4.81324V21.78ZM2.59672 5.73546C1.1626 5.73546 0 4.56337 0 3.11777C0 1.672 1.16276 0.5 2.59672 0.5C4.03068 0.5 5.19328 1.672 5.19328 3.11777C5.19336 4.56345 4.03076 5.73546 2.59672 5.73546ZM21.2692 21.78H16.8993V14.3332C16.8993 12.2907 16.1235 11.1506 14.5085 11.1506C12.7508 11.1506 11.8326 12.338 11.8326 14.3332V21.78H7.62091V7.59331H11.8326V9.50402C11.8326 9.50402 13.0994 7.16058 16.1076 7.16058C19.1159 7.16058 21.2693 8.99738 21.2693 12.7972L21.2692 21.78Z' fill='%23BFD0E3'/%3E%3C/svg%3E%0A");
}
.detail-article__progress {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 992px) {
  .detail-article__progress {
    display: none;
  }
}
.detail-article__progress__circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: conic-gradient(#11C3FD calc(360deg / 100 * 0), #ffffff 0deg);
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 21.645px 8.6025px rgba(26, 107, 185, 0.01), 0px 12.21px 7.215px rgba(26, 107, 185, 0.05), 0px 5.55px 5.55px rgba(26, 107, 185, 0.09), 0px 1.3875px 3.0525px rgba(26, 107, 185, 0.1), 0px 0px 0px rgba(26, 107, 185, 0.1);
}
.detail-article__progress__value {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #ffffff;
  line-height: 32px;
  font-weight: 700;
  font-size: 12px;
  text-align: center;
  color: #ADC3DC;
}
.detail-article__content {
  width: auto;
  flex-grow: 1;
}
@media screen and (max-width: 992px) {
  .detail-article__content {
    width: 100%;
  }
}
.detail-article__content p,
.detail-article__content ul,
.detail-article__content ol,
.detail-article__content ul li,
.detail-article__content ol li {
  color: #3469B3;
}
.detail-article__content h2 {
  font-weight: 700;
  font-size: 40px;
  line-height: 125%;
  color: #023189;
  margin-top: 48px;
  margin-bottom: 32px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .detail-article__content h2 {
    font-size: calc(32px + 8 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .detail-article__content h2 {
    font-size: calc(28px + 4 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .detail-article__content h2 {
    font-size: 28px;
  }
}
@media screen and (max-width: 1280px) {
  .detail-article__content h2 {
    margin-top: 32px;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 768px) {
  .detail-article__content h2 {
    margin-top: 32px;
    margin-bottom: 24px;
  }
}
.detail-article__content h3 {
  font-weight: 700;
  font-size: 32px;
  line-height: 125%;
  color: #023189;
  margin-top: 32px;
  margin-bottom: 16px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .detail-article__content h3 {
    font-size: calc(28px + 4 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .detail-article__content h3 {
    font-size: calc(24px + 4 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .detail-article__content h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1280px) {
  .detail-article__content h3 {
    margin-top: 24px;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 768px) {
  .detail-article__content h3 {
    margin-top: 24px;
    margin-bottom: 8px;
  }
}
.detail-article__content h4 {
  font-weight: 700;
  font-size: 28px;
  line-height: 125%;
  color: #023189;
  margin-top: 16px;
  margin-bottom: 16px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .detail-article__content h4 {
    font-size: calc(24px + 4 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .detail-article__content h4 {
    font-size: calc(18px + 6 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .detail-article__content h4 {
    font-size: 18px;
  }
}
@media screen and (max-width: 1280px) {
  .detail-article__content h4 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 768px) {
  .detail-article__content h4 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}
.detail-article__content h5 {
  font-weight: 700;
  font-size: 24px;
  line-height: 125%;
  color: #023189;
  margin-top: 16px;
  margin-bottom: 16px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .detail-article__content h5 {
    font-size: calc(18px + 6 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .detail-article__content h5 {
    font-size: calc(16px + 2 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .detail-article__content h5 {
    font-size: 16px;
  }
}
@media screen and (max-width: 1280px) {
  .detail-article__content h5 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 768px) {
  .detail-article__content h5 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}
.detail-article__content p {
  font-family: 'Inter', Arial, sans-serif;
  margin-bottom: 24px;
}
@media screen and (max-width: 1280px) {
  .detail-article__content p {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 768px) {
  .detail-article__content p {
    margin-bottom: 16px;
  }
}
.detail-article__content p strong {
  font-weight: 700;
  color: #023189;
}
.detail-article__content ul {
  list-style: none;
  margin-bottom: 24px;
  font-family: 'Inter', Arial, sans-serif;
}
@media screen and (max-width: 1280px) {
  .detail-article__content ul {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 768px) {
  .detail-article__content ul {
    margin-bottom: 16px;
  }
}
.detail-article__content ul li {
  font-family: 'Inter', Arial, sans-serif;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 55px;
  position: relative;
  font-size: 20px;
  line-height: 170%;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .detail-article__content ul li {
    font-size: calc(18px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .detail-article__content ul li {
    font-size: calc(16px + 2 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .detail-article__content ul li {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .detail-article__content ul li {
    padding-left: 22px;
  }
}
.detail-article__content ul li::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3' cy='3' r='3' fill='%2311C3FD'/%3E%3C/svg%3E%0A");
  width: 6px;
  height: 6px;
  position: absolute;
  left: 32px;
  top: 18px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .detail-article__content ul li::before {
    top: calc(16px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .detail-article__content ul li::before {
    top: calc(14px + 2 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .detail-article__content ul li::before {
    top: 14px;
  }
}
@media screen and (max-width: 768px) {
  .detail-article__content ul li::before {
    left: 0px;
  }
}
.detail-article__content ol {
  margin-bottom: 24px;
  font-family: 'Inter', Arial, sans-serif;
  padding-left: 50px;
}
@media screen and (max-width: 1280px) {
  .detail-article__content ol {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 768px) {
  .detail-article__content ol {
    margin-bottom: 16px;
    padding-left: 21px;
  }
}
.detail-article__content ol li {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 6px;
  font-family: 'Inter', Arial, sans-serif;
  font-size: 20px;
  line-height: 170%;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .detail-article__content ol li {
    font-size: calc(18px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .detail-article__content ol li {
    font-size: calc(16px + 2 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .detail-article__content ol li {
    font-size: 16px;
  }
}
.detail-article__content ol li::marker {
  color: #11C3FD;
  font-weight: 700;
}
.detail-article__content figcaption {
  margin-top: 24px;
  margin-bottom: 0;
  color: #789CC5;
  text-align: center;
  font-size: 14px;
  line-height: 170%;
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .detail-article__content figcaption {
    font-size: calc(12px + 2 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .detail-article__content figcaption {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .detail-article__content figcaption {
    margin-top: 16px;
  }
}
.detail-article__content figure {
  margin-top: 48px;
  margin-bottom: 48px;
}
@media screen and (max-width: 1280px) {
  .detail-article__content figure {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 768px) {
  .detail-article__content figure {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
.detail-article__content figure img {
  border-radius: 16px!important;
}
@media screen and (max-width: 1280px) {
  .detail-article__content figure img {
    border-radius: 16px!important;
  }
}
@media screen and (max-width: 768px) {
  .detail-article__content figure img {
    border-radius: 8px!important;
  }
}
.detail-article__content figure.wp-block-image img {
  width: 100%;
  height: auto;
}
.detail-article__content .shadow img,
.detail-article__content img.shadow {
  box-shadow: 0px 32px 32px -24px rgba(52, 105, 179, 0.24);
}
.detail-article__content .sl-author {
  background: linear-gradient(75.77deg, #011F55 0.84%, #02286F 21.87%, #67038B 87.73%);
  border-radius: 16px;
  width: 100%;
  padding: 44px 64px 40px 64px;
  margin-top: 87px;
  margin-bottom: 32px;
  position: relative;
}
@media screen and (max-width: 1280px) {
  .detail-article__content .sl-author {
    padding: 48px 56px 40px 56px;
    margin-top: 64px;
  }
}
@media screen and (max-width: 768px) {
  .detail-article__content .sl-author {
    padding: 40px 24px 32px 24px;
  }
}
.detail-article__content .sl-author__top {
  position: absolute;
  width: 92px;
  height: 92px;
  left: calc(50% - 46px);
  top: -58px;
}
@media screen and (max-width: 1280px) {
  .detail-article__content .sl-author__top {
    width: 76px;
    height: 76px;
    left: calc(50% - 38px);
    top: -46px;
  }
}
.detail-article__content .sl-author__avatar {
  height: 92px;
  width: 92px;
  border-radius: 50%;
  border: 6px solid #F4FAFF;
  object-fit: cover;
}
@media screen and (max-width: 1280px) {
  .detail-article__content .sl-author__avatar {
    width: 76px;
    height: 76px;
  }
}
.detail-article__content .sl-author__name {
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 125%;
  color: #ffffff;
  margin-bottom: 16px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .detail-article__content .sl-author__name {
    font-size: calc(18px + 6 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .detail-article__content .sl-author__name {
    font-size: calc(16px + 2 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .detail-article__content .sl-author__name {
    font-size: 16px;
  }
}
.detail-article__content .sl-author__name span {
  display: block;
  text-align: center;
  font-size: 18px;
  line-height: normal;
  margin-bottom: 8px;
  font-weight: 500;
}
.detail-article__content .sl-author__about {
  font-weight: 400;
  font-size: 16px;
  line-height: 170%;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 0;
  font-family: 'Inter', Arial, sans-serif;
  color: #B3D8FF;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .detail-article__content .sl-author__about {
    font-size: calc(14px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .detail-article__content .sl-author__about {
    font-size: 14px;
  }
}
.detail-article__content .sl-author__social-networks {
  margin-top: 24px;
  display: flex;
  justify-content: center;
}
.detail-article__content .sl-author__social-networks__link {
  width: 32px;
  height: 32px;
  display: block;
  margin-left: 6px;
  margin-right: 6px;
}
.detail-article__content .sl-author__social-networks__twitter {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32 15.9064C32 24.6913 24.8366 31.8129 16 31.8129C7.16344 31.8129 0 24.6913 0 15.9064C0 7.12155 7.16344 0 16 0C24.8366 0 32 7.12155 32 15.9064ZM24.048 13.3853C24.048 18.4515 20.168 24.2971 13.072 24.2971C10.896 24.2971 8.864 23.6608 7.176 22.5633C7.48 22.603 7.784 22.6189 8.096 22.6189C9.904 22.6189 11.568 22.0066 12.888 20.9806C11.2 20.9488 9.776 19.8433 9.288 18.3163C9.528 18.364 9.768 18.3878 10.016 18.3878C10.368 18.3878 10.712 18.3401 11.032 18.2526C9.264 17.8947 7.936 16.3518 7.936 14.4908V14.443C8.456 14.7294 9.048 14.9043 9.68 14.9202C8.64 14.2363 7.96 13.0592 7.96 11.731C7.96 11.0311 8.152 10.371 8.48 9.80632C10.384 12.1287 13.224 13.6557 16.432 13.8147C16.36 13.5364 16.328 13.2421 16.328 12.9399C16.328 10.8243 18.056 9.10643 20.184 9.10643C21.296 9.10643 22.296 9.56772 23 10.3153C23.88 10.1404 24.704 9.82222 25.448 9.3848C25.16 10.2835 24.552 11.0311 23.752 11.5083C24.536 11.4129 25.28 11.2061 25.968 10.9039C25.448 11.6753 24.792 12.3513 24.04 12.8922C24.048 13.0512 24.048 13.2182 24.048 13.3853Z' fill='%23E5F2FF'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
}
.detail-article__content .sl-author__social-networks__twitter:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32 15.9064C32 24.6913 24.8366 31.8129 16 31.8129C7.16344 31.8129 0 24.6913 0 15.9064C0 7.12155 7.16344 0 16 0C24.8366 0 32 7.12155 32 15.9064ZM24.048 13.3853C24.048 18.4515 20.168 24.2971 13.072 24.2971C10.896 24.2971 8.864 23.6608 7.176 22.5633C7.48 22.603 7.784 22.6189 8.096 22.6189C9.904 22.6189 11.568 22.0066 12.888 20.9806C11.2 20.9488 9.776 19.8433 9.288 18.3163C9.528 18.364 9.768 18.3878 10.016 18.3878C10.368 18.3878 10.712 18.3401 11.032 18.2526C9.264 17.8947 7.936 16.3518 7.936 14.4908V14.443C8.456 14.7294 9.048 14.9043 9.68 14.9202C8.64 14.2363 7.96 13.0592 7.96 11.731C7.96 11.0311 8.152 10.371 8.48 9.80632C10.384 12.1287 13.224 13.6557 16.432 13.8147C16.36 13.5364 16.328 13.2421 16.328 12.9399C16.328 10.8243 18.056 9.10643 20.184 9.10643C21.296 9.10643 22.296 9.56772 23 10.3153C23.88 10.1404 24.704 9.82222 25.448 9.3848C25.16 10.2835 24.552 11.0311 23.752 11.5083C24.536 11.4129 25.28 11.2061 25.968 10.9039C25.448 11.6753 24.792 12.3513 24.04 12.8922C24.048 13.0512 24.048 13.2182 24.048 13.3853Z' fill='%2362EAF3'/%3E%3C/svg%3E%0A");
}
.detail-article__content .sl-author__social-networks__linkedin {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1255_5656)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 0C7.16326 0 0 7.16326 0 16C0 24.8367 7.16326 32 16 32C24.8367 32 32 24.8367 32 16C32 7.16326 24.8367 0 16 0ZM11.7518 23.684L8.45996 23.667C8.45684 23.4102 8.53275 22.4335 8.51057 22.1146C8.48527 21.7593 8.47556 20.3619 8.4707 20.0146C8.46724 19.668 8.43502 18.1197 8.44369 17.6878C8.45443 17.11 8.37435 16.532 8.37435 15.9545C8.37435 15.1167 8.37435 14.1494 8.37435 13.3882C8.37435 13.3882 10.7581 13.0901 11.6246 13.3882L11.6638 13.9153C11.6631 14.2064 11.6742 15.3699 11.6856 15.6538C11.712 16.3075 11.7733 17.0699 11.747 17.7299C11.722 18.3884 11.7404 19.298 11.7574 19.9434C11.7958 21.3635 11.7737 22.345 11.7518 23.684ZM8.75944 11.3653C8.26932 11.0114 8.05719 10.2323 8.22426 9.61354C8.5279 8.4943 9.91023 7.91225 10.9279 8.36944C13.4035 9.48244 11.2024 13.1299 8.75944 11.3653ZM23.7976 23.7872L20.6059 23.7528C20.6059 21.7954 20.6402 18.4159 20.5716 17.7601C20.5043 17.1043 20.253 16.4778 20.0659 16.2976C19.7539 15.996 19.1986 15.9295 18.7875 15.9281C17.6766 15.925 16.9858 16.7688 16.9338 17.4212C16.8825 18.0735 16.879 21.477 16.9168 22.025C16.9432 22.3966 16.9338 23.6257 16.9338 23.6257C15.9501 23.6257 15.069 23.6257 14.0853 23.6257H13.7761C13.773 22.5858 13.8517 20.8357 13.7931 19.3997C13.7581 18.5199 13.6991 17.6179 13.7085 16.7448C13.7126 16.2772 13.6967 15.8301 13.7085 15.3632C13.7185 14.8987 13.7425 13.3448 13.7425 13.3448C14.3608 13.3538 14.9022 13.3299 15.3719 13.35C15.9158 13.3725 16.3445 13.3473 16.8523 13.3837C16.8998 13.7809 16.8513 14.4693 16.8998 14.7948C16.8998 14.7948 18.1269 13.3918 18.9255 13.2865C19.6218 13.1939 20.1851 13.0056 20.8901 13.2514C21.7536 13.5523 22.4468 13.862 23.0846 14.5545C23.3082 14.7971 23.5418 15.0891 23.5917 15.4191C23.6724 15.948 23.6724 15.948 23.6946 16.2014C23.7234 16.5231 23.8312 18.2141 23.8319 18.7365C23.8333 19.3333 23.6038 23.3677 23.7976 23.7872Z' fill='%23E5F2FF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1255_5656'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
}
.detail-article__content .sl-author__social-networks__linkedin:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1255_5656)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 0C7.16326 0 0 7.16326 0 16C0 24.8367 7.16326 32 16 32C24.8367 32 32 24.8367 32 16C32 7.16326 24.8367 0 16 0ZM11.7518 23.684L8.45996 23.667C8.45684 23.4102 8.53275 22.4335 8.51057 22.1146C8.48527 21.7593 8.47556 20.3619 8.4707 20.0146C8.46724 19.668 8.43502 18.1197 8.44369 17.6878C8.45443 17.11 8.37435 16.532 8.37435 15.9545C8.37435 15.1167 8.37435 14.1494 8.37435 13.3882C8.37435 13.3882 10.7581 13.0901 11.6246 13.3882L11.6638 13.9153C11.6631 14.2064 11.6742 15.3699 11.6856 15.6538C11.712 16.3075 11.7733 17.0699 11.747 17.7299C11.722 18.3884 11.7404 19.298 11.7574 19.9434C11.7958 21.3635 11.7737 22.345 11.7518 23.684ZM8.75944 11.3653C8.26932 11.0114 8.05719 10.2323 8.22426 9.61354C8.5279 8.4943 9.91023 7.91225 10.9279 8.36944C13.4035 9.48244 11.2024 13.1299 8.75944 11.3653ZM23.7976 23.7872L20.6059 23.7528C20.6059 21.7954 20.6402 18.4159 20.5716 17.7601C20.5043 17.1043 20.253 16.4778 20.0659 16.2976C19.7539 15.996 19.1986 15.9295 18.7875 15.9281C17.6766 15.925 16.9858 16.7688 16.9338 17.4212C16.8825 18.0735 16.879 21.477 16.9168 22.025C16.9432 22.3966 16.9338 23.6257 16.9338 23.6257C15.9501 23.6257 15.069 23.6257 14.0853 23.6257H13.7761C13.773 22.5858 13.8517 20.8357 13.7931 19.3997C13.7581 18.5199 13.6991 17.6179 13.7085 16.7448C13.7126 16.2772 13.6967 15.8301 13.7085 15.3632C13.7185 14.8987 13.7425 13.3448 13.7425 13.3448C14.3608 13.3538 14.9022 13.3299 15.3719 13.35C15.9158 13.3725 16.3445 13.3473 16.8523 13.3837C16.8998 13.7809 16.8513 14.4693 16.8998 14.7948C16.8998 14.7948 18.1269 13.3918 18.9255 13.2865C19.6218 13.1939 20.1851 13.0056 20.8901 13.2514C21.7536 13.5523 22.4468 13.862 23.0846 14.5545C23.3082 14.7971 23.5418 15.0891 23.5917 15.4191C23.6724 15.948 23.6724 15.948 23.6946 16.2014C23.7234 16.5231 23.8312 18.2141 23.8319 18.7365C23.8333 19.3333 23.6038 23.3677 23.7976 23.7872Z' fill='%2362EAF3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1255_5656'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.detail-related {
  padding-top: 96px;
  padding-bottom: 128px;
  background: linear-gradient(76.74deg, #F4FAFF -7.86%, #CEE6FF 47.42%, #FFFFFF 118.49%);
}
@media screen and (max-width: 1280px) {
  .detail-related {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .detail-related {
    padding-top: 24px;
    padding-bottom: 48px;
  }
}
.detail-related__heading {
  margin-bottom: 44px;
  text-align: center;
}
@media screen and (max-width: 1280px) {
  .detail-related__heading {
    margin-bottom: 28px;
  }
}
@media screen and (max-width: 768px) {
  .detail-related__heading {
    margin-bottom: 34px;
  }
}
.detail-related__articles {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
}
@media screen and (max-width: 992px) {
  .detail-related__articles {
    margin-left: 0;
    margin-right: 0;
  }
}
.detail-related .article {
  width: calc((100% / 3) - (120px / 3));
  margin: 20px;
  background: #FFFFFF;
  border-radius: 16px;
  box-shadow: 0px 32px 32px -24px rgba(52, 105, 179, 0.24);
  display: flex;
  transition: 0.3s all linear;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  transform: translateZ(0);
}
@media screen and (max-width: 1280px) {
  .detail-related .article {
    margin: 12px;
    width: calc((100% / 3) - (72px / 3));
  }
}
@media screen and (max-width: 1200px) {
  .detail-related .article {
    margin: 12px;
    width: calc((100% / 2) - (48px / 2));
  }
  .detail-related .article:nth-child(3) {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .detail-related .article {
    margin: 18px 0 18px 0;
    width: 100%;
  }
  .detail-related .article:nth-child(3) {
    display: flex;
  }
  .detail-related .article:last-of-type {
    margin-bottom: 0;
  }
}
.detail-related .article:hover {
  transform: scale(1.02);
}
.detail-related .article a {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  transition: 0.3s all linear;
  -webkit-perspective: 1000;
}
.detail-related .article a:hover {
  text-decoration: none;
  transition: 0.3s all linear;
}
.detail-related .article a.mobile-app-analytics:hover .article__title {
  color: #FF7584;
  transition: 0.3s all linear;
}
.detail-related .article a.ux:hover .article__title {
  color: #00A2A8;
  transition: 0.3s all linear;
}
.detail-related .article a.product-management:hover .article__title {
  color: #E03EBF;
  transition: 0.3s all linear;
}
.detail-related .article a.website-analytics:hover .article__title {
  color: #FF9138;
  transition: 0.3s all linear;
}
.detail-related .article a.smartlook-life:hover .article__title {
  color: #11C3FD;
  transition: 0.3s all linear;
}
.detail-related .article a.customer-stories:hover .article__title {
  color: #034CD3;
  transition: 0.3s all linear;
}
.detail-related .article a.product-updates:hover .article__title {
  color: #9F05D6;
  transition: 0.3s all linear;
}
.detail-related .article a:not(.mobile-app-analytics):not(.ux):not(.product-management):not(.website-analytics):not(.smartlook-life):not(.customer-stories):not(.product-updates):hover .article__title {
  color: #668FBD;
  transition: 0.3s all linear;
}
.detail-related .article__image {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
}
.detail-related .article__image img {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  width: 100%;
  height: 248px;
  object-fit: cover;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  display: block;
}
@media screen and (max-width: 768px) {
  .detail-related .article__image img {
    display: none;
  }
}
.detail-related .article__content {
  padding: 32px 24px 24px 24px;
  display: flex;
  flex-direction: column;
  flex: 1;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
}
@media screen and (max-width: 1280px) {
  .detail-related .article__content {
    padding: 24px 16px 16px 16px;
  }
}
@media screen and (max-width: 768px) {
  .detail-related .article__content {
    padding: 24px 16px 24px 16px;
  }
}
.detail-related .article__title {
  flex-grow: 1;
  transition: 0.3s all linear;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  font-weight: 700;
  font-size: 24px;
  line-height: 150%;
  color: #023189;
  margin-bottom: 16px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .detail-related .article__title {
    font-size: calc(18px + 6 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .detail-related .article__title {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .detail-related .article__title {
    margin-bottom: 24px;
  }
}
.detail-related .article__title--casestudy {
  flex-grow: unset;
}
.detail-related .article__perex {
  color: #3469B3;
  font-size: 18px;
  font-family: 'Inter', Arial, sans-serif;
  font-style: normal;
  font-weight: 420;
  line-height: 170%;
  margin-bottom: 16px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .detail-related .article__perex {
    font-size: calc(16px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .detail-related .article__perex {
    font-size: 16px;
  }
}
.detail-related .article__features {
  display: flex;
  margin-top: auto;
  justify-content: flex-end;
  align-items: center;
}
.detail-related .article__features-label {
  color: #668FBD;
  font-size: 16px;
  font-family: 'Inter', Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  margin-right: 8px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .detail-related .article__features-label {
    font-size: calc(14px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .detail-related .article__features-label {
    font-size: 14px;
  }
}
.detail-related .article__features-item {
  margin-left: 8px;
  position: relative;
}
.detail-related .article__features-item-icon {
  cursor: pointer;
}
.detail-related .article__features-item-icon svg {
  display: block;
}
.detail-related .article__features-item-tooltip {
  position: absolute;
  bottom: 44px;
  box-shadow: 0px 0px 10px 3px rgba(2, 49, 137, 0.1);
  background-color: #023189;
  border-radius: 8px;
  padding: 16px;
  white-space: nowrap;
  left: 0px;
  display: none;
}
.detail-related .article__features-item-tooltip::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='7' viewBox='0 0 17 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.67158 5.17158L0.5 0H16.5L11.3284 5.17157C9.76633 6.73367 7.23367 6.73367 5.67158 5.17158Z' fill='%23023189'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  width: 17px;
  height: 7px;
  position: absolute;
  bottom: -6px;
  left: calc(50% - 8px);
}
.detail-related .article__features-item-tooltip span {
  text-align: center;
  font-size: 14px;
  color: #FFF;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  display: block;
}
.detail-related .article__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.detail-related .article__author {
  display: flex;
  align-items: center;
}
.detail-related .article__author__photo {
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
@media screen and (max-width: 768px) {
  .detail-related .article__author__photo {
    width: 24px;
    height: 24px;
    margin-right: 8px;
  }
}
.detail-related .article__author__photo img {
  width: 32px;
  height: 32px;
  object-fit: cover;
  border-radius: 50%;
  -webkit-perspective: 1000;
  display: block;
}
@media screen and (max-width: 768px) {
  .detail-related .article__author__photo img {
    width: 24px;
    height: 24px;
  }
}
.detail-related .article__author span {
  font-size: 16px;
  line-height: 170%;
  color: #789CC5;
  -webkit-perspective: 1000;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .detail-related .article__author span {
    font-size: calc(14px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .detail-related .article__author span {
    font-size: 14px;
  }
}
.detail-related .article__reading-time {
  font-size: 16px;
  line-height: 170%;
  color: #789CC5;
  padding-left: 32px;
  position: relative;
  -webkit-perspective: 1000;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .detail-related .article__reading-time {
    font-size: calc(14px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .detail-related .article__reading-time {
    font-size: 14px;
  }
}
@media screen and (max-width: 1280px) {
  .detail-related .article__reading-time {
    padding-left: 24px;
  }
}
.detail-related .article__reading-time .icon-clock {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.0977 12.5C24.0977 19.1274 18.7251 24.5 12.0977 24.5C5.47024 24.5 0.0976562 19.1274 0.0976562 12.5C0.0976562 5.87258 5.47024 0.5 12.0977 0.5C18.7251 0.5 24.0977 5.87258 24.0977 12.5ZM21.0977 12.5C21.0977 17.4706 17.0682 21.5 12.0977 21.5C7.12709 21.5 3.09766 17.4706 3.09766 12.5C3.09766 7.52944 7.12709 3.5 12.0977 3.5C17.0682 3.5 21.0977 7.52944 21.0977 12.5ZM12.2227 6.5C12.8461 6.5 13.3477 7.00156 13.3477 7.625V12.0359L16.3523 15.0781C16.8305 15.5188 16.8305 16.2313 16.3523 16.6297C15.9539 17.1078 15.2414 17.1078 14.8008 16.6297L11.4258 13.2547C11.2148 13.0859 11.0977 12.8 11.0977 12.5V7.625C11.0977 7.00156 11.5992 6.5 12.2227 6.5Z' fill='%23789CC5'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: center center;
  width: 25px;
  height: 25px;
  position: absolute;
  left: 0;
  top: 0px;
}
@media screen and (max-width: 1280px) {
  .detail-related .article__reading-time .icon-clock {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .detail-related .article__reading-time .icon-clock {
    display: block;
  }
}
@media screen and (max-width: 900px) {
  .detail-related .article__reading-time .icon-clock {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.33803 9.11066H7.99195C8.19584 9.11066 8.36486 9.04359 8.49899 8.90946C8.6385 8.76995 8.70825 8.60362 8.70825 8.41046V3.61368C8.70825 3.41516 8.6385 3.24883 8.49899 3.11469C8.36486 2.98055 8.19584 2.91348 7.99195 2.91348C7.79879 2.91348 7.63246 2.98055 7.49296 3.11469C7.35882 3.24883 7.29175 3.41516 7.29175 3.61368V7.70221H4.33803C4.13414 7.70221 3.96512 7.77197 3.83099 7.91147C3.69685 8.04561 3.62978 8.21194 3.62978 8.41046C3.62978 8.60362 3.69685 8.76995 3.83099 8.90946C3.96512 9.04359 4.13414 9.11066 4.33803 9.11066ZM8 16C9.09993 16 10.1328 15.7907 11.0986 15.3722C12.0644 14.9591 12.9148 14.385 13.6499 13.6499C14.385 12.9148 14.9591 12.0644 15.3722 11.0986C15.7907 10.1328 16 9.09993 16 8C16 6.90543 15.7907 5.87525 15.3722 4.90946C14.9591 3.94366 14.3823 3.09323 13.6419 2.35815C12.9068 1.62307 12.0563 1.04628 11.0905 0.627767C10.1247 0.209256 9.09188 0 7.99195 0C6.90275 0 5.87525 0.209256 4.90946 0.627767C3.94366 1.04628 3.09054 1.62307 2.3501 2.35815C1.61502 3.09323 1.03823 3.94366 0.619718 4.90946C0.206573 5.87525 0 6.90543 0 8C0 9.09993 0.209256 10.1328 0.627767 11.0986C1.04628 12.0644 1.62307 12.9148 2.35815 13.6499C3.09323 14.385 3.94366 14.9591 4.90946 15.3722C5.87525 15.7907 6.90543 16 8 16ZM8 14.1006C7.15761 14.1006 6.3662 13.9423 5.62575 13.6258C4.89068 13.3146 4.24413 12.8799 3.68612 12.3219C3.1281 11.7639 2.69081 11.1174 2.37425 10.3823C2.06304 9.64185 1.90744 8.84775 1.90744 8C1.90744 7.15761 2.06304 6.36888 2.37425 5.6338C2.69081 4.89336 3.1281 4.24413 3.68612 3.68612C4.24413 3.1281 4.89068 2.69349 5.62575 2.38229C6.36083 2.06573 7.14956 1.90744 7.99195 1.90744C8.84507 1.90744 9.63917 2.06573 10.3742 2.38229C11.1147 2.69349 11.7639 3.1281 12.3219 3.68612C12.8799 4.24413 13.3146 4.89336 13.6258 5.6338C13.9423 6.36888 14.1006 7.15761 14.1006 8C14.1006 8.84775 13.9423 9.64185 13.6258 10.3823C13.3146 11.1174 12.8799 11.7639 12.3219 12.3219C11.7639 12.8799 11.1147 13.3146 10.3742 13.6258C9.63917 13.9423 8.84775 14.1006 8 14.1006Z' fill='%23789CC5'/%3E%3C/svg%3E%0A");
    width: 16px;
    height: 16px;
    top: 3px;
  }
}
.detail-related .article__categories {
  position: relative;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
}
.detail-related .article__categories ul {
  position: absolute;
  left: 24px;
  top: -15px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
}
@media screen and (max-width: 1280px) {
  .detail-related .article__categories ul {
    left: 16px;
    top: -13px;
  }
}
.detail-related .article__categories ul li {
  font-size: 14px;
  line-height: 170%;
  font-weight: 700;
  padding: 2px 16px;
  border-radius: 6px;
  color: #ffffff;
  background-color: #668FBD;
  margin-right: 8px;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  font-family: 'Inter', Arial, sans-serif;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .detail-related .article__categories ul li {
    font-size: calc(12px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .detail-related .article__categories ul li {
    font-size: 12px;
  }
}
@media screen and (max-width: 1550px) {
  .detail-related .article__categories ul li {
    padding: 2px 6px;
  }
}
.detail-related .article__categories ul li.mobile-app-analytics {
  background-color: #FF7584;
}
.detail-related .article__categories ul li.ux {
  background-color: #00A2A8;
}
.detail-related .article__categories ul li.product-management {
  background-color: #E03EBF;
}
.detail-related .article__categories ul li.website-analytics {
  background-color: #FF9138;
}
.detail-related .article__categories ul li.smartlook-life {
  background-color: #11C3FD;
}
.detail-related .article__categories ul li.customer-stories {
  background-color: #034CD3;
}
.detail-related .article__categories ul li.product-updates {
  background-color: #B106EF;
}
.detail-related .article__categories--casestudy ul li {
  background-color: #034CD3;
}
/* ----------------------------------------------------------------------------------------------------------- */
/* Smartlook Shortcoder Styles                                                                                 */
/* ----------------------------------------------------------------------------------------------------------- */
/* Author */
/* Button */
.sl-button {
  position: relative;
  text-transform: initial;
  text-decoration: none;
  word-break: keep-all;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
  padding: 12px 22px;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  border: solid 1px transparent;
  border-radius: 20px;
}
.sl-button--primary {
  color: #fff;
  border: none;
  background-image: linear-gradient(80deg, #ff5b6c, #ffae6d);
}
.sl-button--primary:hover {
  color: #fff;
  background-image: linear-gradient(to bottom, rgba(212, 77, 77, 0.5), rgba(212, 77, 77, 0.5)), linear-gradient(80deg, #ff5b6c, #ffae6d);
}
.sl-button--primary:active {
  background-image: none;
  color: #fff;
  background-color: #d44d4d;
}
.sl-button--secondary {
  color: #3677d1;
  font-weight: normal;
  border: solid 1px #3677d1;
  background-color: #fff;
}
.sl-button--secondary:hover {
  background-color: #f7fbff;
}
.sl-button--secondary:active {
  background-color: #3677d1;
  color: #fff;
}
.sl-button--small {
  font-size: 11px;
  font-weight: bold;
  padding: 6px 12px;
  text-transform: uppercase;
}
/* Cta Block */
.sl-cta-block {
  border: 1px solid #00eaf3;
  padding: 8px;
  border-radius: 13px;
  width: 100%;
  min-height: 290px;
  height: 290px;
  color: #023189;
  margin-bottom: 20px;
  overflow: visible;
  transition: all 0.25s ease-in-out;
}
.sl-cta-block:hover {
  padding: 0;
  transform: scale(1.1, 1.1);
}
.sl-cta-block--light {
  color: #023189;
}
.sl-cta-block--dark {
  color: #fff;
}
.sl-cta-block--green {
  color: #333;
}
.sl-cta-block--green .sl-cta-block__inner {
  background-color: #fff;
}
.sl-cta-block--green .sl-cta-block__text {
  font-weight: 500;
  color: #026f73;
}
.sl-cta-block--light .sl-cta-block__inner {
  background-color: #e5f2ff;
}
.sl-cta-block--dark .sl-cta-block__inner {
  background-color: #023189;
}
.sl-cta-block__inner {
  text-align: center;
  justify-content: center;
  height: 100%;
  position: relative;
  background-color: #e5f2ff;
  display: flex;
  flex-direction: column;
  border-radius: 13px;
  box-shadow: 0 4px 10px 0 rgba(86, 218, 240, 0.5);
  overflow: hidden;
}
.sl-cta-block__text {
  font-size: 36px;
  font-weight: 300;
  line-height: 0.82;
  margin-bottom: 8px;
}
.sl-cta-block__subtext {
  font-size: 21px;
  margin-bottom: 32px;
}
.sl-cta-block__btn {
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 0.78;
  padding: 20px 27px 22px;
  border-radius: 28px;
}
.sl-cta-block__bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
}
/* CTA aside */
.sl-cta-aside {
  width: 327px;
  height: 313px;
  padding: 35px 63px 110px;
  position: absolute;
  right: -327px;
  background-image: url(../images/cta-aside-bg.png);
  bottom: -35px;
}
.sl-cta-aside--dark {
  background-image: url(../images/cta-aside-dark-bg.png);
}
.sl-cta-aside--dark .sl-cta-aside__text {
  color: #fff;
}
.sl-cta-aside__text {
  padding-bottom: 20px;
  font-size: 21px;
  font-weight: 300;
  line-height: 1.41;
  color: #333;
}
.sl-cta-aside .sl-button {
  width: 100%;
  display: block;
  text-align: center;
}
@media only screen and (max-width: 1590px) {
  .sl-cta-aside {
    display: none;
  }
}