/* fonts */
/* ubuntu-300 - latin-ext_latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/ubuntu-v15-latin-ext_latin-300.eot');
  /* IE9 Compat Modes */
  src: local(''), url('fonts/ubuntu-v15-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/ubuntu-v15-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/ubuntu-v15-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */ url('fonts/ubuntu-v15-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/ubuntu-v15-latin-ext_latin-300.svg#Ubuntu') format('svg');
  /* Legacy iOS */
}
/* ubuntu-regular - latin-ext_latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/ubuntu-v15-latin-ext_latin-regular.eot');
  /* IE9 Compat Modes */
  src: local(''), url('fonts/ubuntu-v15-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/ubuntu-v15-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/ubuntu-v15-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/ubuntu-v15-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/ubuntu-v15-latin-ext_latin-regular.svg#Ubuntu') format('svg');
  /* Legacy iOS */
}
/* ubuntu-500 - latin-ext_latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/ubuntu-v15-latin-ext_latin-500.eot');
  /* IE9 Compat Modes */
  src: local(''), url('fonts/ubuntu-v15-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/ubuntu-v15-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/ubuntu-v15-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */ url('fonts/ubuntu-v15-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/ubuntu-v15-latin-ext_latin-500.svg#Ubuntu') format('svg');
  /* Legacy iOS */
}
/* ubuntu-700 - latin-ext_latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/ubuntu-v15-latin-ext_latin-700.eot');
  /* IE9 Compat Modes */
  src: local(''), url('fonts/ubuntu-v15-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/ubuntu-v15-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/ubuntu-v15-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/ubuntu-v15-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/ubuntu-v15-latin-ext_latin-700.svg#Ubuntu') format('svg');
  /* Legacy iOS */
}
@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter-Bold.eot');
  src: url('fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Inter-Bold.woff2') format('woff2'), url('fonts/Inter-Bold.woff') format('woff'), url('fonts/Inter-Bold.ttf') format('truetype'), url('fonts/Inter-Bold.svg#Inter-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter-Black.eot');
  src: url('fonts/Inter-Black.eot?#iefix') format('embedded-opentype'), url('fonts/Inter-Black.woff2') format('woff2'), url('fonts/Inter-Black.woff') format('woff'), url('fonts/Inter-Black.ttf') format('truetype'), url('fonts/Inter-Black.svg#Inter-Black') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter-ExtraLight.eot');
  src: url('fonts/Inter-ExtraLight.eot?#iefix') format('embedded-opentype'), url('fonts/Inter-ExtraLight.woff2') format('woff2'), url('fonts/Inter-ExtraLight.woff') format('woff'), url('fonts/Inter-ExtraLight.ttf') format('truetype'), url('fonts/Inter-ExtraLight.svg#Inter-ExtraLight') format('svg');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter-Medium.eot');
  src: url('fonts/Inter-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Inter-Medium.woff2') format('woff2'), url('fonts/Inter-Medium.woff') format('woff'), url('fonts/Inter-Medium.ttf') format('truetype'), url('fonts/Inter-Medium.svg#Inter-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter-Light.eot');
  src: url('fonts/Inter-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Inter-Light.woff2') format('woff2'), url('fonts/Inter-Light.woff') format('woff'), url('fonts/Inter-Light.ttf') format('truetype'), url('fonts/Inter-Light.svg#Inter-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter-Thin.eot');
  src: url('fonts/Inter-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/Inter-Thin.woff2') format('woff2'), url('fonts/Inter-Thin.woff') format('woff'), url('fonts/Inter-Thin.ttf') format('truetype'), url('fonts/Inter-Thin.svg#Inter-Thin') format('svg');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter-SemiBold.eot');
  src: url('fonts/Inter-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/Inter-SemiBold.woff2') format('woff2'), url('fonts/Inter-SemiBold.woff') format('woff'), url('fonts/Inter-SemiBold.ttf') format('truetype'), url('fonts/Inter-SemiBold.svg#Inter-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter-Regular.eot');
  src: url('fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Inter-Regular.woff2') format('woff2'), url('fonts/Inter-Regular.woff') format('woff'), url('fonts/Inter-Regular.ttf') format('truetype'), url('fonts/Inter-Regular.svg#Inter-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'CiscoSansTT';
  src: url('fonts/CiscoSansTTLight.eot');
  src: url('fonts/CiscoSansTTLight.eot?#iefix') format('embedded-opentype'), url('fonts/CiscoSansTTLight.woff2') format('woff2'), url('fonts/CiscoSansTTLight.woff') format('woff'), url('fonts/CiscoSansTTLight.ttf') format('truetype'), url('fonts/CiscoSansTTLight.svg#CiscoSansTTLight') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* PLUGINS */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
body.compensate-for-scrollbar {
  overflow: hidden;
}
.fancybox-active {
  height: auto;
}
.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}
.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}
.fancybox-container * {
  box-sizing: border-box;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}
.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
  opacity: 0.9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity 0.25s ease, visibility 0s ease 0.25s;
  visibility: hidden;
  z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}
.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fancybox-toolbar {
  right: 0;
  top: 0;
}
.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}
.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}
.fancybox-slide::before {
  content: '';
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}
.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}
.fancybox-slide--image::before {
  display: none;
}
.fancybox-slide--html {
  padding: 6px;
}
.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -ms-transform-origin: top left;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.fancybox-container [data-selectable='true'] {
  cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.fancybox-spaceball {
  z-index: 1;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}
.fancybox-slide--video .fancybox-content {
  background: #000;
}
.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}
.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
/* Fix iOS */
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}
.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}
.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
/* Buttons */
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color 0.2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc;
}
.fancybox-button:hover {
  color: #fff;
}
.fancybox-button:focus {
  outline: none;
}
.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}
/* Fix IE11 */
.fancybox-button div {
  height: 100%;
}
.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}
.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none;
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}
.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -ms-transform-origin: 0;
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}
/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: 0.8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}
.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}
/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
}
.fancybox-navigation .fancybox-button div {
  padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}
/* Caption */
.fancybox-caption {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}
@supports (padding: max(0px)) {
  .fancybox-caption {
    padding: 75px 44px 25px 44px;
  }
}
.fancybox-caption--separate {
  margin-top: -50px;
}
.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}
.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}
/* Loading indicator */
.fancybox-loading {
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}
@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}
/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}
/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
  transform: translate3d(0, 0, 0) scale(1);
}
/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }
  .fancybox-slide--image {
    padding: 6px 0;
  }
  .fancybox-close-small {
    right: -6px;
  }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }
  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }
  @supports (padding: max(0px)) {
    .fancybox-caption {
      padding-left: 12px;
      padding-right: 12px;
    }
  }
}
/* Share */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}
.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
}
.fancybox-share p {
  margin: 0;
  padding: 0;
}
.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff;
}
.fancybox-share__button:hover {
  text-decoration: none;
}
.fancybox-share__button--fb {
  background: #3b5998;
}
.fancybox-share__button--fb:hover {
  background: #344e86;
}
.fancybox-share__button--pt {
  background: #bd081d;
}
.fancybox-share__button--pt:hover {
  background: #aa0719;
}
.fancybox-share__button--tw {
  background: #1da1f2;
}
.fancybox-share__button--tw:hover {
  background: #0d95e8;
}
.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}
.fancybox-share__button svg path {
  fill: #fff;
}
.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}
/* Thumbs */
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995;
}
.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}
.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}
.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}
.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}
.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
  opacity: 0.5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1;
}
/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }
  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}
/* GLOBAL STYLES */
/***
    The new CSS reset - version 1.7.3 (last updated 7.8.2022)
    GitHub page: https://github.com/elad2412/the-new-css-reset
***/
/*
    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    - The "symbol *" part is to solve Firefox SVG sprite bug
 */
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}
/* Preferred box-sizing value */
*,
*::before,
*::after {
  box-sizing: border-box;
}
/* Reapply the pointer cursor for anchor tags */
a,
button {
  cursor: revert;
}
/* Remove list styles (bullets/numbers) */
ol,
ul,
menu {
  list-style: none;
}
/* For images to not be able to exceed their container */
img {
  max-width: 100%;
}
/* removes spacing between cells in tables */
table {
  border-collapse: collapse;
}
/* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
input,
textarea {
  -webkit-user-select: auto;
}
/* revert the 'white-space' property for textarea elements on Safari */
textarea {
  white-space: revert;
}
/* minimum style to allow to style meter element */
meter {
  -webkit-appearance: revert;
  appearance: revert;
}
/* reset default text opacity of input placeholder */
::placeholder {
  color: unset;
}
/* fix the feature of 'hidden' attribute.
 display:revert; revert to element instead of attribute */
