/*!********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/sass/style.scss ***!
  \********************************************************************************************************************************************************/
/********************
* NORMALIZE & MIXINS *
********************/
html {
  box-sizing: border-box;
  font-size: 16px; }

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

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul {
  margin: 0;
  padding: 0;
  font-weight: normal; }

ol,
ul {
  list-style: none; }

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

.a1, h5 {
  font-size: .24rem;
  line-height: 0.2208rem; }
  @media screen and (max-width: 768px) {
    .a1, h5 {
      font-size: .2rem;
      line-height: .19rem; } }

.b0, .b-0, p {
  font-size: .22rem;
  line-height: .264rem;
  letter-spacing: -0.0022rem; }
  @media screen and (max-width: 768px) {
    .b0, .b-0, p {
      font-size: .16rem;
      line-height: .1952rem;
      letter-spacing: -0.0032rem; } }

.b1, section.contact-section .grid .form form label, section.contact-section .grid .form form input[type=submit], section.image-text .grid .column.text-column p, section.image-text .grid .column.text-column ul li {
  font-size: .18rem;
  line-height: .216rem;
  letter-spacing: -0.0018rem; }
  @media screen and (max-width: 768px) {
    .b1, section.contact-section .grid .form form label, section.contact-section .grid .form form input[type=submit], section.image-text .grid .column.text-column p, section.image-text .grid .column.text-column ul li {
      font-size: .16rem;
      line-height: .1952rem;
      letter-spacing: -0.0032rem; } }

.b2, .p-small {
  font-size: .14rem;
  line-height: .1568rem;
  letter-spacing: -0.0014rem; }
  @media screen and (max-width: 768px) {
    .b2, .p-small {
      font-size: .12rem;
      line-height: .148rem;
      letter-spacing: -0.0014rem; } }

.a6 {
  font-size: 3.6rem;
  line-height: 2.88rem;
  letter-spacing: -0.216rem;
  font-weight: 600; }
  @media screen and (max-width: 768px) {
    .a6 {
      font-size: 1rem;
      line-height: .9rem;
      letter-spacing: -0.05rem; } }

.a5, h1 {
  font-size: .8rem;
  line-height: .72rem;
  letter-spacing: -0.016rem;
  font-weight: 600; }
  @media screen and (max-width: 768px) {
    .a5, h1 {
      font-size: .44rem;
      line-height: .418rem;
      letter-spacing: -0.0044rem; } }

.a4, h2 {
  font-size: .8rem;
  line-height: .72rem;
  letter-spacing: -0.016rem;
  font-weight: 600; }
  @media screen and (max-width: 768px) {
    .a4, h2 {
      font-size: .32rem;
      line-height: .304rem;
      letter-spacing: -0.0032rem; } }

.a3, h3 {
  font-size: .54rem;
  line-height: .486rem;
  letter-spacing: -0.0054rem;
  font-weight: 600; }
  @media screen and (max-width: 768px) {
    .a3, h3 {
      font-size: .32rem;
      line-height: .304rem;
      letter-spacing: -0.0032rem; } }

.a2, h4 {
  font-size: .4rem;
  line-height: .392rem;
  letter-spacing: -0.004rem;
  font-weight: 600; }
  @media screen and (max-width: 768px) {
    .a2, h4 {
      font-size: .32rem;
      line-height: .304rem;
      letter-spacing: -0.0032rem; } }

section.hero {
  position: relative;
  height: 100vh; }
  @media screen and (max-width: 768px) {
    section.hero {
      height: 100svh; } }
  section.hero .splide {
    height: 100%; }
    section.hero .splide .splide__track {
      height: 100%; }
    section.hero .splide .splide__arrow {
      height: 0.4rem;
      width: 0.4rem; }
      @media screen and (max-width: 768px) {
        section.hero .splide .splide__arrow {
          display: none; } }
  section.hero .bg-img {
    width: 100%;
    height: 100%; }
    section.hero .bg-img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center; }
  section.hero .texts {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .1rem;
    background-color: rgba(0, 0, 0, 0.4); }
    section.hero .texts .title {
      max-width: 7rem; }

