header {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0 40px; }
  @media (min-width: 830px) {
    header {
      padding: 0 0 0 calc(120px + (290 - 150) * ((100vw - 990px) / (1920 - 990))); } }
  header h1 {
    position: relative;
    font-weight: normal;
    margin-bottom: 80px;
    padding-bottom: 0;
    font-size: 50px;
    line-height: 65px;
    z-index: 1; }
    @media (min-width: 830px) {
      header h1 {
        margin-left: calc(37px + (67 - 37) * ((100vw - 990px) / (1920 - 990)));
        margin-top: calc(95px + (172 - 95) * ((100vw - 990px) / (1920 - 990)));
        font-size: 4.375vw;
        line-height: 5.677vw;
        max-width: calc(265px + (600 - 265) * ((100vw - 990px) / (1920 - 990)));
        margin-bottom: 6.771vw; } }
    header h1 img {
      max-width: 209px;
      margin-top: 15px;
      margin-bottom: -10px; }
      @media (min-width: 830px) {
        header h1 img {
          max-width: calc(150px + (296 - 150) * ((100vw - 990px) / (1920 - 990)));
          margin-top: 1.458vw;
          margin-bottom: calc(-10px + (-30 + 10) * ((100vw - 990px) / (1920 - 990))); } }
  header .answer-cool {
    position: absolute;
    z-index: 10;
    top: 40px;
    right: 210px;
    margin-left: 16px;
    display: none; }
    @media (min-width: 830px) {
      header .answer-cool {
        top: 28.104vw;
        right: 30.208vw;
        max-width: 16.667vw;
        display: block; } }
.side-blur {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: calc(120px + (290 - 150) * ((100vw - 990px) / (1920 - 990)));
  height: 100%;
  background: rgba(217, 217, 217, 0.2);
  backdrop-filter: blur(10px); }
  @media (min-width: 830px) {
    .side-blur {
      display: block; } }
.circle-red {
  position: absolute;
  top: 26.042vw;
  left: -5.417vw;
  width: 14.271vw;
  display: none; }
  @media (min-width: 830px) {
    .circle-red {
      display: block; } }
.green-circle {
  z-index: -1;
  transform: scale(1);
  transform-origin: center center;
  position: absolute;
  top: 70px;
  left: 270px;
  width: 19.688vw;
  height: 19.688vw;
  transition: all 2s ease-out; }
  @media (max-width: 829px) {
    .green-circle {
      display: none; } }
  .green-circle.scaled {
    transform: scale(12); }

.circle-green {
  position: absolute;
  width: 19.688vw;
  display: none; }
  @media (min-width: 830px) {
    .circle-green {
      display: block; } }
.elipse-green {
  position: absolute;
  top: 35.313vw;
  left: 0;
  width: 30.52vw;
  display: none; }
  @media (min-width: 830px) {
    .elipse-green {
      display: block; } }
.coolcooks {
  position: relative;
  right: 0;
  top: 0;
  z-index: 1; }
  @media (min-width: 830px) {
    .coolcooks {
      position: fixed;
      right: 0;
      top: 0;
      z-index: 1; } }
  .coolcooks .coolie-head {
    position: relative; }
    @media (min-width: 830px) {
      .coolcooks .coolie-head {
        margin: 0; } }
  .coolcooks .eyes {
    position: absolute;
    top: 0;
    left: 0;
    animation: blink-animation 5s infinite; }
    .coolcooks .eyes img {
      width: 100%; }

@keyframes blink-animation {
  0%, 4% {
    opacity: 1; }
  4.1%, 100% {
    opacity: 0; } }

.coolie {
  max-width: 100%; }
  @media (min-width: 830px) {
    .coolie {
      max-width: calc(412px + (772 - 412) * ((100vw - 990px) / (1920 - 990))); } }
.arrow {
  display: inline-block;
  width: 52px;
  height: 52px;
  background: url("/coolie/media/arrow.svg") no-repeat center;
  margin-left: calc(37px + (67 - 37) * ((100vw - 990px) / (1920 - 990)));
  display: none; }
  @media (min-width: 830px) {
    .arrow {
      display: block; } }