:where([hidden]) {
  display: none;
}
/* revert for bug in Chromium browsers
 - fix for the content editable attribute will work properly.
 - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
:where([contenteditable]:not([contenteditable="false"])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}
/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable="true"]) {
  -webkit-user-drag: element;
}
/** 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: 18px;
  line-height: 170%;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  body {
    font-size: calc(16px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  body {
    font-size: 16px;
  }
}
.h1 {
  font-weight: 700;
  font-size: 60px;
  line-height: 125%;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .h1 {
    font-size: calc(48px + 12 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .h1 {
    font-size: calc(40px + 8 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .h1 {
    font-size: 40px;
  }
}
.h2 {
  font-weight: 700;
  font-size: 48px;
  line-height: 125%;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .h2 {
    font-size: calc(40px + 8 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .h2 {
    font-size: calc(32px + 8 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .h2 {
    font-size: 32px;
  }
}
.h3 {
  font-weight: 700;
  font-size: 40px;
  line-height: 125%;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .h3 {
    font-size: calc(32px + 8 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .h3 {
    font-size: calc(28px + 4 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .h3 {
    font-size: 28px;
  }
}
.h4 {
  font-weight: 700;
  font-size: 32px;
  line-height: 125%;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .h4 {
    font-size: calc(28px + 4 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .h4 {
    font-size: calc(24px + 4 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .h4 {
    font-size: 24px;
  }
}
.h5 {
  font-weight: 700;
  font-size: 28px;
  line-height: 125%;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .h5 {
    font-size: calc(24px + 4 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .h5 {
    font-size: calc(18px + 6 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .h5 {
    font-size: 18px;
  }
}
.h6 {
  font-weight: 700;
  font-size: 24px;
  line-height: 125%;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .h6 {
    font-size: calc(18px + 6 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .h6 {
    font-size: calc(16px + 2 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .h6 {
    font-size: 18px;
  }
}
.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;
  }
}
.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;
}
.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(:last-child) {
    display: none;
  }
  .breadcrumb ol li:last-child {
    font-size: 14px;
    font-weight: 400;
  }
  .breadcrumb ol li:last-child a {
    text-decoration: none;
    color: #B3D8FF;
  }
  .breadcrumb ol li:last-child::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;
}
/* MAIN DESIGN */
/* common border radius */
/* disable text selection */
section.gt-block,
.editor-styles-wrapper section.gt-block {
  position: relative;
  /* BUTTONS 2022 */
  /* end of: BUTTONS 2022 */
}
section.gt-block .center,
.editor-styles-wrapper section.gt-block .center {
  margin: 0 auto;
  position: relative;
}
section.gt-block .button,
.editor-styles-wrapper section.gt-block .button {
  cursor: pointer;
  line-height: 22px;
  outline: none;
  position: relative;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
  word-break: keep-all;
}
section.gt-block .button--primary,
.editor-styles-wrapper section.gt-block .button--primary {
  background-image: linear-gradient(80deg, #ff5b6c, #ffae6d);
  border: none;
  border-radius: 26.5px;
  box-shadow: 0 3px 6px 0 rgba(6, 38, 97, 0.1);
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  padding: 16px 32px;
}
section.gt-block .button--primary:hover,
.editor-styles-wrapper section.gt-block .button--primary:hover {
  background-image: linear-gradient(180deg, rgba(212, 77, 77, 0.5), rgba(212, 77, 77, 0.5)), linear-gradient(80deg, #ff5b6c, #ffae6d);
  color: #fff;
}
section.gt-block .button--primary-reverted,
.editor-styles-wrapper section.gt-block .button--primary-reverted {
  background-color: #fff;
  border: none;
  border-radius: 26.5px;
  box-shadow: inset 0 0 0 2px #ff5b6c;
  color: #ff5b6c;
  font-size: 16px;
  font-weight: 700;
  padding: 12px 24px;
}
section.gt-block .button--primary-reverted:hover,
.editor-styles-wrapper section.gt-block .button--primary-reverted:hover {
  background-image: linear-gradient(180deg, rgba(212, 77, 77, 0.5), rgba(212, 77, 77, 0.5)), linear-gradient(80deg, #ff5b6c, #ffae6d);
  box-shadow: none;
  color: #fff;
}
section.gt-block .button--secondary,
.editor-styles-wrapper section.gt-block .button--secondary {
  background-color: #fff;
  border: 1px solid #cee6ff;
  border-radius: 23.5px;
  color: #023189;
  font-size: 14px;
  font-weight: 400;
  padding: 12px 22px;
}
section.gt-block .button--secondary:hover,
.editor-styles-wrapper section.gt-block .button--secondary:hover,
section.gt-block .button--secondary:active,
.editor-styles-wrapper section.gt-block .button--secondary:active {
  background-color: #3677d1;
  border: 1px solid #3677d1;
  color: #fff;
}
section.gt-block .button--small,
.editor-styles-wrapper section.gt-block .button--small {
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  max-height: 40px;
  padding: 12px 22px;
}
section.gt-block .button--ternary-big,
.editor-styles-wrapper section.gt-block .button--ternary-big {
  background-color: transparent;
  border: 2px solid #023189;
  border-radius: 26.5px;
  color: #023189;
  font-size: 18px;
  font-weight: 400;
  padding: 14px 40px;
}
section.gt-block .button--ternary-big:active,
.editor-styles-wrapper section.gt-block .button--ternary-big:active,
section.gt-block .button--ternary-big:hover,
.editor-styles-wrapper section.gt-block .button--ternary-big:hover {
  background-color: #023189;
  color: #fff;
}
section.gt-block .button--no-shadow,
.editor-styles-wrapper section.gt-block .button--no-shadow {
  box-shadow: none;
}
section.gt-block ul,
.editor-styles-wrapper section.gt-block ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
section.gt-block .buttons,
.editor-styles-wrapper section.gt-block .buttons {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 576px) {
  section.gt-block .buttons,
  .editor-styles-wrapper section.gt-block .buttons {
    flex-wrap: wrap;
  }
}
section.gt-block .button-component,
.editor-styles-wrapper section.gt-block .button-component {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: 12px;
  margin-right: 12px;
}
@media screen and (max-width: 576px) {
  section.gt-block .button-component:first-child,
  .editor-styles-wrapper section.gt-block .button-component:first-child {
    margin-bottom: 32px;
  }
}
section.gt-block .button-component__inner,
.editor-styles-wrapper section.gt-block .button-component__inner {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
  /* Safari filter bug solution */
  margin-bottom: -20px;
  /* Safari filter bug solution */
}
section.gt-block .button-component__glow,
.editor-styles-wrapper section.gt-block .button-component__glow {
  position: absolute;
  width: 85%;
  height: 40px;
  bottom: calc(-4px + 20px);
  /* Safari filter bug solution */
  left: calc((100% - 85%) / 2);
  background: linear-gradient(87.75deg, #FF806C -16.61%, #FFAE6D 110.1%);
  filter: blur(17px);
  -webkit-filter: blur(17px);
  -moz-filter: blur(17px);
  -o-filter: blur(17px);
  -ms-filter: blur(17px);
  border-radius: 100px;
  z-index: 0;
}
section.gt-block .button-component__highlighting,
.editor-styles-wrapper section.gt-block .button-component__highlighting {
  position: absolute;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='337' height='136' viewBox='0 0 337 136' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.495094'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M46 106.323C79.8754 87.6914 142 64.3228 150 68.3228C162.484 74.5647 96.5781 113.589 121 104.323C144.142 95.5428 216.617 61.6207 267 39.3228C306.092 22.0223 337 8.43946 337 2.32285C337 -8.1284 244.384 31.5154 206 39.3228C184.059 43.7858 198.939 25.5853 197 23.3228C185 9.32285 156 39.3228 105 62.3228C-26.4101 121.586 -14 139.323 46 106.323Z' fill='%23EAF3FC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M36 122.323C69.8754 103.691 142 64.3228 150 68.3228C162.484 74.5647 93.5781 123.588 118 114.323C141.142 105.543 224.617 61.6206 275 39.3228C314.092 22.0222 335 18.4394 335 12.3228C335 1.87152 254.383 25.5153 216 33.3228C194.059 37.7857 217.939 20.5852 216 18.3228C204 4.32277 169 38.3228 118 61.3228C-13.4101 120.586 -24 155.323 36 122.323Z' fill='%23EAF3FC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M65 95.3228C98.8754 76.6913 143 70.3228 151 74.3228C163.484 80.5646 108.578 123.588 133 114.323C156.142 105.543 193.617 75.6206 244 53.3228C283.092 36.0222 304 18.4394 304 12.3228C304 1.87151 249.384 31.5153 211 39.3228C189.059 43.7857 235.939 14.5852 234 12.3228C222 -1.67724 169 38.3228 118 61.3228C113.44 63.3792 86.2849 66.3272 82 68.3228C-37.2028 123.836 7.08195 127.178 65 95.3228Z' fill='%23EAF3FC'/%3E%3Cg style='mix-blend-mode:color-burn' opacity='0.197917'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M46 106.323C79.8754 87.6914 142 64.3228 150 68.3228C162.484 74.5647 96.5781 113.589 121 104.323C144.142 95.5428 216.617 61.6207 267 39.3228C306.092 22.0223 337 8.43946 337 2.32285C337 -8.1284 244.384 31.5154 206 39.3228C184.059 43.7858 198.939 25.5853 197 23.3228C185 9.32285 156 39.3228 105 62.3228C-26.4101 121.586 -14 139.323 46 106.323Z' fill='url(%23paint0_linear_179_1201)'/%3E%3C/g%3E%3Cg style='mix-blend-mode:color-burn'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M36 122.323C69.8754 103.691 142 64.3228 150 68.3228C162.484 74.5647 93.5781 123.588 118 114.323C141.142 105.543 224.617 61.6206 275 39.3228C314.092 22.0222 335 18.4394 335 12.3228C335 1.87152 254.383 25.5153 216 33.3228C194.059 37.7857 217.939 20.5852 216 18.3228C204 4.32277 169 38.3228 118 61.3228C-13.4101 120.586 -24 155.323 36 122.323Z' fill='url(%23paint1_linear_179_1201)'/%3E%3C/g%3E%3Cg style='mix-blend-mode:color-burn' opacity='0.13623'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M65 95.3228C98.8754 76.6913 143 70.3228 151 74.3228C163.484 80.5646 108.578 123.588 133 114.323C156.142 105.543 193.617 75.6206 244 53.3228C283.092 36.0222 304 18.4394 304 12.3228C304 1.87151 249.384 31.5153 211 39.3228C189.059 43.7857 235.939 14.5852 234 12.3228C222 -1.67724 169 38.3228 118 61.3228C113.44 63.3792 86.2849 66.3272 82 68.3228C-37.2028 123.836 7.08195 127.178 65 95.3228Z' fill='url(%23paint2_linear_179_1201)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_179_1201' x1='-103.071' y1='76.0479' x2='-69.589' y2='191.927' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2302B9F5'/%3E%3Cstop offset='1' stop-color='%233677D1'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_179_1201' x1='195.248' y1='-36.0382' x2='106.72' y2='166.866' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF5B6C'/%3E%3Cstop offset='1' stop-color='%23FFAE6D'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_179_1201' x1='169.556' y1='-45.001' x2='86.4432' y2='151.072' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E353C6'/%3E%3Cstop offset='1' stop-color='%237904A3'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 337px;
  height: 136px;
  top: -18px;
  left: -42px;
  z-index: 0;
}
section.gt-block .btn--primary,
.editor-styles-wrapper section.gt-block .btn--primary {
  background: linear-gradient(87.75deg, #FF5B6C -16.61%, #FFAE6D 110.1%);
  border: none;
  border-radius: 60px;
  color: #ffffff;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  padding: 16px 32px;
  min-width: 246px;
  text-align: center;
  transition: all 0.2s linear;
  z-index: 2;
}
section.gt-block .btn--primary:hover,
.editor-styles-wrapper section.gt-block .btn--primary:hover {
  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%);
  color: #ffffff;
  transition: all 0.2s linear;
}
section.gt-block .btn--outlined,
.editor-styles-wrapper section.gt-block .btn--outlined {
  background-color: transparent;
  border: 2px solid #023189;
  border-radius: 60px;
  color: #023189;
  font-size: 18px;
  font-weight: 700;
  padding: 15px 32px;
  min-width: 246px;
  text-align: center;
  transition: all 0.2s linear;
}
section.gt-block .btn--outlined:hover,
.editor-styles-wrapper section.gt-block .btn--outlined:hover {
  background-color: #023189;
  color: #ffffff;
  transition: all 0.2s linear;
}
section.gt-block .button-component__note,
.editor-styles-wrapper section.gt-block .button-component__note {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #023189;
  margin-top: 12px;
  z-index: 0;
}
/*
FONT WEIGHTS:
    black:    900;
    heavy:    800;
    bold:     700;
    semiBold: 600;
    medium:   500;
    regular:  400;
    light:    300;
    thin:     100;
*/
/* #region GENERAL SETTINGS ============================================================= */
html {
  font-size: 62.5%;
  /* 1rem = 10px */
  /*@media screen and (max-width: 1700px)
    {
        font-size: 58%;
    }
    @media screen and (max-width: 1400px)
    {
        font-size: 50%;
    }
    @media screen and (max-width: 1600px)
    {
        font-size: 52%;
    }
    @media screen and (max-width: 1000px)
    {
        font-size: 58%;
    }*/
}
html,
body {
  background-size: 100% auto;
  color: #02388d;
  font-family: 'Ubuntu', Arial, sans-serif;
  overflow-x: hidden;
  overscroll-behavior-y: none;
}
.background {
  background-position: top !important;
  background-repeat: no-repeat !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 100%!important;
}
@media screen and (max-width: 992px) {
  .background--full-vh-mobile {
    background-size: cover!important;
    height: 100vh!important;
  }
}
html.withMenu,
body.withMenu {
  overflow: hidden;
}
* {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-sizing: border-box;
  /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
  -moz-box-sizing: border-box;
  /* Firefox 1 - 28 */
  box-sizing: border-box;
  /* Safari 5.1+, Chrome 10+, Firefox 29+, Opera 7+, IE 8+, Android 4.0+, iOS any */
}
*:focus {
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
input,
textarea,
select {
  color: black;
  font-size: 14px;
  font-family: 'Ubuntu', Arial, sans-serif;
}
textarea {
  resize: vertical;
}
a {
  color: black;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a,
label,
input[type=button],
input[type=submit] {
  cursor: pointer;
}
.clear,
.clearfix:after {
  content: " ";
  width: 100%;
  height: 0px;
  display: block;
  overflow: hidden;
  clear: both;
}
main {
  min-height: 80vh;
  z-index: 2;
  position: relative;
}
.hidden {
  display: none;
}
.grecaptcha-badge {
  visibility: hidden;
}
body {
  padding-top: 0;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
}
/* #endregion */
/* #region MOBILE MENU ICON ============================================================= */
/* #endregion */
/* #region HEADER ======================================================================= */
.header {
  position: fixed;
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
  z-index: 100;
  transform: translateY(0%);
  transition: transform linear 0.2s;
}
.header--hidden {
  transform: translateY(-100%);
  transition: transform linear 0.2s;
}
.header__widget {
  /* cisco + smartlook */
  /* live on producthunt */
  /* cisco + smartlook */
  /* big sale */
  /* special offer */
  /* websummit */
  /* producthunt */
}
.header__widget-part-of-cisco {
  background: #2B2B2B;
  padding: 11px 20px;
  display: none;
}
@media screen and (max-width: 880px) {
  .header__widget-part-of-cisco {
    padding: 11px 20px;
    cursor: pointer;
  }
}
.header__widget-part-of-cisco-container {
  width: 100%;
  max-width: 1060px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 880px) {
  .header__widget-part-of-cisco-container {
    flex-direction: row;
  }
}
@media screen and (max-width: 768px) {
  .header__widget-part-of-cisco-container {
    justify-content: center;
  }
}
.header__widget-part-of-cisco-logo {
  margin-right: 20px;
  display: flex;
  align-items: center;
  flex: none;
}
.header__widget-part-of-cisco-logo svg {
  display: block;
}
.header__widget-part-of-cisco-text {
  font-size: 14px;
  font-family: 'CiscoSansTT';
  font-weight: 350;
  line-height: 125%;
  color: #FFFFFF;
  padding-right: 18px;
  border-right: 1px solid #FFFFFF;
}
@media screen and (max-width: 768px) {
  .header__widget-part-of-cisco-text {
    font-size: 14px;
    line-height: 125%;
  }
}
.header__widget-part-of-cisco-text strong {
  font-weight: 700;
}
.header__widget-part-of-cisco-button {
  flex: none;
  margin-left: 18px;
}
.header__widget-part-of-cisco-button a {
  font-size: 14px;
  font-family: 'CiscoSansTT';
  font-weight: 350;
  line-height: 26px;
  color: #FFFFFF;
  text-decoration: none;
  display: block;
}
@media screen and (max-width: 768px) {
  .header__widget-part-of-cisco-button a {
    font-size: 14px;
    line-height: 125%;
    text-align: center;
  }
}
.header__widget-part-of-cisco-button a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}
.header__widget-liveonproducthunt {
  background: linear-gradient(76.17deg, #67038B 9.64%, #FFAE6D 90.24%);
  padding: 8px 20px;
  display: none;
}
@media screen and (max-width: 880px) {
  .header__widget-liveonproducthunt {
    padding: 12px 40px 16px 40px;
    cursor: pointer;
  }
}
.header__widget-liveonproducthunt-container {
  width: 100%;
  max-width: 1396px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 880px) {
  .header__widget-liveonproducthunt-container {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .header__widget-liveonproducthunt-container {
    justify-content: center;
  }
}
.header__widget-liveonproducthunt-logo {
  margin-right: 40px;
}
.header__widget-liveonproducthunt-logo img {
  display: block;
}
@media screen and (max-width: 1150px) {
  .header__widget-liveonproducthunt-logo {
    margin-right: 32px;
  }
}
@media screen and (max-width: 880px) {
  .header__widget-liveonproducthunt-logo {
    display: none;
  }
}
.header__widget-liveonproducthunt-text {
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  color: #FFFFFF;
}
@media screen and (max-width: 520px) {
  .header__widget-liveonproducthunt-text {
    max-width: 242px;
  }
}
@media screen and (max-width: 768px) {
  .header__widget-liveonproducthunt-text {
    font-size: 14px;
    line-height: 125%;
    text-align: center;
  }
}
.header__widget-liveonproducthunt-text--mobile {
  display: none;
}
@media screen and (max-width: 880px) {
  .header__widget-liveonproducthunt-text--mobile {
    display: inline;
  }
}
.header__widget-liveonproducthunt-text strong {
  font-weight: 700;
}
.header__widget-liveonproducthunt-button {
  margin-left: 32px;
  margin-right: 64px;
  flex: none;
}
@media screen and (max-width: 1150px) {
  .header__widget-liveonproducthunt-button {
    margin-left: 24px;
  }
}
@media screen and (max-width: 880px) {
  .header__widget-liveonproducthunt-button {
    display: none;
  }
}
.header__widget-liveonproducthunt-button a {
  position: relative;
  color: #FFFFFF;
  text-decoration: none;
  z-index: 1;
  font-size: 16px;
  line-height: 26px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: block;
}
.header__widget-liveonproducthunt-button a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}
.header__widget-liveonproducthunt-button a::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5.024L1 9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 6px;
  height: 10px;
  margin-left: 8px;
  position: relative;
  display: inline-block;
}
.header__widget-liveonproducthunt-vote {
  margin-left: auto;
}
@media screen and (max-width: 880px) {
  .header__widget-liveonproducthunt-vote {
    margin-left: unset;
    margin-top: 12px;
  }
}
.header__widget-liveonproducthunt-vote img {
  display: block;
}
@media screen and (max-width: 880px) {
  .header__widget-liveonproducthunt-vote img {
    width: 185px!important;
    height: 40px!important;
  }
}
.header__widget-cisco {
  background: linear-gradient(76.17deg, #67038B 9.64%, #FFAE6D 90.24%);
  padding: 11px 20px;
  display: none;
}
@media screen and (max-width: 880px) {
  .header__widget-cisco {
    padding: 16px 20px;
    cursor: pointer;
  }
}
.header__widget-cisco-container {
  width: 100%;
  max-width: 1060px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 880px) {
  .header__widget-cisco-container {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .header__widget-cisco-container {
    justify-content: center;
  }
}
.header__widget-cisco-logo {
  margin-right: 88px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1150px) {
  .header__widget-cisco-logo {
    margin-right: 48px;
  }
}
@media screen and (max-width: 880px) {
  .header__widget-cisco-logo {
    display: none;
  }
}
.header__widget-cisco-logo svg {
  display: block;
}
.header__widget-cisco-logo-plus {
  margin-left: 18px;
  margin-right: 18px;
}
.header__widget-cisco-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .header__widget-cisco-text {
    font-size: 14px;
    line-height: 150%;
    text-align: center;
  }
}
@media screen and (max-width: 880px) {
  .header__widget-cisco-text::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5.024L1 9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 6px;
    height: 10px;
    margin-left: 4px;
    position: relative;
    display: inline-block;
  }
}
.header__widget-cisco-text strong {
  font-weight: 700;
}
.header__widget-cisco-button {
  margin-left: 88px;
  flex: none;
}
@media screen and (max-width: 1150px) {
  .header__widget-cisco-button {
    margin-left: 48px;
  }
}
@media screen and (max-width: 880px) {
  .header__widget-cisco-button {
    display: none;
  }
}
.header__widget-cisco-button a {
  position: relative;
  color: #FFFFFF;
  text-decoration: none;
  z-index: 1;
  font-size: 16px;
  line-height: 26px;
}
.header__widget-cisco-button a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.header__widget-cisco-button a::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5.024L1 9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 6px;
  height: 10px;
  margin-left: 8px;
  position: relative;
  display: inline-block;
}
.header__widget-sale {
  background: linear-gradient(76.17deg, #67038B 9.64%, #FFAE6D 90.24%);
  padding: 9px 20px;
  display: none;
}
@media screen and (max-width: 768px) {
  .header__widget-sale {
    padding: 16px 20px;
    cursor: pointer;
  }
}
.header__widget-sale-container {
  width: 100%;
  max-width: 1008px;
  margin: auto;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .header__widget-sale-container {
    justify-content: center;
  }
}
.header__widget-sale-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .header__widget-sale-text {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .header__widget-sale-text::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5.024L1 9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 6px;
    height: 10px;
    margin-left: 8px;
    position: relative;
    display: inline-block;
  }
}
.header__widget-sale-text strong {
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .header__widget-sale-text {
    font-size: 14px;
    line-height: 150%;
    text-align: center;
  }
}
.header__widget-sale-button {
  margin-left: 40px;
  flex: none;
}
.header__widget-sale-button .btn-outlined-light {
  padding: 6px 16px!important;
}
@media screen and (max-width: 768px) {
  .header__widget-sale-button {
    display: none;
  }
}
.header__widget-sale-countdown {
  display: flex;
  padding-left: 32px;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .header__widget-sale-countdown {
    display: none;
  }
}
.header__widget-sale-countdown-part {
  width: 31px;
  margin-left: 8px;
  margin-right: 8px;
}
.header__widget-sale-countdown-part:last-child {
  margin-right: 0;
}
.header__widget-sale-countdown-value {
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  text-align: center;
  color: #FFFFFF;
}
.header__widget-sale-countdown-label {
  font-family: 'Inter', Arial, sans-serif;
  font-size: 12px;
  line-height: 120%;
  text-align: center;
  color: rgba(255, 255, 255, 0.64);
}
.header__widget-specialoffer {
  background: #023189;
  padding: 11px 20px;
  display: none;
}
@media screen and (max-width: 880px) {
  .header__widget-specialoffer {
    padding: 16px 20px;
    cursor: pointer;
  }
}
.header__widget-specialoffer-container {
  width: 100%;
  max-width: 1008px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .header__widget-specialoffer-container {
    justify-content: center;
  }
}
.header__widget-specialoffer-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .header__widget-specialoffer-text {
    font-size: 14px;
    line-height: 150%;
    text-align: center;
  }
}
@media screen and (max-width: 880px) {
  .header__widget-specialoffer-text::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5.024L1 9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 6px;
    height: 10px;
    margin-left: 8px;
    position: relative;
    display: inline-block;
  }
}
.header__widget-specialoffer-text strong {
  font-weight: 700;
}
.header__widget-specialoffer-button {
  margin-left: 52px;
  flex: none;
}
@media screen and (max-width: 880px) {
  .header__widget-specialoffer-button {
    display: none;
  }
}
.header__widget-specialoffer-button a {
  position: relative;
  color: #FFFFFF;
  text-decoration: none;
  z-index: 1;
  font-size: 16px;
  line-height: 26px;
}
.header__widget-specialoffer-button a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.header__widget-specialoffer-button a::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='224' height='36' viewBox='0 0 224 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_1942_12635)'%3E%3Crect x='200' y='55' width='176' height='23' rx='11.5' transform='rotate(-180 200 55)' fill='%2311C3FD'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_1942_12635' x='-10' y='-2' width='244' height='91' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='17' result='effect1_foregroundBlur_1942_12635'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 224px;
  height: 36px;
  position: absolute;
  left: -30px;
  bottom: -17px;
  z-index: -1;
}
.header__widget-specialoffer-button a::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5.024L1 9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 6px;
  height: 10px;
  margin-left: 8px;
  position: relative;
  display: inline-block;
}
.header__widget-websummit {
  background: #674EA0;
  padding: 9px 20px;
  display: none;
}
@media screen and (max-width: 880px) {
  .header__widget-websummit {
    padding: 16px 20px;
    cursor: pointer;
  }
}
.header__widget-websummit-container {
  width: 100%;
  max-width: 1060px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 880px) {
  .header__widget-websummit-container {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .header__widget-websummit-container {
    justify-content: center;
  }
}
.header__widget-websummit-logo {
  margin-right: 125px;
}
@media screen and (max-width: 1150px) {
  .header__widget-websummit-logo {
    margin-right: 48px;
  }
}
@media screen and (max-width: 880px) {
  .header__widget-websummit-logo {
    margin-right: 0;
    margin-bottom: 12px;
  }
}
.header__widget-websummit-logo svg {
  display: block;
}
.header__widget-websummit-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .header__widget-websummit-text {
    font-size: 14px;
    line-height: 150%;
    text-align: center;
  }
}
@media screen and (max-width: 880px) {
  .header__widget-websummit-text::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5.024L1 9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 6px;
    height: 10px;
    margin-left: 4px;
    position: relative;
    display: inline-block;
  }
}
.header__widget-websummit-text strong {
  font-weight: 700;
}
.header__widget-websummit-button {
  margin-left: 106px;
  flex: none;
}
@media screen and (max-width: 1150px) {
  .header__widget-websummit-button {
    margin-left: 48px;
  }
}
@media screen and (max-width: 880px) {
  .header__widget-websummit-button {
    display: none;
  }
}
.header__widget-websummit-button a {
  position: relative;
  color: #FFFFFF;
  text-decoration: none;
  z-index: 1;
  font-size: 16px;
  line-height: 26px;
}
.header__widget-websummit-button a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.header__widget-websummit-button a::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5.024L1 9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 6px;
  height: 10px;
  margin-left: 8px;
  position: relative;
  display: inline-block;
}
.header__widget-producthunt {
  background: linear-gradient(89.96deg, #DA552F 0%, #B44322 100%);
  padding: 9px 20px;
  display: none;
}
@media screen and (max-width: 880px) {
  .header__widget-producthunt {
    padding: 16px 20px;
    cursor: pointer;
  }
}
.header__widget-producthunt-container {
  width: 100%;
  max-width: 1060px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 880px) {
  .header__widget-producthunt-container {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .header__widget-producthunt-container {
    justify-content: center;
  }
}
.header__widget-producthunt-logo {
  margin-right: 125px;
}
@media screen and (max-width: 1150px) {
  .header__widget-producthunt-logo {
    margin-right: 48px;
  }
}
@media screen and (max-width: 880px) {
  .header__widget-producthunt-logo {
    margin-right: 0;
    margin-bottom: 12px;
  }
}
.header__widget-producthunt-logo svg {
  display: block;
}
.header__widget-producthunt-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .header__widget-producthunt-text {
    font-size: 14px;
    line-height: 150%;
    text-align: center;
  }
}
@media screen and (max-width: 880px) {
  .header__widget-producthunt-text::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5.024L1 9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 6px;
    height: 10px;
    margin-left: 4px;
    position: relative;
    display: inline-block;
  }
}
.header__widget-producthunt-text strong {
  font-weight: 700;
}
.header__widget-producthunt-button {
  margin-left: 106px;
  flex: none;
}
@media screen and (max-width: 1150px) {
  .header__widget-producthunt-button {
    margin-left: 48px;
  }
}
@media screen and (max-width: 880px) {
  .header__widget-producthunt-button {
    display: none;
  }
}
.header__widget-producthunt-button a {
  position: relative;
  color: #FFFFFF;
  text-decoration: none;
  z-index: 1;
  font-size: 16px;
  line-height: 26px;
}
.header__widget-producthunt-button a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.header__widget-producthunt-button a::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5.024L1 9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 6px;
  height: 10px;
  margin-left: 8px;
  position: relative;
  display: inline-block;
}
.header__navbar {
  height: 80px;
  width: 100%;
  position: relative;
  background-color: transparent;
  transition: 0.2s background-color linear;
  transition: 0.2s border-bottom linear;
  border-bottom: 1px solid transparent;
}
@media screen and (min-width: 769px) {
  .header__navbar {
    height: 80px!important;
  }
}
@media screen and (max-width: 768px) {
  .header__navbar {
    height: auto;
    overflow-y: auto;
  }
}
.header__navbar--scrolled {
  background-color: #FFFFFF;
  transition: 0.2s background-color linear;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid transparent!important;
}
@media screen and (max-width: 768px) {
  .header__navbar--opened {
    background-color: #FFFFFF;
  }
}
.header__navbar > .container {
  display: flex;
  align-items: center;
  height: inherit;
  position: relative;
}
@media screen and (max-width: 768px) {
  .header__navbar > .container {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .header__navbar-strip {
    height: 80px;
    min-height: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
}
.header__navbar-logo {
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .header__navbar-logo {
    margin-right: auto;
  }
}
.header__navbar-logo svg {
  display: block;
}
.header__navbar-logo--cisco svg {
  margin-top: 12px;
}
.header__navbar-hamburger {
  display: none;
  width: 22px;
  height: 20px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .header__navbar-hamburger {
    display: block;
  }
}
.header__navbar-hamburger span {
  display: block;
  position: absolute;
  height: 3.5px;
  background: #023189;
  border-radius: 1.73913px;
  opacity: 1;
  right: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.header__navbar-hamburger span:nth-child(1) {
  top: 0px;
  width: 18px;
}
.header__navbar-hamburger span:nth-child(2),
.header__navbar-hamburger span:nth-child(3) {
  top: 8.25px;
  width: 22px;
}
.header__navbar-hamburger span:nth-child(4) {
  top: 16.5px;
  width: 14px;
}
.header__navbar-hamburger--open span:nth-child(1) {
  top: 8.25px;
  width: 0%;
  right: 50%;
}
.header__navbar-hamburger--open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 25px;
}
.header__navbar-hamburger--open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 25px;
}
.header__navbar-hamburger--open span:nth-child(4) {
  top: 8.25px;
  width: 0%;
  right: 50%;
}
.header__navbar-menu {
  display: flex;
  align-items: center;
  margin-left: 60px;
  margin-right: auto;
  height: 100%;
}
@media screen and (min-width: 769px) {
  .header__navbar-menu {
    display: flex!important;
  }
}
@media screen and (max-width: 1280px) {
  .header__navbar-menu {
    margin-left: 23px;
  }
}
@media screen and (max-width: 768px) {
  .header__navbar-menu {
    flex-direction: column;
    margin: 0;
    height: auto;
    width: 100%;
    display: none;
  }
}
.header__navbar-menu-item {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  display: flex;
  align-items: center;
  padding: 0 17px;
  cursor: pointer;
  height: inherit;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  transition: 0.3s all linear;
}
@media screen and (max-width: 768px) {
  .header__navbar-menu-item {
    flex-direction: column;
    width: 100%;
    border-bottom: 1px solid #D1DDEB;
    border-top: none;
    padding: 0px;
  }
}
.header__navbar-menu-item:hover {
  border-bottom: 3px solid #023189;
}
@media screen and (max-width: 768px) {
  .header__navbar-menu-item:hover {
    border-bottom: 1px solid #D1DDEB;
  }
}
.header__navbar-menu-item > span > a {
  color: #023189;
  text-decoration: none;
  height: 100%;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .header__navbar-menu-item > span > a {
    width: 100%;
  }
}
.header__navbar-menu-item > span > a:hover {
  color: #023189;
  text-decoration: none;
}
.header__navbar-menu-item--arrow .header__navbar-menu-item-name::after {
  position: relative;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5441 1.52975L4.55898 4.52975C4.39223 4.67741 4.19964 4.75006 4.00705 4.75006C3.81446 4.75006 3.62234 4.67682 3.47555 4.53034L0.490438 1.53033C0.254503 1.31647 0.190141 0.99303 0.306493 0.714124C0.422844 0.435217 0.697118 0.250061 1.0008 0.250061L6.99217 0.250062C7.29608 0.250062 7.5704 0.43243 7.6869 0.712953C7.80339 0.993476 7.76017 1.31647 7.5441 1.52975Z' fill='%23023189'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  width: 8px;
  height: 5px;
  margin-left: 7px;
  margin-top: 3px;
}
.header__navbar-menu-item--arrow.header__navbar-menu-item--active .header__navbar-menu-item-name::after {
  transform: rotate(180deg);
}
.header__navbar-menu-item-name {
  display: flex;
  align-items: center;
  height: 100%;
  transition: 0.3s all linear;
}
@media screen and (max-width: 768px) {
  .header__navbar-menu-item-name {
    justify-content: space-between;
    width: 100%;
    height: 58px;
  }
}
.header__navbar-dropdown {
  display: none;
  position: absolute;
  top: 80px;
  left: -7.5%;
  width: 115%;
  background-color: #FFFFFF;
  box-shadow: 0px 48px 32px -48px rgba(255, 255, 255, 0.24);
  cursor: default;
  margin-top: 24px;
  border-radius: 16px 16px 24px 24px;
  padding-left: 7.5%;
  padding-right: 7.5%;
}
@media screen and (max-width: 1280px) {
  .header__navbar-dropdown {
    left: -6%;
    width: 112%;
    padding-left: 6%;
    padding-right: 6%;
  }
}
@media screen and (max-width: 768px) {
  .header__navbar-dropdown {
    position: relative;
    top: unset;
    left: unset;
    background-color: transparent;
    box-shadow: none;
    border: none;
    margin-top: 0px;
  }
}
.header__navbar-dropdown::before {
  content: "";
  height: 24px;
  top: -24px;
  left: 0px;
  width: 100%;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .header__navbar-dropdown::before {
    display: none;
  }
}
.header__navbar-dropdown-safezone-left {
  position: absolute;
  left: -30px;
  width: 30px;
  height: calc(100% + 24px);
  top: -24px;
}
@media screen and (max-width: 768px) {
  .header__navbar-dropdown-safezone-left {
    display: none;
  }
}
.header__navbar-dropdown-safezone-right {
  position: absolute;
  right: -30px;
  width: 30px;
  height: calc(100% + 24px);
  top: -24px;
}
@media screen and (max-width: 768px) {
  .header__navbar-dropdown-safezone-right {
    display: none;
  }
}
.header__navbar-dropdown-safezone-bottom {
  position: absolute;
  bottom: -30px;
  height: 30px;
  width: calc(100% + 30px + 30px);
  left: -30px;
}
@media screen and (max-width: 768px) {
  .header__navbar-dropdown-safezone-bottom {
    display: none;
  }
}
.header__navbar-dropdown > .container {
  display: flex;
  height: auto;
  align-items: stretch;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .header__navbar-dropdown > .container {
    padding-left: 0;
    padding-right: 0;
  }
}
.header__navbar-dropdown-features {
  padding: 32px 64px 32px 0;
  width: 44%;
}
@media screen and (max-width: 1600px) {
  .header__navbar-dropdown-features {
    padding-right: 24px;
    width: 49%;
  }
}
@media screen and (max-width: 1280px) {
  .header__navbar-dropdown-features {
    width: 72%;
    padding-bottom: 32px;
  }
}
@media screen and (max-width: 992px) {
  .header__navbar-dropdown-features {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .header__navbar-dropdown-features {
    padding: 0 0 16px 0;
  }
}
.header__navbar-dropdown-features-items {
  display: flex;
  margin-left: -12px;
}
@media screen and (max-width: 768px) {
  .header__navbar-dropdown-features-items {
    flex-direction: column;
    margin-left: -8px;
  }
}
.header__navbar-dropdown-features-column {
  width: 50%;
}
@media screen and (max-width: 1600px) {
  .header__navbar-dropdown-features-column {
    width: auto;
  }
}
@media screen and (max-width: 1280px) {
  .header__navbar-dropdown-features-column {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .header__navbar-dropdown-features-column {
    width: 100%;
  }
}
.header__navbar-dropdown-features-column-title {
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #789CC5;
  margin-left: 12px;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .header__navbar-dropdown-features-column-title {
    display: none;
  }
}
@media screen and (max-width: 1600px) {
  .header__navbar-dropdown-features-column-1 {
    margin-right: 16px;
  }
}
@media screen and (max-width: 1280px) {
  .header__navbar-dropdown-features-column-1 {
    margin-right: 0;
  }
}
.header__navbar-dropdown-features-item:not(:last-child) {
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .header__navbar-dropdown-features-item {
    margin-bottom: 8px;
  }
}
.header__navbar-dropdown-features-item-link {
  display: inline-flex;
  align-items: center;
  padding: 12px;
  text-decoration: none;
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .header__navbar-dropdown-features-item-link {
    padding: 8px;
    display: flex;
  }
}
.header__navbar-dropdown-features-item-link * {
  transition: 0.2s all linear;
}
.header__navbar-dropdown-features-item-link:hover {
  text-decoration: none;
  background-color: #F4FAFF;
}
.header__navbar-dropdown-features-item-iconbox {
  width: 32px;
  height: 32px;
  background: linear-gradient(45deg, #F1F8FF -0.78%, rgba(255, 255, 255, 0) 99.22%);
  border: 1px solid #CEE6FF;
  border-radius: 10px;
  margin-right: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: none;
}
.header__navbar-dropdown-features-item-iconbox-icon svg {
  display: block;
}
.header__navbar-dropdown-features-item-link:hover .header__navbar-dropdown-features-item-iconbox {
  background: linear-gradient(87.75deg, #FFAE6D -16.61%, #FF5B6C 110.1%);
  border: 1px solid transparent;
}
.header__navbar-dropdown-features-item-link:hover .header__navbar-dropdown-features-item-iconbox-icon svg path {
  fill: #FFFFFF;
}
.header__navbar-dropdown-features-item-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  color: #023189;
}
.header__navbar-dropdown-features-item-description {
  font-size: 12px;
  line-height: 170%;
  color: #789CC5;
}
.header__navbar-dropdown-features-item-badge {
  background: #3469B3;
  border-radius: 13px;
  font-weight: 700;
  font-size: 10px;
  line-height: 11px;
  text-align: center;
  color: #FFFFFF;
  padding: 2px 6px;
  margin-left: 2px;
}
.header__navbar-dropdown-integrations {
  padding: 32px 24px 32px 0;
  width: 22%;
}
@media screen and (max-width: 1600px) {
  .header__navbar-dropdown-integrations {
    width: 19%;
    padding-right: 16px;
  }
}
@media screen and (max-width: 1280px) {
  .header__navbar-dropdown-integrations {
    width: 28%;
    padding-bottom: 32px;
  }
}
@media screen and (max-width: 992px) {
  .header__navbar-dropdown-integrations {
    display: none;
  }
}
.header__navbar-dropdown-integrations-title {
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #789CC5;
}
.header__navbar-dropdown-integrations-items {
  margin-top: 24px;
  display: flex;
  margin-left: -12px;
  flex-direction: column;
}
.header__navbar-dropdown-integrations-item:not(:last-child) {
  margin-bottom: 8px;
}
.header__navbar-dropdown-integrations-item-link {
  display: inline-flex;
  align-items: center;
  padding: 12px;
  text-decoration: none;
  border-radius: 8px;
}
.header__navbar-dropdown-integrations-item-link * {
  transition: 0.2s all linear;
}
.header__navbar-dropdown-integrations-item-link:hover {
  text-decoration: none;
  background-color: #F4FAFF;
}
.header__navbar-dropdown-integrations-item-iconbox {
  width: 24px;
  height: 16px;
  margin-right: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: none;
}
.header__navbar-dropdown-integrations-item-iconbox-icon svg {
  display: block;
}
.header__navbar-dropdown-integrations-item-link:hover .header__navbar-dropdown-integrations-item-iconbox-icon svg path {
  fill: #023189;
}
.header__navbar-dropdown-integrations-item-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  color: #023189;
}
.header__navbar-dropdown-news {
  width: 34%;
  background: linear-gradient(60deg, rgba(255, 255, 255, 0) 65%, #ffffff 100%), linear-gradient(331.5deg, rgba(255, 255, 255, 0) 58.87%, rgba(26, 107, 185, 0.12) 100%);
  padding: 32px 40px 32px 32px;
}
@media screen and (max-width: 1600px) {
  .header__navbar-dropdown-news {
    padding-left: 24px;
    width: 32%;
  }
}
@media screen and (max-width: 1280px) {
  .header__navbar-dropdown-news {
    display: none;
    padding-bottom: 32px;
  }
}
.header__navbar-dropdown-news-row {
  display: flex;
  justify-content: space-between;
}
.header__navbar-dropdown-news-title {
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #789CC5;
}
.header__navbar-dropdown-news-link {
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 1L16 5.024L12 9' stroke='%2300BBC2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cline x1='14' y1='5' x2='1' y2='5' stroke='%2300BBC2' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 32px;
}
.header__navbar-dropdown-news-link a {
  text-decoration: none;
}
.header__navbar-dropdown-news-link a:hover {
  text-decoration: none;
}
@media screen and (max-width: 1450px) {
  .header__navbar-dropdown-news-link {
    display: none;
  }
}
.header__navbar-dropdown-news-items {
  margin-top: 24px;
}
.header__navbar-dropdown-news-item:not(:last-child) {
  margin-bottom: 24px;
}
.header__navbar-dropdown-news-item-link {
  display: flex;
  text-decoration: none;
}
.header__navbar-dropdown-news-item-link:hover {
  text-decoration: none;
}
.header__navbar-dropdown-news-item-image {
  width: 64px;
  height: 42px;
  border-radius: 4px;
  margin-right: 16px;
  flex: none;
}
.header__navbar-dropdown-news-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.header__navbar-dropdown-news-item-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #023189;
  transition: 0.2s all linear;
}
.header__navbar-dropdown-news-item:hover .header__navbar-dropdown-news-item-title {
  color: #B106EF;
  transition: 0.2s all linear;
}
.header__navbar-dropdown-news-item-description {
  margin-top: 8px;
  font-family: 'Inter', Arial, sans-serif;
  font-size: 12px;
  line-height: 170%;
  color: #789CC5;
}
@media screen and (max-width: 1600px) {
  .header__navbar-dropdown-news-item-description {
    display: none;
  }
}
.header__navbar-dropdown-resources {
  padding: 32px 64px 32px 0;
  width: 66%;
}
@media screen and (max-width: 1600px) {
  .header__navbar-dropdown-resources {
    padding-right: 24px;
    width: 66%;
  }
}
@media screen and (max-width: 1280px) {
  .header__navbar-dropdown-resources {
    width: 100%;
    padding-bottom: 32px;
  }
}
@media screen and (max-width: 992px) {
  .header__navbar-dropdown-resources {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .header__navbar-dropdown-resources {
    padding: 0 0 16px 0;
  }
}
.header__navbar-dropdown-resources-title {
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #789CC5;
}
@media screen and (max-width: 768px) {
  .header__navbar-dropdown-resources-title {
    display: none;
  }
}
.header__navbar-dropdown-resources-items {
  margin-top: 24px;
  margin-left: -12px;
}
@media screen and (max-width: 768px) {
  .header__navbar-dropdown-resources-items {
    margin-left: -8px;
    margin-top: 0px;
  }
}
.header__navbar-dropdown-resources-column {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.header__navbar-dropdown-resources-item {
  width: 32%;
  margin-bottom: 8px;
}
@media screen and (max-width: 1600px) {
  .header__navbar-dropdown-resources-item {
    width: 48%;
  }
}
@media screen and (max-width: 1280px) {
  .header__navbar-dropdown-resources-item {
    width: 32%;
  }
}
@media screen and (max-width: 992px) {
  .header__navbar-dropdown-resources-item {
    width: 48%;
  }
}
@media screen and (max-width: 768px) {
  .header__navbar-dropdown-resources-item {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .header__navbar-dropdown-resources-item--empty {
    display: none;
  }
}
.header__navbar-dropdown-resources-item-link {
  display: flex;
  align-items: flex-start;
  padding: 12px;
  text-decoration: none;
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .header__navbar-dropdown-resources-item-link {
    padding: 8px;
    display: flex;
    align-items: center;
  }
}
.header__navbar-dropdown-resources-item-link * {
  transition: 0.2s all linear;
}
.header__navbar-dropdown-resources-item-link:hover {
  text-decoration: none;
  background-color: #F4FAFF;
}
.header__navbar-dropdown-resources-item-iconbox {
  width: 32px;
  height: 32px;
  background: linear-gradient(45deg, #F1F8FF -0.78%, rgba(255, 255, 255, 0) 99.22%);
  border: 1px solid #CEE6FF;
  border-radius: 10px;
  margin-right: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: none;
}
.header__navbar-dropdown-resources-item-iconbox-icon svg {
  display: block;
}
.header__navbar-dropdown-resources-item-link:hover .header__navbar-dropdown-resources-item-iconbox {
  background: linear-gradient(87.75deg, #FFAE6D -16.61%, #FF5B6C 110.1%);
  border: 1px solid transparent;
}
.header__navbar-dropdown-resources-item-link:hover .header__navbar-dropdown-resources-item-iconbox-icon svg path {
  fill: #FFFFFF;
}
.header__navbar-dropdown-resources-item-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  color: #023189;
}
.header__navbar-dropdown-resources-item-description {
  font-size: 12px;
  line-height: 170%;
  color: #789CC5;
}
.header__navbar-dropdown-info {
  background: linear-gradient(75.77deg, #011F55 0.84%, #02286F 32.54%, #67038B 99.02%);
  width: 100%;
  height: 80px;
  padding-left: 7.5%;
  padding-right: 7.5%;
  width: 115%;
  margin-left: -7.5%;
  border-radius: 0px 0px 16px 16px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
}
@media screen and (max-width: 1280px) {
  .header__navbar-dropdown-info {
    height: 56px;
    padding-left: 6%;
    padding-right: 6%;
    width: 112%;
    margin-left: -6%;
  }
}
@media screen and (max-width: 992px) {
  .header__navbar-dropdown-info {
    display: none;
  }
}
.header__navbar-dropdown-info .container {
  display: flex;
  justify-content: space-between;
  height: 100%;
  padding: 0;
}
@media screen and (max-width: 1760px) {
  .header__navbar-dropdown-info .container {
    max-width: 100%;
  }
}
.header__navbar-dropdown-info-buttons {
  display: flex;
  align-items: center;
}
.header__navbar-dropdown-info-button:first-child {
  margin-right: 8px;
}
.header__navbar-dropdown-info-button--contactsale .btn {
  display: flex;
  align-items: center;
  flex: none;
}
.header__navbar-dropdown-info-button--contactsale .btn:before {
  content: "";
  width: 24px;
  height: 24px;
  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='M15.6 11.9999V4.76615C15.6 3.47803 14.5238 2.3999 13.2 2.3999H2.4C1.07812 2.3999 0 3.47803 0 4.76615V11.9662C0 13.3199 1.07812 14.3999 2.4 14.3999L3.6 14.4003V16.4347C3.6 16.7346 3.94219 16.9079 4.18125 16.73L7.28438 14.4005L13.2 14.3962C14.5238 14.3999 15.6 13.3199 15.6 11.9999ZM21.6 7.1999H16.8V11.9999C16.8 13.9825 15.1826 15.5995 13.2 15.5995L9.6 15.5996V16.7988C9.6 18.1207 10.6781 19.1651 11.9663 19.1651L16.6838 19.1648L19.7869 21.4943C20.0588 21.7049 20.4 21.5324 20.4 21.2324V19.1984H21.6C22.9219 19.1984 24 18.1203 24 16.8322V9.56615C24 8.27615 22.9238 7.1999 21.6 7.1999Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  position: relative;
  margin-right: 8px;
}
.header__navbar-dropdown-info-button--exploredemo .btn {
  display: flex;
  align-items: center;
  flex: none;
}
.header__navbar-dropdown-info-button--exploredemo .btn:before {
  content: "";
  width: 24px;
  height: 24px;
  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='M23.8542 11.2542C21.5958 6.14592 17.1208 2.66675 12 2.66675C6.87917 2.66675 2.40375 6.15008 0.144542 11.2542C0.065125 11.4751 0 11.7917 0 12.0001C0 12.2075 0.0650833 12.5251 0.144542 12.7097C2.405 17.8542 6.87917 21.3334 12 21.3334C17.1208 21.3334 21.5958 17.8509 23.8542 12.7459C23.9333 12.5251 24 12.1709 24 12.0001C24 11.7917 23.9333 11.4751 23.8542 11.2542ZM18 12.0001C18 15.3105 15.3138 18.0001 12.0042 18.0001C8.69167 18.0001 6 15.3126 6 12.0001C6 8.68758 8.6875 6.00008 12 6.00008C15.3125 6.00008 18 8.68758 18 12.0001ZM12 8.00008C11.9042 8.00008 11.7667 8.01675 11.6458 8.03341C11.8667 8.41675 12 8.85842 12 9.33342C12 10.8063 10.8063 12.0001 9.33333 12.0001C8.85833 12.0001 8.37917 11.8626 8.02917 11.6459C8.01667 11.7709 8 11.9001 8 12.0001C8 14.1709 9.79167 16.0001 12 16.0001C14.2083 16.0001 16 14.2088 16 12.0005C16 9.79217 14.1708 8.00008 12 8.00008Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  position: relative;
  margin-right: 8px;
}
.header__navbar-dropdown-info-message {
  display: flex;
  align-items: center;
}
.header__navbar-dropdown-info-message-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
  margin-right: 30px;
}
.header__navbar-buttons {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1151px) {
  .header__navbar-buttons {
    display: flex!important;
  }
}
@media screen and (max-width: 1150px) {
  .header__navbar-buttons {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .header__navbar-buttons {
    flex-direction: column;
    width: 100%;
    padding-bottom: 32px;
    display: none;
  }
}
.header__navbar-button {
  margin-left: 16px;
}
@media screen and (max-width: 768px) {
  .header__navbar-button {
    margin-left: 0;
    margin-bottom: 16px;
    width: 100%;
  }
}
.header__navbar-button .btn-sm {
  padding: 8px 16px!important;
}
.header__navbar-button .btn-outlined-light {
  padding: 6px 16px!important;
}
@media screen and (max-width: 768px) {
  .header__navbar-button .btn-component {
    display: block;
  }
  .header__navbar-button .btn-component .btn {
    width: 100%;
    justify-content: center;
  }
}
.header__navbar-button--login .btn {
  display: flex;
  align-items: center;
  flex: none;
}
.header__navbar-button--login .btn:before {
  content: "";
  width: 16px;
  height: 16px;
  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%3Cg clip-path='url(%23clip0_1716_10464)'%3E%3Cpath d='M8 8.00006C10.2094 8.00006 12 6.20912 12 4.00006C12 1.791 10.2094 6.10352e-05 8 6.10352e-05C5.79063 6.10352e-05 4 1.791 4 4.00006C4 6.20912 5.79063 8.00006 8 8.00006ZM9.58438 9.50006H6.41563C3.42531 9.50006 1 11.9251 1 14.9157C1 15.5138 1.485 15.9991 2.08312 15.9991H13.9175C14.5156 16.0001 15 15.5157 15 14.9157C15 11.9251 12.575 9.50006 9.58438 9.50006Z' fill='%23023189'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1716_10464'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  position: relative;
  margin-right: 10px;
}
@media screen and (max-width: 1200px) {
  .header__navbar-button--login .btn:before {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .header__navbar-button--login .btn:before {
    margin-right: 10px;
  }
}
@media screen and (max-width: 1200px) {
  .header__navbar-button--login .btn span {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .header__navbar-button--login .btn span {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .header__navbar-button--login .btn {
    padding: 0!important;
    height: 56px;
    border-bottom: 1px solid #D1DDEB;
    background-color: transparent;
    width: 100%;
    border-radius: 0px;
    justify-content: flex-start !important;
    font-weight: 500;
  }
  .header__navbar-button--login .btn:hover {
    background-color: transparent;
    border-bottom: 1px solid #D1DDEB;
    border-radius: 0px;
  }
}
@media screen and (max-width: 768px) {
  .header__navbar-button--demo {
    margin-top: 24px;
  }
}
.header__navbar--mouseon {
  border-bottom: 1px solid #E5F2FF;
}
.header__navbar--light.header__navbar--mouseon {
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}
.header__navbar--light:not(.header__navbar--scrolled):not(.header__navbar--opened) .header__navbar-logo svg path {
  fill: #FFFFFF;
}
.header__navbar--light:not(.header__navbar--scrolled):not(.header__navbar--opened) .header__navbar-menu-item:hover {
  border-bottom: 3px solid #FFFFFF;
}
.header__navbar--light:not(.header__navbar--scrolled):not(.header__navbar--opened) .header__navbar-menu-item-name {
  color: #FFFFFF;
}
.header__navbar--light:not(.header__navbar--scrolled):not(.header__navbar--opened) .header__navbar-menu-item-name::after {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5441 1.52975L4.55898 4.52975C4.39223 4.67741 4.19964 4.75006 4.00705 4.75006C3.81446 4.75006 3.62234 4.67682 3.47555 4.53034L0.490438 1.53033C0.254503 1.31647 0.190141 0.99303 0.306493 0.714124C0.422844 0.435217 0.697118 0.250061 1.0008 0.250061L6.99217 0.250062C7.29608 0.250062 7.5704 0.43243 7.6869 0.712953C7.80339 0.993476 7.76017 1.31647 7.5441 1.52975Z' fill='white'/%3E%3C/svg%3E%0A");
}
.header__navbar--light:not(.header__navbar--scrolled):not(.header__navbar--opened) .header__navbar-menu-item-name a {
  color: #FFFFFF;
}
.header__navbar--light:not(.header__navbar--scrolled):not(.header__navbar--opened) .header__navbar-menu-item-name a:hover {
  color: #FFFFFF;
}
.header__navbar--light:not(.header__navbar--scrolled):not(.header__navbar--opened) .header__navbar-button .btn-text-light {
  background-color: transparent;
  border: none;
  color: #FFFFFF;
}
.header__navbar--light:not(.header__navbar--scrolled):not(.header__navbar--opened) .header__navbar-button .btn-text-light:hover {
  background-color: rgba(255, 255, 255, 0.16);
  border: none;
  color: #FFFFFF;
}
.header__navbar--light:not(.header__navbar--scrolled):not(.header__navbar--opened) .header__navbar-button .btn-outlined-light {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.16);
  color: #FFFFFF;
}
.header__navbar--light:not(.header__navbar--scrolled):not(.header__navbar--opened) .header__navbar-button .btn-outlined-light:hover {
  background-color: rgba(255, 255, 255, 0.16);
  border: 2px solid transparent;
  color: #FFFFFF;
}
.header__navbar--light:not(.header__navbar--scrolled):not(.header__navbar--opened) .header__navbar-button--login .btn:before {
  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%3Cg clip-path='url(%23clip0_3950_13424)'%3E%3Cpath d='M8 8.00006C10.2094 8.00006 12 6.20912 12 4.00006C12 1.791 10.2094 6.10352e-05 8 6.10352e-05C5.79063 6.10352e-05 4 1.791 4 4.00006C4 6.20912 5.79063 8.00006 8 8.00006ZM9.58438 9.50006H6.41563C3.42531 9.50006 1 11.9251 1 14.9157C1 15.5138 1.485 15.9991 2.08312 15.9991H13.9175C14.5156 16.0001 15 15.5157 15 14.9157C15 11.9251 12.575 9.50006 9.58438 9.50006Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3950_13424'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.header__navbar--light:not(.header__navbar--scrolled):not(.header__navbar--opened) .header__navbar-hamburger span {
  background: #FFFFFF;
}
/* #endregion */
/* #region FOOTER ======================================================================= */
.footer {
  background: linear-gradient(75.77deg, #011F55 0.84%, #02286F 21.87%, #67038B 87.73%);
  position: relative;
  z-index: 0;
}
.footer::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='536' height='451' viewBox='0 0 536 451' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='-360' width='896' height='924.903' fill='url(%23paint0_radial_1379_10093)' fill-opacity='0.8'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_1379_10093' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(88 462.452) rotate(90) scale(462.452 448)'%3E%3Cstop stop-color='%23034CD3'/%3E%3Cstop offset='1' stop-color='%23034CD3' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 536px;
  height: 451px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.footer::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='445' height='460' viewBox='0 0 445 460' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='-459.355' width='890' height='918.71' fill='url(%23paint0_radial_1379_10094)' fill-opacity='0.6'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_1379_10094' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(445 -0.000152588) rotate(90) scale(459.355 445)'%3E%3Cstop stop-color='%23FF9138'/%3E%3Cstop offset='1' stop-color='%23CA21A8' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 445px;
  height: 460px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.footer .container {
  padding-top: 64px;
  padding-bottom: 32px;
}
@media screen and (max-width: 1280px) {
  .footer .container {
    padding-top: 48px;
    padding-bottom: 24px;
  }
}
@media screen and (max-width: 768px) {
  .footer .container {
    padding-top: 76px;
    padding-bottom: 76px;
  }
}
.footer__highlights {
  display: flex;
  padding-bottom: 38px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.24);
}
@media screen and (max-width: 992px) {
  .footer__highlights {
    flex-direction: column;
    padding-bottom: 24px;
  }
}
.footer__highlights-boxes {
  width: 50%;
  display: flex;
}
@media screen and (max-width: 992px) {
  .footer__highlights-boxes {
    width: 100%;
    padding-bottom: 24px;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.footer__highlights-box {
  width: 50%;
}
@media screen and (max-width: 992px) {
  .footer__highlights-box {
    width: auto;
    max-width: 45%;
  }
}
.footer__highlights-box-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
.footer__highlights-box-link:hover {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .footer__highlights-box-link {
    flex-direction: column;
    justify-content: center;
  }
}
.footer__highlights-box-link:hover .footer__highlights-box-text {
  color: #00BBC2;
  transition: 0.2s all linear;
}
.footer__highlights-box-icon {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.1);
  flex: none;
  margin-right: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1280px) {
  .footer__highlights-box-icon {
    width: 48px;
    height: 48px;
    margin-right: 16px;
  }
}
@media screen and (max-width: 768px) {
  .footer__highlights-box-icon {
    width: 40px;
    height: 40px;
    margin-right: 0px;
    margin-bottom: 12px;
  }
}
.footer__highlights-box-icon svg {
  filter: drop-shadow(0 0 12px #FFFFFF);
}
@media screen and (max-width: 1280px) {
  .footer__highlights-box-icon svg {
    width: 27px;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .footer__highlights-box-icon svg {
    width: 22px;
    height: auto;
  }
}
.footer__highlights-box-text {
  color: #FFFFFF;
  font-size: 18px;
  line-height: 125%;
  transition: 0.2s all linear;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .footer__highlights-box-text {
    font-size: calc(16px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .footer__highlights-box-text {
    font-size: calc(14px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 992px) {
  .footer__highlights-box-text {
    text-align: center;
  }
  .footer__highlights-box-text br {
    display: none;
  }
}
@media screen and (max-width: 375px) {
  .footer__highlights-box-text {
    font-size: 14px;
    text-align: center;
  }
}
.footer__highlights-logos {
  width: 50%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 992px) {
  .footer__highlights-logos {
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.24);
    padding-top: 24px;
    justify-content: space-between;
  }
}
.footer__highlights-logos::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='1' height='74' viewBox='0 0 1 74' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.5' y1='0.5' x2='0.499997' y2='73.5' stroke='url(%23paint0_linear_2123_13414)' stroke-linecap='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2123_13414' x1='2.6568e-05' y1='74' x2='9.66257e-08' y2='0' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0'/%3E%3Cstop offset='0.479167' stop-color='white' stop-opacity='0.24'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 1px;
  height: 74px;
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (max-width: 992px) {
  .footer__highlights-logos::before {
    display: none;
  }
}
.footer__highlights-logo svg {
  display: block;
}
.footer__highlights-logo svg,
.footer__highlights-logo svg path {
  transition: 0.2s all linear;
}
.footer__highlights-logo a:hover svg path {
  fill: #00BBC2;
  transition: 0.2s all linear;
}
@media screen and (max-width: 1280px) {
  .footer__highlights-logo:nth-child(1) svg {
    width: 48px;
    height: auto;
  }
  .footer__highlights-logo:nth-child(2) svg {
    width: 82px;
    height: auto;
  }
  .footer__highlights-logo:nth-child(3) svg {
    width: 82px;
    height: auto;
  }
  .footer__highlights-logo:nth-child(4) svg {
    width: 80px;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .footer__highlights-logo:nth-child(1) svg {
    width: 40px;
    height: auto;
  }
  .footer__highlights-logo:nth-child(2) svg {
    width: 72px;
    height: auto;
  }
  .footer__highlights-logo:nth-child(3) svg {
    width: 72px;
    height: auto;
  }
  .footer__highlights-logo:nth-child(4) svg {
    width: 60px;
    height: auto;
  }
}
.footer__menus {
  margin-top: 48px;
  margin-bottom: 80px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1280px) {
  .footer__menus {
    margin-top: 40px;
    margin-bottom: 56px;
  }
}
@media screen and (max-width: 992px) {
  .footer__menus {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .footer__menus {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 992px) {
  .footer__menu {
    width: 50%;
  }
  .footer__menu:nth-child(2n) {
    padding-left: 20px;
  }
  .footer__menu:nth-child(1),
  .footer__menu:nth-child(2) {
    margin-bottom: 48px;
  }
}
.footer__menu-title {
  margin-bottom: 16px;
  color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .footer__menu-title {
    letter-spacing: 0.03em !important;
  }
}
.footer__menu ul li {
  font-size: 16px;
  line-height: 170%;
  color: rgba(255, 255, 255, 0.64);
  font-family: 'Inter', Arial, sans-serif;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .footer__menu ul li {
    font-size: calc(14px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .footer__menu ul li {
    font-size: 14px;
  }
}
.footer__menu ul li a {
  color: rgba(255, 255, 255, 0.64);
  text-decoration: none;
  display: flex;
  transition: 0.25 all linear;
  font-family: 'Inter', Arial, sans-serif;
}
.footer__menu ul li a:hover {
  text-decoration: none;
  color: #ffffff;
}
.footer__menu ul li:not(:last-child) {
  margin-bottom: 12px;
}
.footer__bottom {
  padding-top: 28px;
  border-top: 1px solid rgba(255, 255, 255, 0.24);
}
.footer__row {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .footer__row {
    flex-direction: column;
  }
}
.footer__row-1 {
  margin-bottom: 16px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .footer__row-1 {
    margin-bottom: 24px;
    align-items: flex-start;
  }
}
.footer__logo svg {
  display: block;
}
.footer__socials {
  transition: 0.2s all linear;
}
.footer__socials ul {
  display: flex;
}
.footer__socials ul li {
  margin-left: 16px;
  transition: 0.2s all linear;
}
@media screen and (max-width: 1280px) {
  .footer__socials ul li {
    margin-left: 12px;
  }
}
@media screen and (max-width: 768px) {
  .footer__socials ul li {
    margin-left: 8px;
  }
}
.footer__socials ul li:first-child {
  margin-left: 0!important;
}
.footer__socials svg,
.footer__socials svg path {
  transition: 0.2s all linear;
}
.footer__socials svg:hover path {
  fill: #00BBC2;
  transition: 0.2s all linear;
}
@media screen and (max-width: 1280px) {
  .footer__socials svg {
    height: 24px;
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .footer__socials {
    margin-top: 16px;
  }
}
.footer__copyright {
  color: rgba(255, 255, 255, 0.64);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 14px;
  line-height: 170%;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .footer__copyright {
    font-size: calc(12px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .footer__copyright {
    font-size: 12px;
  }
}
.footer__copyright a {
  color: rgba(255, 255, 255, 0.64);
  text-decoration: none;
  transition: 0.25 all linear;
  font-family: 'Inter', Arial, sans-serif;
}
.footer__copyright a:hover {
  text-decoration: none;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .footer__copyright {
    margin-bottom: 16px;
  }
}
.footer__copyright .ot-sdk-show-settings {
  cursor: pointer;
}
.footer__recaptcha {
  color: rgba(255, 255, 255, 0.64);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 14px;
  line-height: 170%;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .footer__recaptcha {
    font-size: calc(12px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .footer__recaptcha {
    font-size: 12px;
  }
}
@media screen and (max-width: 1280px) {
  .footer__recaptcha {
    max-width: 40%;
    text-align: right;
  }
}
@media screen and (max-width: 768px) {
  .footer__recaptcha {
    max-width: 100%;
    text-align: left;
  }
}
.footer__recaptcha a {
  color: rgba(255, 255, 255, 0.64);
  text-decoration: underline;
  transition: 0.25 all linear;
  font-family: 'Inter', Arial, sans-serif;
}
.footer__recaptcha a:hover {
  text-decoration: underline;
  color: #ffffff;
}
/* #endregion */
/* 404.php */
section.page-404 {
  background: linear-gradient(75.77deg, #F4FAFF 0.84%, #CEE6FF 43.79%, #FFFFFF 99.02%), linear-gradient(76.74deg, #F4FAFF -7.86%, #CEE6FF 47.42%, #FFFFFF 118.49%);
  min-height: 100vh;
}
section.page-404 .container {
  padding-top: 192px;
  padding-bottom: 128px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1280px) {
  section.page-404 .container {
    padding-top: 160px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  section.page-404 .container {
    padding-top: 128px;
    padding-bottom: 48px;
    flex-direction: column;
  }
}
section.page-404 .page-404__content {
  width: 41%;
}
@media screen and (max-width: 1500px) {
  section.page-404 .page-404__content {
    width: 480px;
  }
}
@media screen and (max-width: 1280px) {
  section.page-404 .page-404__content {
    width: 400px;
  }
}
@media screen and (max-width: 768px) {
  section.page-404 .page-404__content {
    width: 100%;
  }
}
section.page-404 .page-404__illustration {
  width: 51%;
}
@media screen and (max-width: 1500px) {
  section.page-404 .page-404__illustration {
    width: calc(100% - 520px);
  }
}
@media screen and (max-width: 1280px) {
  section.page-404 .page-404__illustration {
    width: calc(100% - 440px);
  }
}
@media screen and (max-width: 768px) {
  section.page-404 .page-404__illustration {
    width: 100%;
    margin-top: 48px;
  }
}
section.page-404 .page-404__illustration img {
  width: 100%;
  height: auto;
}
section.page-404 .page-404__heading {
  margin-bottom: 32px;
}
@media screen and (max-width: 1280px) {
  section.page-404 .page-404__heading {
    margin-bottom: 24px;
  }
}
section.page-404 .page-404__text {
  color: #3469B3;
  margin-bottom: 64px;
}
@media screen and (max-width: 1280px) {
  section.page-404 .page-404__text {
    margin-bottom: 48px;
  }
}
section.page-404 .page-404__buttons {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  section.page-404 .page-404__buttons {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  section.page-404 .page-404__buttons > div:first-child {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 768px) {
  section.page-404 .page-404__buttons .btn-component {
    display: block;
  }
  section.page-404 .page-404__buttons .btn-component .btn {
    width: 100%;
    justify-content: center;
  }
}
section.page-404 .page-404__button-1 {
  margin-right: 32px;
}
@media screen and (max-width: 1280px) {
  section.page-404 .page-404__button-1 {
    margin-right: 16px;
  }
}
@media screen and (max-width: 768px) {
  section.page-404 .page-404__button-1 {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  section.page-404 .page-404__button-2 {
    width: 100%;
  }
}
/* #end of 404.php */
/* single-guides.php */
.single-guide .container__wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 90px 20px 0px 20px;
}
@media screen and (min-width: 768px) {
  .single-guide .container__wrapper {
    padding: 90px 20px 0px 20px;
  }
}
@media screen and (min-width: 992px) {
  .single-guide .container__wrapper {
    padding: 90px 20px 0px 20px;
  }
}
.single-guide .breadcrumb ol {
  list-style: none;
  display: flex;
}
.single-guide .breadcrumb ol li {
  font-size: 12px;
}
.single-guide .breadcrumb ol li a {
  color: #4c689d;
  font-weight: 500;
  line-height: 28px;
  text-decoration: underline;
}
.single-guide .breadcrumb ol li:last-child a {
  color: #023189;
  text-decoration: none;
}
.single-guide .breadcrumb ol li:not(:first-child)::before {
  padding: 4px 12px 4px 14px;
  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='SVGDoc' width='4' height='8' xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:avocode='https://avocode.com/' viewBox='0 0 4 8'%3E%3Cdefs%3E%3C/defs%3E%3Cdesc%3EGenerated with Avocode.%3C/desc%3E%3Cg%3E%3Cg opacity='0.5'%3E%3Ctitle%3EPath 12%3C/title%3E%3Cpath d='M1,1v0l2,3v0l-2,3v0' fill-opacity='0' fill='%23ffffff' stroke-dashoffset='0' stroke-dasharray='' stroke-linejoin='round' stroke-linecap='round' stroke-opacity='1' stroke='%234c689d' stroke-miterlimit='20' stroke-width='2'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  width: 4px;
  height: 8px;
}
@media screen and (max-width: 768px) {
  .single-guide .breadcrumb ol li:not(:nth-last-child(2)) {
    display: none;
  }
  .single-guide .breadcrumb ol li:nth-last-child(2) {
    font-size: 14px;
    font-weight: 700;
  }
  .single-guide .breadcrumb ol li:nth-last-child(2) a {
    text-decoration: none;
    color: #4c689d;
  }
  .single-guide .breadcrumb ol li:nth-last-child(2)::before {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='SVGDoc' width='5' height='10' xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:avocode='https://avocode.com/' viewBox='0 0 5 10'%3E%3Cdefs%3E%3C/defs%3E%3Cdesc%3EGenerated with Avocode.%3C/desc%3E%3Cg%3E%3Cg opacity='0.5'%3E%3Ctitle%3EPath 12 Copy%3C/title%3E%3Cpath d='M3.33667,1v0l-2.66667,4v0l2.66667,4v0' fill-opacity='0' fill='%23ffffff' stroke-dashoffset='0' stroke-dasharray='' stroke-linejoin='round' stroke-linecap='round' stroke-opacity='1' stroke='%234c689d' stroke-miterlimit='20' stroke-width='2'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    padding: 4px 7px 4px 0;
  }
}
.single-guide .article {
  margin-top: 85px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media screen and (max-width: 992px) {
  .single-guide .article {
    flex-direction: column;
    margin-top: 32px;
  }
}
.single-guide .article .main-part {
  max-width: 700px;
  margin-right: 40px;
}
@media screen and (min-width: 992px) and (max-width: 1100px) {
  .single-guide .article .main-part {
    max-width: 600px;
  }
}
@media screen and (max-width: 992px) {
  .single-guide .article .main-part {
    max-width: 100%;
    margin-right: 0;
  }
}
.single-guide .article .main-part .pretitle {
  color: #023189;
  opacity: 0.5;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 1.5px;
  line-height: normal;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 12px;
}
@media screen and (max-width: 992px) {
  .single-guide .article .main-part .pretitle {
    display: none;
  }
}
.single-guide .article .main-part h1 {
  color: #023189;
  font-size: 48px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 60px;
  text-align: left;
  margin-bottom: 26px;
}
@media screen and (max-width: 992px) {
  .single-guide .article .main-part h1 {
    font-size: 38px;
    line-height: normal;
    margin-bottom: 10px;
  }
}
.single-guide .article .main-part .side-part {
  display: none;
}
@media screen and (max-width: 992px) {
  .single-guide .article .main-part .side-part {
    display: block!important;
  }
}
.single-guide .article .side-part {
  width: 306px;
}
@media screen and (max-width: 992px) {
  .single-guide .article .side-part {
    width: 100%;
    display: none;
  }
}
.single-guide .article .side-part .author {
  margin-top: 40px;
  display: flex;
  margin-left: 24px;
  margin-bottom: 87px;
}
@media screen and (max-width: 992px) {
  .single-guide .article .side-part .author {
    margin-bottom: 40px;
    align-items: center;
    margin-left: 0;
  }
}
.single-guide .article .side-part .author__photo {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
@media screen and (max-width: 992px) {
  .single-guide .article .side-part .author__photo {
    width: 24px;
    height: 24px;
  }
}
.single-guide .article .side-part .author__photo img {
  width: 48px;
  height: 48px;
  object-fit: cover;
}
@media screen and (max-width: 992px) {
  .single-guide .article .side-part .author__photo img {
    width: 24px;
    height: 24px;
  }
}
.single-guide .article .side-part .author__info {
  margin-left: 16px;
}
@media screen and (max-width: 992px) {
  .single-guide .article .side-part .author__info {
    margin-left: 8px;
    display: flex;
  }
}
.single-guide .article .side-part .author__info__name {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 24px;
  text-align: left;
}
@media screen and (max-width: 992px) {
  .single-guide .article .side-part .author__info__name {
    line-height: 18px;
  }
}
.single-guide .article .side-part .author__info__date {
  color: #767676;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 24px;
  text-align: left;
}
@media screen and (max-width: 992px) {
  .single-guide .article .side-part .author__info__date {
    line-height: 18px;
    margin-left: 10px;
  }
}
.single-guide .article .side-part .contents {
  border-radius: 10px;
  border: 1px solid #eaeaea;
  background-color: #ffffff;
  padding: 16px 24px;
}
@media screen and (max-width: 992px) {
  .single-guide .article .side-part .contents {
    padding: 16px;
    display: flex;
    flex-direction: column-reverse;
    position: fixed;
    bottom: 20px;
    width: calc(100% - 32px);
    left: 16px;
    z-index: 3;
    display: none;
  }
}
@media screen and (min-width: 992px) and (max-height: 780px) {
  .single-guide .article .side-part .contents {
    padding: 16px;
    display: flex;
    flex-direction: column-reverse;
    position: fixed;
    bottom: 20px;
    width: 610px;
    left: 15px;
    z-index: 3;
  }
}
@media screen and (min-width: 1100px) and (max-height: 780px) {
  .single-guide .article .side-part .contents {
    padding: 16px;
    display: flex;
    flex-direction: column-reverse;
    position: fixed;
    bottom: 20px;
    width: 710px;
    left: calc(50% - 535px);
    z-index: 3;
  }
}
.single-guide .article .side-part .contents__title {
  color: #023189;
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 32px;
  text-align: left;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 992px) {
  .single-guide .article .side-part .contents__title {
    font-size: 16px;
  }
}
.single-guide .article .side-part .contents__title::before {
  content: " ";
  position: absolute;
  width: 16px;
  height: 4px;
  border-radius: 2px;
  background-color: #1791ea;
  top: 14px;
  right: 0;
}
.single-guide .article .side-part .contents__title::after {
  content: " ";
  position: absolute;
  width: 4px;
  height: 16px;
  border-radius: 2px;
  background-color: #1791ea;
  top: 8px;
  right: 6px;
}
.single-guide .article .side-part .contents .opened::before {
  content: " ";
  position: absolute;
  width: 16px;
  height: 4px;
  border-radius: 2px;
  background-color: #1791ea;
  top: 14px;
  right: 0;
}
.single-guide .article .side-part .contents .opened::after {
  display: none;
}
.single-guide .article .side-part .contents__list {
  margin-top: 16px;
  display: none;
}
.single-guide .article .side-part .contents__list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-guide .article .side-part .contents__list ul li {
  color: #5480bb;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 20px;
  text-align: left;
  padding-left: 14px;
  position: relative;
  list-style: none;
  margin-bottom: 16px;
}
@media screen and (max-width: 992px) {
  .single-guide .article .side-part .contents__list ul li {
    line-height: normal;
    margin-bottom: 20px;
  }
}
.single-guide .article .side-part .contents__list ul li a {
  color: #5480bb;
}
.single-guide .article .side-part .contents__list ul li:hover a,
.single-guide .article .side-part .contents__list ul li.active a {
  color: #023189;
  font-weight: 700;
}
.single-guide .article .side-part .contents__list ul li:hover a::before,
.single-guide .article .side-part .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%);
}
@media screen and (max-width: 992px) {
  .single-guide .article .side-part .floating-mobile {
    display: flex!important;
    visibility: hidden;
  }
}
.single-guide .article .side-part .article-cta-box {
  margin-top: 29px;
}
@media screen and (max-width: 992px) {
  .single-guide .article .side-part .article-cta-box {
    margin-top: 24px;
    margin-bottom: 64px;
  }
}
.single-guide .article .side-part .article-cta-box .article-cta {
  border-radius: 27px;
  border: 2px solid #023189;
  padding: 16px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  transition: 0.2s all ease;
}
.single-guide .article .side-part .article-cta-box .article-cta img {
  height: 20px;
  width: auto;
}
.single-guide .article .side-part .article-cta-box .article-cta span {
  margin-left: 11px;
  color: #023189;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  text-align: left;
}
.single-guide .article .side-part .article-cta-box .article-cta:hover {
  background-color: #103384;
  border: 2px solid #103384;
  transition: 0.2s all ease;
}
.single-guide .article .side-part .article-cta-box .article-cta:hover span {
  color: #ffffff;
}
@media screen and (min-width: 992px) {
  .single-guide .article .side-part .side-box {
    width: 306px;
  }
  .single-guide .article .side-part .side-box--floating {
    position: fixed;
    top: 110px;
  }
}
/* #end of single-guides.php */
/* archive-single.php */
/* single-guides.php */
.single-guide-archive .container__wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 90px 20px 70px 20px;
}
@media screen and (min-width: 768px) {
  .single-guide-archive .container__wrapper {
    padding: 90px 20px 70px 20px;
  }
}
@media screen and (min-width: 992px) {
  .single-guide-archive .container__wrapper {
    padding: 90px 20px 70px 20px;
  }
}
.single-guide-archive .breadcrumb ol {
  list-style: none;
  display: flex;
}
.single-guide-archive .breadcrumb ol li {
  font-size: 12px;
}
.single-guide-archive .breadcrumb ol li a {
  color: #4c689d;
  font-weight: 500;
  line-height: 28px;
  text-decoration: underline;
}
.single-guide-archive .breadcrumb ol li:last-child a {
  color: #023189;
  text-decoration: none;
}
.single-guide-archive .breadcrumb ol li:not(:first-child)::before {
  padding: 4px 12px 4px 14px;
  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='SVGDoc' width='4' height='8' xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:avocode='https://avocode.com/' viewBox='0 0 4 8'%3E%3Cdefs%3E%3C/defs%3E%3Cdesc%3EGenerated with Avocode.%3C/desc%3E%3Cg%3E%3Cg opacity='0.5'%3E%3Ctitle%3EPath 12%3C/title%3E%3Cpath d='M1,1v0l2,3v0l-2,3v0' fill-opacity='0' fill='%23ffffff' stroke-dashoffset='0' stroke-dasharray='' stroke-linejoin='round' stroke-linecap='round' stroke-opacity='1' stroke='%234c689d' stroke-miterlimit='20' stroke-width='2'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  width: 4px;
  height: 8px;
}
@media screen and (max-width: 768px) {
  .single-guide-archive .breadcrumb ol li:not(:nth-last-child(2)) {
    display: none;
  }
  .single-guide-archive .breadcrumb ol li:nth-last-child(2) {
    font-size: 14px;
    font-weight: 700;
  }
  .single-guide-archive .breadcrumb ol li:nth-last-child(2) a {
    text-decoration: none;
    color: #4c689d;
  }
  .single-guide-archive .breadcrumb ol li:nth-last-child(2)::before {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='SVGDoc' width='5' height='10' xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:avocode='https://avocode.com/' viewBox='0 0 5 10'%3E%3Cdefs%3E%3C/defs%3E%3Cdesc%3EGenerated with Avocode.%3C/desc%3E%3Cg%3E%3Cg opacity='0.5'%3E%3Ctitle%3EPath 12 Copy%3C/title%3E%3Cpath d='M3.33667,1v0l-2.66667,4v0l2.66667,4v0' fill-opacity='0' fill='%23ffffff' stroke-dashoffset='0' stroke-dasharray='' stroke-linejoin='round' stroke-linecap='round' stroke-opacity='1' stroke='%234c689d' stroke-miterlimit='20' stroke-width='2'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    padding: 4px 7px 4px 0;
  }
}
.single-guide-archive .archive h1 {
  color: #023189;
  font-size: 48px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 54px;
  text-align: left;
  margin-bottom: 15px;
  margin-top: 78px;
}
@media screen and (max-width: 992px) {
  .single-guide-archive .archive h1 {
    font-size: 38px;
    line-height: normal;
    margin-bottom: 15px;
    margin-top: 32px;
  }
}
.single-guide-archive .archive__description {
  color: #517dba;
  font-size: 22px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 30px;
  text-align: left;
  max-width: 590px;
}
@media screen and (max-width: 992px) {
  .single-guide-archive .archive__description {
    font-size: 18px;
    line-height: 24px;
  }
}
.single-guide-archive .archive .articles {
  margin-top: 66px;
}
@media screen and (max-width: 992px) {
  .single-guide-archive .archive .articles {
    margin-top: 42px;
  }
}
.single-guide-archive .archive .articles article {
  width: 100%;
  display: flex;
  margin-bottom: 64px;
}
@media screen and (max-width: 992px) {
  .single-guide-archive .archive .articles article {
    flex-direction: column;
  }
}
.single-guide-archive .archive .articles article .photo {
  width: 50%;
  padding-right: 23px;
  position: relative;
}
@media screen and (max-width: 992px) {
  .single-guide-archive .archive .articles article .photo {
    width: 100%;
    padding-right: 0;
  }
}
.single-guide-archive .archive .articles article .photo img {
  max-width: 100%;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #33feff;
  padding: 14px;
  height: 100%;
}
@media screen and (max-width: 992px) {
  .single-guide-archive .archive .articles article .photo img {
    padding: 8px;
    width: 100%;
  }
}
.single-guide-archive .archive .articles article .photo .label {
  border-radius: 4px;
  background-color: #ffae6d;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: normal;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  padding: 3px 12px;
  position: absolute;
  top: 24px;
  left: 24px;
}
@media screen and (max-width: 992px) {
  .single-guide-archive .archive .articles article .photo .label {
    position: relative;
    top: unset;
    left: unset;
    margin-top: 16px;
    margin-bottom: 16px;
    width: fit-content;
  }
}
.single-guide-archive .archive .articles article .details {
  width: 50%;
}
@media screen and (max-width: 992px) {
  .single-guide-archive .archive .articles article .details {
    width: 100%;
  }
}
.single-guide-archive .archive .articles article .details h2 {
  color: #000000;
  font-size: 38px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 48px;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 24px;
}
@media screen and (max-width: 992px) {
  .single-guide-archive .archive .articles article .details h2 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 17px;
  }
}
.single-guide-archive .archive .articles article .details .author {
  display: flex;
  margin-bottom: 24px;
  align-items: center;
}
.single-guide-archive .archive .articles article .details .author__photo {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
@media screen and (max-width: 992px) {
  .single-guide-archive .archive .articles article .details .author__photo {
    display: none;
  }
}
.single-guide-archive .archive .articles article .details .author__photo img {
  width: 24px;
  height: 24px;
  object-fit: cover;
}
.single-guide-archive .archive .articles article .details .author__info {
  margin-left: 8px;
  display: flex;
}
@media screen and (max-width: 992px) {
  .single-guide-archive .archive .articles article .details .author__info {
    margin-left: 0;
  }
}
.single-guide-archive .archive .articles article .details .author__info__name {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 24px;
  text-align: left;
}
@media screen and (max-width: 992px) {
  .single-guide-archive .archive .articles article .details .author__info__name {
    line-height: 18px;
  }
}
.single-guide-archive .archive .articles article .details .author__info__separator {
  margin-left: 7px;
  margin-right: 7px;
}
.single-guide-archive .archive .articles article .details .author__info__date,
.single-guide-archive .archive .articles article .details .author__info__separator {
  color: #767676;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 24px;
  text-align: left;
}
@media screen and (max-width: 992px) {
  .single-guide-archive .archive .articles article .details .author__info__date,
  .single-guide-archive .archive .articles article .details .author__info__separator {
    line-height: 18px;
  }
}
.single-guide-archive .archive .articles article .details .annotation-excerpt {
  color: #5b5e62;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.15px;
  line-height: 32px;
  text-align: left;
  margin-bottom: 45px;
}
@media screen and (max-width: 992px) {
  .single-guide-archive .archive .articles article .details .annotation-excerpt {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 992px) {
  .single-guide-archive .archive .articles article .details .read-more {
    display: none;
  }
}
.single-guide-archive .archive .articles article .details .read-more a {
  color: #03b9bf;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  text-align: left;
  text-decoration: underline;
  transition: 0.2s all ease;
}
.single-guide-archive .archive .articles article .details .read-more a:hover {
  color: #02888d;
  transition: 0.2s all ease;
}
.single-guide-archive .archive .articles article:not(:first-child) {
  margin-bottom: 48px;
}
@media screen and (max-width: 992px) {
  .single-guide-archive .archive .articles article:not(:first-child) {
    margin-bottom: 40px;
    flex-direction: row;
  }
}
.single-guide-archive .archive .articles article:not(:first-child) .photo {
  width: 380px;
}
@media screen and (max-width: 992px) {
  .single-guide-archive .archive .articles article:not(:first-child) .photo {
    width: 100px;
  }
}
.single-guide-archive .archive .articles article:not(:first-child) .photo img {
  padding: 8px;
}
@media screen and (max-width: 992px) {
  .single-guide-archive .archive .articles article:not(:first-child) .photo img {
    padding: 3px;
    height: auto;
  }
}
@media screen and (max-width: 992px) {
  .single-guide-archive .archive .articles article:not(:first-child) .photo .label {
    position: absolute;
    left: calc(100% + 16px);
    top: 0;
    margin-top: 0;
    margin-bottom: 0;
    white-space: nowrap;
  }
}
.single-guide-archive .archive .articles article:not(:first-child) .details {
  width: 485px;
}
@media screen and (max-width: 992px) {
  .single-guide-archive .archive .articles article:not(:first-child) .details {
    width: calc(100% - 100px);
    padding-left: 16px;
    padding-top: 32px;
    display: flex;
    flex-direction: column;
  }
}
.single-guide-archive .archive .articles article:not(:first-child) .details h2 {
  font-size: 32px;
  line-height: 40px;
}
@media screen and (max-width: 992px) {
  .single-guide-archive .archive .articles article:not(:first-child) .details h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 9px;
  }
}
.single-guide-archive .archive .articles article:not(:first-child) .details .author {
  margin-bottom: 40px;
}
@media screen and (max-width: 992px) {
  .single-guide-archive .archive .articles article:not(:first-child) .details .author {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 992px) {
  .single-guide-archive .archive .articles article:not(:first-child) .details .author__info__name,
  .single-guide-archive .archive .articles article:not(:first-child) .details .author__info__date,
  .single-guide-archive .archive .articles article:not(:first-child) .details .author__info__separator {
    font-size: 12px;
    line-height: normal;
  }
}
.single-guide-archive .archive .articles article:not(:first-child) .details .annotation-excerpt {
  display: none;
}
/* #end of archive-single.php */
/* archive-glossary.php */
.glossary-archive__hero {
  background: linear-gradient(75.77deg, #011F55 0.84%, #02286F 21.87%, #67038B 87.73%);
  position: relative;
  z-index: 0;
  min-height: 704px;
}
@media screen and (min-width: 1281px) and (max-width: 1760px) {
  .glossary-archive__hero {
    min-height: calc(561px + 143 * ((100vw - 1281px) / 479));
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .glossary-archive__hero {
    min-height: 561px;
  }
}
@media screen and (max-width: 768px) {
  .glossary-archive__hero {
    min-height: unset;
  }
}
@keyframes opacity_effect {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
.glossary-archive__hero::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='536' height='451' viewBox='0 0 536 451' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='-360' width='896' height='924.903' fill='url(%23paint0_radial_1379_10093)' fill-opacity='0.8'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_1379_10093' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(88 462.452) rotate(90) scale(462.452 448)'%3E%3Cstop stop-color='%23034CD3'/%3E%3Cstop offset='1' stop-color='%23034CD3' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 536px;
  height: 451px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  animation: opacity_effect 4s ease 0s infinite;
}
.glossary-archive__hero::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='445' height='460' viewBox='0 0 445 460' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='-459.355' width='890' height='918.71' fill='url(%23paint0_radial_1379_10094)' fill-opacity='0.6'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_1379_10094' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(445 -0.000152588) rotate(90) scale(459.355 445)'%3E%3Cstop stop-color='%23FF9138'/%3E%3Cstop offset='1' stop-color='%23CA21A8' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 445px;
  height: 460px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  animation: opacity_effect 4s ease 0s infinite;
}
.glossary-archive__hero .container {
  padding-top: 184px;
  padding-bottom: 80px;
}
@media screen and (min-width: 1281px) and (max-width: 1760px) {
  .glossary-archive__hero .container {
    padding-top: calc(168px + 16 * ((100vw - 1281px) / 479));
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .glossary-archive__hero .container {
    padding-top: calc(140px + 28 * ((100vw - 1281px) / 479));
  }
}
@media screen and (max-width: 1280px) {
  .glossary-archive__hero .container {
    padding-bottom: 64px;
  }
}
@media screen and (max-width: 768px) {
  .glossary-archive__hero .container {
    padding-top: 140px;
    padding-bottom: 48px;
  }
}
.glossary-archive__hero .header-features-subpage__content {
  max-width: 563px;
}
@media screen and (max-width: 1760px) {
  .glossary-archive__hero .header-features-subpage__content {
    max-width: calc(405px + 158 * ((100vw - 1281px) / 479));
  }
}
@media screen and (max-width: 1280px) {
  .glossary-archive__hero .header-features-subpage__content {
    max-width: 405px;
  }
}
@media screen and (max-width: 768px) {
  .glossary-archive__hero .header-features-subpage__content {
    max-width: 100%;
  }
}
.glossary-archive__hero .header-features-subpage__heading {
  color: #ffffff;
  margin-bottom: 40px;
}
@media screen and (max-width: 1280px) {
  .glossary-archive__hero .header-features-subpage__heading {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 768px) {
  .glossary-archive__hero .header-features-subpage__heading {
    margin-bottom: 24px;
  }
}
.glossary-archive__hero .header-features-subpage__text {
  color: #B3D8FF;
}
.glossary-archive__hero .header-features-subpage__text strong {
  font-weight: 700;
  color: #ffffff;
}
.glossary-archive__hero .header-features-subpage__text a:not(:hover) {
  color: #ffffff;
}
.glossary-archive__hero .header-features-subpage__text p:not(:last-child) {
  margin-bottom: 24px;
}
.glossary-archive__hero .header-features-subpage__illustration {
  position: absolute;
  z-index: -1;
  bottom: 36px;
  right: calc(50vw - 1920px/2);
}
@media screen and (max-width: 768px) {
  .glossary-archive__hero .header-features-subpage__illustration {
    position: relative;
    margin-top: -32px;
  }
}
.glossary-archive__hero .header-features-subpage__illustration img {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1281px) and (max-width: 1800px) {
  .glossary-archive__hero .header-features-subpage__illustration {
    width: 50%!important;
    height: auto!important;
    right: calc(-60px + 60 * ((100vw - 1281px) / 519));
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .glossary-archive__hero .header-features-subpage__illustration {
    width: 50%!important;
    height: auto!important;
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .glossary-archive__hero .header-features-subpage__illustration {
    display: none;
  }
}
.glossary-archive__body {
  background: #F4FAFF;
  padding: 80px 0 128px 0;
}
@media screen and (max-width: 1280px) {
  .glossary-archive__body {
    padding: 64px 0 80px 0;
  }
}
@media screen and (max-width: 992px) {
  .glossary-archive__body--filter-fixed {
    margin-top: 82px;
  }
}
.glossary-archive__filter__label {
  font-size: 24px;
  line-height: 150%;
  line-height: 125%;
  font-weight: 700;
  margin-bottom: 16px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .glossary-archive__filter__label {
    font-size: calc(18px + 6 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .glossary-archive__filter__label {
    font-size: 18px;
  }
}
.glossary-archive__filter__letters {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 992px) {
  .glossary-archive__filter__letters {
    flex-wrap: nowrap;
    width: auto;
    overflow-x: auto;
  }
}
.glossary-archive__filter__letters__letter {
  line-height: 133%;
  padding: 8px 22px;
  margin-right: 8px;
  font-weight: 700;
  border: 2px solid rgba(2, 49, 137, 0.3);
  background-color: #FFFFFF;
  border-radius: 8px;
  transition: 0.2s all linear;
  cursor: pointer;
  margin-bottom: 8px;
}
@media screen and (max-width: 992px) {
  .glossary-archive__filter__letters__letter {
    margin-bottom: 0px;
  }
}
.glossary-archive__filter__letters__letter:hover {
  transition: 0.2s all linear;
  border: 2px solid #023189;
  background-color: #023189;
  color: #ffffff;
}
@media screen and (max-width: 992px) {
  .glossary-archive__filter--fixed {
    position: fixed;
    top: 80px;
    background-color: #fff;
    width: 100%;
    left: 0;
    padding: 20px;
    box-shadow: 0px 2px 8px rgba(2, 49, 137, 0.2);
  }
}
@media screen and (max-width: 992px) {
  .glossary-archive__filter--fixed .glossary-archive__filter__label {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .glossary-archive__filter--fixed .glossary-archive__filter__letters__letter {
    margin-bottom: 0;
  }
}
.glossary-archive__glossary {
  padding-top: 20px;
}
@media screen and (max-width: 992px) {
  .glossary-archive__glossary {
    padding-top: 40px;
  }
}
.glossary-archive__glossary__letter {
  padding-bottom: 8px;
  border-bottom: 1px solid #CEE6FF;
  margin-bottom: 32px;
  margin-top: 40px;
}
@media screen and (max-width: 992px) {
  .glossary-archive__glossary__letter {
    margin-bottom: 24px;
    margin-top: 8px;
  }
}
.glossary-archive__glossary__term {
  padding-bottom: 24px;
}
@media screen and (max-width: 992px) {
  .glossary-archive__glossary__term {
    padding-bottom: 24px;
  }
}
.glossary-archive__glossary__term a {
  font-size: 24px;
  line-height: 150%;
  line-height: 125%;
  color: #4D82CB;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .glossary-archive__glossary__term a {
    font-size: calc(18px + 6 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .glossary-archive__glossary__term a {
    font-size: 18px;
  }
}
/* #end of archive-glossary.php */
/* single-glossary.php */
section.single-glossary {
  padding-top: 192px;
  padding-bottom: 160px;
  background-color: #F4FAFF;
  position: relative;
}
section.single-glossary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 622px;
  background: linear-gradient(183.63deg, rgba(244, 250, 255, 0) 2.82%, #F4FAFF 90%), linear-gradient(75.77deg, #F4FAFF 0.84%, #CEE6FF 43.79%, #FFFFFF 99.02%);
}
@media screen and (max-width: 992px) {
  section.single-glossary {
    padding-top: 104px;
    padding-bottom: 0px;
  }
}
section.single-glossary .container {
  display: flex;
  position: relative;
}
@media screen and (max-width: 992px) {
  section.single-glossary .container {
    padding: 0 20px;
    flex-direction: column-reverse;
  }
}
section.single-glossary .single-glossary__title {
  padding-bottom: 32px;
}
@media screen and (max-width: 992px) {
  section.single-glossary .single-glossary__title {
    padding-bottom: 0px;
  }
}
section.single-glossary .single-glossary__left {
  width: 400px;
  flex: none;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  section.single-glossary .single-glossary__left {
    width: calc(316px + 84 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 992px) and (max-width: 1280px) {
  section.single-glossary .single-glossary__left {
    width: 316px;
  }
}
@media screen and (max-width: 992px) {
  section.single-glossary .single-glossary__left {
    width: 100%;
  }
}
section.single-glossary .single-glossary__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;
  margin-bottom: 48px;
}
@media screen and (max-width: 992px) {
  section.single-glossary .single-glossary__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) {
  section.single-glossary .single-glossary__left .contents.contents-visible {
    display: flex;
  }
}
section.single-glossary .single-glossary__left .contents__title {
  text-align: left;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 992px) {
  section.single-glossary .single-glossary__left .contents__title {
    border-radius: 16px;
    border: 2px solid #CEE6FF;
    padding: 12px 16px;
  }
}
section.single-glossary .single-glossary__left .contents__title.opened {
  color: #9CB6D4;
}
section.single-glossary .single-glossary__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) {
  section.single-glossary .single-glossary__left .contents__title::before {
    right: 16px;
  }
}
section.single-glossary .single-glossary__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) {
  section.single-glossary .single-glossary__left .contents__title::after {
    right: 22px;
  }
}
section.single-glossary .single-glossary__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) {
  section.single-glossary .single-glossary__left .contents .opened::before {
    right: 16px;
  }
}
section.single-glossary .single-glossary__left .contents .opened::after {
  display: none;
}
section.single-glossary .single-glossary__left .contents__list {
  margin-top: 16px;
  display: none;
}
@media screen and (max-width: 992px) {
  section.single-glossary .single-glossary__left .contents__list {
    margin-top: 8px;
  }
}
section.single-glossary .single-glossary__left .contents__list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
section.single-glossary .single-glossary__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) {
  section.single-glossary .single-glossary__left .contents__list ul li {
    font-size: calc(14px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  section.single-glossary .single-glossary__left .contents__list ul li {
    font-size: 14px;
  }
}
@media screen and (max-width: 992px) {
  section.single-glossary .single-glossary__left .contents__list ul li {
    line-height: normal;
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 20px;
  }
}
@media screen and (max-width: 992px) {
  section.single-glossary .single-glossary__left .contents__list ul li:last-child {
    margin-bottom: 32px;
  }
}
section.single-glossary .single-glossary__left .contents__list ul li a {
  color: #3469B3;
  text-decoration: none;
}
section.single-glossary .single-glossary__left .contents__list ul li:hover a,
section.single-glossary .single-glossary__left .contents__list ul li.active a {
  color: #02286F;
  font-weight: 700;
  text-decoration: none;
}
section.single-glossary .single-glossary__left .contents__list ul li:hover a::before,
section.single-glossary .single-glossary__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%);
}
@media screen and (max-width: 992px) {
  section.single-glossary .single-glossary__left .related-terms {
    background-color: #F1F8FF;
    margin: 0 -20px;
    padding: 48px 20px 32px 20px;
  }
}
section.single-glossary .single-glossary__left .related-terms__title {
  padding-bottom: 16px;
  margin-bottom: 24px;
  border-bottom: 1px solid #CEE6FF;
}
section.single-glossary .single-glossary__left .related-terms__term {
  margin-bottom: 16px;
}
section.single-glossary .single-glossary__left .related-terms__term a {
  text-decoration: none;
  color: #3469B3;
}
section.single-glossary .single-glossary__left .related-terms__term a:hover {
  text-decoration: underline;
  color: #3469B3;
}
section.single-glossary .single-glossary__left .side-box {
  width: 400px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  section.single-glossary .single-glossary__left .side-box {
    width: calc(316px + 84 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 992px) and (max-width: 1280px) {
  section.single-glossary .single-glossary__left .side-box {
    width: 316px;
  }
}
@media screen and (max-width: 992px) {
  section.single-glossary .single-glossary__left .side-box {
    width: 100%;
  }
}
section.single-glossary .single-glossary__left .side-box .contents-overlay {
  display: none;
  opacity: 1;
}
@media screen and (max-width: 992px) {
  section.single-glossary .single-glossary__left .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;
  }
}
section.single-glossary .single-glossary__left .side-box--floating {
  position: fixed;
  top: 128px;
  transition: 0.3s all linear;
}
@media screen and (max-width: 992px) {
  section.single-glossary .single-glossary__left .side-box--floating {
    top: unset!important;
    position: unset!important;
  }
}
section.single-glossary .single-glossary__content {
  width: auto;
  padding-left: 80px;
  padding-right: 80px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  section.single-glossary .single-glossary__content {
    padding-left: calc(24px + 56 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 992px) and (max-width: 1280px) {
  section.single-glossary .single-glossary__content {
    padding-left: 24px;
    padding-right: 0;
  }
}
@media screen and (max-width: 992px) {
  section.single-glossary .single-glossary__content {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 32px;
  }
}
section.single-glossary .single-glossary__content h1.xl {
  color: #023189;
  font-weight: 700;
  font-size: 60px;
  line-height: 68px;
}
section.single-glossary .single-glossary__content h1:not(.xl) {
  font-weight: 700;
  font-size: 60px;
  line-height: 125%;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  section.single-glossary .single-glossary__content h1:not(.xl) {
    font-size: calc(48px + 12 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  section.single-glossary .single-glossary__content h1:not(.xl) {
    font-size: calc(40px + 8 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  section.single-glossary .single-glossary__content h1:not(.xl) {
    font-size: 40px;
  }
}
section.single-glossary .single-glossary__content h2 {
  font-weight: 700;
  font-size: 48px;
  line-height: 125%;
  margin-top: 48px;
  margin-bottom: 32px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  section.single-glossary .single-glossary__content h2 {
    font-size: calc(40px + 8 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  section.single-glossary .single-glossary__content h2 {
    font-size: calc(32px + 8 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  section.single-glossary .single-glossary__content h2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 1280px) {
  section.single-glossary .single-glossary__content h2 {
    margin-bottom: 32px;
    margin-bottom: 24px;
  }
}
section.single-glossary .single-glossary__content h3 {
  font-weight: 700;
  font-size: 40px;
  line-height: 125%;
  margin-top: 32px;
  margin-bottom: 16px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  section.single-glossary .single-glossary__content h3 {
    font-size: calc(32px + 8 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  section.single-glossary .single-glossary__content h3 {
    font-size: calc(28px + 4 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  section.single-glossary .single-glossary__content h3 {
    font-size: 28px;
  }
}
@media screen and (max-width: 1280px) {
  section.single-glossary .single-glossary__content h3 {
    margin-bottom: 24px;
    margin-bottom: 16px;
  }
}
section.single-glossary .single-glossary__content h4 {
  font-weight: 700;
  font-size: 32px;
  line-height: 125%;
  margin-top: 16px;
  margin-bottom: 16px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  section.single-glossary .single-glossary__content h4 {
    font-size: calc(28px + 4 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  section.single-glossary .single-glossary__content h4 {
    font-size: calc(24px + 4 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  section.single-glossary .single-glossary__content h4 {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  section.single-glossary .single-glossary__content h4 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}
section.single-glossary .single-glossary__content h5 {
  font-weight: 700;
  font-size: 28px;
  line-height: 125%;
  margin-top: 16px;
  margin-bottom: 16px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  section.single-glossary .single-glossary__content h5 {
    font-size: calc(24px + 4 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  section.single-glossary .single-glossary__content h5 {
    font-size: calc(18px + 6 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  section.single-glossary .single-glossary__content h5 {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  section.single-glossary .single-glossary__content h5 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}
section.single-glossary .single-glossary__content h6 {
  font-weight: 700;
  font-size: 24px;
  line-height: 125%;
  margin-top: 16px;
  margin-bottom: 16px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  section.single-glossary .single-glossary__content h6 {
    font-size: calc(18px + 6 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  section.single-glossary .single-glossary__content h6 {
    font-size: calc(16px + 2 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  section.single-glossary .single-glossary__content h6 {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  section.single-glossary .single-glossary__content h6 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}
section.single-glossary .single-glossary__content h1,
section.single-glossary .single-glossary__content h2,
section.single-glossary .single-glossary__content h3,
section.single-glossary .single-glossary__content h4,
section.single-glossary .single-glossary__content h5,
section.single-glossary .single-glossary__content h6 {
  display: inline-block;
}
section.single-glossary .single-glossary__content p,
section.single-glossary .single-glossary__content ul,
section.single-glossary .single-glossary__content ol,
section.single-glossary .single-glossary__content ul li,
section.single-glossary .single-glossary__content ol li {
  color: #3469B3;
  font-family: 'Inter', Arial, sans-serif;
  font-size: 20px;
  line-height: 170%;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  section.single-glossary .single-glossary__content p,
  section.single-glossary .single-glossary__content ul,
  section.single-glossary .single-glossary__content ol,
  section.single-glossary .single-glossary__content ul li,
  section.single-glossary .single-glossary__content ol li {
    font-size: calc(16px + 4 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  section.single-glossary .single-glossary__content p,
  section.single-glossary .single-glossary__content ul,
  section.single-glossary .single-glossary__content ol,
  section.single-glossary .single-glossary__content ul li,
  section.single-glossary .single-glossary__content ol li {
    font-size: 16px;
  }
}
section.single-glossary .single-glossary__content p {
  margin-bottom: 24px;
}
@media screen and (max-width: 1280px) {
  section.single-glossary .single-glossary__content p {
    margin-bottom: 16px;
  }
}
section.single-glossary .single-glossary__content p strong {
  font-weight: 700;
}
section.single-glossary .single-glossary__content a {
  text-decoration: underline;
}
section.single-glossary .single-glossary__content a:hover {
  text-decoration: underline;
}
section.single-glossary .single-glossary__content ul {
  list-style: none;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  section.single-glossary .single-glossary__content ul {
    margin-bottom: 16px;
  }
}
section.single-glossary .single-glossary__content ul li {
  margin-top: 4px;
  margin-bottom: 4px;
  padding-left: 55px;
  position: relative;
}
@media screen and (max-width: 768px) {
  section.single-glossary .single-glossary__content ul li {
    padding-left: 20px;
  }
}
section.single-glossary .single-glossary__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: 14px;
}
@media screen and (max-width: 768px) {
  section.single-glossary .single-glossary__content ul li::before {
    left: 0px;
  }
}
section.single-glossary .single-glossary__content ol {
  margin-bottom: 24px;
  padding-left: 50px;
  list-style: decimal;
}
@media screen and (max-width: 768px) {
  section.single-glossary .single-glossary__content ol {
    margin-bottom: 16px;
    padding-left: 21px;
  }
}
section.single-glossary .single-glossary__content ol li {
  margin-top: 4px;
  margin-bottom: 4px;
  padding-left: 8px;
}
section.single-glossary .single-glossary__content ol li::marker {
  color: #11C3FD;
  display: list-item;
  font-weight: 700;
}
section.single-glossary .single-glossary__content figcaption {
  margin-top: 24px;
  margin-bottom: 0px;
  color: #668FBD;
  font-weight: 400;
  font-size: 14px;
  line-height: 170%;
  text-align: center;
}
section.single-glossary .single-glossary__content figure {
  margin-top: 48px;
  margin-bottom: 48px;
}
@media screen and (max-width: 1280px) {
  section.single-glossary .single-glossary__content figure {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
section.single-glossary .single-glossary__content figure img {
  border-radius: 16px!important;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  section.single-glossary .single-glossary__content figure img {
    border-radius: 8px!important;
  }
}
section.single-glossary .single-glossary__content .shadow img,
section.single-glossary .single-glossary__content img.shadow {
  box-shadow: 0px 32px 32px -24px rgba(52, 105, 179, 0.24);
}
/* #end of single-glossary.php */
/* UTM based widget bar */
@media screen and (min-width: 1100.5px) {
  .active-widget {
    height: calc(80px + 60px);
  }
  .active-widget .header__container {
    height: 80px;
  }
}
header.promo {
  height: calc(80px + 48px);
}
@media screen and (max-width: 992px) {
  header.promo {
    height: calc(80px + 52px);
  }
}
@media screen and (max-width: 531px) {
  header.promo {
    height: calc(80px + 72px);
  }
}
@media screen and (max-width: 300px) {
  header.promo {
    height: calc(80px + 92px);
  }
}
header.promo .header__container {
  height: 80px;
}
@media screen and (max-width: 768px) {
  header.promo + main .hp-header .header__hero {
    padding-top: calc(50px + 52px);
  }
}
@media screen and (max-width: 531px) {
  header.promo + main .hp-header .header__hero {
    padding-top: calc(50px + 72px);
  }
}
@media screen and (max-width: 300px) {
  header.promo + main .hp-header .header__hero {
    padding-top: calc(50px + 92px);
  }
}
@media screen and (max-width: 768px) {
  header.producthunt-promo {
    height: calc(80px + 88px);
  }
}
@media screen and (max-width: 531px) {
  header.producthunt-promo {
    height: calc(80px + 108px);
  }
}
@media screen and (max-width: 300px) {
  header.producthunt-promo {
    height: calc(80px + 128px);
  }
}
@media screen and (max-width: 768px) {
  header.producthunt-promo + main .hp-header .header__hero {
    padding-top: calc(50px + 88px);
  }
}
@media screen and (max-width: 531px) {
  header.producthunt-promo + main .hp-header .header__hero {
    padding-top: calc(50px + 108px);
  }
}
@media screen and (max-width: 300px) {
  header.producthunt-promo + main .hp-header .header__hero {
    padding-top: calc(50px + 128px);
  }
}
@media screen and (max-width: 992px) {
  header.websummit-promo {
    height: calc(80px + 80px);
  }
}
@media screen and (max-width: 531px) {
  header.websummit-promo {
    height: calc(80px + 100px);
  }
}
@media screen and (max-width: 300px) {
  header.websummit-promo {
    height: calc(80px + 120px);
  }
}
@media screen and (max-width: 768px) {
  header.websummit-promo + main .hp-header .header__hero {
    padding-top: calc(50px + 80px);
  }
}
@media screen and (max-width: 531px) {
  header.websummit-promo + main .hp-header .header__hero {
    padding-top: calc(50px + 100px);
  }
}
@media screen and (max-width: 300px) {
  header.websummit-promo + main .hp-header .header__hero {
    padding-top: calc(50px + 120px);
  }
}
header.withMenu {
  height: 80px!important;
}
.sl-widget-bar {
  width: 100%;
  background: linear-gradient(94.46deg, #013188 0%, #0176AE 100%);
  position: relative;
}
@media screen and (max-width: 1100px) {
  .sl-widget-bar {
    border-radius: 15px;
    position: fixed;
    bottom: 0;
    left: 0;
    margin: 10px;
    z-index: 5;
    width: calc(100% - 20px);
  }
}
.sl-widget-bar__container {
  max-width: 1110px;
  padding: 17px 20px;
  display: flex;
  justify-content: space-between;
  position: relative;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  .sl-widget-bar__container {
    padding-right: 80px;
  }
}
@media screen and (max-width: 1100px) {
  .sl-widget-bar__container {
    padding: 24px;
    flex-direction: column;
  }
}
.sl-widget-bar__title {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #FFFFFF;
}
@media screen and (max-width: 1100px) {
  .sl-widget-bar__title {
    max-width: 222px;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 320px) {
  .sl-widget-bar__title {
    max-width: calc(100% - 40px);
  }
}
.sl-widget-bar__illustration {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='98' height='81' viewBox='0 0 98 81' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4_96)'%3E%3Cpath d='M98 43.4452L49.2457 72.3638L0.193054 43.4452L48.9298 14.5267L98 43.4452Z' fill='url(%23paint0_linear_4_96)'/%3E%3Cpath d='M98 43.4453L97.9649 52.0814L49.2281 81L49.2457 72.3638L98 43.4453Z' fill='%2300A4C5'/%3E%3Cpath d='M49.2457 72.3638L49.2281 81L0.175503 52.0814L0.193053 43.4453L49.2457 72.3638Z' fill='%2300D3DC'/%3E%3Cpath d='M60.6182 44.5741C61.1447 47.5842 59.1089 50.666 54.774 52.601C48.649 55.3603 40.067 54.9124 34.6966 51.7589C33.9771 51.3289 33.3102 50.8631 32.7135 50.3435C28.4488 46.5808 29.572 41.4744 35.2933 38.5359C37.61 37.3534 40.3478 36.6546 43.1558 36.4396C41.9799 36.9413 41.1024 38.1417 40.611 38.9301C40.3653 39.3243 40.5408 39.7543 41.0322 40.0589C41.0849 40.0947 41.1551 40.1306 41.2253 40.1485C42.1554 40.5606 43.4893 40.3635 43.928 39.7364C45.2618 37.7834 47.2274 36.5292 47.3327 36.4754C51.0534 34.3612 57.582 32.4799 68.0419 35.0241C67.726 35.0958 61.7063 36.35 60.5831 41.7252C60.39 42.6748 60.4602 43.6245 60.6182 44.5741Z' fill='%230FF6FF'/%3E%3Cpath opacity='0.65' d='M97.8245 -4.30408H0L0 51.9022L49.0527 80.8208L97.8245 51.9022V-4.30408Z' fill='url(%23paint1_linear_4_96)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_4_96' x1='54.4932' y1='-2.31562' x2='44.0547' y2='82.5433' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23003893'/%3E%3Cstop offset='1' stop-color='%2300ECF4'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_4_96' x1='48.9122' y1='80.8208' x2='48.9122' y2='7.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300ECF4'/%3E%3Cstop offset='1' stop-color='%23EAF2FB' stop-opacity='0'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_4_96'%3E%3Crect width='98' height='101' fill='white' transform='translate(0 -20)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  width: 98px;
  height: 81px;
  background-repeat: no-repeat;
  position: absolute;
  right: 270px;
  top: 0;
  z-index: 3;
}
@media screen and (max-width: 1300px) {
  .sl-widget-bar__illustration {
    right: 300px;
  }
}
@media screen and (max-width: 1100px) {
  .sl-widget-bar__illustration {
    right: 24px;
    bottom: 24px;
    top: unset;
    z-index: unset;
  }
}
@media screen and (max-width: 290px) {
  .sl-widget-bar__illustration {
    display: none;
  }
}
.sl-widget-bar__link a {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  color: #00EAF3;
  text-decoration: none;
  padding-right: 24px;
  position: relative;
}
.sl-widget-bar__link a br {
  display: none;
}
@media screen and (max-width: 350px) {
  .sl-widget-bar__link a br {
    display: block;
  }
}
.sl-widget-bar__link a::after {
  content: "";
  width: 18px;
  height: 17px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5553 3.05546C12.2017 2.70191 11.3532 2.56049 10.9996 3.05546C10.6461 3.55044 10.6461 4.25754 10.9996 4.6111L13.9695 7.58095L1.38299 7.43953C0.817308 7.43952 0.322333 7.9345 0.251622 8.5709C0.322333 9.20729 0.817308 9.56085 1.38299 9.56085L13.9695 9.41942L10.9996 12.3893C10.5754 12.8135 10.6461 13.5914 10.9996 13.9449C11.4239 14.3692 12.2017 14.4399 12.5553 13.9449L17.2222 9.278C17.6464 8.85374 17.5757 8.07592 17.2222 7.72237L12.5553 3.05546Z' fill='%2300EAF3'/%3E%3C/svg%3E");
  position: absolute;
  right: 0;
  bottom: 0;
}
.sl-widget-bar__link a:hover {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  color: #00EAF3;
  text-decoration: underline;
}
.sl-widget-bar__close {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='26' height='25' viewBox='0 0 26 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='1.35355' y1='0.646447' x2='25.3536' y2='24.6464' stroke='white'/%3E%3Cline x1='0.646447' y1='24.6464' x2='24.6464' y2='0.646455' stroke='white'/%3E%3C/svg%3E");
  width: 26px;
  height: 25px;
  position: absolute;
  right: 18px;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}
@media screen and (max-width: 1100px) {
  .sl-widget-bar__close {
    right: 24px;
    top: 24px;
    bottom: unset;
    margin: unset;
  }
}
.sl-notification-bar {
  width: 100%;
  background: linear-gradient(75.77deg, #011F55 0.84%, #02286F 32.54%, #67038B 99.02%);
}
.sl-notification-bar__container {
  padding: 11px 20px;
  display: flex;
  justify-content: center;
  position: relative;
  margin: auto;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .sl-notification-bar__container {
    padding: 16px 20px;
  }
}
@media screen and (max-width: 992px) {
  .sl-notification-bar__container::after {
    content: "";
    background-image: url("data:image/svg+xml,%0A%3Csvg width='282' height='36' viewBox='0 0 282 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_11_613)'%3E%3Crect x='248' y='55' width='214' height='23' rx='11.5' transform='rotate(-180 248 55)' fill='%23FF9F52'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_11_613' x='0' y='-2' width='282' height='91' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='17' result='effect1_foregroundBlur_11_613'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
    position: absolute;
    bottom: 0px;
    left: calc(50% - (282px / 2));
    width: 282px;
    height: 36px;
    z-index: 0;
  }
}
.sl-notification-bar__title {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #FFFFFF;
}
.sl-notification-bar__title strong {
  font-weight: 700;
}
@media screen and (max-width: 992px) {
  .sl-notification-bar__title {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    z-index: 1;
  }
}
.sl-notification-bar__arrow {
  display: none;
  width: 6px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5.024L1 9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  margin-left: 8px;
}
@media screen and (max-width: 992px) {
  .sl-notification-bar__arrow {
    display: inline-block;
  }
}
.sl-notification-bar__full-link {
  display: none;
}
@media screen and (max-width: 992px) {
  .sl-notification-bar__full-link {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    z-index: 2;
  }
}
.sl-notification-bar__link {
  margin-left: 64px;
  position: relative;
}
@media screen and (max-width: 992px) {
  .sl-notification-bar__link {
    display: none;
  }
}
.sl-notification-bar__link::after {
  content: "";
  position: absolute;
  width: 224px;
  height: 36px;
  left: -37px;
  bottom: -11px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='224' height='36' viewBox='0 0 224 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_40_336)'%3E%3Crect x='200' y='55' width='176' height='23' rx='11.5' transform='rotate(-180 200 55)' fill='%23FF9F52'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_40_336' x='-10' y='-2' width='244' height='91' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='17' result='effect1_foregroundBlur_40_336'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  z-index: 0;
}
.sl-notification-bar__link a {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  color: #FFFFFF;
  padding-right: 12px;
  position: relative;
  z-index: 1;
}
.sl-notification-bar__link a::after {
  content: "";
  width: 6px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5.024L1 9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  position: absolute;
  right: 0;
  bottom: 3px;
}
.sl-notification-bar__link a:hover {
  color: #11C3FD;
  text-decoration: underline;
}
.sl-notification-bar__link a:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5.024L1 9' stroke='%2311C3FD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.sl-notification-bar--producthunt {
  background: linear-gradient(89.96deg, #DA552F 0%, #B44322 100%);
}
@media screen and (max-width: 992px) {
  .sl-notification-bar--producthunt .sl-notification-bar__container {
    padding: 11px 20px;
  }
}
@media screen and (max-width: 768px) {
  .sl-notification-bar--producthunt .sl-notification-bar__container {
    padding: 16px 20px 24px 20px;
    flex-direction: column;
  }
}
@media screen and (max-width: 992px) {
  .sl-notification-bar--producthunt .sl-notification-bar__container::after {
    display: none;
  }
}
.sl-notification-bar--producthunt .sl-notification-bar__link {
  margin-left: 32px;
}
.sl-notification-bar--producthunt .sl-notification-bar__link::after {
  display: none;
}
.sl-notification-bar--producthunt .sl-notification-bar__link a {
  color: #FFFFFF;
}
.sl-notification-bar--producthunt .sl-notification-bar__link a::after {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5.024L1 9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.sl-notification-bar--producthunt .sl-notification-bar__link a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}
.sl-notification-bar--producthunt .sl-notification-bar__link a:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5.024L1 9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.sl-notification-bar--producthunt .sl-notification-bar__logo {
  width: 79px;
  height: 26px;
  display: block;
  position: relative;
  margin-right: 32px;
}
@media screen and (max-width: 768px) {
  .sl-notification-bar--producthunt .sl-notification-bar__logo {
    width: 100%;
    height: 28px;
    margin-right: 0;
  }
}
.sl-notification-bar--producthunt .sl-notification-bar__logo img {
  position: absolute;
  width: 79px;
  height: 72px;
  top: -21px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .sl-notification-bar--producthunt .sl-notification-bar__logo img {
    width: 53px;
    height: 48px;
    top: -28px;
    left: calc(50% - 26px);
  }
}
.sl-notification-bar--websummit {
  background: linear-gradient(75.77deg, #0D153A 0.84%, #674EA0 99.02%);
}
@media screen and (max-width: 992px) {
  .sl-notification-bar--websummit .sl-notification-bar__container {
    flex-direction: column;
  }
}
@media screen and (max-width: 992px) {
  .sl-notification-bar--websummit .sl-notification-bar__container::after {
    content: "";
    background-image: url("data:image/svg+xml,%0A%3Csvg width='282' height='36' viewBox='0 0 282 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_11_362)'%3E%3Crect x='248' y='55' width='214' height='23' rx='11.5' transform='rotate(-180 248 55)' fill='%2300ACA8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_11_362' x='0' y='-2' width='282' height='91' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='17' result='effect1_foregroundBlur_11_362'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
    position: absolute;
    bottom: 0px;
    left: calc(50% - (282px / 2));
    width: 282px;
    height: 36px;
    z-index: 0;
  }
}
.sl-notification-bar--websummit .sl-notification-bar__link {
  margin-left: 110px;
}
@media screen and (max-width: 1150px) {
  .sl-notification-bar--websummit .sl-notification-bar__link {
    margin-left: 48px;
  }
}
.sl-notification-bar--websummit .sl-notification-bar__link::after {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='224' height='36' viewBox='0 0 224 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_6_589)'%3E%3Crect x='200' y='55' width='176' height='23' rx='11.5' transform='rotate(-180 200 55)' fill='%2300ACA8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_6_589' x='-10' y='-2' width='244' height='91' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='17' result='effect1_foregroundBlur_6_589'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.sl-notification-bar--websummit .sl-notification-bar__link a {
  color: #FFFFFF;
}
.sl-notification-bar--websummit .sl-notification-bar__link a::after {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5.024L1 9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.sl-notification-bar--websummit .sl-notification-bar__link a:hover {
  color: #00BBC2;
  text-decoration: underline;
}
.sl-notification-bar--websummit .sl-notification-bar__link a:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5.024L1 9' stroke='%2300BBC2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.sl-notification-bar--websummit .sl-notification-bar__logo {
  width: 129px;
  height: 16px;
  display: block;
  position: relative;
  margin-right: 126px;
}
@media screen and (max-width: 1150px) {
  .sl-notification-bar--websummit .sl-notification-bar__logo {
    margin-right: 48px;
  }
}
@media screen and (max-width: 992px) {
  .sl-notification-bar--websummit .sl-notification-bar__logo {
    width: 129px;
    height: 16px;
    margin-right: 0;
    margin-bottom: 12px;
  }
}
.sl-notification-bar--websummit .sl-notification-bar__logo svg {
  position: relative;
  width: 129px;
  height: 16px;
}
@media screen and (max-width: 992px) {
  .sl-notification-bar--websummit .sl-notification-bar__logo svg {
    position: relative;
    width: 129px;
    height: 16px;
  }
}
/* #end of UTM based widget bar */
.archive-guides {
  background-color: #F4FAFF;
  position: relative;
  z-index: 0;
}
.archive-guides::before {
  content: "";
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  max-height: 800px;
  position: absolute;
  background: linear-gradient(3.63deg, #F4FAFF 5%, rgba(244, 250, 255, 0) 96.84%), linear-gradient(75.77deg, #F4FAFF 0.84%, #CEE6FF 43.79%, #FFFFFF 99.02%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .archive-guides::before {
    max-height: 625px;
  }
}
.archive-guides .hp-intro {
  padding-top: 128px;
}
@media screen and (max-width: 768px) {
  .archive-guides .hp-intro {
    padding-top: 89px;
  }
}
.archive-guides .hp-intro .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .archive-guides .hp-intro .container {
    flex-direction: column;
  }
}
.archive-guides .hp-intro .container--column {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.archive-guides .hp-intro--paged .container {
  justify-content: flex-start1;
  align-items: flex-start;
}
.archive-guides .hp-intro__left {
  width: 34.4%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1550px) {
  .archive-guides .hp-intro__left {
    width: 41.4%;
  }
}
@media screen and (max-width: 992px) {
  .archive-guides .hp-intro__left {
    margin-bottom: 64px;
    width: 100%;
  }
}
.archive-guides .hp-intro__right {
  width: 53.6%;
}
@media screen and (max-width: 992px) {
  .archive-guides .hp-intro__right {
    width: 100%;
  }
}
.archive-guides .hp-intro__title {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .archive-guides .hp-intro__title {
    margin-bottom: 16px;
  }
}
.archive-guides .hp-intro__description {
  font-family: 'Inter', Arial, sans-serif;
  max-width: 90%;
  color: #3469B3;
  margin-bottom: 96px;
}
@media screen and (max-width: 1280px) {
  .archive-guides .hp-intro__description {
    min-width: 100%;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .archive-guides .hp-intro__description {
    margin-bottom: 32px;
  }
}
.archive-guides .hp-intro__description--category {
  width: 49%;
  min-width: 486px;
  margin-bottom: 0px;
}
@media screen and (max-width: 768px) {
  .archive-guides .hp-intro__description--category {
    width: 100%;
    min-width: unset;
  }
}
.archive-guides .hp-intro__subscribe__title {
  font-weight: 700;
  font-size: 28px;
  line-height: 125%;
  margin-bottom: 24px;
  font-weight: 400;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .archive-guides .hp-intro__subscribe__title {
    font-size: calc(24px + 4 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .archive-guides .hp-intro__subscribe__title {
    font-size: calc(18px + 6 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .archive-guides .hp-intro__subscribe__title {
    font-size: 18px;
  }
}
.archive-guides .hp-intro__subscribe__title strong {
  font-weight: 700;
  display: block;
}
.archive-guides .hp-intro__subscribe__form {
  margin-bottom: 40px;
}
@media screen and (max-width: 1280px) {
  .archive-guides .hp-intro__subscribe__form {
    margin-bottom: 32px;
  }
}
.archive-guides .hp-intro__subscribe__form input[name="email"] {
  background: #FFFFFF;
  border: 2px solid #CEE6FF;
  border-radius: 8px;
  height: 56px;
  padding: 15px 24px;
  color: #023189;
  display: block;
  width: 100%;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 18px;
}
@media screen and (max-width: 1280px) {
  .archive-guides .hp-intro__subscribe__form input[name="email"] {
    font-size: 16px;
    height: 48px;
    padding: 11px 16px;
  }
}
.archive-guides .hp-intro__subscribe__form input[name="email"]._has_error {
  border-color: #FBC9C5;
}
.archive-guides .hp-intro__subscribe__form input[name="email"]::placeholder {
  color: #3469B3;
}
.archive-guides .hp-intro__subscribe__form input[name="email"]:focus {
  border-color: #2BC9FD;
}
.archive-guides .hp-intro__subscribe__form button[type="submit"] {
  cursor: pointer;
  font-family: 'Ubuntu', Arial, sans-serif;
  padding: 16px 29.5px;
  font-size: 18px;
  line-height: 24px;
  display: inline-flex;
  border-radius: 8px;
  text-align: center;
  transition: 0.25s all linear;
  text-decoration: none;
  font-weight: 700;
  background: linear-gradient(87.75deg, #FF5B6C -16.61%, #FFAE6D 110.1%);
  border: none;
  color: #FFFFFF;
  position: relative;
  z-index: 1;
}
.archive-guides .hp-intro__subscribe__form button[type="submit"]:hover {
  transition: 0.25s all linear;
  text-decoration: none;
}
@media screen and (max-width: 1280px) {
  .archive-guides .hp-intro__subscribe__form button[type="submit"] {
    padding: 14px 20px;
    font-size: 16px;
    line-height: 20px;
  }
}
@media screen and (max-width: 550px) {
  .archive-guides .hp-intro__subscribe__form button[type="submit"] {
    margin-top: 16px;
    width: 100%;
    justify-content: center;
    padding: 8px 20px;
  }
}
.archive-guides .hp-intro__subscribe__form button[type="submit"]::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;
}
.archive-guides .hp-intro__subscribe__form button[type="submit"]::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);
}
.archive-guides .hp-intro__subscribe__form button[type="submit"]:hover {
  border: none;
  color: #FFFFFF;
}
.archive-guides .hp-intro__subscribe__form button[type="submit"]:hover::before {
  background-color: rgba(0, 0, 0, 0.16);
  transition: 0.25s all linear;
}
@media screen and (max-width: 768px) {
  .archive-guides .hp-intro__subscribe__form ._button-wrapper {
    text-align: center;
  }
}
.archive-guides .hp-intro__subscribe__form ._field-wrapper {
  position: relative;
}
.archive-guides .hp-intro__subscribe__form ._error {
  position: relative;
  margin-top: 8px;
}
.archive-guides .hp-intro__subscribe__form ._error-inner {
  font-size: 14px;
  line-height: 18px;
  color: #F3493E;
  padding-left: 24px;
}
.archive-guides .hp-intro__subscribe__form ._error-arrow {
  content: "";
  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='M8 0C3.58125 0 0 3.58125 0 8C0 12.4187 3.58125 16 8 16C12.4187 16 16 12.4187 16 8C16 3.58125 12.4187 0 8 0ZM7.25 4.75C7.25 4.3375 7.5875 4 8 4C8.4125 4 8.75 4.33594 8.75 4.75V8.75C8.75 9.16406 8.41406 9.5 8 9.5C7.58594 9.5 7.25 9.16562 7.25 8.75V4.75ZM8 12.5C7.4575 12.5 7.0175 12.06 7.0175 11.5175C7.0175 10.975 7.45719 10.535 8 10.535C8.54281 10.535 8.9825 10.975 8.9825 11.5175C8.98125 12.0594 8.54375 12.5 8 12.5Z' fill='%23F3493E'/%3E%3C/svg%3E%0A");
  position: absolute;
  bottom: 1px;
  left: 0px;
  width: 16px;
  height: 16px;
}
.archive-guides .hp-intro__subscribe__form ._form_element._x10756749 {
  width: calc(100% - 143px);
  display: inline-block;
  padding-right: 16px;
}
@media screen and (max-width: 1280px) {
  .archive-guides .hp-intro__subscribe__form ._form_element._x10756749 {
    width: calc(100% - 115px);
  }
}
@media screen and (max-width: 550px) {
  .archive-guides .hp-intro__subscribe__form ._form_element._x10756749 {
    width: 100%;
    padding-right: 0px;
  }
}
.archive-guides .hp-intro__subscribe__form ._button-wrapper {
  width: 143px;
  display: inline-block;
}
@media screen and (max-width: 1280px) {
  .archive-guides .hp-intro__subscribe__form ._button-wrapper {
    width: 115px;
  }
}
@media screen and (max-width: 550px) {
  .archive-guides .hp-intro__subscribe__form ._button-wrapper {
    width: 100%;
  }
}
.archive-guides .hp-intro__subscribe__form ._form-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.archive-guides .hp-intro__subscribe__form ._form-thank-you {
  font-weight: 400;
  font-size: 22px;
  line-height: 30px;
  color: #2FBF98;
  padding-top: 68px;
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M18.9999 37.9998C13.9608 37.9998 9.12813 35.9981 5.56495 32.4349C2.00177 28.8717 0 24.039 0 18.9999C0 13.9608 2.00177 9.12812 5.56495 5.56495C9.12813 2.00177 13.9608 1.32398e-07 18.9999 1.32398e-07C21.1333 -0.000246273 23.2527 0.343448 25.2767 1.01785C25.9309 1.2665 26.4638 1.75828 26.7641 2.39049C27.0644 3.0227 27.1089 3.74647 26.8883 4.4107C26.6396 5.06494 26.1479 5.59785 25.5157 5.89815C24.8834 6.19845 24.1597 6.24293 23.4954 6.0223C22.0507 5.51611 20.5308 5.258 18.9999 5.25891C16.3354 5.25391 13.7268 6.02373 11.4919 7.47464C9.25698 8.92555 7.49213 10.995 6.41222 13.4309C5.33231 15.8668 4.98394 18.5642 5.40951 21.1946C5.83509 23.8249 7.01626 26.2748 8.80921 28.246C10.6021 30.2171 12.9295 31.6244 15.5079 32.2965C18.0863 32.9687 20.8045 32.8767 23.3316 32.0317C25.8587 31.1867 28.0855 29.6252 29.7411 27.5374C31.3966 25.4495 32.4094 22.9254 32.6561 20.2722C32.7236 19.5749 33.0654 18.9329 33.6062 18.4875C33.874 18.2669 34.1826 18.1013 34.5144 18C34.8462 17.8988 35.1947 17.8638 35.54 17.8972C35.8853 17.9307 36.2207 18.0318 36.5269 18.1948C36.8331 18.3578 37.1043 18.5795 37.3248 18.8473C37.5453 19.1151 37.711 19.4237 37.8122 19.7555C37.9135 20.0874 37.9484 20.4359 37.915 20.7812C37.4903 25.4982 35.3115 29.8842 31.8092 33.0724C28.3069 36.2606 23.736 38.0189 18.9999 37.9998Z' fill='%232FBF98'/%3E%3Cpath d='M36.8971 3.98631C36.6363 3.74955 36.3291 3.56954 35.9951 3.45766C35.661 3.34578 35.3074 3.30448 34.9566 3.33638C34.6057 3.36827 34.2654 3.47266 33.957 3.64294C33.6486 3.81322 33.3789 4.04568 33.165 4.32559L18.5758 20.9505L13.741 15.0979C13.2911 14.5355 12.6362 14.1748 11.9203 14.0953C11.2045 14.0158 10.4864 14.2238 9.92403 14.6738C9.36163 15.1237 9.001 15.7786 8.92146 16.4944C8.84193 17.2102 9.05001 17.9283 9.49993 18.4907L16.3704 26.888C16.8564 27.3256 17.437 27.645 18.0669 27.821C18.5409 27.928 19.0351 27.9057 19.4976 27.7565C19.9601 27.6073 20.3741 27.3367 20.6963 26.9728L37.3212 7.80326C37.7141 7.2199 37.8872 6.516 37.8095 5.81697C37.7318 5.11794 37.4085 4.46919 36.8971 3.98631Z' fill='%232FBF98'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: left 14px;
  margin-top: 12px;
  padding-bottom: 26px;
}
@media screen and (max-width: 768px) {
  .archive-guides .hp-intro__subscribe__form ._form-thank-you {
    background-position: center 14px;
    text-align: center;
    font-size: 18px;
    line-height: 26px;
  }
}
.archive-guides .hp-intro__subscribe__socials {
  display: flex;
}
@media screen and (max-width: 768px) {
  .archive-guides .hp-intro__subscribe__socials {
    justify-content: center;
  }
}
@media screen and (max-width: 550px) {
  .archive-guides .hp-intro__subscribe__socials {
    justify-content: space-between;
  }
}
.archive-guides .hp-intro__subscribe__socials__text {
  margin-right: 17px;
}
.archive-guides .hp-intro__subscribe__socials__icons {
  display: flex;
}
.archive-guides .hp-intro__subscribe__socials__icons__icon {
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
.archive-guides .hp-intro__subscribe__socials__icons__icon span {
  display: block;
  width: 32px;
  height: 32px;
}
.archive-guides .hp-intro__subscribe__socials__icons__icon .icon--fb {
  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='M16 0C24.8363 0 32 7.1632 32 16C32 24.8363 24.8363 32 16 32C7.16373 32 0 24.8363 0 16C0 7.1632 7.16373 0 16 0ZM20.0384 7.29583H17.6384C14.7557 7.29583 13.7413 8.75133 13.7413 11.1983V12.9993H11.9445V15.9993H13.7413V24.7042H17.3381V15.999H19.7376L20.0555 12.9993H17.3381L17.3419 11.4976C17.3419 10.7157 17.4165 10.2958 18.5387 10.2958H20.0384V7.29583Z' fill='%23BFD0E3'/%3E%3C/svg%3E%0A");
}
.archive-guides .hp-intro__subscribe__socials__icons__icon .icon--fb: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='M16 0C24.8363 0 32 7.1632 32 16C32 24.8363 24.8363 32 16 32C7.16373 32 0 24.8363 0 16C0 7.1632 7.16373 0 16 0ZM20.0384 7.29583H17.6384C14.7557 7.29583 13.7413 8.75133 13.7413 11.1983V12.9993H11.9445V15.9993H13.7413V24.7042H17.3381V15.999H19.7376L20.0555 12.9993H17.3381L17.3419 11.4976C17.3419 10.7157 17.4165 10.2958 18.5387 10.2958H20.0384V7.29583Z' fill='%23668FBD'/%3E%3C/svg%3E%0A");
}
.archive-guides .hp-intro__subscribe__socials__icons__icon .icon--tw {
  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='M16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16C0 7.16344 7.16344 0 16 0ZM19.8564 9.6C17.7418 9.6 16.0268 11.2881 16.0268 13.3698C16.0268 13.6653 16.0607 13.9531 16.1264 14.2292C12.9436 14.072 10.1216 12.5711 8.23255 10.2896C7.90296 10.8463 7.71389 11.4943 7.71389 12.1851C7.71389 13.4927 8.39049 14.6474 9.41753 15.3233C8.79006 15.3039 8.19914 15.1342 7.68305 14.851C7.68277 14.8671 7.68277 14.8832 7.68277 14.899C7.68277 16.7256 9.00341 18.249 10.755 18.5951C10.434 18.6817 10.095 18.7274 9.74627 18.7274C9.49893 18.7274 9.25932 18.7043 9.02569 18.6604C9.51294 20.1578 10.927 21.2478 12.6032 21.2785C11.2923 22.2898 9.64117 22.8924 7.84642 22.8924C7.53796 22.8924 7.23236 22.8744 6.93333 22.8392C8.62727 23.9093 10.6408 24.5333 12.8034 24.5333C19.8476 24.5333 23.6999 18.7889 23.6999 13.8066C23.6999 13.6432 23.6961 13.4805 23.6887 13.3191C24.4376 12.7877 25.0868 12.1237 25.6 11.3677C24.9134 11.6674 24.1748 11.8702 23.4003 11.9608C24.1911 11.4943 24.798 10.7565 25.0845 9.87569C24.3445 10.3078 23.5245 10.6213 22.6525 10.7903C21.9539 10.0579 20.9586 9.6 19.8564 9.6Z' fill='%23BFD0E3'/%3E%3C/svg%3E%0A");
}
.archive-guides .hp-intro__subscribe__socials__icons__icon .icon--tw: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='M16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16C0 7.16344 7.16344 0 16 0ZM19.8564 9.6C17.7418 9.6 16.0268 11.2881 16.0268 13.3698C16.0268 13.6653 16.0607 13.9531 16.1264 14.2292C12.9436 14.072 10.1216 12.5711 8.23255 10.2896C7.90296 10.8463 7.71389 11.4943 7.71389 12.1851C7.71389 13.4927 8.39049 14.6474 9.41753 15.3233C8.79006 15.3039 8.19914 15.1342 7.68305 14.851C7.68277 14.8671 7.68277 14.8832 7.68277 14.899C7.68277 16.7256 9.00341 18.249 10.755 18.5951C10.434 18.6817 10.095 18.7274 9.74627 18.7274C9.49893 18.7274 9.25932 18.7043 9.02569 18.6604C9.51294 20.1578 10.927 21.2478 12.6032 21.2785C11.2923 22.2898 9.64117 22.8924 7.84642 22.8924C7.53796 22.8924 7.23236 22.8744 6.93333 22.8392C8.62727 23.9093 10.6408 24.5333 12.8034 24.5333C19.8476 24.5333 23.6999 18.7889 23.6999 13.8066C23.6999 13.6432 23.6961 13.4805 23.6887 13.3191C24.4376 12.7877 25.0868 12.1237 25.6 11.3677C24.9134 11.6674 24.1748 11.8702 23.4003 11.9608C24.1911 11.4943 24.798 10.7565 25.0845 9.87569C24.3445 10.3078 23.5245 10.6213 22.6525 10.7903C21.9539 10.0579 20.9586 9.6 19.8564 9.6Z' fill='%23668FBD'/%3E%3C/svg%3E%0A");
}
.archive-guides .hp-intro__subscribe__socials__icons__icon .icon--ig {
  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='M16 32C24.8365 32 32 24.8365 32 16C32 7.16347 24.8365 0 16 0C7.16347 0 0 7.16347 0 16C0 24.8365 7.16347 32 16 32ZM12.2132 6.87067C13.1929 6.82593 13.5056 6.8154 16 6.8154C18.4944 6.8154 18.8072 6.82593 19.7868 6.87067C20.7644 6.91527 21.4321 7.07053 22.0163 7.2976C22.6291 7.5282 23.1843 7.88973 23.6431 8.35693C24.1103 8.81573 24.4718 9.37087 24.7024 9.98373C24.9295 10.5679 25.0847 11.2356 25.1293 12.2132C25.1741 13.1929 25.1846 13.5056 25.1846 16C25.1846 18.4944 25.1741 18.8072 25.1293 19.7868C25.0847 20.7644 24.9295 21.4321 24.7024 22.0163C24.4665 22.6264 24.1056 23.1805 23.6431 23.6431C23.1805 24.1056 22.6264 24.4665 22.0163 24.7024C21.4321 24.9295 20.7644 25.0847 19.7868 25.1293C18.8072 25.1741 18.4944 25.1846 16 25.1846C13.5056 25.1846 13.1929 25.1741 12.2132 25.1293C11.2356 25.0847 10.5679 24.9295 9.98373 24.7024C9.37087 24.4718 8.81573 24.1103 8.35693 23.6431C7.88973 23.1843 7.5282 22.6291 7.2976 22.0163C7.07053 21.4321 6.91527 20.7644 6.87067 19.7868C6.82593 18.8072 6.8154 18.4944 6.8154 16C6.8154 13.5056 6.82593 13.1929 6.87067 12.2132C6.91527 11.2356 7.07053 10.5679 7.2976 9.98373C7.5282 9.37087 7.88973 8.81573 8.35693 8.35693C8.81573 7.88973 9.37087 7.5282 9.98373 7.2976C10.5679 7.07053 11.2356 6.91527 12.2132 6.87067Z' fill='%23BFD0E3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.3796 12.0785C14.1552 11.5603 15.0671 11.2837 15.9999 11.2837C16.6193 11.2837 17.2326 11.4057 17.8048 11.6427C18.377 11.8796 18.897 12.227 19.3349 12.6651C19.7729 13.103 20.1203 13.6229 20.3573 14.1952C20.5944 14.7674 20.7163 15.3807 20.7163 16.0001C20.7163 16.9329 20.4397 17.8447 19.9215 18.6204C19.4032 19.396 18.6666 20.0005 17.8048 20.3575C16.943 20.7145 15.9947 20.8079 15.0798 20.6259C14.1649 20.4439 13.3245 19.9947 12.6649 19.3351C12.0053 18.6755 11.5561 17.8351 11.3741 16.9202C11.1921 16.0052 11.2855 15.057 11.6425 14.1952C11.9995 13.3333 12.604 12.5967 13.3796 12.0785ZM20.9026 12.1995C21.5114 12.1995 22.0048 11.706 22.0048 11.0973C22.0048 10.4886 21.5114 9.99512 20.9026 9.99512C20.294 9.99512 19.8005 10.4886 19.8005 11.0973C19.8005 11.706 20.294 12.1995 20.9026 12.1995ZM15.9999 19.0616C15.3944 19.0616 14.8025 18.8821 14.299 18.5457C13.7956 18.2092 13.4032 17.7311 13.1714 17.1717C12.9397 16.6123 12.8791 15.9966 12.9972 15.4028C13.1153 14.8089 13.4069 14.2634 13.8351 13.8352C14.2632 13.4071 14.8088 13.1154 15.4026 12.9973C15.9965 12.8792 16.6121 12.9398 17.1715 13.1716C17.7309 13.4032 18.2091 13.7957 18.5455 14.2992C18.8819 14.8027 19.0614 15.3945 19.0614 16.0001C19.0614 16.8121 18.7389 17.5907 18.1648 18.1649C17.5906 18.7391 16.8119 19.0616 15.9999 19.0616Z' fill='%23BFD0E3'/%3E%3C/svg%3E%0A");
}
.archive-guides .hp-intro__subscribe__socials__icons__icon .icon--ig: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='M16 32C24.8365 32 32 24.8365 32 16C32 7.16347 24.8365 0 16 0C7.16347 0 0 7.16347 0 16C0 24.8365 7.16347 32 16 32ZM12.2132 6.87067C13.1929 6.82593 13.5056 6.8154 16 6.8154C18.4944 6.8154 18.8072 6.82593 19.7868 6.87067C20.7644 6.91527 21.4321 7.07053 22.0163 7.2976C22.6291 7.5282 23.1843 7.88973 23.6431 8.35693C24.1103 8.81573 24.4718 9.37087 24.7024 9.98373C24.9295 10.5679 25.0847 11.2356 25.1293 12.2132C25.1741 13.1929 25.1846 13.5056 25.1846 16C25.1846 18.4944 25.1741 18.8072 25.1293 19.7868C25.0847 20.7644 24.9295 21.4321 24.7024 22.0163C24.4665 22.6264 24.1056 23.1805 23.6431 23.6431C23.1805 24.1056 22.6264 24.4665 22.0163 24.7024C21.4321 24.9295 20.7644 25.0847 19.7868 25.1293C18.8072 25.1741 18.4944 25.1846 16 25.1846C13.5056 25.1846 13.1929 25.1741 12.2132 25.1293C11.2356 25.0847 10.5679 24.9295 9.98373 24.7024C9.37087 24.4718 8.81573 24.1103 8.35693 23.6431C7.88973 23.1843 7.5282 22.6291 7.2976 22.0163C7.07053 21.4321 6.91527 20.7644 6.87067 19.7868C6.82593 18.8072 6.8154 18.4944 6.8154 16C6.8154 13.5056 6.82593 13.1929 6.87067 12.2132C6.91527 11.2356 7.07053 10.5679 7.2976 9.98373C7.5282 9.37087 7.88973 8.81573 8.35693 8.35693C8.81573 7.88973 9.37087 7.5282 9.98373 7.2976C10.5679 7.07053 11.2356 6.91527 12.2132 6.87067Z' fill='%23668FBD'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.3796 12.0785C14.1552 11.5603 15.0671 11.2837 15.9999 11.2837C16.6193 11.2837 17.2326 11.4057 17.8048 11.6427C18.377 11.8796 18.897 12.227 19.3349 12.6651C19.7729 13.103 20.1203 13.6229 20.3573 14.1952C20.5944 14.7674 20.7163 15.3807 20.7163 16.0001C20.7163 16.9329 20.4397 17.8447 19.9215 18.6204C19.4032 19.396 18.6666 20.0005 17.8048 20.3575C16.943 20.7145 15.9947 20.8079 15.0798 20.6259C14.1649 20.4439 13.3245 19.9947 12.6649 19.3351C12.0053 18.6755 11.5561 17.8351 11.3741 16.9202C11.1921 16.0052 11.2855 15.057 11.6425 14.1952C11.9995 13.3333 12.604 12.5967 13.3796 12.0785ZM20.9026 12.1995C21.5114 12.1995 22.0048 11.706 22.0048 11.0973C22.0048 10.4886 21.5114 9.99512 20.9026 9.99512C20.294 9.99512 19.8005 10.4886 19.8005 11.0973C19.8005 11.706 20.294 12.1995 20.9026 12.1995ZM15.9999 19.0616C15.3944 19.0616 14.8025 18.8821 14.299 18.5457C13.7956 18.2092 13.4032 17.7311 13.1714 17.1717C12.9397 16.6123 12.8791 15.9966 12.9972 15.4028C13.1153 14.8089 13.4069 14.2634 13.8351 13.8352C14.2632 13.4071 14.8088 13.1154 15.4026 12.9973C15.9965 12.8792 16.6121 12.9398 17.1715 13.1716C17.7309 13.4032 18.2091 13.7957 18.5455 14.2992C18.8819 14.8027 19.0614 15.3945 19.0614 16.0001C19.0614 16.8121 18.7389 17.5907 18.1648 18.1649C17.5906 18.7391 16.8119 19.0616 15.9999 19.0616Z' fill='%23668FBD'/%3E%3C/svg%3E%0A");
}
.archive-guides .hp-intro__subscribe__socials__icons__icon .icon--in {
  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='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='%23BFD0E3'/%3E%3C/svg%3E%0A");
}
.archive-guides .hp-intro__subscribe__socials__icons__icon .icon--in: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='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='%23668FBD'/%3E%3C/svg%3E%0A");
}
.archive-guides .hp-intro .article {
  margin-right: 12px;
  margin-left: 12px;
  background: #FFFFFF;
  border-radius: 16px;
  box-shadow: 0px 56px 32px -48px rgba(52, 105, 179, 0.24);
  display: flex;
  transition: 0.3s all linear;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  transform: translateZ(0);
  height: 100%;
}
.archive-guides .hp-intro .article:hover {
  transform: scale(1.02);
}
.archive-guides .hp-intro .article:first-of-type {
  margin-left: 0;
}
.archive-guides .hp-intro .article:last-of-type {
  margin-right: 0;
}
@media screen and (max-width: 992px) {
  .archive-guides .hp-intro .article {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 32px;
  }
  .archive-guides .hp-intro .article:last-of-type {
    margin-bottom: 0;
  }
}
.archive-guides .hp-intro .article__image {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
}
.archive-guides .hp-intro .article__image img {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  width: 100%;
  height: 320px;
  object-fit: cover;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  display: block;
}
@media screen and (max-width: 768px) {
  .archive-guides .hp-intro .article__image img {
    height: 184px;
  }
}
.archive-guides .hp-intro .article__content {
  padding: 32px 40px 40px 40px;
  display: flex;
  flex-direction: column;
  flex: 1;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
}
@media screen and (max-width: 1280px) {
  .archive-guides .hp-intro .article__content {
    padding: 24px 24px 24px 24px;
  }
}
@media screen and (max-width: 1280px) {
  .archive-guides .hp-intro .article__content {
    padding: 24px 16px 24px 16px;
  }
}
.archive-guides .hp-intro .article__title {
  font-size: 28px;
  line-height: 125%;
  font-weight: 700;
  backface-visibility: hidden;
  transition: 0.3s all linear;
  -webkit-perspective: 1000;
  color: #023189;
  margin-bottom: 16px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .archive-guides .hp-intro .article__title {
    font-size: calc(24px + 4 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .archive-guides .hp-intro .article__title {
    font-size: 24px;
  }
}
.archive-guides .hp-intro .article__perex {
  color: #3469B3;
  font-family: 'Inter', Arial, sans-serif;
  flex-grow: 1;
  margin-bottom: 16px;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
}
.archive-guides .hp-intro .article__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.archive-guides .hp-intro .article__author {
  display: flex;
  align-items: center;
}
.archive-guides .hp-intro .article__author__photo {
  width: 32px;
  height: 32px;
  margin-right: 12px;
}
@media screen and (max-width: 1280px) {
  .archive-guides .hp-intro .article__author__photo {
    width: 24px;
    height: 24px;
    margin-right: 12px;
  }
}
@media screen and (max-width: 768px) {
  .archive-guides .hp-intro .article__author__photo {
    width: 24px;
    height: 24px;
    margin-right: 8px;
  }
}
.archive-guides .hp-intro .article__author__photo img {
  width: 32px;
  height: 32px;
  object-fit: cover;
  border-radius: 50%;
  -webkit-perspective: 1000;
  display: block;
}
@media screen and (max-width: 1280px) {
  .archive-guides .hp-intro .article__author__photo img {
    width: 24px;
    height: 24px;
  }
}
.archive-guides .hp-intro .article__author span {
  font-size: 16px;
  line-height: 170%;
  color: #789CC5;
  -webkit-perspective: 1000;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .archive-guides .hp-intro .article__author span {
    font-size: calc(14px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .archive-guides .hp-intro .article__author span {
    font-size: 14px;
  }
}
.archive-guides .hp-intro .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) {
  .archive-guides .hp-intro .article__reading-time {
    font-size: calc(14px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .archive-guides .hp-intro .article__reading-time {
    font-size: 14px;
  }
}
@media screen and (max-width: 992px) {
  .archive-guides .hp-intro .article__reading-time {
    padding-left: 0;
  }
}
.archive-guides .hp-intro .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: 992px) {
  .archive-guides .hp-intro .article__reading-time .icon-clock {
    display: none;
  }
}
.archive-guides .hp-intro .article__categories {
  position: relative;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
}
.archive-guides .hp-intro .article__categories ul {
  position: absolute;
  left: 40px;
  top: -15px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
}
@media screen and (max-width: 1280px) {
  .archive-guides .hp-intro .article__categories ul {
    left: 24px;
  }
}
@media screen and (max-width: 768px) {
  .archive-guides .hp-intro .article__categories ul {
    left: 16px;
  }
}
.archive-guides .hp-intro .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) {
  .archive-guides .hp-intro .article__categories ul li {
    font-size: calc(12px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .archive-guides .hp-intro .article__categories ul li {
    font-size: 12px;
  }
}
.archive-guides .hp-intro .article__categories ul li.mobile-app-analytics {
  background-color: #FF7584;
}
.archive-guides .hp-intro .article__categories ul li.ux {
  background-color: #00A2A8;
}
.archive-guides .hp-intro .article__categories ul li.product-management {
  background-color: #E03EBF;
}
.archive-guides .hp-intro .article__categories ul li.website-analytics {
  background-color: #FF9138;
}
.archive-guides .hp-intro .article__categories ul li.smartlook-life {
  background-color: #11C3FD;
}
.archive-guides .hp-intro .article__categories ul li.customer-stories {
  background-color: #034CD3;
}
.archive-guides .hp-intro .article__categories ul li.product-updates {
  background-color: #B106EF;
}
.archive-guides .hp-intro .article a {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  transition: 0.3s all linear;
  -webkit-perspective: 1000;
}
.archive-guides .hp-intro .article a:hover {
  text-decoration: none;
  transition: 0.3s all linear;
}
.archive-guides .hp-intro .article a.mobile-app-analytics:hover .article__title {
  color: #FF7584;
  transition: 0.3s all linear;
}
.archive-guides .hp-intro .article a.ux:hover .article__title {
  color: #00A2A8;
  transition: 0.3s all linear;
}
.archive-guides .hp-intro .article a.product-management:hover .article__title {
  color: #E03EBF;
  transition: 0.3s all linear;
}
.archive-guides .hp-intro .article a.website-analytics:hover .article__title {
  color: #FF9138;
  transition: 0.3s all linear;
}
.archive-guides .hp-intro .article a.smartlook-life:hover .article__title {
  color: #11C3FD;
  transition: 0.3s all linear;
}
.archive-guides .hp-intro .article a.customer-stories:hover .article__title {
  color: #034CD3;
  transition: 0.3s all linear;
}
.archive-guides .hp-intro .article a.product-updates:hover .article__title {
  color: #9F05D6;
  transition: 0.3s all linear;
}
.archive-guides .hp-intro .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;
}
.archive-guides .hp-categories {
  padding-top: 96px;
}
@media screen and (max-width: 1280px) {
  .archive-guides .hp-categories {
    padding-top: 64px;
  }
}
@media screen and (max-width: 768px) {
  .archive-guides .hp-categories {
    padding-top: 48px;
  }
}
.archive-guides .hp-categories--paged {
  padding-top: 30px;
}
@media screen and (max-width: 1280px) {
  .archive-guides .hp-categories--paged {
    padding-top: 24px;
  }
}
@media screen and (max-width: 768px) {
  .archive-guides .hp-categories--paged {
    padding-top: 0px;
  }
}
.archive-guides .hp-categories--category {
  padding-top: 56px;
}
@media screen and (max-width: 1280px) {
  .archive-guides .hp-categories--category {
    padding-top: 48px;
  }
}
@media screen and (max-width: 768px) {
  .archive-guides .hp-categories--category {
    padding-top: 32px;
  }
}
.archive-guides .hp-categories--category--paged {
  padding-top: 24px;
}
.archive-guides .hp-categories__title {
  font-size: 24px;
  line-height: 150%;
  font-weight: 700;
  margin-bottom: 24px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .archive-guides .hp-categories__title {
    font-size: calc(18px + 6 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .archive-guides .hp-categories__title {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .archive-guides .hp-categories__title {
    margin-bottom: 16px;
  }
}
.archive-guides .hp-categories__items {
  display: flex;
  flex-wrap: wrap;
}
.archive-guides .hp-categories__item {
  margin-right: 16px;
  margin-bottom: 12px;
}
@media screen and (max-width: 1280px) {
  .archive-guides .hp-categories__item {
    margin-right: 8px;
  }
}
.archive-guides .hp-categories__item a {
  background-color: transparent;
  border: 1.5px solid black;
  border-radius: 8px;
  padding: 12px 22px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  transition: all 0.2s linear;
  display: block;
  text-decoration: none;
}
.archive-guides .hp-categories__item a:hover {
  text-decoration: none;
}
@media screen and (max-width: 1280px) {
  .archive-guides .hp-categories__item a {
    padding: 6px 14px;
  }
}
.archive-guides .hp-categories__item a.color--rosered {
  color: #FF7584;
  border-color: rgba(255, 117, 132, 0.3);
}
.archive-guides .hp-categories__item a.color--rosered:hover {
  background-color: rgba(255, 117, 132, 0.1);
}
.archive-guides .hp-categories__item a.color--rosered.active {
  background-color: #FF7584;
  border-color: #FF7584;
}
.archive-guides .hp-categories__item a.color--blue {
  color: #00A2A8;
  border-color: rgba(0, 162, 168, 0.3);
}
.archive-guides .hp-categories__item a.color--blue:hover {
  background-color: rgba(0, 162, 168, 0.1);
}
.archive-guides .hp-categories__item a.color--blue.active {
  background-color: #00A2A8;
  border-color: #00A2A8;
}
.archive-guides .hp-categories__item a.color--apricot {
  color: #FF9138;
  border-color: rgba(255, 145, 56, 0.3);
}
.archive-guides .hp-categories__item a.color--apricot:hover {
  background-color: rgba(255, 145, 56, 0.1);
}
.archive-guides .hp-categories__item a.color--apricot.active {
  background-color: #FF9138;
  border-color: #FF9138;
}
.archive-guides .hp-categories__item a.color--violet {
  color: #B106EF;
  border-color: rgba(177, 6, 239, 0.3);
}
.archive-guides .hp-categories__item a.color--violet:hover {
  background-color: rgba(177, 6, 239, 0.1);
}
.archive-guides .hp-categories__item a.color--violet.active {
  background-color: #B106EF;
  border-color: #B106EF;
}
.archive-guides .hp-categories__item a.color--navy {
  color: #034CD3;
  border-color: rgba(3, 76, 211, 0.3);
}
.archive-guides .hp-categories__item a.color--navy:hover {
  background-color: rgba(3, 76, 211, 0.1);
}
.archive-guides .hp-categories__item a.color--navy.active {
  background-color: #034CD3;
  border-color: #034CD3;
}
.archive-guides .hp-categories__item a.color--pink {
  color: #E03EBF;
  border-color: rgba(224, 62, 191, 0.3);
}
.archive-guides .hp-categories__item a.color--pink:hover {
  background-color: rgba(224, 62, 191, 0.1);
}
.archive-guides .hp-categories__item a.color--pink.active {
  background-color: #E03EBF;
  border-color: #E03EBF;
}
.archive-guides .hp-categories__item a.color--deepskyblue {
  color: #11C3FD;
  border-color: rgba(17, 195, 253, 0.3);
}
.archive-guides .hp-categories__item a.color--deepskyblue:hover {
  background-color: rgba(17, 195, 253, 0.1);
}
.archive-guides .hp-categories__item a.color--deepskyblue.active {
  background-color: #11C3FD;
  border-color: #11C3FD;
}
.archive-guides .hp-categories__item a.color--smalt {
  color: #023189;
  border-color: rgba(2, 49, 137, 0.3);
}
.archive-guides .hp-categories__item a.color--smalt:hover,
.archive-guides .hp-categories__item a.color--smalt.active {
  background-color: rgba(2, 49, 137, 0.1);
}
.archive-guides .hp-categories__item a.color--smalt.active {
  background-color: #023189;
  border-color: #023189;
}
.archive-guides .hp-categories__item a:hover {
  transition: all 0.2s linear;
}
.archive-guides .hp-categories__item a.active {
  color: #ffffff;
  transition: all 0.2s linear;
}
.archive-guides .hp-categories--paged .archive-guides .hp-categories__item a {
  background-color: #FFFFFF;
}
.archive-guides .hp-categories--category .archive-guides .hp-categories__item a {
  background-color: #FFFFFF;
}
.archive-guides .hp-articles {
  padding-top: calc(80px - 12px - 20px);
}
@media screen and (max-width: 900px) {
  .archive-guides .hp-articles {
    padding-top: calc(60px - 12px - 12px);
  }
}
.archive-guides .hp-articles .container {
  padding-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .archive-guides .hp-articles .container {
    padding-bottom: 64px;
  }
}
.archive-guides .hp-articles__articles {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
}
@media screen and (max-width: 992px) {
  .archive-guides .hp-articles__articles {
    margin-left: 0;
    margin-right: 0;
  }
}
.archive-guides .hp-articles .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) {
  .archive-guides .hp-articles .article {
    margin: 12px;
    width: calc((100% / 3) - (72px / 3));
  }
}
@media screen and (max-width: 1200px) {
  .archive-guides .hp-articles .article {
    margin: 12px;
    width: calc((100% / 2) - (48px / 2));
  }
}
@media screen and (max-width: 900px) {
  .archive-guides .hp-articles .article {
    margin: 12px 0 12px 0;
    width: 100%;
  }
  .archive-guides .hp-articles .article:last-of-type {
    margin-bottom: 0;
  }
}
.archive-guides .hp-articles .article:hover {
  transform: scale(1.02);
}
.archive-guides .hp-articles .article a {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  transition: 0.3s all linear;
  -webkit-perspective: 1000;
}
.archive-guides .hp-articles .article a:hover {
  text-decoration: none;
  transition: 0.3s all linear;
}
.archive-guides .hp-articles .article a.mobile-app-analytics:hover .article__title {
  color: #FF7584;
  transition: 0.3s all linear;
}
.archive-guides .hp-articles .article a.ux:hover .article__title {
  color: #00A2A8;
  transition: 0.3s all linear;
}
.archive-guides .hp-articles .article a.product-management:hover .article__title {
  color: #E03EBF;
  transition: 0.3s all linear;
}
.archive-guides .hp-articles .article a.website-analytics:hover .article__title {
  color: #FF9138;
  transition: 0.3s all linear;
}
.archive-guides .hp-articles .article a.smartlook-life:hover .article__title {
  color: #11C3FD;
  transition: 0.3s all linear;
}
.archive-guides .hp-articles .article a.customer-stories:hover .article__title {
  color: #034CD3;
  transition: 0.3s all linear;
}
.archive-guides .hp-articles .article a.product-updates:hover .article__title {
  color: #9F05D6;
  transition: 0.3s all linear;
}
.archive-guides .hp-articles .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;
}
.archive-guides .hp-articles .article__image {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
}
.archive-guides .hp-articles .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) {
  .archive-guides .hp-articles .article__image img {
    height: 178px;
  }
}
.archive-guides .hp-articles .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) {
  .archive-guides .hp-articles .article__content {
    padding: 24px 16px 16px 16px;
  }
}
@media screen and (max-width: 768px) {
  .archive-guides .hp-articles .article__content {
    padding: 24px 16px 24px 16px;
  }
}
.archive-guides .hp-articles .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;
  line-height: 125%;
  margin-bottom: 16px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .archive-guides .hp-articles .article__title {
    font-size: calc(18px + 6 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .archive-guides .hp-articles .article__title {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .archive-guides .hp-articles .article__title {
    margin-bottom: 24px;
  }
}
.archive-guides .hp-articles .article__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.archive-guides .hp-articles .article__author {
  display: flex;
  align-items: center;
}
.archive-guides .hp-articles .article__author__photo {
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
@media screen and (max-width: 768px) {
  .archive-guides .hp-articles .article__author__photo {
    width: 24px;
    height: 24px;
    margin-right: 8px;
  }
}
.archive-guides .hp-articles .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) {
  .archive-guides .hp-articles .article__author__photo img {
    width: 24px;
    height: 24px;
  }
}
.archive-guides .hp-articles .article__author span {
  font-size: 16px;
  line-height: 170%;
  color: #789CC5;
  -webkit-perspective: 1000;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .archive-guides .hp-articles .article__author span {
    font-size: calc(14px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .archive-guides .hp-articles .article__author span {
    font-size: 14px;
  }
}
.archive-guides .hp-articles .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) {
  .archive-guides .hp-articles .article__reading-time {
    font-size: calc(14px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .archive-guides .hp-articles .article__reading-time {
    font-size: 14px;
  }
}
@media screen and (max-width: 1280px) {
  .archive-guides .hp-articles .article__reading-time {
    padding-left: 24px;
  }
}
.archive-guides .hp-articles .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) {
  .archive-guides .hp-articles .article__reading-time .icon-clock {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .archive-guides .hp-articles .article__reading-time .icon-clock {
    display: block;
  }
}
@media screen and (max-width: 900px) {
  .archive-guides .hp-articles .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;
  }
}
.archive-guides .hp-articles .article__categories {
  position: relative;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
}
.archive-guides .hp-articles .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) {
  .archive-guides .hp-articles .article__categories ul {
    left: 16px;
    top: -13px;
  }
}
.archive-guides .hp-articles .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) {
  .archive-guides .hp-articles .article__categories ul li {
    font-size: calc(12px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .archive-guides .hp-articles .article__categories ul li {
    font-size: 12px;
  }
}
.archive-guides .hp-articles .article__categories ul li.mobile-app-analytics {
  background-color: #FF7584;
}
.archive-guides .hp-articles .article__categories ul li.ux {
  background-color: #00A2A8;
}
.archive-guides .hp-articles .article__categories ul li.product-management {
  background-color: #E03EBF;
}
.archive-guides .hp-articles .article__categories ul li.website-analytics {
  background-color: #FF9138;
}
.archive-guides .hp-articles .article__categories ul li.smartlook-life {
  background-color: #11C3FD;
}
.archive-guides .hp-articles .article__categories ul li.customer-stories {
  background-color: #034CD3;
}
.archive-guides .hp-articles .article__categories ul li.product-updates {
  background-color: #B106EF;
}
.archive-guides .hp-articles .article-2-fields + .article {
  display: none;
}
@media screen and (max-width: 1200px) {
  .archive-guides .hp-articles .article-2-fields + .article {
    display: flex;
  }
}
.archive-guides .hp-articles .article-2-fields {
  width: calc((100% / 3) * 2 - (120px / 3));
  display: flex;
}
@media screen and (max-width: 1280px) {
  .archive-guides .hp-articles .article-2-fields {
    width: calc((100% / 3) * 2 - (72px / 3));
  }
}
@media screen and (max-width: 1200px) {
  .archive-guides .hp-articles .article-2-fields {
    display: none;
  }
}
.archive-guides .hp-articles .article-2-fields a {
  flex-direction: row;
}
.archive-guides .hp-articles .article-2-fields .article__image {
  border-top-left-radius: 16px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 16px;
  width: calc(50% - 20px);
}
.archive-guides .hp-articles .article-2-fields .article__image img {
  border-top-left-radius: 16px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 16px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-perspective: 1000;
  display: block;
}
@media screen and (max-width: 768px) {
  .archive-guides .hp-articles .article-2-fields .article__image img {
    height: 100%;
  }
}
.archive-guides .hp-articles .article-2-fields .article__title {
  color: #023189;
  font-weight: 700;
  font-size: 32px;
  line-height: 125%;
  margin-bottom: 24px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .archive-guides .hp-articles .article-2-fields .article__title {
    font-size: calc(28px + 4 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .archive-guides .hp-articles .article-2-fields .article__title {
    font-size: calc(24px + 4 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .archive-guides .hp-articles .article-2-fields .article__title {
    font-size: 24px;
  }
}
.archive-guides .hp-articles .article-2-fields .article__perex {
  color: #3469B3;
  font-family: 'Inter', Arial, sans-serif;
  flex-grow: 1;
  margin-bottom: 16px;
}
.archive-guides .hp-articles .article-2-fields .article__content {
  padding: 24px 24px 24px 40px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media screen and (max-width: 1280px) {
  .archive-guides .hp-articles .article-2-fields .article__content {
    padding: 16px 16px 16px 24px;
  }
}
.archive-guides .hp-articles .article-2-fields .article__categories {
  position: relative;
  margin-bottom: 16px;
}
.archive-guides .hp-articles .article-2-fields .article__categories ul {
  position: relative;
  left: unset;
  top: unset;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
@media screen and (max-width: 768px) {
  .archive-guides .hp-articles .article-2-fields .article__categories ul {
    left: unset;
  }
}
.archive-guides .hp-articles .article-banners-carousel {
  background: transparent;
}
@media screen and (max-width: 1200px) {
  .archive-guides .hp-articles .article-banners-carousel {
    display: none;
  }
}
.archive-guides .hp-articles .banners-carousel {
  margin-bottom: 0;
  height: 100%;
}
.archive-guides .hp-articles .banners-carousel__container {
  width: 100%;
}
.archive-guides .hp-articles .banners-carousel__item {
  height: 100%;
}
.archive-guides .hp-articles .banners-carousel__item a {
  height: 100%;
}
.archive-guides .hp-articles .banners-carousel__item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
  border-radius: 16px;
}
.archive-guides .hp-articles .banners-carousel .slick-list,
.archive-guides .hp-articles .banners-carousel .slick-track {
  height: 100%;
}
.archive-guides .hp-articles .banners-carousel .slick-slide img {
  border-radius: 10px;
  object-fit: cover;
  height: 100%;
  width: 100%;
  display: block;
}
.archive-guides .hp-articles .banners-carousel .slick-dots {
  position: absolute;
  bottom: 0px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  padding-bottom: 16px;
}
.archive-guides .hp-articles .banners-carousel .slick-dots li {
  width: 8px;
  height: 8px;
  margin-left: 6px;
  margin-right: 6px;
}
.archive-guides .hp-articles .banners-carousel .slick-dots li button {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
}
.archive-guides .hp-articles .banners-carousel .slick-dots li button::before {
  display: none;
}
.archive-guides .hp-articles .banners-carousel .slick-dots li.slick-active button {
  background: rgba(255, 255, 255, 0.8);
}
.archive-guides .search-intro .container {
  padding-top: calc(160px - 20px);
  padding-bottom: 128px;
}
@media screen and (max-width: 1280px) {
  .archive-guides .search-intro .container {
    padding-top: calc(128px - 12px);
    padding-bottom: 96px;
  }
}
@media screen and (max-width: 768px) {
  .archive-guides .search-intro .container {
    padding-top: 128px;
    padding-bottom: 48px;
  }
}
.archive-guides .search-intro__title {
  font-weight: 700;
  font-size: 28px;
  line-height: 125%;
  margin-bottom: 32px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .archive-guides .search-intro__title {
    font-size: calc(24px + 4 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .archive-guides .search-intro__title {
    font-size: calc(18px + 6 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .archive-guides .search-intro__title {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .archive-guides .search-intro__title {
    margin-bottom: 24px;
  }
}
.archive-guides .search-intro__searchbox form {
  border-bottom: 2px solid #B3D8FF;
  display: inline-flex;
  padding-bottom: 16px;
  width: 100%;
  max-width: 700px;
  align-items: center;
}
@media screen and (max-width: 550px) {
  .archive-guides .search-intro__searchbox form {
    display: flex;
    flex-direction: column;
    border-bottom: 0;
    padding-bottom: 0;
  }
}
.archive-guides .search-intro__searchbox-query {
  width: 100%;
}
@media screen and (max-width: 550px) {
  .archive-guides .search-intro__searchbox-query {
    padding-bottom: 8px;
    border-bottom: 2px solid #B3D8FF;
  }
}
.archive-guides .search-intro__searchbox input[type="text"] {
  padding-right: 24px;
  background: none;
  border: none;
  margin: 0;
  color: #023189;
  flex-grow: 1;
  width: 100%;
  font-weight: 700;
  font-size: 48px;
  line-height: 125%;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .archive-guides .search-intro__searchbox input[type="text"] {
    font-size: calc(36px + 12 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .archive-guides .search-intro__searchbox input[type="text"] {
    font-size: calc(22px + 14 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 768px) {
  .archive-guides .search-intro__searchbox input[type="text"] {
    font-size: 22px;
  }
}
@media screen and (max-width: 550px) {
  .archive-guides .search-intro__searchbox input[type="submit"] {
    width: 100%;
    margin-top: 16px;
    justify-content: center;
  }
}
.archive-guides .search-intro + .hp-articles {
  padding-top: 0!important;
}
.single-guides {
  background-color: #F4FAFF;
  position: relative;
  z-index: 0;
}
.single-guides::before {
  content: "";
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  max-height: 800px;
  position: absolute;
  background: linear-gradient(3.63deg, #F4FAFF 5%, rgba(244, 250, 255, 0) 96.84%), linear-gradient(75.77deg, #F4FAFF 0.84%, #CEE6FF 43.79%, #FFFFFF 99.02%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .single-guides::before {
    max-height: 625px;
  }
}
.single-guides__breadcrumb {
  padding-top: 80px;
  margin-bottom: 70px;
}
@media screen and (max-width: 1280px) {
  .single-guides__breadcrumb {
    margin-bottom: 64px;
  }
}
@media screen and (max-width: 768px) {
  .single-guides__breadcrumb {
    margin-bottom: 48px;
  }
}
@media screen and (max-width: 768px) {
  .single-guides__breadcrumb .breadcrumb ol li:last-child {
    display: none;
  }
  .single-guides__breadcrumb .breadcrumb ol li:not(:nth-child(2)) {
    display: none;
  }
  .single-guides__breadcrumb .breadcrumb ol li:nth-child(2) {
    display: block;
    font-size: 14px;
    font-weight: 400;
  }
  .single-guides__breadcrumb .breadcrumb ol li:nth-child(2) a {
    text-decoration: none;
    color: #023189;
  }
  .single-guides__breadcrumb .breadcrumb ol li:nth-child(2)::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;
  }
}
.single-guides .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) {
  .single-guides .detail-intro {
    padding-top: 80px;
    padding-bottom: 64px;
  }
}
@media screen and (max-width: 768px) {
  .single-guides .detail-intro {
    padding-top: 80px;
    padding-bottom: 48px;
  }
}
.single-guides .detail-intro__breadcrumb {
  margin-bottom: 56px;
}
@media screen and (max-width: 1280px) {
  .single-guides .detail-intro__breadcrumb {
    margin-bottom: 51px;
  }
}
@media screen and (max-width: 768px) {
  .single-guides .detail-intro__breadcrumb {
    margin-bottom: 48px;
  }
}
.single-guides .detail-intro__intro {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .single-guides .detail-intro__intro {
    flex-direction: column;
  }
}
.single-guides .detail-intro__photo {
  width: 400px;
  flex: none;
  margin-right: 80px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .single-guides .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) {
  .single-guides .detail-intro__photo {
    width: 316px;
    margin-right: 24px;
  }
}
@media screen and (max-width: 992px) {
  .single-guides .detail-intro__photo {
    width: 100%;
    margin-right: 0;
    margin-bottom: 24px;
  }
}
.single-guides .detail-intro__photo img {
  width: 100%;
  height: 390px;
  object-fit: cover;
  border-radius: 10px;
  display: block;
}
@media screen and (max-width: 992px) {
  .single-guides .detail-intro__photo img {
    height: auto;
  }
}
.single-guides .detail-intro__info {
  width: auto;
  flex-grow: 1;
}
@media screen and (max-width: 1580px) {
  .single-guides .detail-intro__info {
    padding-right: 0px;
  }
}
@media screen and (max-width: 992px) {
  .single-guides .detail-intro__info {
    width: 100%;
  }
}
.single-guides .detail-intro__caption {
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #11C3FD;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .single-guides .detail-intro__caption {
    font-size: calc(14px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .single-guides .detail-intro__caption {
    font-size: 14px;
  }
}
.single-guides .detail-intro__title {
  margin-bottom: 32px;
}
.single-guides .detail-intro__categories {
  position: relative;
  margin-bottom: 24px;
}
.single-guides .detail-intro__categories ul {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.single-guides .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) {
  .single-guides .detail-intro__categories ul li {
    font-size: calc(12px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .single-guides .detail-intro__categories ul li {
    font-size: 12px;
  }
}
.single-guides .detail-intro__categories ul li:hover {
  transition: 0.2s all linear;
}
.single-guides .detail-intro__categories ul li a {
  padding: 2px 16px;
  color: #ffffff;
  display: block;
  text-decoration: none;
}
.single-guides .detail-intro__categories ul li.mobile-app-analytics {
  background-color: #FF7584;
}
.single-guides .detail-intro__categories ul li.mobile-app-analytics:hover {
  background-color: #FF4256;
}
.single-guides .detail-intro__categories ul li.ux {
  background-color: #00A2A8;
}
.single-guides .detail-intro__categories ul li.ux:hover {
  background-color: #026F73;
}
.single-guides .detail-intro__categories ul li.product-management {
  background-color: #E03EBF;
}
.single-guides .detail-intro__categories ul li.product-management:hover {
  background-color: #AA1E8E;
}
.single-guides .detail-intro__categories ul li.website-analytics {
  background-color: #FF9138;
}
.single-guides .detail-intro__categories ul li.website-analytics:hover {
  background-color: #D36E1D;
}
.single-guides .detail-intro__categories ul li.smartlook-life {
  background-color: #11C3FD;
}
.single-guides .detail-intro__categories ul li.smartlook-life:hover {
  background-color: #0291C0;
}
.single-guides .detail-intro__categories ul li.customer-stories {
  background-color: #034CD3;
}
.single-guides .detail-intro__categories ul li.customer-stories:hover {
  background-color: #023189;
}
.single-guides .detail-intro__categories ul li.product-updates {
  background-color: #B106EF;
}
.single-guides .detail-intro__categories ul li.product-updates:hover {
  background-color: #7904A3;
}
.single-guides .detail-intro__row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
@media screen and (max-width: 1150px) {
  .single-guides .detail-intro__row {
    flex-direction: column;
  }
}
.single-guides .detail-intro__author {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1580px) {
  .single-guides .detail-intro__author {
    align-items: flex-start;
  }
}
.single-guides .detail-intro__author__photo {
  width: 32px;
  height: 32px;
  margin-right: 12px;
}
@media screen and (max-width: 1280px) {
  .single-guides .detail-intro__author__photo {
    width: 24px;
    height: 24px;
    margin-right: 12px;
  }
}
@media screen and (max-width: 1150px) {
  .single-guides .detail-intro__author__photo {
    width: 40px;
    margin-right: 16px;
  }
}
.single-guides .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) {
  .single-guides .detail-intro__author__photo img {
    width: 24px;
    height: 24px;
  }
}
@media screen and (max-width: 1150px) {
  .single-guides .detail-intro__author__photo img {
    width: 40px;
    height: 40px;
  }
}
.single-guides .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) {
  .single-guides .detail-intro__author span {
    font-size: calc(14px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .single-guides .detail-intro__author span {
    font-size: 14px;
  }
}
@media screen and (max-width: 1580px) {
  .single-guides .detail-intro__author span {
    display: block;
  }
}
@media screen and (max-width: 1580px) {
  .single-guides .detail-intro__author span.delimeter {
    display: none;
  }
}
.single-guides .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) {
  .single-guides .detail-intro__reading-time {
    font-size: calc(14px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .single-guides .detail-intro__reading-time {
    font-size: 14px;
  }
}
@media screen and (max-width: 1580px) {
  .single-guides .detail-intro__reading-time {
    align-self: unset;
  }
}
@media screen and (max-width: 1150px) {
  .single-guides .detail-intro__reading-time {
    margin-left: 56px;
    padding-left: 24px;
    margin-top: 8px;
  }
}
.single-guides .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) {
  .single-guides .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;
  }
}
.single-guides .detail-intro__perex {
  margin-top: 24px;
}
.single-guides .detail-article {
  margin-bottom: 128px;
}
@media screen and (max-width: 1280px) {
  .single-guides .detail-article {
    margin-bottom: 96px;
  }
}
@media screen and (max-width: 768px) {
  .single-guides .detail-article {
    margin-bottom: 64px;
  }
}
.single-guides .detail-article .container {
  display: flex;
}
@media screen and (max-width: 992px) {
  .single-guides .detail-article .container {
    flex-direction: column-reverse;
  }
}
.single-guides .detail-article__left {
  width: 400px;
  flex: none;
  margin-right: 80px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .single-guides .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) {
  .single-guides .detail-article__left {
    width: 316px;
    margin-right: 24px;
  }
}
@media screen and (max-width: 992px) {
  .single-guides .detail-article__left {
    width: 100%;
    margin-right: 0;
  }
}
.single-guides .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) {
  .single-guides .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) {
  .single-guides .detail-article__left .contents.contents-visible {
    display: flex;
  }
}
.single-guides .detail-article__left .contents a {
  text-decoration: none;
}
.single-guides .detail-article__left .contents a:hover {
  text-decoration: none;
}
.single-guides .detail-article__left .contents__title {
  text-align: left;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 992px) {
  .single-guides .detail-article__left .contents__title {
    border-radius: 16px;
    border: 2px solid #CEE6FF;
    padding: 12px 16px;
  }
}
.single-guides .detail-article__left .contents__title.opened {
  color: #9CB6D4;
}
.single-guides .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) {
  .single-guides .detail-article__left .contents__title::before {
    right: 16px;
  }
}
.single-guides .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) {
  .single-guides .detail-article__left .contents__title::after {
    right: 22px;
  }
}
.single-guides .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) {
  .single-guides .detail-article__left .contents .opened::before {
    right: 16px;
  }
}
.single-guides .detail-article__left .contents .opened::after {
  display: none;
}
.single-guides .detail-article__left .contents__list {
  margin-top: 16px;
  display: none;
}
@media screen and (max-width: 992px) {
  .single-guides .detail-article__left .contents__list {
    margin-top: 8px;
  }
}
.single-guides .detail-article__left .contents__list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-guides .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) {
  .single-guides .detail-article__left .contents__list ul li {
    font-size: calc(14px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .single-guides .detail-article__left .contents__list ul li {
    font-size: 14px;
  }
}
@media screen and (max-width: 992px) {
  .single-guides .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) {
  .single-guides .detail-article__left .contents__list ul li:last-child {
    margin-bottom: 32px;
  }
}
.single-guides .detail-article__left .contents__list ul li a {
  color: #3469B3;
}
.single-guides .detail-article__left .contents__list ul li:hover a,
.single-guides .detail-article__left .contents__list ul li.active a {
  color: #02286F;
  font-weight: 700;
}
.single-guides .detail-article__left .contents__list ul li:hover a::before,
.single-guides .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%);
}
.single-guides .detail-article__left .article-cta-box {
  margin-top: 32px;
}
.single-guides .detail-article__left .article-cta-box .btn {
  width: 100%;
  justify-content: center;
}
.single-guides .detail-article__left .article-cta-box .btn img {
  margin-right: 10px;
}
.single-guides .detail-article .side-box {
  width: 400px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .single-guides .detail-article .side-box {
    width: calc(316px + 84 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 992px) and (max-width: 1280px) {
  .single-guides .detail-article .side-box {
    width: 316px;
  }
}
@media screen and (max-width: 992px) {
  .single-guides .detail-article .side-box {
    width: 100%;
  }
}
.single-guides .detail-article .side-box .contents-overlay {
  display: none;
  opacity: 1;
}
@media screen and (max-width: 992px) {
  .single-guides .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;
  }
}
.single-guides .detail-article .side-box--floating {
  position: fixed;
  top: 128px;
  transition: 0.3s all linear;
}
@media screen and (max-width: 992px) {
  .single-guides .detail-article .side-box--floating {
    top: unset!important;
    position: unset!important;
  }
}
.single-guides .detail-article__right {
  width: 80px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex: none;
}
@media screen and (max-width: 992px) {
  .single-guides .detail-article__right {
    width: 100%;
    align-items: center;
  }
}
.single-guides .detail-article__icons {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .single-guides .detail-article__icons {
    width: 52px;
  }
  .single-guides .detail-article__icons--floating {
    position: fixed;
    top: 128px;
    transition: 0.3s all linear;
  }
}
.single-guides .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) {
  .single-guides .detail-article__share-title {
    margin-top: 16px;
    margin-bottom: 8px;
    letter-spacing: 0.1em;
  }
}
.single-guides .detail-article__share {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .single-guides .detail-article__share {
    flex-direction: row;
    justify-content: center;
  }
}
.single-guides .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) {
  .single-guides .detail-article__share__social {
    margin-bottom: 0;
    margin-left: 6px;
    margin-right: 6px;
  }
}
.single-guides .detail-article__share__social a {
  display: block;
  width: inherit;
  height: inherit;
}
.single-guides .detail-article__share__social span {
  display: block;
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 992px) {
  .single-guides .detail-article__share__social span {
    background-size: cover;
  }
}
.single-guides .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");
}
.single-guides .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");
}
.single-guides .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");
}
.single-guides .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");
}
.single-guides .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");
}
.single-guides .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");
}
.single-guides .detail-article__progress {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 992px) {
  .single-guides .detail-article__progress {
    display: none;
  }
}
.single-guides .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);
}
.single-guides .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;
}
.single-guides .detail-article__content {
  width: auto;
  flex-grow: 1;
}
@media screen and (max-width: 992px) {
  .single-guides .detail-article__content {
    width: 100%;
  }
}
.single-guides .detail-article__content p,
.single-guides .detail-article__content ul,
.single-guides .detail-article__content ol,
.single-guides .detail-article__content ul li,
.single-guides .detail-article__content ol li {
  color: #3469B3;
}
.single-guides .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) {
  .single-guides .detail-article__content h2 {
    font-size: calc(32px + 8 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .single-guides .detail-article__content h2 {
    font-size: calc(28px + 4 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .single-guides .detail-article__content h2 {
    font-size: 28px;
  }
}
.single-guides .detail-article__content h2 > * {
  font-weight: 700!important;
}
@media screen and (max-width: 1280px) {
  .single-guides .detail-article__content h2 {
    margin-top: 32px;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 768px) {
  .single-guides .detail-article__content h2 {
    margin-top: 32px;
    margin-bottom: 24px;
  }
}
.single-guides .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) {
  .single-guides .detail-article__content h3 {
    font-size: calc(28px + 4 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .single-guides .detail-article__content h3 {
    font-size: calc(24px + 4 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .single-guides .detail-article__content h3 {
    font-size: 24px;
  }
}
.single-guides .detail-article__content h3 > * {
  font-weight: 700!important;
}
@media screen and (max-width: 1280px) {
  .single-guides .detail-article__content h3 {
    margin-top: 24px;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 768px) {
  .single-guides .detail-article__content h3 {
    margin-top: 24px;
    margin-bottom: 8px;
  }
}
.single-guides .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) {
  .single-guides .detail-article__content h4 {
    font-size: calc(24px + 4 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .single-guides .detail-article__content h4 {
    font-size: calc(18px + 6 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .single-guides .detail-article__content h4 {
    font-size: 18px;
  }
}
.single-guides .detail-article__content h4 > * {
  font-weight: 700!important;
}
@media screen and (max-width: 1280px) {
  .single-guides .detail-article__content h4 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 768px) {
  .single-guides .detail-article__content h4 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}
.single-guides .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) {
  .single-guides .detail-article__content h5 {
    font-size: calc(18px + 6 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .single-guides .detail-article__content h5 {
    font-size: calc(16px + 2 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .single-guides .detail-article__content h5 {
    font-size: 18px;
  }
}
.single-guides .detail-article__content h5 > * {
  font-weight: 700!important;
}
@media screen and (max-width: 1280px) {
  .single-guides .detail-article__content h5 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 768px) {
  .single-guides .detail-article__content h5 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}
.single-guides .detail-article__content p {
  font-family: 'Inter', Arial, sans-serif;
  margin-bottom: 24px;
  font-size: 20px;
  line-height: 170%;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .single-guides .detail-article__content p {
    font-size: calc(16px + 4 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .single-guides .detail-article__content p {
    font-size: 16px;
  }
}
@media screen and (max-width: 1280px) {
  .single-guides .detail-article__content p {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 768px) {
  .single-guides .detail-article__content p {
    margin-bottom: 16px;
  }
}
.single-guides .detail-article__content p strong {
  font-weight: 700;
  color: #023189;
}
.single-guides .detail-article__content a {
  color: #03B9BF;
  text-decoration: underline;
  transition: 0.2s all linear;
}
.single-guides .detail-article__content a:hover {
  color: #03878C;
  text-decoration: underline;
}
.single-guides .detail-article__content ul {
  list-style: none;
  margin-bottom: 24px;
  font-family: 'Inter', Arial, sans-serif;
  padding: 0;
}
@media screen and (max-width: 1280px) {
  .single-guides .detail-article__content ul {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 768px) {
  .single-guides .detail-article__content ul {
    margin-bottom: 16px;
  }
}
.single-guides .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) {
  .single-guides .detail-article__content ul li {
    font-size: calc(18px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .single-guides .detail-article__content ul li {
    font-size: calc(16px + 2 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .single-guides .detail-article__content ul li {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .single-guides .detail-article__content ul li {
    padding-left: 22px;
  }
}
.single-guides .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) {
  .single-guides .detail-article__content ul li::before {
    top: calc(16px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .single-guides .detail-article__content ul li::before {
    top: calc(14px + 2 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .single-guides .detail-article__content ul li::before {
    top: 14px;
  }
}
@media screen and (max-width: 768px) {
  .single-guides .detail-article__content ul li::before {
    left: 0px;
  }
}
.single-guides .detail-article__content ol {
  margin-bottom: 24px;
  font-family: 'Inter', Arial, sans-serif;
  padding-left: 50px;
  list-style: decimal;
}
@media screen and (max-width: 1280px) {
  .single-guides .detail-article__content ol {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 768px) {
  .single-guides .detail-article__content ol {
    margin-bottom: 16px;
    padding-left: 21px;
  }
}
.single-guides .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) {
  .single-guides .detail-article__content ol li {
    font-size: calc(18px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .single-guides .detail-article__content ol li {
    font-size: calc(16px + 2 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .single-guides .detail-article__content ol li {
    font-size: 16px;
  }
}
.single-guides .detail-article__content ol li::marker {
  color: #11C3FD;
  font-weight: 700;
  display: block!important;
}
.single-guides .detail-article__content figcaption,
.single-guides .detail-article__content .wp-caption-text {
  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) {
  .single-guides .detail-article__content figcaption,
  .single-guides .detail-article__content .wp-caption-text {
    font-size: calc(12px + 2 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .single-guides .detail-article__content figcaption,
  .single-guides .detail-article__content .wp-caption-text {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .single-guides .detail-article__content figcaption,
  .single-guides .detail-article__content .wp-caption-text {
    margin-top: 16px;
  }
}
.single-guides .detail-article__content figure,
.single-guides .detail-article__content .wp-caption {
  margin: auto;
  margin-top: 48px;
  margin-bottom: 48px;
  width: 100%!important;
  text-align: center;
}
@media screen and (max-width: 1280px) {
  .single-guides .detail-article__content figure,
  .single-guides .detail-article__content .wp-caption {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 768px) {
  .single-guides .detail-article__content figure,
  .single-guides .detail-article__content .wp-caption {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
.single-guides .detail-article__content figure img,
.single-guides .detail-article__content .wp-caption img {
  border-radius: 16px!important;
}
@media screen and (max-width: 1280px) {
  .single-guides .detail-article__content figure img,
  .single-guides .detail-article__content .wp-caption img {
    border-radius: 16px!important;
  }
}
@media screen and (max-width: 768px) {
  .single-guides .detail-article__content figure img,
  .single-guides .detail-article__content .wp-caption img {
    border-radius: 8px!important;
  }
}
.single-guides .detail-article__content figure.wp-block-image img,
.single-guides .detail-article__content .wp-caption.wp-block-image img {
  width: 100%;
  height: auto;
}
.single-guides .detail-article__content img {
  border-radius: 16px!important;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 1280px) {
  .single-guides .detail-article__content img {
    border-radius: 16px!important;
  }
}
@media screen and (max-width: 768px) {
  .single-guides .detail-article__content img {
    border-radius: 8px!important;
  }
}
.single-guides .detail-article__content .shadow img,
.single-guides .detail-article__content img.shadow {
  box-shadow: 0px 32px 32px -24px rgba(52, 105, 179, 0.24);
}
.single-guides .detail-article__content .annotation {
  font-size: 24px;
  line-height: 150%;
  color: #023189;
  font-family: 'Ubuntu', Arial, sans-serif;
  margin-bottom: 48px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .single-guides .detail-article__content .annotation {
    font-size: calc(18px + 6 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .single-guides .detail-article__content .annotation {
    font-size: 18px;
  }
}
@media screen and (max-width: 1280px) {
  .single-guides .detail-article__content .annotation {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 768px) {
  .single-guides .detail-article__content .annotation {
    margin-bottom: 24px;
  }
}
.single-guides .detail-article__content .annotation > p {
  font-size: 24px;
  line-height: 150%;
  color: #023189;
  font-family: 'Ubuntu', Arial, sans-serif;
  margin-bottom: 0;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .single-guides .detail-article__content .annotation > p {
    font-size: calc(18px + 6 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .single-guides .detail-article__content .annotation > p {
    font-size: 18px;
  }
}
.single-guides .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) {
  .single-guides .detail-article__content .sl-author {
    padding: 48px 56px 40px 56px;
    margin-top: 64px;
  }
}
@media screen and (max-width: 768px) {
  .single-guides .detail-article__content .sl-author {
    padding: 40px 24px 32px 24px;
  }
}
.single-guides .detail-article__content .sl-author__top {
  position: absolute;
  width: 92px;
  height: 92px;
  left: calc(50% - 46px);
  top: -58px;
}
@media screen and (max-width: 1280px) {
  .single-guides .detail-article__content .sl-author__top {
    width: 76px;
    height: 76px;
    left: calc(50% - 38px);
    top: -46px;
  }
}
.single-guides .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) {
  .single-guides .detail-article__content .sl-author__avatar {
    width: 76px;
    height: 76px;
  }
}
.single-guides .detail-article__content .sl-author__name {
  text-align: center;
  font-weight: 700;
  font-size: 28px;
  line-height: 125%;
  color: #ffffff;
  margin-bottom: 16px;
}
@media screen and (min-width: 1280px) and (max-width: 1760px) {
  .single-guides .detail-article__content .sl-author__name {
    font-size: calc(24px + 4 * ((100vw - 1280px) / 480));
  }
}
@media screen and (min-width: 375px) and (max-width: 1280px) {
  .single-guides .detail-article__content .sl-author__name {
    font-size: calc(18px + 6 * ((100vw - 375px) / 905));
  }
}
@media screen and (max-width: 375px) {
  .single-guides .detail-article__content .sl-author__name {
    font-size: 18px;
  }
}
.single-guides .detail-article__content .sl-author__name span {
  display: block;
  text-align: center;
  font-size: 18px;
  line-height: normal;
  margin-bottom: 8px;
  font-weight: 500;
}
.single-guides .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) {
  .single-guides .detail-article__content .sl-author__about {
    font-size: calc(14px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .single-guides .detail-article__content .sl-author__about {
    font-size: 14px;
  }
}
.single-guides .detail-article__content .sl-author__social-networks {
  margin-top: 24px;
  display: flex;
  justify-content: center;
}
.single-guides .detail-article__content .sl-author__social-networks__link {
  width: 32px;
  height: 32px;
  display: block;
  margin-left: 6px;
  margin-right: 6px;
}
.single-guides .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;
}
.single-guides .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");
}
.single-guides .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;
}
.single-guides .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");
}
.single-guides .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) {
  .single-guides .detail-related {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  .single-guides .detail-related {
    padding-top: 24px;
    padding-bottom: 48px;
  }
}
.single-guides .detail-related__heading {
  margin-bottom: 44px;
  text-align: center;
}
@media screen and (max-width: 1280px) {
  .single-guides .detail-related__heading {
    margin-bottom: 28px;
  }
}
@media screen and (max-width: 768px) {
  .single-guides .detail-related__heading {
    margin-bottom: 34px;
  }
}
.single-guides .detail-related__articles {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
}
@media screen and (max-width: 992px) {
  .single-guides .detail-related__articles {
    margin-left: 0;
    margin-right: 0;
  }
}
.single-guides .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) {
  .single-guides .detail-related .article {
    margin: 12px;
    width: calc((100% / 3) - (72px / 3));
  }
}
@media screen and (max-width: 1200px) {
  .single-guides .detail-related .article {
    margin: 12px;
    width: calc((100% / 2) - (48px / 2));
  }
  .single-guides .detail-related .article:nth-child(3) {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .single-guides .detail-related .article {
    margin: 18px 0 18px 0;
    width: 100%;
  }
  .single-guides .detail-related .article:nth-child(3) {
    display: flex;
  }
  .single-guides .detail-related .article:last-of-type {
    margin-bottom: 0;
  }
}
.single-guides .detail-related .article:hover {
  transform: scale(1.02);
}
.single-guides .detail-related .article a {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  transition: 0.3s all linear;
  -webkit-perspective: 1000;
}
.single-guides .detail-related .article a:hover {
  text-decoration: none;
  transition: 0.3s all linear;
}
.single-guides .detail-related .article a.mobile-app-analytics:hover .article__title {
  color: #FF7584;
  transition: 0.3s all linear;
}
.single-guides .detail-related .article a.ux:hover .article__title {
  color: #00A2A8;
  transition: 0.3s all linear;
}
.single-guides .detail-related .article a.product-management:hover .article__title {
  color: #E03EBF;
  transition: 0.3s all linear;
}
.single-guides .detail-related .article a.website-analytics:hover .article__title {
  color: #FF9138;
  transition: 0.3s all linear;
}
.single-guides .detail-related .article a.smartlook-life:hover .article__title {
  color: #11C3FD;
  transition: 0.3s all linear;
}
.single-guides .detail-related .article a.customer-stories:hover .article__title {
  color: #034CD3;
  transition: 0.3s all linear;
}
.single-guides .detail-related .article a.product-updates:hover .article__title {
  color: #9F05D6;
  transition: 0.3s all linear;
}
.single-guides .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;
}
.single-guides .detail-related .article__image {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
}
.single-guides .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) {
  .single-guides .detail-related .article__image img {
    display: none;
  }
}
.single-guides .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) {
  .single-guides .detail-related .article__content {
    padding: 24px 16px 16px 16px;
  }
}
@media screen and (max-width: 768px) {
  .single-guides .detail-related .article__content {
    padding: 24px 16px 24px 16px;
  }
}
.single-guides .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) {
  .single-guides .detail-related .article__title {
    font-size: calc(18px + 6 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .single-guides .detail-related .article__title {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .single-guides .detail-related .article__title {
    margin-bottom: 24px;
  }
}
.single-guides .detail-related .article__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.single-guides .detail-related .article__author {
  display: flex;
  align-items: center;
}
.single-guides .detail-related .article__author__photo {
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
@media screen and (max-width: 768px) {
  .single-guides .detail-related .article__author__photo {
    width: 24px;
    height: 24px;
    margin-right: 8px;
  }
}
.single-guides .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) {
  .single-guides .detail-related .article__author__photo img {
    width: 24px;
    height: 24px;
  }
}
.single-guides .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) {
  .single-guides .detail-related .article__author span {
    font-size: calc(14px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .single-guides .detail-related .article__author span {
    font-size: 14px;
  }
}
.single-guides .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) {
  .single-guides .detail-related .article__reading-time {
    font-size: calc(14px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .single-guides .detail-related .article__reading-time {
    font-size: 14px;
  }
}
@media screen and (max-width: 1280px) {
  .single-guides .detail-related .article__reading-time {
    padding-left: 24px;
  }
}
.single-guides .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) {
  .single-guides .detail-related .article__reading-time .icon-clock {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .single-guides .detail-related .article__reading-time .icon-clock {
    display: block;
  }
}
@media screen and (max-width: 900px) {
  .single-guides .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;
  }
}
.single-guides .detail-related .article__categories {
  position: relative;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
}
.single-guides .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) {
  .single-guides .detail-related .article__categories ul {
    left: 16px;
    top: -13px;
  }
}
.single-guides .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) {
  .single-guides .detail-related .article__categories ul li {
    font-size: calc(12px + 2 * ((100vw - 1280px) / 480));
  }
}
@media screen and (max-width: 1280px) {
  .single-guides .detail-related .article__categories ul li {
    font-size: 12px;
  }
}
.single-guides .detail-related .article__categories ul li.mobile-app-analytics {
  background-color: #FF7584;
}
.single-guides .detail-related .article__categories ul li.ux {
  background-color: #00A2A8;
}
.single-guides .detail-related .article__categories ul li.product-management {
  background-color: #E03EBF;
}
.single-guides .detail-related .article__categories ul li.website-analytics {
  background-color: #FF9138;
}
.single-guides .detail-related .article__categories ul li.smartlook-life {
  background-color: #11C3FD;
}
.single-guides .detail-related .article__categories ul li.customer-stories {
  background-color: #034CD3;
}
.single-guides .detail-related .article__categories ul li.product-updates {
  background-color: #B106EF;
}
/* COMPONENTS */
/* #endregion */
.icheckbox {
  width: 60px;
  height: 60px;
  margin: 0 30px 0 0;
  display: inline-block;
  vertical-align: top;
  background: white;
  border: 1px solid #D3D0D0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.icheckbox:after {
  content: " ";
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.385' height='18.385' viewBox='0 0 18.385 18.385'%3E%3Cg id='Group_349' data-name='Group 349' transform='translate(9.087 -33.129) rotate(45)'%3E%3Cg id='Group_27' data-name='Group 27' transform='translate(17.955 17.955)'%3E%3Crect id='Rectangle_20' data-name='Rectangle 20' width='24' height='2' rx='1' transform='translate(11.045 23.896) rotate(-90)' fill='%23fff'/%3E%3Crect id='Rectangle_27' data-name='Rectangle 27' width='24' height='2' rx='1' transform='translate(0.045 10.896)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
}
.icheckbox.hover {
  border-color: black;
}
.icheckbox.checked {
  background: red;
  border-color: red;
}
.icheckbox.checked:after {
  opacity: 1;
}
.slick-arrow {
  width: 6.4rem;
  height: 6.4rem;
  position: absolute;
  top: 50%;
  display: block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: grey;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 2.6rem auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cg id='Group_2' data-name='Group 2' transform='translate(-0.162)'%3E%3Crect id='Rectangle_28' data-name='Rectangle 28' width='26' height='26' transform='translate(0.162)' fill='%23fff' opacity='0'/%3E%3Cg id='Group_1' data-name='Group 1' transform='translate(10 5)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M2646.564,4075.4h0a3.2,3.2,0,0,1,0-4.528l3.342-3.342-3.342-3.342a3.2,3.2,0,0,1,0-4.527h0l7.87,7.869Z' transform='translate(-2645.626 -4059.663)' fill='%23121524'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.slick-arrow:hover {
  background-color: grey;
}
.slick-arrow.prev {
  left: 0;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.slick-arrow.next {
  right: 0;
}
.slick-arrow.slick-hidden,
.slick-arrow.slick-disabled {
  display: none;
}
.slick-dots {
  width: 100%;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  padding: 0 1.4rem;
  display: inline-block;
  vertical-align: top;
}
.slick-dots li button {
  width: 1.2rem;
  height: 1.2rem;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #C4C6CF;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.slick-dots li button:hover {
  background: black;
}
.slick-dots li.slick-active button {
  background: black;
}
.gt-block:not(.demo-header) form,
.editor-styles-wrapper .gt-block:not(.demo-header) form {
  position: relative;
  /* clear */
  /* loading */
}
.gt-block:not(.demo-header) form:after,
.editor-styles-wrapper .gt-block:not(.demo-header) form:after {
  content: " ";
  width: 100%;
  height: 0px;
  display: block;
  overflow: hidden;
  clear: both;
}
.gt-block:not(.demo-header) form:before,
.editor-styles-wrapper .gt-block:not(.demo-header) form:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  height: 0px;
  z-index: 100;
  background: rgba(255, 255, 255, 0.7) url(images/loading.gif) no-repeat center center;
  background-size: 80px auto;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.gt-block:not(.demo-header) form.loading:before,
.editor-styles-wrapper .gt-block:not(.demo-header) form.loading:before {
  height: 100%;
  opacity: 1;
}
.gt-block:not(.demo-header) form input[type=text],
.editor-styles-wrapper .gt-block:not(.demo-header) form input[type=text],
.gt-block:not(.demo-header) form textarea,
.editor-styles-wrapper .gt-block:not(.demo-header) form textarea {
  width: 100%;
  height: 60px;
  padding: 0 24px;
  border: 1px solid #D3D0D0;
  color: black;
  font-size: 20px;
  font-weight: bold;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.gt-block:not(.demo-header) form input[type=text]:hover,
.editor-styles-wrapper .gt-block:not(.demo-header) form input[type=text]:hover,
.gt-block:not(.demo-header) form textarea:hover,
.editor-styles-wrapper .gt-block:not(.demo-header) form textarea:hover,
.gt-block:not(.demo-header) form input[type=text]:focus,
.editor-styles-wrapper .gt-block:not(.demo-header) form input[type=text]:focus,
.gt-block:not(.demo-header) form textarea:focus,
.editor-styles-wrapper .gt-block:not(.demo-header) form textarea:focus {
  border-color: black;
}
.gt-block:not(.demo-header) form input[type=text]::-webkit-input-placeholder,
.editor-styles-wrapper .gt-block:not(.demo-header) form input[type=text]::-webkit-input-placeholder,
.gt-block:not(.demo-header) form textarea::-webkit-input-placeholder,
.editor-styles-wrapper .gt-block:not(.demo-header) form textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #D3D0D0;
  opacity: 1;
}
.gt-block:not(.demo-header) form input[type=text]::-moz-placeholder,
.editor-styles-wrapper .gt-block:not(.demo-header) form input[type=text]::-moz-placeholder,
.gt-block:not(.demo-header) form textarea::-moz-placeholder,
.editor-styles-wrapper .gt-block:not(.demo-header) form textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #D3D0D0;
  opacity: 1;
}
.gt-block:not(.demo-header) form input[type=text]:-ms-input-placeholder,
.editor-styles-wrapper .gt-block:not(.demo-header) form input[type=text]:-ms-input-placeholder,
.gt-block:not(.demo-header) form textarea:-ms-input-placeholder,
.editor-styles-wrapper .gt-block:not(.demo-header) form textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #D3D0D0;
  opacity: 1;
}
.gt-block:not(.demo-header) form input[type=text]:-moz-placeholder,
.editor-styles-wrapper .gt-block:not(.demo-header) form input[type=text]:-moz-placeholder,
.gt-block:not(.demo-header) form textarea:-moz-placeholder,
.editor-styles-wrapper .gt-block:not(.demo-header) form textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #D3D0D0;
  opacity: 1;
}
.gt-block:not(.demo-header) form textarea,
.editor-styles-wrapper .gt-block:not(.demo-header) form textarea {
  height: 180px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 30px;
}
.gt-block:not(.demo-header) form div.input,
.editor-styles-wrapper .gt-block:not(.demo-header) form div.input {
  width: calc((100% - 12px) / 2);
  min-height: 110px;
  margin-right: 12px;
  float: left;
}
.gt-block:not(.demo-header) form div.input.last,
.editor-styles-wrapper .gt-block:not(.demo-header) form div.input.last {
  margin-right: 0;
}
.gt-block:not(.demo-header) form div.input.full,
.editor-styles-wrapper .gt-block:not(.demo-header) form div.input.full {
  width: 100%;
  margin-right: 0;
}
.gt-block:not(.demo-header) form div.input.textarea,
.editor-styles-wrapper .gt-block:not(.demo-header) form div.input.textarea {
  width: 100%;
  margin: 0;
  padding-bottom: 50px;
}
.gt-block:not(.demo-header) form span.errorEmpty,
.editor-styles-wrapper .gt-block:not(.demo-header) form span.errorEmpty,
.gt-block:not(.demo-header) form span.errorFormat,
.editor-styles-wrapper .gt-block:not(.demo-header) form span.errorFormat,
.gt-block:not(.demo-header) form span.errorData,
.editor-styles-wrapper .gt-block:not(.demo-header) form span.errorData {
  display: block;
  overflow: hidden;
  color: red;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  max-height: 0px;
  padding: 0;
  opacity: 0;
}
.gt-block:not(.demo-header) form .hasErrorEmpty span.errorEmpty,
.editor-styles-wrapper .gt-block:not(.demo-header) form .hasErrorEmpty span.errorEmpty,
.gt-block:not(.demo-header) form .hasErrorFormat span.errorFormat,
.editor-styles-wrapper .gt-block:not(.demo-header) form .hasErrorFormat span.errorFormat,
.gt-block:not(.demo-header) form .hasErrorData span.errorData,
.editor-styles-wrapper .gt-block:not(.demo-header) form .hasErrorData span.errorData {
  max-height: 40px;
  padding: 4px 0 6px 0;
  opacity: 1;
}
.gt-block:not(.demo-header) form .sending,
.editor-styles-wrapper .gt-block:not(.demo-header) form .sending {
  height: 300px;
  background: url(images/loading.gif) no-repeat center center;
  background-size: 90px auto;
}
.gt-block:not(.demo-header) form div.inputs,
.editor-styles-wrapper .gt-block:not(.demo-header) form div.inputs {
  /* clear */
}
.gt-block:not(.demo-header) form div.inputs:after,
.editor-styles-wrapper .gt-block:not(.demo-header) form div.inputs:after {
  content: " ";
  width: 100%;
  height: 0px;
  display: block;
  overflow: hidden;
  clear: both;
}
.gt-block:not(.demo-header) form div.sent,
.editor-styles-wrapper .gt-block:not(.demo-header) form div.sent {
  padding: 40px 0;
  color: black;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  text-align: center;
}
.gt-block:not(.demo-header) form div.sent a,
.editor-styles-wrapper .gt-block:not(.demo-header) form div.sent a {
  text-decoration: underline;
}
.gt-block:not(.demo-header) form div.sent a:hover,
.editor-styles-wrapper .gt-block:not(.demo-header) form div.sent a:hover {
  text-decoration: none;
}
/* PAGES (better to include direct CSS file on the page) */
.page-template-outdated-browser {
  background: #F4FAFF;
}
.page-template-outdated-browser header,
.page-template-outdated-browser footer {
  display: none;
}
section.page-outdated-browser {
  background: linear-gradient(3.63deg, #F4FAFF 2.82%, transparent 100%), linear-gradient(76.74deg, #F4FAFF -7.86%, #CEE6FF 47.42%, #FFFFFF 118.49%);
  min-height: 100vh;
}
section.page-outdated-browser .container {
  padding-top: 128px;
  padding-bottom: 128px;
  text-align: center;
  margin: auto;
}
@media screen and (max-width: 1280px) {
  section.page-outdated-browser .container {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  section.page-outdated-browser .container {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
section.page-outdated-browser .page-outdated-browser__logo {
  text-align: center;
  margin-bottom: 64px;
}
@media screen and (max-width: 1280px) {
  section.page-outdated-browser .page-outdated-browser__logo {
    margin-bottom: 56px;
  }
}
@media screen and (max-width: 768px) {
  section.page-outdated-browser .page-outdated-browser__logo {
    margin-bottom: 32px;
  }
}
section.page-outdated-browser .page-outdated-browser__heading {
  text-align: center;
  margin-bottom: 16px;
}
section.page-outdated-browser .page-outdated-browser__text {
  text-align: center;
  color: #3469B3;
  margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
  section.page-outdated-browser .page-outdated-browser__text {
    margin-bottom: 32px;
  }
}
section.page-outdated-browser .page-outdated-browser__cta {
  text-align: center;
  margin: auto;
}
.page-template-opt-out {
  background: #F4FAFF;
}
.page-template-opt-out header,
.page-template-opt-out footer {
  display: none;
}
section.page-opt-out {
  background: linear-gradient(3.63deg, #F4FAFF 2.82%, transparent 100%), linear-gradient(76.74deg, #F4FAFF -7.86%, #CEE6FF 47.42%, #FFFFFF 118.49%);
  min-height: 100vh;
}
section.page-opt-out .container {
  padding-top: 128px;
  padding-bottom: 128px;
  text-align: center;
  margin: auto;
  max-width: 920px;
}
@media screen and (max-width: 1280px) {
  section.page-opt-out .container {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 768px) {
  section.page-opt-out .container {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
section.page-opt-out .page-opt-out__logo {
  text-align: center;
  margin-bottom: 64px;
}
@media screen and (max-width: 1280px) {
  section.page-opt-out .page-opt-out__logo {
    margin-bottom: 56px;
  }
}
@media screen and (max-width: 768px) {
  section.page-opt-out .page-opt-out__logo {
    margin-bottom: 32px;
  }
}
section.page-opt-out .page-opt-out__heading {
  text-align: center;
  margin-bottom: 16px;
}
section.page-opt-out .page-opt-out__text {
  text-align: center;
  color: #3469B3;
  margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
  section.page-opt-out .page-opt-out__text {
    margin-bottom: 32px;
  }
}
section.page-opt-out .page-opt-out__cta {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  section.page-opt-out .page-opt-out__cta {
    flex-direction: column;
  }
}
section.page-opt-out .page-opt-out__cta-1,
section.page-opt-out .page-opt-out__cta-2 {
  margin: 0 16px;
}
@media screen and (max-width: 1280px) {
  section.page-opt-out .page-opt-out__cta-1,
  section.page-opt-out .page-opt-out__cta-2 {
    margin: 0 8px;
  }
}
@media screen and (max-width: 768px) {
  section.page-opt-out .page-opt-out__cta-1,
  section.page-opt-out .page-opt-out__cta-2 {
    margin: 0 0 16px 0;
  }
}
section.page-opt-out .page-opt-out__cta-1 button,
section.page-opt-out .page-opt-out__cta-2 button {
  cursor: pointer;
}
/* BLOCKS  (better to include direct CSS file with the block) */
/*@import url(blocks/XXX.less);*/
.fancybox-slide--iframe {
  padding: 20px;
}
.fancybox-slide--iframe .fancybox-content {
  margin: 0!important;
  max-width: 100%;
  width: 100%;
  padding-top: 56.2%;
  /* (9/16 * 100%) -- your aspect ratio in percents */
  height: 0 !important;
  background: transparent;
  /* don't go full width on wide screens */
}
@media all and (min-width: 800px) {
  .fancybox-slide--iframe .fancybox-content {
    max-width: 85%;
    width: 85%;
    padding-top: 47.8125%;
    /* (9/16 * 70%) -- smaller aspect ratio in percents */
  }
}
.fancybox-slide--iframe .fancybox-content .fancybox-iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 10px;
}