/*
0 - 600px:      Phone
600 - 900px:    Tablet portrait
900 - 1200px:   Tablet landscape
[1200 - 1800] is where our normal styles apply
1800px + :      Big desktop

$breakpoint arguement choices:
- phone
- tab-port
- tab-land
- big-desktop

ORDER: Base + typography > general layout + grid > page layout > components

1em = 16px
*/
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

html {
  font-size: 100%; }

body {
  box-sizing: border-box; }
  @media only screen and (max-width: 56.25em) {
    body {
      padding: 0; } }

.bg-green {
  background-color: #3bb78f;
  background: linear-gradient(90deg, #3bb78f 0%, #0bab64 35%, #3bb78f 100%); }

.font-3 {
  font-size: 3rem; }

.font-1_5 {
  font-size: 2rem; }

.font-1_7 {
  font-size: 1.7rem; }

.font-2 {
  font-size: 2.2rem; }

.font-2_2 {
  font-size: 2.2rem; }

.subtitle_1 {
  font-size: 1.5rem; }

.gap-1 {
  gap: 0.7rem; }

.banner_heading_4 {
  font-size: 3rem; }

.padding_top_14 {
  padding-top: 14rem; }

.p-6 {
  padding: 5rem; }

.vh_60 {
  height: 60vh; }

.vh-77 {
  height: 77vh; }

.vh-85 {
  height: 85vh; }

.vh-15 {
  height: 15vh; }

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

.h-200p {
  height: 200px; }

.button_dark {
  clip-path: polygon(75% 0, 86% 30%, 99% 66%, 100% 100%, 0 100%, 0 61%, 0 0);
  padding-right: 1.7rem;
  padding-bottom: 0.6rem;
  padding-top: 0.6rem;
  border-radius: 10px; }

.photo_dual {
  width: 40rem; }

.price_footer {
  background-color: #52cba5;
  border: 2px solid; }

.boxImgContainer {
  width: 4rem; }

.priceCut_multi {
  font-size: .7rem; }

.productOverview .overviewProductHeading {
  font-size: 2.1rem; }

.productOverview .overviewProductFullTitle {
  padding: 2rem 13rem;
  font-size: 3rem; }

.productOverview .overviewProductDes {
  padding: 0 2rem;
  font-size: 1.5rem; }

.PO_galleryContainer .PO_gallery_display {
  min-height: 500px;
  width: 100%;
  background: white;
  background: linear-gradient(180deg, white 7%, #ff8e9e4d 52%, #eb869478 100%);
  position: relative; }
  .PO_galleryContainer .PO_gallery_display .PO_gallery_display_img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.PO_galleryContainer .PO_gallery_box_inner {
  padding: 2rem;
  background-color: #EEEEEE; }