.header-section {
  display: inline-block;
  width: 100%;
  padding-bottom: 90px; }
  @media (min-width: 830px) {
    .header-section {
      padding-bottom: 25.208vw; } }
.text-box {
  position: relative;
  z-index: 1; }
  @media (min-width: 830px) {
    .text-box {
      width: 31.25vw;
      margin-left: 11.667vw;
      margin-top: 2.344vw; } }
  .text-box p {
    font-size: 23px;
    line-height: 34px;
    margin-bottom: 40px; }
    @media (min-width: 830px) {
      .text-box p {
        font-size: 1.458vw;
        line-height: 2.917vw;
        margin-bottom: 3.125vw; } }
.whatsapp {
  display: inline-block;
  border: 1px var(--green) solid;
  color: var(--green);
  font-size: 16px;
  padding: 18px 12px 18px 70px;
  border-radius: 11px;
  position: relative;
  transition: all 0.5s ease;
  background-color: var(--white);
  z-index: 10; }
  @media (min-width: 830px) {
    .whatsapp {
      font-size: 1.302vw;
      padding: 0.990vw 1.823vw 0.990vw 5.208vw; } }
  .whatsapp:after {
    position: absolute;
    left: 0;
    top: 0;
    background: url("/coolie/media/whatsapp.svg") no-repeat left center;
    background-size: auto 100%;
    width: 56px;
    height: 100%;
    content: "";
    transition: all 0.5s ease; }
    @media (min-width: 830px) {
      .whatsapp:after {
        width: 3.490vw; } }
  .whatsapp:hover {
    padding: 18px 70px 18px 12px;
    background-color: var(--lightgreen);
    color: var(--white);
    transition: all 0.5s ease; }
    @media (min-width: 830px) {
      .whatsapp:hover {
        padding: 0.990vw 5.208vw 0.990vw 1.823vw; } }
    .whatsapp:hover:after {
      left: calc(100% - 3.490vw);
      transition: all 0.5s ease; }

.slider {
  width: 100%;
  display: none; }
  @media (min-width: 830px) {
    .slider {
      display: block; } }
  .slider.absolute {
    position: absolute;
    left: 0;
    bottom: 3.385vw; }
  .slider ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    overflow: hidden; }
    .slider ul li {
      list-style: none; }
      .slider ul li img {
        width: 4.948vw; }
      .slider ul li.last img {
        margin-right: 4.948vw; }

.messages {
  position: relative;
  z-index: 10;
  margin-top: 80px; }
  .messages .question,
  .messages .answer {
    max-width: 80%; }
  @media (min-width: 830px) {
    .messages {
      position: absolute;
      max-width: 32.292vw;
      right: 0;
      bottom: 10.938vw;
      margin-top: 0; } }
.animate-messages {
  padding: 54px 45px;
  display: inline-block; }
  @media (min-width: 830px) {
    .animate-messages {
      padding: 0;
      max-width: 32.292vw;
      float: right; } }
  .animate-messages .question,
  .animate-messages .answer {
    margin-bottom: 30px;
    max-width: 80%; }
    @media (min-width: 830px) {
      .animate-messages .question,
      .animate-messages .answer {
        max-width: 100%;
        margin-bottom: 2.604vw; } }
  .animate-messages .answer {
    float: right; }