section.about {
  padding: 0.8rem 0;
  background-color: #bb0d11;
  background-color: #616264; }
  section.about .grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .4rem; }
    @media screen and (max-width: 768px) {
      section.about .grid {
        flex-direction: column;
        gap: .2rem; } }
    section.about .grid .column.images {
      width: 5.5rem;
      position: relative;
      padding-bottom: 1rem; }
      @media screen and (max-width: 768px) {
        section.about .grid .column.images {
          width: 100%;
          padding-bottom: .2rem; } }
      section.about .grid .column.images .img {
        width: 3.2rem;
        height: auto;
        aspect-ratio: 300/400;
        display: block; }
        @media screen and (max-width: 768px) {
          section.about .grid .column.images .img {
            width: 100%; } }
        section.about .grid .column.images .img img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          display: block;
          border-radius: .12rem; }
        section.about .grid .column.images .img:last-child {
          position: absolute;
          bottom: 0;
          right: 0; }
          @media screen and (max-width: 768px) {
            section.about .grid .column.images .img:last-child {
              display: none; } }
    section.about .grid .column.texts {
      width: 6rem; }
      @media screen and (max-width: 768px) {
        section.about .grid .column.texts {
          width: 100%; } }
      section.about .grid .column.texts .desc {
        margin-top: .4rem; }
        @media screen and (max-width: 768px) {
          section.about .grid .column.texts .desc {
            margin-top: .2rem; } }

