/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/css/index_last.scss ***!
  \****************************************************************************************************************************************************************************************/
/**
 * Variables
*/
/* Typography */
/* Breakpoints */
/* Paths */
/* Grid setup */
/* Colour palette */
/* Components */
/* Animations */
section.head-main .content .head {
  border-radius: 1.66rem;
  position: relative;
  padding: 7.29rem 15rem 9.58rem;
  overflow: hidden;
  gap: 1.67rem;
}
@media (max-width: 480px) {
  section.head-main .content .head {
    gap: 8.5rem;
    border-radius: 8.53333rem;
    padding: 57.4rem 4.27rem 18.13rem;
  }
}
section.head-main .content .head .bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -2;
  background: #f4f6fa;
}
section.head-main .content .head::before, section.head-main .content .head::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 27.02292rem;
  background-size: contain;
  background-repeat: no-repeat;
}
section.head-main .content .head::before {
  left: 0;
  background-image: url("https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/img/main/deco-l.svg");
  background-position: left center;
}
@media (max-width: 480px) {
  section.head-main .content .head::before {
    right: 0;
    bottom: unset;
    width: unset;
    height: 33.2rem;
    background-image: url("https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/img/main/deco-m.svg");
  }
}
section.head-main .content .head::after {
  right: 0;
  background-image: url("https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/img/main/deco-r.svg");
  background-position: right center;
}
@media (max-width: 480px) {
  section.head-main .content .head::after {
    display: none;
  }
}
section.head-main .content .head .logo {
  width: 8.72104rem;
  height: 4.375rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: center;
      align-self: center;
  position: relative;
}
@media (max-width: 480px) {
  section.head-main .content .head .logo {
    width: 32.95733rem;
    height: 16.53333rem;
  }
}
section.head-main .content .head .logo .bee {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
}
section.head-main .content .head .logo .bee .img {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6.7rem;
  height: 6.7rem;
}
@media (max-width: 480px) {
  section.head-main .content .head .logo .bee .img {
    width: 20rem;
    height: 20rem;
  }
}
section.head-main .content .head .logo .bee .img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
section.head-main .content .head .logo .bee .img:nth-child(1) {
  -webkit-transform: translate(-17rem, -5rem) scale(0.9);
          transform: translate(-17rem, -5rem) scale(0.9);
}
@media (max-width: 480px) {
  section.head-main .content .head .logo .bee .img:nth-child(1) {
    -webkit-transform: translate(-40rem, -17rem) scale(1);
            transform: translate(-40rem, -17rem) scale(1);
  }
}
section.head-main .content .head .logo .bee .img:nth-child(2) {
  -webkit-transform: translate(4rem, -9rem) scale(0.9);
          transform: translate(4rem, -9rem) scale(0.9);
}
@media (max-width: 480px) {
  section.head-main .content .head .logo .bee .img:nth-child(2) {
    -webkit-transform: translate(2rem, -33rem) scale(1.2);
            transform: translate(2rem, -33rem) scale(1.2);
  }
}
section.head-main .content .head .logo .bee .img:nth-child(3) {
  -webkit-transform: translate(13rem, -3rem) scale(0.85);
          transform: translate(13rem, -3rem) scale(0.85);
}
@media (max-width: 480px) {
  section.head-main .content .head .logo .bee .img:nth-child(3) {
    -webkit-transform: translate(19rem, -18rem) scale(1.1);
            transform: translate(19rem, -18rem) scale(1.1);
  }
}
section.head-main .content .head .substract {
  display: inline-block;
  position: absolute;
  bottom: -1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-mask: url("https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/mask/main-b-c.png");
          mask: url("https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/mask/main-b-c.png");
  -webkit-mask-position: bottom center;
          mask-position: bottom center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  width: 54.16667rem;
  height: 6.25rem;
  background: #fff;
}
@media (max-width: 480px) {
  section.head-main .content .head .substract {
    height: 9.6rem;
    width: 44.7416rem;
    -webkit-mask-image: url("https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/mask/main-b-c-m.png");
            mask-image: url("https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/mask/main-b-c-m.png");
  }
}
section.head-main .content > .img-frame {
  width: 25rem;
  height: 25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: center;
      align-self: center;
}
@media (max-width: 480px) {
  section.head-main .content > .img-frame {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
  }
}
section.head-main .content > .texts {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0.5rem;
  padding: 0 6.67rem;
}
@media (max-width: 480px) {
  section.head-main .content > .texts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
    padding-top: 24.5rem;
    gap: 8.53rem;
  }
}
section.head-main .content > .texts > .block-title {
  --point-color: #1969FF;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding-top: 0.5rem;
}
@media (max-width: 480px) {
  section.head-main .content > .texts > .block-title {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: center;
        align-self: center;
  }
}
section.head-main .content > .texts > .block-title .point {
  font-size: 1.04167rem;
}
@media (max-width: 480px) {
  section.head-main .content > .texts > .block-title .point {
    font-size: 4.26667rem;
  }
}
section.head-main .content > .texts > .text-block {
  width: 62.1rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 480px) {
  section.head-main .content > .texts > .text-block {
    width: unset;
  }
}
section.head-main .content > .texts > .text-block > p {
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.75px;
  line-height: 144%;
  font-family: "Bauziet";
}
@media (max-width: 480px) {
  section.head-main .content > .texts > .text-block > p {
    font-size: 4.8rem;
    font-family: "Poppins";
  }
}
section.head-main .content > .texts > .text-block > p > a {
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.75px;
  line-height: 144%;
  font-family: "Bauziet";
  color: #023A8D;
}
@media (max-width: 480px) {
  section.head-main .content > .texts > .text-block > p > a {
    font-size: 4.8rem;
    font-family: "Poppins";
  }
}
section.head-main .content > .big-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translateY(-3.7rem);
          transform: translateY(-3.7rem);
}
@media (max-width: 480px) {
  section.head-main .content > .big-links {
    gap: 2.93rem;
    margin-top: 3rem;
  }
}
section.head-main .content > .big-links > .img-frame {
  width: 8.75rem;
  height: 8.125rem;
}
section.head-main .content > .big-links > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.25rem;
  width: 18.75rem;
  padding: 1.04167rem 1.66667rem 1.04167rem 2.29167rem;
  border-radius: 5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: var(--bg, #ffc72c);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 6.25rem;
  position: relative;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
@media (max-width: 480px) {
  section.head-main .content > .big-links > a {
    border-radius: 4.2666rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3.2rem;
    padding: 5.07rem;
    width: unset;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 1%;
        flex-basis: 1%;
  }
}
section.head-main .content > .big-links > a > span {
  color: var(--color, #0d0d0d);
  font-size: 1.45833rem;
  font-style: normal;
  font-weight: 500;
  line-height: 144%;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
@media (max-width: 480px) {
  section.head-main .content > .big-links > a > span {
    font-size: 4.26667rem;
    text-align: center;
  }
}
section.head-main .content > .big-links > a::after {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  -webkit-mask-image: url("https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/icon/link.svg");
          mask-image: url("https://strangebee.com/wp-content/themes/strange_bee/amp_src/assets/icon/link.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background: #0d0d0d;
  background: var(--color, #0d0d0d);
  -webkit-transition: background 0.3s ease, -webkit-transform 0.3s ease;
  transition: background 0.3s ease, -webkit-transform 0.3s ease;
  transition: background 0.3s ease, transform 0.3s ease;
  transition: background 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media (max-width: 480px) {
  section.head-main .content > .big-links > a::after {
    width: 6.4rem;
    height: 6.4rem;
  }
}
section.head-main .content > .big-links > a:hover {
  --bg: #0d0d0d;
  --color: #fff;
}
section.head-main .content > .big-links > a:hover::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}