.question {
  display: inline-block;
  width: 100%;
  margin-bottom: 24px;
  margin-right: 8.229vw; }
  @media (min-width: 830px) {
    .question {
      width: 22.917vw;
      margin-bottom: 0.781vw;
      margin-right: 8.229vw; } }
  .question .name {
    display: block;
    font-size: 20px;
    color: var(--grey);
    padding-left: 34px;
    margin-bottom: 6px; }
    @media (min-width: 830px) {
      .question .name {
        font-size: 1.042vw;
        padding-left: 1.771vw;
        margin-bottom: 0.313vw; } }
  .question .box {
    background-color: var(--green2);
    color: var(--white);
    border-radius: 27px;
    padding: 18px 24px;
    font-size: 23px;
    line-height: 24px;
    position: relative;
    opacity: 0.9; }
    @media (min-width: 830px) {
      .question .box {
        font-size: 1.771vw;
        line-height: 2.083vw; } }
    .question .box::after {
      content: '';
      position: absolute;
      width: 35px;
      height: 35px;
      background-image: url("data:image/svg+xml,%0A%3Csvg width='38' height='37' viewBox='0 0 38 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.7111 16.262C12.4205 14.7569 12.2684 13.2025 12.2684 11.6126V0.702393H36.6558V36C30.7502 36 25.3349 33.9009 21.1153 30.408C16.9056 33.2125 10.1554 35.8783 2 34.3955C4.24621 33.4329 12.9102 27.6569 12.5893 16.105C12.6282 16.1585 12.6688 16.2108 12.7111 16.262Z' fill='%235BBC7E'/%3E%3Cpath d='M12.7111 16.262L12.3256 16.5804L13.202 16.1672L12.7111 16.262ZM12.2684 0.702393V0.202393H11.7684V0.702393H12.2684ZM36.6558 0.702393H37.1558V0.202393H36.6558V0.702393ZM36.6558 36V36.5H37.1558V36H36.6558ZM21.1153 30.408L21.4341 30.0229L21.1476 29.7857L20.8381 29.9919L21.1153 30.408ZM2 34.3955L1.80304 33.936L0.276214 34.5903L1.91056 34.8875L2 34.3955ZM12.5893 16.105L12.9936 15.8109L12.0447 14.5061L12.0895 16.1189L12.5893 16.105ZM11.7684 11.6126C11.7684 13.2344 11.9236 14.8206 12.2201 16.3567L13.202 16.1672C12.9175 14.6932 12.7684 13.1705 12.7684 11.6126H11.7684ZM11.7684 0.702393V11.6126H12.7684V0.702393H11.7684ZM36.6558 0.202393H12.2684V1.20239H36.6558V0.202393ZM37.1558 36V0.702393H36.1558V36H37.1558ZM20.7965 30.7932C25.1024 34.3575 30.6296 36.5 36.6558 36.5V35.5C30.8709 35.5 25.5674 33.4442 21.4341 30.0229L20.7965 30.7932ZM1.91056 34.8875C10.2252 36.3992 17.1053 33.6802 21.3925 30.8242L20.8381 29.9919C16.7058 32.7448 10.0856 35.3574 2.08944 33.9036L1.91056 34.8875ZM12.0895 16.1189C12.2461 21.7568 10.213 25.9763 7.86687 28.9089C5.51094 31.8538 2.84955 33.4875 1.80304 33.936L2.19696 34.8551C3.39666 34.341 6.19035 32.6053 8.64773 29.5336C11.1149 26.4496 13.2534 22.0051 13.0891 16.0911L12.0895 16.1189ZM13.0965 15.9435C13.0607 15.9002 13.0264 15.856 12.9936 15.8109L12.1849 16.3991C12.23 16.4611 12.2769 16.5215 12.3256 16.5804L13.0965 15.9435Z' fill='%235BBC7E'/%3E%3C/svg%3E%0A");
      background-repeat: no-repeat;
      bottom: 0;
      left: -12px; }