section.services {
  padding: 0.8rem 0; }
  section.services .title {
    margin-bottom: .6rem; }
    @media screen and (max-width: 768px) {
      section.services .title {
        margin-bottom: .4rem; } }
  section.services .grid {
    display: flex;
    gap: .12rem; }
    @media screen and (max-width: 768px) {
      section.services .grid {
        flex-wrap: wrap; } }
    section.services .grid .card {
      display: flex;
      flex-direction: column;
      width: calc(25% - .1rem);
      color: #ffffff;
      text-decoration: none;
      padding-bottom: .3rem;
      box-shadow: 0px 0.18rem 0.18rem 1px rgba(0, 0, 0, 0.2);
      border-radius: .12rem;
      overflow: hidden;
      background-color: #ffffff;
      color: #282A2D; }
      @media screen and (max-width: 768px) {
        section.services .grid .card {
          width: 100%; } }
      section.services .grid .card:hover .card-img img {
        transform: scale(1.1); }
      section.services .grid .card .card-img {
        width: 100%;
        height: auto;
        aspect-ratio: 604/440;
        border-radius: .12rem .12rem 0 0;
        overflow: hidden; }
        section.services .grid .card .card-img img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          display: block;
          transition: transform 300ms ease-in-out; }
      section.services .grid .card .card-title {
        padding: 0 0.2rem;
        margin-bottom: .2rem;
        margin-top: .2rem; }
      section.services .grid .card .card-content {
        padding: 0 0.2rem;
        flex-grow: 1; }
      section.services .grid .card .link {
        padding: 0 0.2rem;
        margin-top: .2rem;
        color: #bb0d11; }

section.contact-section {
  padding: 0.8rem 0; }
  section.contact-section .grid {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 768px) {
      section.contact-section .grid {
        flex-direction: column;
        gap: .4rem; } }
    section.contact-section .grid .form {
      display: flex;
      flex-direction: column;
      gap: .2rem;
      width: 5rem; }
      @media screen and (max-width: 768px) {
        section.contact-section .grid .form {
          width: 100%; } }
      section.contact-section .grid .form .wpcf7-spinner {
        display: none; }
      section.contact-section .grid .form form p {
        margin-bottom: .12rem; }
      section.contact-section .grid .form form label {
        margin-bottom: 0.06rem; }
      section.contact-section .grid .form form input, section.contact-section .grid .form form textarea {
        margin-top: 0.06rem;
        width: 100%;
        padding: .12rem .2rem;
        background-color: #5b5e63;
        border-radius: 0.04rem;
        border: 1px solid #5b5e63;
        color: #ffffff; }
        section.contact-section .grid .form form input:focus, section.contact-section .grid .form form textarea:focus {
          outline: 1px solid #ffffff; }
      section.contact-section .grid .form form input[type=submit] {
        background-color: #bb0d11;
        cursor: pointer;
        transition: 300ms ease-in-out;
        border: none; }
        section.contact-section .grid .form form input[type=submit]:hover {
          background-color: #370001; }
    section.contact-section .grid .maps {
      width: 5rem; }
      @media screen and (max-width: 768px) {
        section.contact-section .grid .maps {
          width: 100%;
          aspect-ratio: 1 / 1; } }
      section.contact-section .grid .maps iframe {
        width: 100%;
        height: 100%; }

section.small-hero {
  text-align: center;
  position: relative; }
  section.small-hero .texts {
    position: relative;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    padding: 1.6rem 0; }
  section.small-hero .subtitle {
    margin-top: .2rem; }
    @media screen and (max-width: 768px) {
      section.small-hero .subtitle {
        margin-top: .1rem; } }
  section.small-hero .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

section.antracit {
  background-color: #282A2D; }

section.red {
  background-color: #bb0d11; }

section.light-gray {
  background-color: #616264; }

section.image-text {
  padding: 1.2rem 0; }
  @media screen and (max-width: 768px) {
    section.image-text {
      padding: .8rem 0; } }
  section.image-text .grid {
    display: flex;
    justify-content: space-between;
    gap: .4rem; }
    section.image-text .grid.reverse {
      flex-direction: row-reverse; }
      @media screen and (max-width: 768px) {
        section.image-text .grid.reverse {
          flex-direction: column;
          gap: .3rem; } }
    section.image-text .grid.center {
      justify-content: center;
      text-align: center; }
    section.image-text .grid a {
      color: white; }
    @media screen and (max-width: 768px) {
      section.image-text .grid {
        flex-direction: column;
        gap: .3rem; } }
    section.image-text .grid .column.img-column {
      width: 4.5rem;
      border-radius: .12rem;
      overflow: hidden; }
      @media screen and (max-width: 768px) {
        section.image-text .grid .column.img-column {
          width: 100%; } }
      section.image-text .grid .column.img-column img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        display: block; }
    section.image-text .grid .column.text-column {
      width: 6rem; }
      @media screen and (max-width: 768px) {
        section.image-text .grid .column.text-column {
          width: 100%; } }
      section.image-text .grid .column.text-column .title {
        margin-bottom: .2rem; }
      section.image-text .grid .column.text-column p + * {
        margin-top: .12rem; }
      section.image-text .grid .column.text-column ul {
        list-style-type: disc;
        padding-left: .2rem; }
  section.image-text.texts-only .column.text-column {
    width: calc(50% - 0.2rem); }
    @media screen and (max-width: 768px) {
      section.image-text.texts-only .column.text-column {
        width: 100%; } }

section.color-cards {
  padding: 1.2rem 0; }
  @media screen and (max-width: 768px) {
    section.color-cards {
      padding: .8rem 0; } }
  section.color-cards .title-desc {
    margin-bottom: .4rem;
    text-align: center; }
    section.color-cards .title-desc .desc {
      max-width: 10rem;
      margin: 0 auto;
      margin-top: .2rem; }
  section.color-cards .grid {
    display: flex;
    flex-wrap: wrap;
    gap: .1rem; }
    section.color-cards .grid .card {
      width: calc(25% - 0.1rem); }
      @media screen and (max-width: 768px) {
        section.color-cards .grid .card {
          width: calc(50% - 0.1rem); } }
      section.color-cards .grid .card .img-wrap {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1; }
        section.color-cards .grid .card .img-wrap img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          display: block; }
      section.color-cards .grid .card .text {
        margin-top: .06rem; }

section.certificates {
  padding: 1.2rem 0; }
  @media screen and (max-width: 768px) {
    section.certificates {
      padding: .8rem 0; } }
  section.certificates .title {
    text-align: center;
    margin-bottom: .2rem; }
  section.certificates .logos {
    display: flex;
    justify-content: center;
    gap: .4rem; }
    @media screen and (max-width: 768px) {
      section.certificates .logos {
        gap: .2rem;
        flex-wrap: wrap; } }
    section.certificates .logos img {
      max-width: 1.6rem; }
      @media screen and (max-width: 768px) {
        section.certificates .logos img {
          max-width: 1.2rem; } }

[anim-bottom-mask-reveal], [anim-fade-up-reveal], [anim-stagger-left-reveal] {
  visibility: hidden; }
  [anim-bottom-mask-reveal].inited, [anim-fade-up-reveal].inited, [anim-stagger-left-reveal].inited {
    visibility: visible; }

[reveal-zoom] {
  overflow: hidden; }

.splitted-lines {
  padding-bottom: 0.2em;
  margin-bottom: -0.2em; }

.overflow-hidden {
  overflow: hidden; }

body {
  font-size: 0.2rem;
  line-height: 0.24rem;
  font-weight: 400;
  overflow-x: hidden;
  position: relative;
  display: block;
  color: #ffffff;
  background-color: #282A2D;
  font-family: "Poppins", serif;
  height: 100%; }

html {
  font-size: 6.944vw;
  scroll-behavior: smooth;
  height: 100%; }
  @media screen and (min-width: 1920px) {
    html {
      font-size: 133.33px; } }
  @media screen and (max-width: 768px) {
    html {
      font-size: 25.641vw;
      overflow-x: hidden;
      height: unset; } }

/* ===============================================================================
    =Site css
    for importing base.scss on top of media query doc copy this : @import 'base';
=============================================================================== */
.block {
  display: block; }

.relative {
  position: relative; }

.container-1 {
  width: 100%;
  max-width: 10.40rem;
  margin: auto; }

.fw-200 {
  font-weight: 200; }

.fw-400 {
  font-weight: 400; }

.fw-700 {
  font-weight: 700; }

/* utility */
.section-spacer {
  height: 500vh; }

.container {
  max-width: 11.4rem;
  margin: auto; }
  @media (max-width: 768px) {
    .container {
      padding-left: .12rem;
      padding-right: .12rem; } }

.uppercase {
  text-transform: uppercase; }

.scroll-down header {
  transform: translateY(-100%); }

.sticky-active header {
  transform: translateY(-100%); }

.scroll-past-top header {
  padding-top: .2rem;
  padding-bottom: .2rem; }

body:not(.scroll-past-top) header {
  transform: translateY(0); }

header.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  padding: .3rem 0;
  transition: 300ms ease-in-out;
  background: rgba(0, 0, 0, 0.2); }
  @media screen and (max-width: 768px) {
    header.header {
      padding: .2rem 0; } }
  header.header.active {
    background-color: transparent; }
    @media screen and (max-width: 768px) {
      header.header.active .logo img {
        filter: drop-shadow(2px 4px 6px black); } }
  header.header .logo {
    width: 3rem; }
    @media screen and (max-width: 768px) {
      header.header .logo {
        width: 2rem; } }
    header.header .logo img {
      width: 100%;
      height: auto;
      display: block;
      transition: 300ms ease-in-out; }
  header.header .grid {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media screen and (max-width: 768px) {
      header.header .grid nav.nav {
        display: none; } }
    header.header .grid nav.nav ul.menu-items {
      display: flex;
      align-items: center;
      gap: .5rem; }
      header.header .grid nav.nav ul.menu-items .menu-item a {
        text-decoration: none;
        color: #ffffff;
        font-size: 0.2rem;
        line-height: 0.24rem;
        font-weight: 400;
        position: relative;
        display: block; }
        header.header .grid nav.nav ul.menu-items .menu-item a::before {
          content: '';
          position: absolute;
          bottom: 1px;
          left: 0;
          width: 100%;
          height: 1px;
          background-color: #ffffff;
          transform: scaleX(0);
          transform-origin: center;
          transition: transform 0.3s ease-in-out; }
        header.header .grid nav.nav ul.menu-items .menu-item a:hover::before {
          transform: scaleX(1); }
  header.header .hamburger-btn {
    display: none;
    width: .22rem;
    height: .15rem;
    position: relative;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer; }
    header.header .hamburger-btn span {
      display: block;
      position: absolute;
      height: 0.02rem;
      width: 100%;
      background: #ffffff;
      border-radius: 0.02rem;
      opacity: 1;
      left: 0;
      transform: rotate(0deg);
      transition: .25s ease-in-out; }
      header.header .hamburger-btn span:nth-child(1) {
        top: 0; }
      header.header .hamburger-btn span:nth-child(2) {
        top: 0.07rem; }
      header.header .hamburger-btn span:nth-child(3) {
        top: 0.14rem; }
    header.header .hamburger-btn.open span:nth-child(1) {
      top: 0.075rem;
      transform: rotate(135deg); }
    header.header .hamburger-btn.open span:nth-child(2) {
      opacity: 0;
      left: -0.2rem; }
    header.header .hamburger-btn.open span:nth-child(3) {
      top: 0.075rem;
      transform: rotate(-135deg); }
    @media screen and (max-width: 768px) {
      header.header .hamburger-btn {
        display: block; } }

.dropdown-menu {
  display: none;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  overflow-y: auto; }
  @media screen and (max-width: 768px) {
    .dropdown-menu {
      display: block;
      position: fixed;
      inset: 0;
      width: 100%;
      height: 100%;
      z-index: 99;
      transition: 300ms ease;
      background-color: #616264; } }
  .dropdown-menu.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0); }
  .dropdown-menu nav.nav {
    display: flex;
    flex-direction: column;
    padding-top: 1rem; }
    .dropdown-menu nav.nav ul.menu-items {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .dropdown-menu nav.nav ul.menu-items .menu-item a {
        text-decoration: none;
        color: #ffffff;
        font-size: 0.2rem;
        line-height: 0.24rem;
        font-weight: 400;
        position: relative;
        display: block;
        padding: .14rem 0;
        border-radius: .12rem; }

footer {
  padding: 1.2rem 0;
  background-color: #bb0d11;
  color: #ffffff; }
  @media screen and (max-width: 768px) {
    footer {
      padding: 0.8rem 0; } }
  footer .logo {
    width: 2.5rem;
    display: block; }
    @media screen and (max-width: 768px) {
      footer .logo {
        width: 2rem; } }
    footer .logo img {
      width: 100%;
      height: auto;
      display: block; }
  footer .logo-wrap {
    max-width: 4rem; }
    footer .logo-wrap .logo-desc {
      margin-top: .2rem; }
  footer .grid {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 768px) {
      footer .grid {
        flex-direction: column;
        gap: .4rem; } }
    footer .grid .column-title {
      margin-bottom: .2rem; }
    footer .grid .menu-items.socials ul {
      display: flex;
      gap: .2rem; }
    footer .grid .menu-items ul li a {
      text-decoration: none;
      color: #ffffff;
      display: flex;
      gap: .1rem;
      align-items: center;
      margin-bottom: .12rem; }
      footer .grid .menu-items ul li a svg {
        width: .25rem; }
        footer .grid .menu-items ul li a svg path {
          fill: #ffffff; }

section.img-section img {
  width: 100%;
  height: 4rem;
  -o-object-fit: cover;
     object-fit: cover;
  display: block; }
  @media screen and (max-width: 768px) {
    section.img-section img {
      height: 3rem; } }

/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@splidejs/splide/dist/css/splide.min.css ***!
  \******************************************************************************************************************************************************************************************/
.splide__container {
  box-sizing: border-box;
  position: relative; }

.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important; }

.splide.is-initialized:not(.is-active) .splide__list {
  display: block; }

.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none; }

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto; }

.splide:not(.is-overflow) .splide__pagination {
  display: none; }

.splide__progress__bar {
  width: 0; }

.splide {
  position: relative;
  visibility: hidden; }

.splide.is-initialized, .splide.is-rendered {
  visibility: visible; }

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative; }

.splide__slide img {
  vertical-align: bottom; }

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px; }

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none; }

.splide__toggle.is-active .splide__toggle__pause {
  display: inline; }

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0; }

@keyframes splide-loading {
  0% {
    transform: rotate(0); }
  to {
    transform: rotate(1turn); } }

.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0; }

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1; }

