.bg-666464 {
    background-color: #666464;
}

.bg-cover {
    background-size: cover;
    background-position: center;
}

/* margin */
.mx-6 {
    margin-left: 4.5rem !important;
}

.mx-7 {
    margin-left: 6rem !important;
}

.mx-6 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
}

.mx-7 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
}

@media (min-width: 1200px) {
    .mx-xs-6 {
        margin-left: 4.5rem !important;
    }

    .mx-xs-7 {
        margin-left: 6rem !important;
    }

    .mx-xl-6 {
        margin-left: 4.5rem !important;
        margin-right: 4.5rem !important;
    }

    .mx-xl-7 {
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }
}

/* padding */
.pt-20p {
    padding-top: 20% !important;
}

.pt-95p {
    padding-top: 95% !important;
}

.pt-100p {
    padding-top: 100% !important;
}

.pt-110p {
    padding-top: 110% !important;
}

.py-32px {
    padding-top: 32px;
    padding-bottom: 32px;
}

.px-36px {
    padding-right: 36px;
    padding-left: 36px;
}

.pb-66px {
    padding-bottom: 66px;
}

.py-66px {
    padding-top: 66px;
    padding-bottom: 66px;
}

@media (min-width: 768px) {

    /* md-padding */
    .pt-md-236px {
        padding-top: 236px;
    }

    .px-md-96px {
        padding-right: 96px;
        padding-left: 96px;
    }

    .ps-md-73vw {
        padding-left: 7.3vw;
    }
}

@media (min-width: 1200px) {

    /* xxl-padding */
    .pt-xxl-196px {
        padding-top: 196px;
    }

    .px-xxl-142px {
        padding-left: 142px;
        padding-right: 142px;
    }
}

/* font-size */
.fs-1d5vw {
    font-size: 1.5vw !important;
}

.fs-1d6vw {
    font-size: 1.6vw !important;
}

.fs-1d65vw {
    font-size: 1.65vw !important;
}

.fs-1d66vw {
    font-size: 1.66vw !important;
}

.fs-1d7vw {
    font-size: 1.7vw !important;
}

.fs-1d75vw {
    font-size: 1.75vw !important;
}

.fs-2vw {
    font-size: 2vw !important;
}

.fs-2d3vw {
    font-size: 2.3vw !important;
}

.fs-2d5vw {
    font-size: 2.5vw !important;
}

.fs-2d6vw {
    font-size: 2.6vw !important;
}

.fs-2d8vw {
    font-size: 2.8vw !important;
}

.fs-2d9vw {
    font-size: 2.9vw !important;
}

.fs-3d2vw {
    font-size: 3.2vw !important;
}

.fs-4vw {
    font-size: 4vw !important;
}

.fs-4d4vw {
    font-size: 4.4vw !important;
}

.fs-4d5vw {
    font-size: 4.5vw !important;
}

.fs-5vw {
    font-size: 5vw !important;
}

.fs-6d4vw {
    font-size: 6.4vw !important;
}

.fs-8d8vw {
    font-size: 8.8vw !important;
}

.fs-18px {
    font-size: 18px !important;
}

.fs-21px {
    font-size: 21px !important;
}

.fs-30px {
    font-size: 30px !important;
}

.fs-36px {
    font-size: 36px !important;
}

.fs-40px {
    font-size: 40px !important;
}

.fs-45px {
    font-size: 45px !important;
}

.fs-48px {
    font-size: 48px !important;
}

.fs-80px {
    font-size: 80px !important;
}

/* md-font-size */
@media (min-width: 768px) {
    .fs-md-21px {
        font-size: 21px !important;
    }

    .fs-md-24px {
        font-size: 24px !important;
    }

    .fs-md-32px {
        font-size: 32px !important;
    }

    .fs-md-35px {
        font-size: 35px !important;
    }

    .fs-md-40px {
        font-size: 40px !important;
    }

    .fs-md-45px {
        font-size: 45px !important;
    }

    .fs-md-48px {
        font-size: 48px !important;
    }
}

/* lg-font-size */
@media (min-width: 992px) {
    .fs-lg-1d5vw {
        font-size: 1.5vw !important;
    }

    .fs-lg-1d6vw {
        font-size: 1.6vw !important;
    }
}

/* xxl-font-size */
@media (min-width: 1200px) {

    .fs-xxl-30px {
        font-size: 30px !important;
    }

    .fs-xxl-40px {
        font-size: 40px !important;
    }

    .fs-xxl-45px {
        font-size: 45px !important;
    }

    .fs-xxl-48px {
        font-size: 48px !important;
    }

    .fs-xxl-55px {
        font-size: 55px !important;
    }

    .fs-xxl-80px {
        font-size: 80px !important;
    }
}