.answer {
  float: right;
  max-width: 250px; }
  @media (min-width: 830px) {
    .answer {
      max-width: 22.917vw;
      width: 22.917vw;
      margin-right: 2.500vw; } }
  .answer .name {
    display: block;
    font-size: 20px;
    color: var(--grey);
    padding-left: 34px;
    margin-bottom: 6px; }
    @media (min-width: 830px) {
      .answer .name {
        font-size: 1.042vw;
        padding-left: 1.771vw;
        margin-bottom: 0.313vw; } }
  .answer .box {
    background-color: var(--darkgrey);
    color: var(--white);
    border-radius: 27px;
    padding: 18px 24px;
    font-size: 23px;
    line-height: 24px;
    position: relative;
    opacity: 0.9; }
    @media (min-width: 830px) {
      .answer .box {
        font-size: 1.771vw;
        line-height: 2.083vw; } }
    .answer .box::after {
      content: '';
      position: absolute;
      width: 35px;
      height: 35px;
      background-image: url("data:image/svg+xml,%0A%3Csvg width='38' height='37' viewBox='0 0 38 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.2889 16.2619C25.5795 14.7569 25.7316 13.2025 25.7316 11.6126V0.702393H1.34418V36C7.24978 36 12.6651 33.9009 16.8847 30.408C21.0944 33.2125 27.8446 35.8783 36 34.3955C33.7538 33.4329 25.0898 27.6569 25.4107 16.105C25.3718 16.1585 25.3312 16.2108 25.2889 16.2619Z' fill='%23484848'/%3E%3Cpath d='M25.2889 16.2619L25.6744 16.5804L24.798 16.1672L25.2889 16.2619ZM25.7316 0.702393V0.202393H26.2316V0.702393H25.7316ZM1.34418 0.702393H0.844185V0.202393H1.34418V0.702393ZM1.34418 36V36.5H0.844185V36H1.34418ZM16.8847 30.408L16.5659 30.0229L16.8524 29.7857L17.1619 29.9919L16.8847 30.408ZM36 34.3955L36.197 33.936L37.7238 34.5903L36.0894 34.8875L36 34.3955ZM25.4107 16.105L25.0064 15.8109L25.9553 14.506L25.9105 16.1189L25.4107 16.105ZM26.2316 11.6126C26.2316 13.2344 26.0764 14.8206 25.7799 16.3567L24.798 16.1672C25.0825 14.6932 25.2316 13.1705 25.2316 11.6126H26.2316ZM26.2316 0.702393V11.6126H25.2316V0.702393H26.2316ZM1.34418 0.202393H25.7316V1.20239H1.34418V0.202393ZM0.844185 36V0.702393H1.84418V36H0.844185ZM17.2035 30.7932C12.8976 34.3575 7.37042 36.5 1.34418 36.5V35.5C7.12914 35.5 12.4326 33.4442 16.5659 30.0229L17.2035 30.7932ZM36.0894 34.8875C27.7748 36.3992 20.8947 33.6802 16.6075 30.8242L17.1619 29.9919C21.2942 32.7448 27.9144 35.3574 35.9106 33.9036L36.0894 34.8875ZM25.9105 16.1189C25.7539 21.7568 27.787 25.9763 30.1331 28.9089C32.4891 31.8538 35.1504 33.4875 36.197 33.936L35.803 34.8551C34.6033 34.341 31.8097 32.6053 29.3523 29.5336C26.8851 26.4496 24.7466 22.0051 24.9109 16.0911L25.9105 16.1189ZM24.9035 15.9435C24.9393 15.9002 24.9736 15.856 25.0064 15.8109L25.8151 16.3991C25.77 16.4611 25.7231 16.5215 25.6744 16.5804L24.9035 15.9435Z' fill='%23484848'/%3E%3C/svg%3E%0A");
      background-repeat: no-repeat;
      bottom: 0;
      right: -9px; }
  .answer.green .box {
    background-color: var(--green2); }
    .answer.green .box::after {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='38' height='37' viewBox='0 0 38 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.2889 16.2622C25.5795 14.7571 25.7316 13.2027 25.7316 11.6128V0.702637H1.34418V36.0002C7.24978 36.0002 12.6651 33.9011 16.8847 30.4083C21.0944 33.2128 27.8446 35.8786 36 34.3958C33.7538 33.4331 25.0898 27.6572 25.4107 16.1052C25.3718 16.1588 25.3312 16.2111 25.2889 16.2622Z' fill='%235BBC7E'/%3E%3Cpath d='M25.2889 16.2622L25.6744 16.5807L24.798 16.1674L25.2889 16.2622ZM25.7316 0.702637V0.202637H26.2316V0.702637H25.7316ZM1.34418 0.702637H0.844185V0.202637H1.34418V0.702637ZM1.34418 36.0002V36.5002H0.844185V36.0002H1.34418ZM16.8847 30.4083L16.5659 30.0231L16.8524 29.786L17.1619 29.9922L16.8847 30.4083ZM36 34.3958L36.197 33.9362L37.7238 34.5906L36.0894 34.8877L36 34.3958ZM25.4107 16.1052L25.0064 15.8111L25.9553 14.5063L25.9105 16.1191L25.4107 16.1052ZM26.2316 11.6128C26.2316 13.2347 26.0764 14.8208 25.7799 16.357L24.798 16.1674C25.0825 14.6934 25.2316 13.1708 25.2316 11.6128H26.2316ZM26.2316 0.702637V11.6128H25.2316V0.702637H26.2316ZM1.34418 0.202637H25.7316V1.20264H1.34418V0.202637ZM0.844185 36.0002V0.702637H1.84418V36.0002H0.844185ZM17.2035 30.7935C12.8976 34.3577 7.37042 36.5002 1.34418 36.5002V35.5002C7.12914 35.5002 12.4326 33.4445 16.5659 30.0231L17.2035 30.7935ZM36.0894 34.8877C27.7748 36.3995 20.8947 33.6805 16.6075 30.8244L17.1619 29.9922C21.2942 32.745 27.9144 35.3577 35.9106 33.9038L36.0894 34.8877ZM25.9105 16.1191C25.7539 21.7571 27.787 25.9765 30.1331 28.9091C32.4891 31.854 35.1504 33.4877 36.197 33.9362L35.803 34.8554C34.6033 34.3412 31.8097 32.6056 29.3523 29.5338C26.8851 26.4498 24.7466 22.0053 24.9109 16.0913L25.9105 16.1191ZM24.9035 15.9437C24.9393 15.9004 24.9736 15.8562 25.0064 15.8111L25.8151 16.3993C25.77 16.4613 25.7231 16.5217 25.6744 16.5807L24.9035 15.9437Z' fill='%235BBC7E'/%3E%3C/svg%3E%0A"); }

main {
  display: flex;
  flex-direction: column;
  width: 100%; }

.main-body {
  background: url("/coolie/media/bg.jpg") fixed no-repeat top;
  background-size: cover; }

.section-talk {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  padding: 80px 40px 0;
  background-color: var(--white); }
  @media (min-width: 830px) {
    .section-talk {
      height: 49.479vw;
      padding: 0;
      flex-direction: row; } }
  .section-talk .talk {
    position: relative;
    z-index: 10; }
  .section-talk .elipse-group {
    display: none; }
    @media (min-width: 830px) {
      .section-talk .elipse-group {
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 33.958vw; } }
  .section-talk h2 {
    font-size: 45px;
    line-height: 50px; }
    @media (min-width: 830px) {
      .section-talk h2 {
        margin-top: 15.104vw;
        margin-left: 10.156vw;
        font-size: 3.125vw;
        line-height: 3.646vw;
        max-width: 20.313vw; } }
    .section-talk h2 img {
      max-width: 209px;
      margin-top: 15px;
      margin-bottom: -10px; }
      @media (min-width: 830px) {
        .section-talk h2 img {
          max-width: 15.417vw;
          margin-top: 0.521vw;
          margin-bottom: -0.521vw; } }
.scroller {
  overflow: hidden; }
  @media (min-width: 830px) {
    .scroller {
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: 15px;
      transform: translateX(-50%);
      height: 100%;
      width: 33.333vw;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      z-index: 1; } }
.scoller-box {
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: rgba(131, 180, 174, 0.7);
  padding: 6px 18px 16px;
  text-align: center;
  width: 100%;
  min-height: 214px;
  border-radius: 40px;
  margin: 0 0 22px; }
  @media (min-width: 830px) {
    .scoller-box {
      margin: 0 10px 22px; } }
  @media (min-width: 830px) {
    .scoller-box:nth-child(4) {
      margin-top: 8.490vw; } }
  .scoller-box.last {
    opacity: 0;
    min-height: 0;
    padding: 0; }
  @media (min-width: 830px) {
    .scoller-box {
      width: 15.104vw;
      min-height: 11.146vw;
      border-radius: 2.083vw;
      margin-bottom: 1.146vw; }
      .scoller-box.last {
        opacity: 0;
        height: 0;
        min-height: 0;
        padding: 0;
        margin: 0; } }
  .scoller-box .emoji {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 98px;
    width: 70px; }
    @media (min-width: 830px) {
      .scoller-box .emoji {
        height: 5.104vw;
        width: 3.646vw; } }
    .scoller-box .emoji img {
      width: 100%; }
  .scoller-box p {
    margin: 0;
    color: var(--white);
    font-size: 20px;
    line-height: 28px; }
    @media (min-width: 830px) {
      .scoller-box p {
        font-size: 1.442vw;
        line-height: 1.858vw; } }
    @media (min-width: 1440px) {
      .scoller-box p {
        font-size: 1.042vw;
        line-height: 1.458vw; } }
.section-info {
  position: relative;
  z-index: 10;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(7.5px);
  padding: 40px 0;
  box-shadow: 4px 4px 50px rgba(0, 0, 0, 0.25); }
  @media (min-width: 830px) {
    .section-info {
      padding: 6.406vw 0 13.021vw;
      display: grid;
      grid-template-columns: 1fr 1fr; } }
.blockquote {
  background: url("/coolie/media/line.svg") no-repeat left bottom;
  background-size: auto 14px;
  padding-bottom: 44px;
  padding-left: 40px;
  margin: 0 40px 44px 0; }
  .blockquote h4 {
    font-size: 25px;
    line-height: 37px;
    font-weight: bold;
    margin: 0 0 27px; }
    @media (min-width: 830px) {
      .blockquote h4 {
        font-size: 1.302vw;
        line-height: 1.927vw;
        margin: 0 0 1.406vw; } }
  @media (min-width: 830px) {
    .blockquote {
      background-size: auto 1.198vw;
      padding-bottom: 5.833vw;
      margin: 0 0 6.354vw 0;
      padding-left: 10.313vw;
      padding-right: 0;
      background: url("/coolie/media/line.svg") repeat-x left bottom; } }
blockquote {
  font-size: 25px;
  line-height: 37px;
  font-style: italic;
  padding: 0;
  margin: 0; }
  @media (min-width: 830px) {
    blockquote {
      width: 39.219vw;
      font-size: 2.083vw;
      line-height: 4.167vw; } }
.info-box {
  padding: 50px 30px;
  background-color: rgba(131, 180, 174, 0.7);
  color: var(--white);
  margin-left: 40px;
  margin-right: 40px;
  max-width: 100%;
  border-radius: 40px; }
  @media (min-width: 830px) {
    .info-box {
      margin-left: 10.313vw;
      margin-right: 0;
      max-width: 39.219vw;
      padding: 3.021vw; } }
  .info-box p {
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    margin: 0; }
    @media (min-width: 830px) {
      .info-box p {
        font-size: 1.302vw;
        line-height: 1.823vw; } }
.number-info {
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  flex-direction: column; }
  @media (min-width: 830px) {
    .number-info {
      padding: 6.510vw 10.052vw 10.677vw; } }
  .number-info-left {
    position: relative;
    z-index: 1; }
    @media (min-width: 830px) {
      .number-info-left {
        max-width: 39.479vw; } }
    .number-info-left h2 {
      font-size: 45px;
      line-height: 55px;
      margin: 0 40px 20px; }
      @media (min-width: 830px) {
        .number-info-left h2 {
          font-size: 3.229vw;
          line-height: 3.646vw;
          margin: 0 0 2.604vw; } }
      .number-info-left h2 img {
        max-width: 209px; }
        @media (min-width: 830px) {
          .number-info-left h2 img {
            max-width: 10.885vw; } }
    .number-info-left .coolie-zoom-img {
      text-align: center;
      margin-top: 87px; }
      @media (min-width: 830px) {
        .number-info-left .coolie-zoom-img {
          display: none; } }
  .number-info-box {
    background-color: rgba(131, 180, 174, 0.7);
    border-radius: 40px;
    color: var(--white);
    padding: 50px 30px;
    margin: 40px;
    position: relative;
    margin-top: 110px; }
    @media (min-width: 830px) {
      .number-info-box {
        padding: 3.021vw 6.563vw 3.021vw 3.021vw;
        margin: 0; } }
    .number-info-box img {
      position: relative; }
      @media (min-width: 830px) {
        .number-info-box img {
          display: none; } }
    .number-info-box p {
      font-size: 20px;
      line-height: 28px;
      font-weight: bold;
      margin: 0; }
      @media (min-width: 830px) {
        .number-info-box p {
          font-size: 1.302vw;
          line-height: 1.823vw; } }
.coolie-zoom {
  transition: transform 0.1s ease-out; }

.section-bottom {
  position: relative;
  z-index: 10;
  display: flex;
  padding: 7.292vw 0 0; }
  .section-bottom::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    background: url("/coolie/media/line.svg") repeat-x left top;
    height: 27px;
    content: ""; }
  .section-bottom-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1; }
  .section-bottom .slider {
    margin-bottom: 5.208vw; }