.splide--rtl {
  direction: rtl; }

.splide__track--ttb > .splide__list {
  display: block; }

.splide__arrow {
  -ms-flex-align: center;
  align-items: center;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 2em;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1; }

.splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em; }

.splide__arrow:hover:not(:disabled) {
  opacity: .9; }

.splide__arrow:disabled {
  opacity: .3; }

.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px; }

.splide__arrow--prev {
  left: 1em; }

.splide__arrow--prev svg {
  transform: scaleX(-1); }

.splide__arrow--next {
  right: 1em; }

.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px; }

.splide__pagination {
  bottom: .5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1; }

.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: .7;
  padding: 0;
  position: relative;
  transition: transform .2s linear;
  width: 8px; }

.splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.4);
  z-index: 1; }

.splide__pagination__page:hover {
  cursor: pointer;
  opacity: .9; }

.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px; }

.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px; }

.splide__progress__bar {
  background: #ccc;
  height: 3px; }

.splide__slide {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.splide__slide:focus {
  outline: 0; }

@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px; } }

@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf; } }

@supports (outline-offset: -3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px; } }

@media screen and (-ms-high-contrast: none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf; }
  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf; } }

.splide__toggle {
  cursor: pointer; }

.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px; }

.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px; }

.splide__track--nav > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer; }

.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000; }

.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em; }

.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1); }

.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto; }

.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1); }

.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%); }

.splide__arrows--ttb .splide__arrow--prev {
  top: 1em; }

.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg); }

.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto; }

.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg); }

.splide__pagination--ttb {
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: .5em;
  top: 0; }