@font-face {
    font-family: "SohoGothicPro";
    src: url("../assets/fonts/SohoGothicPro-Regular.otf") format("opentype");
    font-weight: 400;
}

@font-face {
    font-family: "SohoGothicPro";
    src: url("../assets/fonts/SohoGothicPro-Medium.otf") format("opentype");
    font-weight: 500;
}

body {
    background-color: #666464;
}

.soho-gothic-pro * {
    font-family: "SohoGothicPro-Regular";
}

.soho-gothic-pro *.font-weight-bold,
.soho-gothic-pro *.fw-bold {
    font-family: "SohoGothicPro-Medium";
    font-weight: normal !important;
}

.section1,
.section2,
.section3,
.section4,
.section5 {
    background-size: cover;
}

@media (min-width: 992px) {

    .section1,
    .section2,
    .section3,
    .section4,
    .section5 {
        height: calc(100vw / 1920 * 800);
    }
}

@media (min-width: 1400px) {

    .section1,
    .section2,
    .section3,
    .section4,
    .section5 {
        height: calc(100vw / 1920 * 800);
    }
}

/*
.section1 {
  background-image: url("../assets/images/waxed-bg1-m.webp");
}

@media (min-width: 992px) {
  .section1 {
    background-image: url("../assets/images/waxed-bg1-t.webp");
  }
}

@media (min-width: 1200px) {
  .section1 {
    background-image: url("../assets/images/waxed-bg1.webp");
  }
}
*/


.section3 {
    background-image: url("../assets/images/waxed-bg3-m.webp");
}

@media (min-width: 992px) {
    .section3 {
        background-image: url("../assets/images/waxed-bg3-t.webp");
    }
}

@media (min-width: 1400px) {
    .section3 {
        background-image: url("../assets/images/waxed-bg3.webp");
    }
}

.section4 {
    background-image: url("../assets/images/waxed-bg4-m.webp");
}

@media (min-width: 992px) {
    .section4 {
        background-image: url("../assets/images/waxed-bg4-t.webp");
    }
}

@media (min-width: 1400px) {
    .section4 {
        background-image: url("../assets/images/waxed-bg4.webp");
    }
}

.section5 {
    background-image: url("../assets/images/waxed-bg5-m.webp");
}

@media (min-width: 992px) {
    .section5 {
        background-image: url("../assets/images/waxed-bg5-t.webp");
    }
}

@media (min-width: 1400px) {
    .section5 {
        background-image: url("../assets/images/waxed-bg5.webp");
    }
}

a.go-btn {
    background-image: url("../assets/images/go-btn-blue.webp");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

    display: block;

    transition: background-image 0.5s ease-in-out, transform 0.3s ease-in-out;

}

a.go-btn:hover {
    background-image: url("../assets/images/go-btn-green.webp");
    transform: scale(1.1, 1.1) !important;
}

@media (min-width: 768px) {
    a.go-btn {
        width: 16vw;
        height: 16vw;
    }
}

@media (min-width: 1200px) {
    a.go-btn {
        width: 16vw;
        height: 16vw;
    }
}



/* color */
.text-green {
    color: #8fc31f;
}

/* width */
.w-80 {
    width: 80% !important;
}

.w-85 {
    width: 85% !important;
}

.w-90 {
    width: 90% !important;
}

.w-95 {
    width: 95% !important;
}

.w-150px {
    width: 150px;
}

.gap-24px {
    gap: 24px;
}

.w-35vw {
    width: 35vw;
}

.w-38vw {
    width: 38vw;
}

@media (min-width: 768px) {

    /* md-text-align */
    .md-text-end {
        text-align: right !important;
    }

    .md-text-start {
        text-align: left !important;
    }

    /* md-width */
    .w-md-50 {
        width: 50%;
    }

    .w-md-220px {
        width: 220px;
    }

    /* md-gap */
    .gap-md-54px {
        gap: 54px;
    }

    .md\:animate__fadeInRight {
        animation-name: fadeInRight;
    }
}

@media (min-width: 992px) {
    .w-lg-auto {
        width: auto;
    }

    .section6-card {
        width: 33.3333333333%;
    }

    .w-lg-50 {
        width: 50%;
    }
}

@media (min-width: 1200px) {

    /* xxl-width */
    .w-xxl-250px {
        width: 250px;
    }
}

/*# sourceMappingURL=style.css.map */