@media (min-width: 830px) {
  .accordion-section {
    max-width: 79.688vw;
    margin-bottom: 11.458vw; } }

.accordion-section h2 {
  text-align: center;
  font-size: 45px;
  line-height: 54px;
  margin: 0 40px 32px; }
  @media (min-width: 830px) {
    .accordion-section h2 {
      font-size: 3.229vw;
      line-height: 3.854vw;
      margin: 0 0 100px;
      text-align: left;
      max-width: 42.448vw; } }
.accordion {
  position: relative;
  background-size: auto 27px;
  padding: 40px 0 118px;
  margin: 0 40px 35px;
  box-shadow: -4px -4px 50px rgba(0, 0, 0, 0.25);
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(7.5px);
  border-radius: 40px; }
  @media (min-width: 830px) {
    .accordion {
      padding: 4.792vw 6.458vw;
      margin: 0 0 5.208vw; } }
  @media (min-width: 830px) {
    .accordion-element {
      position: relative;
      display: flex;
      background-size: auto 1.198vw; } }
  .accordion-element .open {
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    bottom: 60px;
    width: 43px;
    height: 43px;
    background: var(--red) url("/coolie/media/plus.svg") no-repeat center;
    background-size: 22px;
    border-radius: 50%; }
    @media (min-width: 830px) {
      .accordion-element .open {
        right: 2.083vw;
        top: 50%;
        transform: translateY(-50%);
        bottom: initial;
        width: 3.438vw;
        height: 3.438vw;
        background-size: 1.771vw; } }
  .accordion-element .img {
    text-align: center;
    margin-bottom: 28px; }
    @media (min-width: 830px) {
      .accordion-element .img {
        text-align: left;
        margin-bottom: 0; } }
  .accordion-element img {
    width: 210px; }
    @media (min-width: 830px) {
      .accordion-element img {
        width: 14.948vw; } }
  .accordion-element-body {
    flex: 1;
    padding: 0 25px; }
    @media (min-width: 830px) {
      .accordion-element-body {
        padding: 0.521vw 10.417vw 0 8.542vw; } }
    .accordion-element-body p {
      font-size: 20px;
      line-height: 26px;
      margin: 0 0 40px;
      font-style: italic;
      position: relative;
      padding-left: 34px; }
      @media (min-width: 830px) {
        .accordion-element-body p {
          font-size: 1.458vw;
          line-height: 1.875vw;
          margin: 0 0 2.083vw;
          padding-left: 0; } }
      .accordion-element-body p::after {
        position: absolute;
        width: 63px;
        height: 59px;
        background: url("/coolie/media/apostrophe.svg") no-repeat center;
        background-size: 100%;
        left: -2.604vw;
        top: -5px;
        content: "";
        z-index: -1; }
        @media (min-width: 830px) {
          .accordion-element-body p::after {
            width: 3.281vw;
            height: 3.854vw; } }
    .accordion-element-body span {
      font-size: 20px;
      line-height: 30px;
      color: var(--lightblue); }
      @media (min-width: 830px) {
        .accordion-element-body span {
          font-size: 1.302vw;
          line-height: 1.927vw; } }
      .accordion-element-body span strong {
        display: block; }
  .accordion-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out,  padding-top 0.2s ease-out; }
    .accordion-body > div {
      padding: 30px 16px 40px; }
      @media (min-width: 830px) {
        .accordion-body > div {
          padding: 0 0 2.083vw; } }
    .accordion-body h4 {
      font-size: 25px;
      line-height: 37px;
      margin: 0 0 40px; }
      @media (min-width: 830px) {
        .accordion-body h4 {
          font-size: 1.563vw;
          line-height: 1.927vw;
          margin: 0 0 2.083vw; } }
    .accordion-body p {
      font-weight: 500;
      font-size: 20px;
      line-height: 30px;
      color: var(--black);
      margin: 0 0 30px; }
      @media (min-width: 830px) {
        .accordion-body p {
          font-size: 1.458vw;
          line-height: 2.188vw;
          margin: 0 0 1.563vw; } }
  .accordion.active .accordion-body {
    max-height: 4000px;
    transition: max-height 0.6s ease-out, padding-top 0.3s ease-out;
    padding-top: 40px; }
  .accordion.active .open {
    background: var(--red) url("/coolie/media/minus.svg") no-repeat center;
    background-size: 22px; }
    @media (min-width: 830px) {
      .accordion.active .open {
        background-size: 1.771vw; } }
