@font-face {
  font-family: "Riffic";
  src: url("../fonts/Riffic-Bold.woff2") format("woff2"),
    url("../fonts/Riffic-Bold.woff") format("woff"),
    url("../fonts/Riffic-Bold.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Hanzipen";
  src: url("../fonts/hanzipen-sc-bold.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

:root {
  --light-blue: #c6cff8;
  --heavy-blue: #38337c;
  --darker-blue: #38317b;
  --purple-one: #ab94f2;
  --purple-two: #d4c2ff;
  --purple-three: #daabff;
  --purple-four: #6d53db;
  --salmon: #f4a395;
  --orange: #ef8903;
  --sand: #fbddb5;
  --bubble-gum: #f991b7;
  --wine: #a51c4a;
  --malbec: #610d2c;
  --olive: #80bc82;
  --leaf: #036e3b;
  --moss: #18341c;
  --montserrat: Montserrat, Arial, Helvetica, sans-serif;
  --riffic: Riffic, Arial, Helvetica, sans-serif;
  --hanzipen: Hanzipen, "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS",
    sans-serif;
}

body {
  background-color: #eeeeee;
  position: relative;
}

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

.layout-container {
  display: flex;
  justify-content: center;
  width: 100%;
}

.layout-container .container {
  background-color: #fff;
  width: 850px;
  padding: 0;
}

.header-banner .banner {
  height: 707px;
}

.header-banner .banner p {
  color: #38317b;
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  font-family: var(--montserrat);
  font-size: 16px;
  font-weight: 300;
  padding: 8rem 0 0 3rem;
}

.wrapper-01,
.wrapper-02 {
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 100% auto;
}

.wrapper-01 {
  background-image: url(../images/desktop/bg-wrapper-01.png);
}

.wrapper-02 {
  background-image: url(../images/desktop/bg-wrapper-02.png);
}

.video {
  width: 100%;
  height: 437px;
}


.gif {
  min-height: 425px!important;
}

.gif,
.video iframe,
.gif iframe {
  width: 100%;
  height: 100%;
  min-height: 100%;
}

.elephant {
  background-image: url(../images/logo-elephant.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 70px auto;
  border-bottom: 1px solid #0fbcf1;
  box-shadow: inset 0 -1px 0 #4fcef5;
  height: 50px;
  margin: 1rem auto 0;
  width: 85%;
}

footer {
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  font-family: var(--montserrat);
  text-align: center;
  padding-bottom: 1rem;
}

footer p {
  color: var(--heavy-blue);
  font-size: 0.6rem;
  padding: 1rem 1.5rem 0;
}

footer a {
  color: #0fbcf1;
  font-weight: 700;
}

footer .social {
  padding: 0;
  margin-top: 0.5rem;
}

footer .social + p {
  padding-top: 0;
}

footer .social li {
  background-color: #0fbcf1;
  border-radius: 50%;
  display: inline-block;
  height: 24px;
  overflow: hidden;
  padding: 0.1rem;
  position: relative;
  width: 24px;
}

footer .social li a {
  display: block;
}

footer .social li img {
  height: auto;
  width: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

footer .copy {
  font-size: 0.4rem;
}

.visible-mobile,
.visible-tablet {
  display: none !important;
}

.visible-desktop {
  display: block !important;
}

@media (max-width: 768px) {
  .layout-container .container {
    width: 650px;
  }

  .header-banner .banner {
    height: 678px;
  }

  .wrapper-01 {
    background-image: url(../images/tablet/bg-wrapper-01.png);
  }

  .wrapper-02 {
    background-image: url(../images/tablet/bg-wrapper-02.png);
  }

  .video {
    height: 366px;
  }

  .visible-tablet {
    display: block !important;
  }

  .visible-mobile,
.visible-desktop {
    display: none !important;
  }
}

@media (max-width: 568px) {
  .layout-container .container {
    width: 548px;
  }

  .video {
    height: 308px;
  }
}

@media (max-width: 440px) {
  .layout-container .container {
    width: 415px;
  }

  .header-banner .banner {
    height: auto;
    max-height: 743px;
  }
  .header-banner .banner img {
    width: 100%;
    height: auto;
  }

  .wrapper-01 {
    background-image: url(../images/mobile/bg-wrapper-01.png);
  }

  .wrapper-02 {
    background-image: url(../images/mobile/bg-wrapper-02.png);
  }

  .video {
    height: 234px;
  }

  .visible-mobile {
    display: block !important;
  }

  .visible-tablet,
.visible-desktop {
    display: none !important;
  }
}

@media (max-width: 375px) {
  .layout-container .container {
    width: 350px;
  }

  .video {
    height: 197px;
  }
}

.card-01 .img-003 {
  text-align: center;
}

.card-01 .img-003 img {
  max-width: 330px;
}

.card-01 .img-004 {
  padding-top: 2rem;
  text-align: center;
}

.card-01 .img-004 img {
  max-width: 360px;
}

.card-02 .img-009 {
  margin-top: -2rem;
  text-align: center;
}

.card-02 .img-009 img {
  max-width: 390px;
}

.card-02 .img-005 {
  margin-top: -2rem;
  text-align: center;
}

.card-02 .img-005 img {
  max-width: 400px;
}

.card-02 .img-016 {
  margin-top: -5rem;
  padding: 0 1.5rem;
}

.card-02 .img-016 img {
  max-width: 162px;
}

.card-05 .img-007 {
  margin-top: -12.5rem;
  text-align: center;
}

.card-05 .img-007 img {
  max-width: 390px;
}

.card-06 .img-012 {
  margin-top: -2.5rem;
  text-align: right;
}

.card-06 .img-012 img {
  max-width: 370px;
}

.card-06 .img-008 {
  margin-top: -2.5rem;
  padding: 0 2rem;
}

.card-06 .img-008 img {
  max-width: 360px;
}

.card-06 .img-013 {
  margin-top: -5rem;
  padding: 0 1rem;
  text-align: right;
}

.card-06 .img-013 img {
  max-width: 170px;
}

@media (min-width: 768px) {
  .card-01 .img-003 {
    padding: 2rem 0 0 2rem;
    text-align: center;
  }
  .card-01 .img-003 img {
    max-width: 100%;
  }
  .card-01 .img-004 {
    margin-left: -1rem;
    margin-top: -2rem;
    text-align: center;
  }
  .card-01 .img-004 img {
    max-width: 100%;
  }

  .card-02 .img-009 {
    margin-top: -4rem;
    text-align: center;
  }
  .card-02 .img-009 img {
    max-width: 389px;
  }
  .card-02 .img-005 {
    margin-top: 1rem;
    margin-left: -3rem;
    text-align: center;
  }
  .card-02 .img-005 img {
    max-width: 344px;
  }
  .card-02 .img-016 {
    padding: 0 1.5rem;
    padding-left: 15rem;
    margin-top: -3rem;
  }
  .card-02 .img-016 img {
    max-width: 304px;
  }

  .card-04 .img-006 {
    margin: 2rem 2rem 0;
  }
  .card-04 .img-006 img {
    max-width: 599px;
  }

  .card-05 .img-011 {
    margin-top: 5rem;
    padding-left: 3rem;
  }
  .card-05 .img-011 img {
    max-width: 440px;
  }
  .card-05 .img-007 {
    margin-top: -16.5rem;
    padding-right: 2rem;
    text-align: right;
  }
  .card-05 .img-007 img {
    max-width: 440px;
  }

  .card-06 .img-012 {
    margin-top: 0;
    padding-left: 2rem;
    text-align: left;
  }
  .card-06 .img-012 img {
    max-width: 390px;
  }
  .card-06 .img-008 {
    margin-left: -1rem;
    margin-top: 3rem;
    padding: 0;
  }
  .card-06 .img-008 img {
    max-width: 360px;
  }
  .card-06 .img-013 {
    margin-top: 0;
    padding: 1rem 2rem;
    text-align: right;
  }
  .card-06 .img-013 img {
    max-width: 313px;
  }
}

@media (min-width: 992px) {
  .card-02 .img-016 {
    margin-left: 50%;
    margin-top: -3rem;
    padding: 0 1.5rem;
  }
  .card-02 .img-016 img {
    max-width: 304px;
  }

  .card-04 .img-006 {
    margin: 2rem 2rem 0;
  }
  .card-04 .img-006 img {
    max-width: 749px;
  }

  .card-05 .img-011 {
    margin-top: 5rem;
    padding-left: 3rem;
  }
  .card-05 .img-011 img {
    max-width: 440px;
  }
  .card-05 .img-007 {
    margin-top: 0;
    padding-right: 2rem;
    text-align: right;
  }
  .card-05 .img-007 img {
    max-width: 440px;
  }

  .card-06 .img-012 {
    margin-top: -5rem;
    text-align: left;
  }
  .card-06 .img-012 img {
    max-width: 362px;
  }
  .card-06 .img-008 {
    margin: 0;
    padding-left: 3rem;
    padding-top: 3rem;
  }
  .card-06 .img-008 img {
    max-width: 360px;
  }
  .card-06 .img-013 {
    margin-top: -6rem;
    padding: 1rem 2rem;
    text-align: right;
  }
  .card-06 .img-013 img {
    max-width: 313px;
  }
}
/*# sourceURL=/home/k1ng/.amper/multikids/preview/bercos/assets/styles/laminas.scss */
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2sxbmcvLmFtcGVyL211bHRpa2lkcy9wcmV2aWV3L2JlcmNvcy9hc3NldHMvc3R5bGVzL2xhbWluYXMuc2NzcyIsIndlYnBhY2s6Ly9hc3NldHMvc3R5bGVzL2xhbWluYXMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHQTtFQUNFLHNEQUFBO0FDRkY7O0FES0E7RUFDRSx5QkFBQTtFQUNBLGtCQUFBO0FDRkY7O0FES0E7RUFDRSxXQUFBO0VBQ0EsWUFBQTtBQ0ZGOztBRFVBO0VBQ0UsYUFBQTtFQUNBLHVCQUFBO0VBQ0EsV0FBQTtBQ1BGOztBRFVBO0VBQ0Usc0JBQUE7RUFDQSxZQUFBO0VBQ0EsVUFBQTtBQ1BGOztBRFVBO0VBQ0UsYUFBQTtBQ1BGOztBRFNFO0VBQ0UsY0FBQTtFQUNBLHFEQUFBO0VBQUEsOEJBQUE7RUFDQSxlQUFBO0VBQ0EsZ0JBQUE7RUFDQSxzQkFBQTtBQ1BKOztBRFdBOztFQUVFLDRCQUFBO0VBQ0EsOEJBQUE7RUFDQSwwQkFBQTtBQ1JGOztBRFdBO0VBQ0UseURBQUE7QUNSRjs7QURVQTtFQUNFLHlEQUFBO0FDUEY7O0FEVUE7RUFDRSxXQUFBO0VBQ0EsYUFBQTtBQ1BGOztBRFNBOztFQUVFLFdBQUE7RUFDQSxZQUFBO0VBQ0EsZ0JBQUE7QUNORjs7QURTQTtFQUNFLHlEQUFBO0VBQ0EsNEJBQUE7RUFDQSxrQ0FBQTtFQUNBLDBCQUFBO0VBQ0EsZ0NBQUE7RUFDQSxrQ0FBQTtFQUNBLFlBQUE7RUFDQSxtQkFBQTtFQUNBLFVBQUE7QUNORjs7QURTQTtFQUNFLHFEQUFBO0VBQUEsOEJBQUE7RUFDQSxrQkFBQTtFQUNBLG9CQUFBO0FDTkY7O0FEU0E7RUFDRSx3QkFBQTtFQUNBLGlCQUFBO0VBQ0Esc0JBQUE7QUNORjs7QURTQTtFQUNFLGNBQUE7RUFDQSxnQkFBQTtBQ05GOztBRFNBO0VBQ0UsVUFBQTtFQUNBLGtCQUFBO0FDTkY7O0FEU0E7RUFDRSxjQUFBO0FDTkY7O0FEU0E7RUFDRSx5QkFBQTtFQUNBLGtCQUFBO0VBQ0EscUJBQUE7RUFDQSxZQUFBO0VBQ0EsZ0JBQUE7RUFDQSxlQUFBO0VBQ0Esa0JBQUE7RUFDQSxXQUFBO0FDTkY7O0FEU0E7RUFDRSxjQUFBO0FDTkY7O0FEU0E7RUFDRSxZQUFBO0VBQ0EsV0FBQTtFQUNBLGtCQUFBO0VBQ0EsUUFBQTtFQUNBLFNBQUE7RUFDQSxnQ0FBQTtBQ05GOztBRFNBO0VBQ0UsaUJBQUE7QUNORjs7QURTQTs7RUFFRSx3QkFBQTtBQ05GOztBRFNBO0VBQ0UseUJBQUE7QUNORjs7QURTQTtFQUNFO0lBQ0UsWUFBQTtFQ05GOztFRFNBO0lBQ0UsYUFBQTtFQ05GOztFRFNBO0lBQ0UseURBQUE7RUNORjs7RURTQTtJQUNFLHlEQUFBO0VDTkY7O0VEU0E7SUFDRSxhQUFBO0VDTkY7O0VEU0E7SUFDRSx5QkFBQTtFQ05GOztFRFFBOztJQUVFLHdCQUFBO0VDTEY7QUFDRjs7QURXQTtFQUNFO0lBQ0UsWUFBQTtFQ1RGOztFRFlBO0lBQ0UsYUFBQTtFQ1RGO0FBQ0Y7O0FEWUE7RUFDRTtJQUNFLFlBQUE7RUNWRjs7RURhQTtJQUNFLFlBQUE7SUFDQSxpQkFBQTtFQ1ZGO0VEWUU7SUFDRSxXQUFBO0lBQ0EsWUFBQTtFQ1ZKOztFRGNBO0lBQ0UseURBQUE7RUNYRjs7RURjQTtJQUNFLHlEQUFBO0VDWEY7O0VEY0E7SUFDRSxhQUFBO0VDWEY7O0VEY0E7SUFDRSx5QkFBQTtFQ1hGOztFRGFBOztJQUVFLHdCQUFBO0VDVkY7QUFDRjs7QURhQTtFQUNFO0lBQ0UsWUFBQTtFQ1hGOztFRGNBO0lBQ0UsYUFBQTtFQ1hGO0FBQ0Y7O0FEZUU7RUFDRSxrQkFBQTtBQ2JKOztBRGVJO0VBQ0UsZ0JBQUE7QUNiTjs7QURpQkU7RUFDRSxpQkFBQTtFQUNBLGtCQUFBO0FDZko7O0FEaUJJO0VBQ0UsZ0JBQUE7QUNmTjs7QURxQkU7RUFDRSxpQkFBQTtFQUNBLGtCQUFBO0FDbEJKOztBRG9CSTtFQUNFLGdCQUFBO0FDbEJOOztBRHNCRTtFQUNFLGlCQUFBO0VBQ0Esa0JBQUE7QUNwQko7O0FEc0JJO0VBQ0UsZ0JBQUE7QUNwQk47O0FEd0JFO0VBQ0UsaUJBQUE7RUFDQSxpQkFBQTtBQ3RCSjs7QUR3Qkk7RUFDRSxnQkFBQTtBQ3RCTjs7QUQ2Q0U7RUFDRSxvQkFBQTtFQUNBLGtCQUFBO0FDMUNKOztBRDRDSTtFQUNFLGdCQUFBO0FDMUNOOztBRGdERTtFQUNFLG1CQUFBO0VBQ0EsaUJBQUE7QUM3Q0o7O0FEK0NJO0VBQ0UsZ0JBQUE7QUM3Q047O0FEaURFO0VBQ0UsbUJBQUE7RUFDQSxlQUFBO0FDL0NKOztBRGlESTtFQUNFLGdCQUFBO0FDL0NOOztBRG1ERTtFQUNFLGlCQUFBO0VBQ0EsZUFB…