footer {
  text-align: center;
  width: 100%;
  background-color: var(--white);
  padding: 82px 0;
  box-shadow: 4px 4px 50px rgba(0, 0, 0, 0.25);
  position: relative;
  z-index: 10; }
  @media (min-width: 830px) {
    footer .copy {
      margin-top: 4.271vw; } }
  footer .copy small {
    display: block;
    margin: 0 auto;
    max-width: 80%;
    opacity: 0.5;
    margin-top: 30px;
    font-size: 12px;
    line-height: 18px; }
    footer .copy small a {
      text-decoration: underline;
      color: var(--black); }
      footer .copy small a:hover {
        color: var(--red); }
  footer img {
    margin-bottom: 1.042vw;
    width: 213px; }
    @media (min-width: 830px) {
      footer img {
        margin-bottom: 14px;
        width: 21.354vw; } }
  footer p {
    font-size: 15px;
    line-height: 18px;
    margin: 0; }
    footer p span {
      display: block; }
    @media (min-width: 830px) {
      footer p {
        font-size: 1.302vw;
        line-height: 2.604vw; }
        footer p span {
          display: initial; } }
:root {
  --white: #FFFFFF;
  --black: #000000;
  --green: #57BB78;
  --green2: #5BBC7E;
  --lightgreen: #83B4AE;
  --grey: #8A898E;
  --darkgrey: #484848;
  --red: #FE000F;
  --lightblue: #80C0D4; }

*:focus,
*:focus-visible {
  outline: none; }

body {
  background-color: var(--white);
  font-family: "sofia-pro", sans-serif; }

a {
  text-decoration: none; }

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

\:root {
  -moz-tab-size: 4;
  tab-size: 4; }

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

hr {
  height: 0;
  color: inherit; }

abbr[title] {
  text-decoration: underline dotted; }

b,
strong {
  font-weight: bolder; }

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
  font-size: 1em; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

table {
  text-indent: 0;
  border-color: inherit; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button,
select {
  text-transform: none; }

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; }

::-moz-focus-inner {
  border-style: none;
  padding: 0; }

\:-moz-focusring {
  outline: none; }

\:-moz-ui-invalid {
  box-shadow: none; }

legend {
  padding: 0; }

progress {
  vertical-align: baseline; }

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto; }

[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

summary {
  display: list-item; }