/*
	CSS file for 
*/


/*	Base styles / resets
-------------------------------------------*/

    :root {
        --Green---Dark: #032915;
        --Green---Menta: #98FF98;
        --Green---Mid: #06351D;
        --Green---Light: #098845;
        --White---01: #FAFAFA;
        --White---02: #F2EFEF;
        --White---03: #E2E0E0;
        --Yellow-default: #F9EE47;
        --Brown: #371D10;
        --monkie-gradient: linear-gradient(0deg, #098845 0%, #0CFF7F 98.7%);
        --white: #FAFAFA;
        --text-outline-brown: -3px 0 0 #371D10, 2px 0 0 #371D10, 0 -2px 0 #371D10, 0 2px 0 #371D10, -2px -1px 0 #371D10, 2px -1px 0 #371D10, -3px 4px 0 #371D10, 2px 4px 0 #371D10, -1px 0 0 #371D10, 1px 0 0 #371D10, 0 -1px 0 #371D10, 0 1px 0 #371D10, -1px 4px 0 #371D10;
        --text-outline-brown-small: -2px 0 0 #371D10, 1px 0 0 #371D10, 0 -1px 0 #371D10, 0 1px 0 #371D10, -1px 0 0 #371D10, 1px 0px 0 #371D10, -2px 3px 0 #371D10, 1px 3px 0 #371D10, 0 -1px 0 #371D10, 0 -1px 0 #371D10, 0 -1px 0 #371D10, 0 0 0 #371D10, 0px 3px 0 #371D10;
        --text-outline-brown-tiny: -1px 0 0 #371D10, 1px 0 0 #371D10, 0 -1px 0 #371D10, 0 1px 0 #371D10, -1px 0 0 #371D10, 1px 0px 0 #371D10, -2px 2px 0 #371D10, 1px 2px 0 #371D10, 0 -1px 0 #371D10, 0 -1px 0 #371D10, 0 -1px 0 #371D10, 0 0 0 #371D10, 0px 2px 0 #371D10;
    }

	* {
		padding: 0;
		margin: 0;
		outline: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
        box-sizing: border-box;
	}

    *::selection {
        color: var(--Green---Dark, #032915);
        background: var(--Green---Menta, #98FF98);
    }

	body {
        color: var(--white);
        font-family: 'Baloo 2', Arial, sans-serif;
        font-size: 18px;
        line-height: 1.5;
		background: var(--Green---Dark);
	}

        body:has(.mobile-menu.show) {
            overflow: hidden;
            touch-action: none;
            overscroll-behavior: none;
        }

	img,
	svg {
		display: block;
		max-width: 100%;
		height: auto;
	}

	a {
		color: inherit;
		text-decoration: none;
	}

	a img {
		border: 0;
	}

	a,
	svg,
	path,
	button {
		transition: all ease 0.4s;
	}

	.container {
		width: 94%;
		max-width: 1296px;
		margin: 0 auto;
	}

        .container.narrow {
            max-width: 856px;
        }

	.wrapper {
        padding-top: 72px;
		position: relative;
		overflow: hidden;
	}

    .wrapper-inner {
        min-height: calc(100vh - 631px);
    }

    .screen-reader-text {
        display: none;
    }


    /*** WILL BE AUTO-GENERATED ***/
    .tag-1 { color: #FF6EC7; border-color: #FF6EC7; }
    .tag-1:hover { color: #ffffff; background: #FF6EC7; }

    .tag-2 { color: #24FF72; border-color: #24FF72; }
    .tag-2:hover { color: #ffffff; background: #24FF72; }

    .tag-3 { color: #A9FF68; border-color: #A9FF68; }
    .tag-3:hover { color: #ffffff; background: #A9FF68; }

    .tag-4 { color: #FFA500; border-color: #FFA500; }
    .tag-4:hover { color: #ffffff; background: #FFA500; }

    .tag-5 { color: #00E0FF; border-color: #00E0FF; }
    .tag-5:hover { color: #ffffff; background: #00E0FF; }

    .tag-6 { color: #2DF9C5; border-color: #2DF9C5; }
    .tag-6:hover { color: #ffffff; background: #2DF9C5; }

    .tag-7 { color: #B84EFF; border-color: #B84EFF; }
    .tag-7:hover { color: #ffffff; background: #B84EFF; }

    .tag-8 { color: #FF5DA2; border-color: #FF5DA2; }
    .tag-8:hover { color: #ffffff; background: #FF5DA2; }

    .tag-9 { color: #FFF44F; border-color: #FFF44F; }
    .tag-9:hover { color: #ffffff; background: #FFF44F; }

    .tag-10 { color: #FF3C38; border-color: #FF3C38; }
    .tag-10:hover { color: #ffffff; background: #FF3C38; }
    /*** ***/

    .mt-0 {
        margin-top: 0 !important;
    }

    .mb-0 {
        margin-bottom: 0 !important;
    }

    /*
     *  Fancybox
     */
    .fancybox__backdrop {
        background: rgba(6, 53, 29, 0.84);
    }

    .f-button {
        background: var(--Green---Dark);
    }

        .f-button:hover:not([aria-disabled]) {
            color: var(--Green---Dark);
            background: var(--Green---Menta);
        }


    @media (min-width: 768px) {
        .mobile-only { display: none; }
    }

    @media (max-width: 767px) {
        .desktop-only { display: none; }
    }



/*	Common Elements
-------------------------------------------*/

	/*
	 *	Button
	 */
	.btn {
        min-height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--Brown, #371D10);
        font-family: "Baloo 2", sans-serif;
        font-size: 14px;
        font-weight: 700;
        line-height: 16px;
        text-align: center;
        padding: 6px 18px 5px 18px;
        border-radius: 100px;
        border: 2px solid var(--Brown, #371D10);
        background: var(--Yellow-default, #F9EE47);
        box-shadow: 2px 1.81px 0 var(--Brown, #371D10);
        transition: all ease 0.2s;
        cursor: pointer;
	}

        .btn:not(.disabled):hover {
            transform: translate3d(2px, 1.81px, 0);
            box-shadow: 0 0 0 var(--Brown, #371D10);
        }

    .btn.white {
        color: var(--White---02, #F2EFEF);
        border-color: var(--White---02, #F2EFEF);
        background: var(--Green---Mid, #06351D);
        box-shadow: 4px 1.81px 0 #A3A3A3;
    }

            .btn.white:not(.disabled):hover {
                color: var(--Green---Menta, #98FF98);
                border-color: var(--Green---Menta, #98FF98);
                transform: translate3d(4px, 1.81px, 0);
                box-shadow: 0 0 0 #A3A3A3;
            }

    .btn.disabled {
        cursor: default;
        border: 2px solid var(--White---04, #A3A3A3);
        background: var(--White---04, #A3A3A3);
    }


    /*
     *	Button - Tag
     */
    .btn-tag {
        height: 27px;
        display: inline-flex;
        align-items: center;
        color: var(--White---02, #F2EFEF);
        padding: 1px 11px 0 11px;
        border: 1px solid #fff;
        text-align: center;
        font-size: 12px;
        font-weight: 700;
        line-height: 120%;
        border-radius: 16px;
        text-transform: uppercase;
        transition: all ease 0.3s;
        cursor: pointer;
    }

        .btn-tag:hover {
            color: var(--Green---Menta, #98FF98);
            border: 1px solid var(--Green---Menta, #98FF98);
        }

        .btn-tag.active {
            color: var(--Green---Dark, #032915);
            background: var(--Green---Menta, #98FF98);
            border-color: var(--Green---Menta, #98FF98);
        }


	/*
	 *	Form
	 */
	.gform_ajax_spinner,
	.gform_validation_errors,
	.gform_validation_container,
	.gform_required_legend,
	.validation_error {
		display: none;
	}

	.validation_message {
        color: var(--White---01, #FAFAFA);
        font-size: 14px;
        font-weight: 700;
        line-height: 150%; /* 27px */
        margin: 0 24px;
	}


    /*
     *	Card
     */
    .monkie-card {
        width: 100%;
        max-width: 416px;
        min-height: 365px;
        display: block;
        position: relative;
        overflow: hidden;
        border-radius: 16px;
        color: var(--White---01, #FAFAFA);
        border: 1px solid var(--Green---Light, #098845);
        background: var(--Green---Mid, #06351D) url('../img/monkie-card-bg.png') no-repeat center center / cover;
        cursor: pointer;
    }

        .monkie-card .content {
            z-index: 2;
            position: relative;
            padding: 54px 24px 0 24px;
        }

            .monkie-card .content .title {
                font-size: 32px;
                font-weight: 700;
                line-height: 120%;
                transition: all ease 0.3s;
            }

            .monkie-card .content p {
                font-size: 18px;
                font-weight: 400;
                line-height: 120%;
                padding-right: 43px;
                margin-top: 12px;
                transition: line-height 0.4s cubic-bezier(.68,-0.55,.27,1.55);
            }

            .monkie-card .content .link {
                display: block;
                color: var(--Yellow-default, #F9EE47);
                font-size: 14px;
                font-weight: 400;
                line-height: normal;
                text-decoration: underline;
                margin-top: 14px;
            }

        .monkie-card .image {
            right: -15px;
            bottom: -15px;
            width: 318px;
            height: 211px;
            position: absolute;
            transition: transform 0.4s cubic-bezier(.68,-0.55,.27,1.55);
        }

            .monkie-card .image img {
                top: 0;
                left: 0;
                position: absolute;
                object-fit: contain;
            }

        .monkie-card:hover .content .title {
            color: var(--Green---Menta, #98FF98);
        }

        .page-rules .monkie-card:hover .content p {
            line-height: 150%;
        }

        .monkie-card:hover .content .link {
            font-weight: bold;
            text-decoration: underline;
        }

        .monkie-card:hover .image {
            transform: rotate(-4.444deg);
        }

    .monkie-card.green {
        color: var(--Green---Dark, #032915);
        background: var(--Green---Menta, #98FF98) url('../img/monkie-card-bg-alt.png') no-repeat center center / cover;
    }

        .monkie-card.green .content .link {
            color: var(--Green---Dark, #032915);
        }

        .monkie-card.green:hover .content .title {
            color: var(--Green---Dark, #032915);
        }

    .monkie-card.blue {
        color: var(--Green---Dark, #032915);
        background: var(--Blue, #6AC1EB) url('../img/monkie-card-bg-alt.png') no-repeat center center / cover;
    }

        .monkie-card.blue .content .link {
            color: var(--Green---Dark, #032915);
        }

        .monkie-card.blue:hover .content .title {
            color: var(--Green---Dark, #032915);
        }

    .join-card {
        display: flex;
        background-image: none;
    }

        .join-card .content {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            padding-top: 0;
        }

        .join-card .content h2 {
            margin-top: -12px;
        }

        .join-card .content p {
            max-width: 312px;
            margin-top: 4px;
            margin-bottom: 14px;
            padding-right: 0;
        }

        .join-card .content .btn {
            min-width: 160px;
        }

    /*
     *  Review card
     */
    .review-card {
        width: 100%;
        text-align: center;
    }

        .review-card .content {
            padding: 42px 24px;
        }

            .review-card .content h5 {
                display: inline-flex;
                align-items: center;
                height: 16px;
                color: var(--Green---Dark, #032915);
                font-size: 12px;
                font-weight: 700;
                line-height: 120%;
                text-align: center;
                text-transform: uppercase;
                border-radius: 12px;
                padding: 1px 12px 0 12px;
                background: var(--Yellow--active, #FAE500);
                margin-bottom: 11px;
            }

            .review-card .content p {
                padding-right: 0;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }

            .review-card .content .link {
                margin-top: 0;
                text-decoration: none;
            }

            .review-card .content .author {
                color: var(--White---02, #F2EFEF);
                text-align: center;
                font-size: 24px;
                font-weight: 700;
                line-height: 120%;
                margin-top: 22px;
            }

                .review-card .content .author small {
                    display: block;
                    color: var(--White---02, #F2EFEF);
                    font-size: 12px;
                    font-weight: 400;
                    line-height: 120%;
                    text-align: center;
                    text-transform: uppercase;
                    margin-top: 1px;
                }


    /*
     *  Banner
     */
    .banner {
        display: flex;
        min-height: 492px;
        align-items: center;
        justify-content: center;
        position: relative;
        margin: 64px 0;
    }

        .banner .container {
            display: flex;
            min-height: 492px;
            align-items: center;
            justify-content: center;
            position: relative;
        }

        .banner .shape {
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1;
            position: absolute;
            background: #06351D;
            mask-image: url('../img/shape.svg');
            mask-mode: alpha;
            mask-repeat: no-repeat;
            mask-size: 100% 100%;
            mask-position: top;
            -webkit-mask-image: url('../img/shape.svg');
            -webkit-mask-mode: alpha;
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-position: top;
        }

        .banner .bg {
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 2;
            position: absolute;
            background: url('../img/dark-leafs-bottom.png') no-repeat bottom center / 100%;
        }

        .banner .side-left {
            top: 0;
            left: 0;
            z-index: 2;
            width: auto;
            max-height: 488px;
            position: absolute;
        }

        .banner .side-right {
            top: 0;
            right: 0;
            z-index: 2;
            width: auto;
            max-height: 488px;
            position: absolute;
        }

        .banner .content {
            z-index: 2;
            padding: 0 330px;
            text-align: center;
            position: relative;
        }

            .banner .content .logo {
                display: block;
                margin: 0 auto 24px auto;
            }

            .banner .content h2 {
                color: var(--Yellow-default, #F9EE47);
                font-size: 64px;
                font-weight: 700;
                line-height: 64px;
                text-align: center;
                text-shadow: var(--text-outline-brown);
                margin-bottom: 10px;
            }

            .banner .content p {
                color: var(--White---01, #FAFAFA);
                font-size: 18px;
                line-height: 150%;
                text-align: center;
            }

                .banner .content p + p {
                    margin-top: 27px;
                }

            .banner .content .btn {
                min-width: 195px;
                margin-top: 30px;
            }


    /*
     *  Dropdown
     */
    .m-dropdown {
        z-index: 100;
        width: 410px;
        padding: 42px;
        margin-top: 12px;
        border-radius: 16px;
        border: 1px solid var(--Monkie-atmenet, #098845);
        background: var(--Green---Mid, #06351D);
        box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.48);
        transition: all ease 0.3s;
        transform: translate3d(0, 15px, 0);
        opacity: 0;
        visibility: hidden;
        position: absolute;
    }

        .m-dropdown.right {
            right: 0;
        }

        .m-dropdown.show {
            opacity: 1;
            visibility: visible;
            transform: translate3d(0, 0, 0);
        }

        .m-dropdown h4 {
            color: var(--Green---Menta, #98FF98);
            font-size: 24px;
            font-weight: 700;
            line-height: 120%;
        }

        .m-dropdown p {
            max-width: 230px;
            color: var(--White---01, #FAFAFA);
            font-size: 12px;
            font-weight: 400;
            line-height: 120%;
        }

        .m-dropdown .options .checkbox {
            margin-top: 24px;
        }

        .m-dropdown .btn {
            width: 100%;
            margin-top: 24px;
        }

        .m-dropdown .btn-clear {
            display: block;
            width: 100%;
            color: var(--White---04, #A3A3A3);
            font-family: "Baloo 2", sans-serif;
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: 14px;
            text-align: center;
            border: 0;
            background: transparent;
            padding: 12px 0;
            margin-top: 12px;
            margin-bottom: -12px;
            cursor: pointer;
        }

            .m-dropdown .btn-clear:hover {
                color: var(--White---03, #EAEAEA);
            }


    /*
     *  Form Elements
     */
    .checkbox {
        display: flex;
    }

        .checkbox input {
            display: none;
        }

        .checkbox label {
            min-height: 24px;
            display: flex;
            align-items: center;
            color: var(--White---02, #F2EFEF);
            font-size: 14px;
            font-weight: 700;
            line-height: 18px;
            position: relative;
            cursor: pointer;
        }

            .checkbox label:hover,
            .checkbox input:checked + label {
                color: var(--Green---Menta, #98FF98);
            }

            .checkbox label:before {
                content: "";
                display: block;
                width: 24px;
                height: 24px;
                margin-right: 12px;
                border-radius: 50%;
                background: var(--Green---Mid, #06351D);
                border: 1px solid var(--Green---Light, #098845);
                box-shadow: 0 4px 4px rgba(0, 0, 0, 0.24);
                transition: all ease 0.3s;
                cursor: pointer;
            }

            .checkbox label:after {
                content: "";
                top: 1px;
                left: 0;
                z-index: 2;
                width: 26px;
                height: 25px;
                position: absolute;
                transform: scale(0);
                background: url('../img/icon-checkbox.svg') no-repeat center center / 12px 12px;
                transition: all ease 0.3s;
            }

            .checkbox input:checked + label:before {
                background: var(--Green---Menta, #98FF98);
            }

            .checkbox input:checked + label:after {
                transform: scale(1);
            }


    /*
     *  Scrollbar
     */
    .swiper-scrollbar {
        margin-top: 24px;
        bottom: auto !important;
        left: auto !important;
        width: 100% !important;
        height: 12px !important;
        position: relative !important;
        border-radius: 32px;
        border: 1px solid var(--Green---Light, #098845);
        background: var(--Green---Mid, #06351D);
    }

        .swiper-scrollbar .bg {
            width: 0%;
            top: 0;
            left: 0;
            bottom: 0;
            position: absolute;
            border-radius: 32px 0 0 32px;
            background: var(--Green---Light, #098845);
        }

        .swiper-scrollbar .swiper-scrollbar-drag {
            top: -1px;
            height: 11px;
            position: relative;
            border-radius: 32px;
            background: var(--Green---Light, #098845);
            cursor: move;
        }

            .swiper-scrollbar .swiper-scrollbar-drag:before {
                content: "";
                width: 97px;
                height: 32px;
                left: 50%;
                bottom: 0;
                margin-left: -48px;
                position: absolute;
                background: url('../img/slider-bug.png') no-repeat center center / contain;
            }

            .swiper-scrollbar.snail .swiper-scrollbar-drag:before {
                background-image: url('../img/slider-snail.png');
            }


    /*
     *  FAQ/QA links
     */
    .qa {

    }

        .qa .main {
            color: var(--Yellow-default, #F9EE47);
            font-size: 14px;
            font-weight: 700;
            line-height: 150%;
            text-align: center;
            text-decoration: underline;
        }

        .qa .grey {
            color: var(--White---04, #A3A3A3);
            text-align: center;
            font-size: 12px;
            font-weight: 400;
            line-height: 150%;
            margin-top: 5px;
        }

            .qa .grey a:hover {
                color: var(--Yellow-default, #F9EE47);
                text-decoration: underline;
            }


    /*
     *  Countdown
     */
    .countdown {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

        .countdown h4 {
            width: 100%;
            color: var(--Yellow-default, #F9EE47);
            text-shadow: var(--text-outline-brown);
            font-size: 24px;
            font-weight: 700;
            line-height: 120%;
            text-align: center;
            margin-bottom: 22px;
        }

        .countdown .box {
            width: 84px;
            height: 84px;
            margin: 0 12px;
            padding-top: 11px;
            color: var(--Yellow-default, #F9EE47);
            font-size: 32px;
            font-weight: 700;
            line-height: 36px;
            text-align: center;
            text-shadow: var(--text-outline-brown-small);
            background: url('../img/countdown-box.png') no-repeat center center / contain;
        }

            .countdown .box span {
                display: block;
                font-size: 18px;
                line-height: 22px;
                margin-top: -5px;
                text-shadow: var(--text-outline-brown-small);
            }

    /*
     *  Responsive video
     */
    .responsive-video {
        height: 0;
        padding-top: 25px;
        padding-bottom: 67.5%;
        position: relative;
        overflow: hidden;
    }

    .responsive-video.widescreen {
        padding-bottom: 56.25%;
    }

    .responsive-video.vimeo {
        padding-top: 0;
    }

    .responsive-video embed,
    .responsive-video iframe,
    .responsive-video object,
    .responsive-video video {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
    }


/*	Header
-------------------------------------------*/

	header {
        top: 0;
        left: 0;
        right: 0;
        z-index: 200;
	    height: 72px;
        position: fixed;
        background: url('../img/header-bg.svg') no-repeat center center / 100% 72px;
	}

    header .container {
        display: flex;
        justify-content: space-between;
    }

        header .logo {
            width: 191px;
            padding-top: 10px;
        }

        header nav {
            color: var(--Green---Menta);
            font-size: 14px;
            font-weight: bold;
        }

            header nav > ul {
                display: flex;
                list-style: none;
            }

                header nav > ul > li {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    position: relative;
                    height: 72px;
                }

                    header nav > ul > li + li {
                        margin-left: 42px;
                    }

                    header nav > ul > li > a {
                        color: inherit;
                    }

                header nav > ul > li.menu-item-has-children > a {
                    padding-right: 15px;
                    background: url('../img/header-dropdown.svg') no-repeat right center;
                }

                header nav ul.sub-menu {
                    top: 100%;
                    left: -15px;
                    position: absolute;
                    list-style: none;
                    border-radius: 15px;
                    background: var(--Green---Mid);
                    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.48);
                    padding: 30px 42px;
                    opacity: 0;
                    visibility: hidden;
                }

                    header nav ul.sub-menu:before {
                        content: "";
                        position: absolute;
                        z-index: -1;
                        top: -1px;
                        left: -1px;
                        right: -1px;
                        bottom: -1px;
                        border-radius: 16px;
                        background: var(--monkie-gradient);
                    }

                    header nav ul.sub-menu li + li {
                        margin-top: 6px;
                    }

                    header nav ul.sub-menu li a {
                        display: block;
                        padding: 4px 0;
                        white-space: nowrap;
                    }

                header nav li:hover ul.sub-menu {
                    opacity: 1;
                    visibility: visible;
                }

        header .icons {
            width: 191px;
            display: flex;
            align-items: center;
            justify-content: flex-end;
        }

            header .icons a {

            }

            header .icons .cart {
                margin-left: 24px;
                position: relative;
            }

                header .icons .cart.has-items:before {
                    content: "";
                    top: 0;
                    right: 0;
                    width: 8px;
                    height: 8px;
                    border-radius: 50%;
                    position: absolute;
                    background: #EB322E;
                    box-shadow: 0 0 8px #EB322E;
                }

            header .icons .account {
                display: flex;
                width: 25px;
                height: 25px;
                margin-left: 24px;
                border-radius: 100px;
                border: 1px solid var(--Green---Light, #098845);
                justify-content: center;
                align-items: center;
            }

                header .icons .account img {
                    display: block;
                    object-fit: cover;
                    object-position: center;
                    border-radius: 100px;
                }

            header .icons .account:has(svg) {
                border-color: #98FF98;
            }

                header .icons .account svg {
                    width: 14px;
                    height: 14px;
                    stroke: #98FF98;
                }

            header .icons .hamburger-menu {
                display: none;
                margin-left: 20px;
            }


    /*
     *	Lian
     */
    .header-lian {
        top: 60px;
        right: 0;
        width: auto;
        height: 150px;
        position: absolute;
    }

        body:has(.page-header .side-right) .header-lian {
            display: none;
        }

        body:has(.page-login) .header-lian {
            display: block;
        }


    /*
     *  Mobile menu
     */
    .mobile-menu {
        display: none;
        flex-direction: column;
        top: 0;
        right: 0;
        width: 320px;
        height: auto;
        z-index: 99999;
        position: fixed;
        overflow: hidden;
        border-radius: 16px 0 0 16px;
        background: var(--Green---Dark, #032915);
        justify-content: space-between;
        transform: translate3d(100%, 0, 0);
        transition: all ease 0.3s;
    }

        .mobile-menu.show {
            transform: translate3d(0, 0, 0);
        }

        .mobile-menu .head {
            display: flex;
            justify-content: space-between;
            height: 75px;
            padding: 16px 16px 0 16px;
        }

            .mobile-menu .head .close {
                margin-top: 5px;
            }

        .mobile-menu nav {
            padding-left: 116px;
            padding-right: 16px;
            margin-top: 6px;
            min-height: 400px;
            background: url('../img/mobile-menu-nav-bg.png') no-repeat top left / 99px 364px;
        }

        .mobile-menu nav > ul {
            list-style: none;
            padding-top: 32px;
        }

            .mobile-menu nav ul li {
                border-bottom: 1px solid var(--Green---Mid, #06351D);
            }

                .mobile-menu nav ul li + li {
                    margin-top: 12px;
                }

                .mobile-menu nav ul li a {
                    display: inline-flex;
                    align-items: center;
                    color: var(--Green---Menta, #98FF98);
                    font-size: 18px;
                    font-weight: 700;
                    line-height: normal;
                    padding: 2px 0;
                }

                    .mobile-menu nav ul li.menu-item-has-children > a:after {
                        content: "";
                        width: 9px;
                        height: 6px;
                        margin-left: 8px;
                        margin-bottom: 1px;
                        transform: rotate(-90deg);
                        background: url('../img/header-dropdown.svg') no-repeat right center;
                        transition: all ease 0.3s;
                    }

                    .mobile-menu nav ul li.menu-item-has-children > a.opened:after {
                        transform: rotate(0deg);
                    }

            .mobile-menu nav ul.sub-menu {
                list-style: none;
                display: none;
            }

                .mobile-menu nav ul.sub-menu li {
                    border-bottom: 0;
                }

                .mobile-menu nav ul.sub-menu li a {
                    font-size: 16px;
                    font-weight: 700;
                    line-height: 150%; /* 24px */
                    padding: 10px 16px;
                }

                .mobile-menu nav ul.sub-menu li + li {
                    margin-top: 0;
                }

    .mobile-menu .bottom {
        padding-bottom: 225px;
        position: relative;
    }

        .mobile-menu .bottom:before {
            content: "";
            left: 0;
            right: 0;
            bottom: 0;
            height: 360px;
            position: absolute;
            background: url('../img/mobile-menu-bottom-bg.png') no-repeat center bottom / auto 360px;
        }

        .mobile-menu .bottom .social {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
        }

            .mobile-menu .bottom .social .icon {
                display: flex;
                width: 24px;
                height: 24px;
                align-items: center;
                justify-content: center;
                border-radius: 100px;
                border: 2px solid var(--Green---Menta, #98FF98);
                background: var(--Green---Mid, #06351D);
                box-shadow: 2.14px 1.41px 0 0 var(--Green---Light, #098845);
                transition: all ease 0.2s;
            }

                .mobile-menu .bottom .social .icon:hover {
                    transform: translate3d(2.14px, 1.41px, 0);
                    box-shadow: 0 0 0 0 var(--Green---Light, #098845);
                }

                .mobile-menu .bottom .social .icon:hover svg {
                    fill: var(--Green---Menta, #98FF98);
                }

            .mobile-menu .bottom .social .icon + .icon {
                margin-left: 12px;
            }

            .mobile-menu .bottom .social .em-container {
                width: 100%;
                text-align: center;
                margin-top: 22px;
            }

            .mobile-menu .bottom .social .em {
                display: inline-block;
                color: var(--Green---Menta, #98FF98);
                font-size: 14px;
                font-weight: 700;
                z-index: 2;
                position: relative;
            }

                .mobile-menu .bottom .social .em:before {
                    content: attr(data-email);
                    z-index: -1;
                    color: var(--Green---Light, #098845);
                    text-shadow: 1px 1px 4px #098845;
                    -webkit-text-stroke-width: 5px;
                    -webkit-text-stroke-color: var(--Green---Light, #098845);
                    position: absolute;
                }

    .mobile-menu-overlay {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9005;
        overflow: auto;
        position: fixed;
        background: rgba(6, 53, 29, 0.84);
        opacity: 0;
        visibility: hidden;
        transition: all ease 0.3s;
    }

        .mobile-menu-overlay.show {
            opacity: 1;
            visibility: visible;
        }


/*	Footer
-------------------------------------------*/

	footer {
        z-index: 2;
        padding-top: 313px;
        position: relative;
	}

    footer .bg {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        padding-top: 87px;
        position: absolute;
        background: url('../img/footer-top-plants.png') no-repeat center top / auto 271px;
    }

        footer .bg .top {
            height: revert-layer;
            margin:  auto;
        }

        footer .bg .shape {
            top: 238px;
            left: -45px;
            bottom: 0;
            width: calc(100% + 110px);
            position: absolute;
            background: #06351D;
            mask-image: url('../img/shape.svg');
            mask-mode: alpha;
            mask-repeat: no-repeat;
            mask-size: 100%;
            mask-position: top;
            -webkit-mask-image: url('../img/shape.svg');
            -webkit-mask-mode: alpha;
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-position: top;
        }

            footer .bg .shape img {
                left: 44%;
                bottom: 56px;
                position: absolute;
            }


    /*
     *  Newsletter
     */
    footer .newsletter {
        top: 183px;
        left: calc(50% - 319px);
        width: 638px;
        height: 119px;
        position: absolute;
        padding: 31px 51px 0 51px;
        background: url('../img/footer-newsletter-bg.png') no-repeat top center / contain;
    }

        footer .newsletter form {
            display: flex;
            justify-content: space-between;
        }

            footer .newsletter .gform_body {
                width: calc(100% - 204px);
            }

                footer .newsletter .gfield_label {
                    display: none;
                }

                footer .newsletter .gfield input {
                    display: block;
                    width: 100%;
                    color: #FFF;
                    font-family: "Baloo 2", sans-serif;
                    font-size: 14px;
                    font-weight: 700;
                    line-height: 24px;
                    padding: 9px 24px 7px 24px;
                    border-radius: 32px;
                    border: 1px solid #371010;
                    background: #4E2E16;
                }

                    footer .newsletter .gfield input::placeholder {
                        color: #FFF;
                        opacity: 1;
                    }

                    footer .newsletter .gfield_error input {
                        border: 1px solid var(--Red, #EB322E);
                        background: #350606;
                    }

                footer .newsletter .validation_message {
                    display: none;
                }

            footer .newsletter .gform_footer {
                width: 192px;
            }

                footer .newsletter .gform_footer .btn {
                    width: 100%;
                }

            footer .newsletter .gform_confirmation_wrapper {
                display: flex;
                width: 100%;
                min-height: 42px;
                align-items: center;
                justify-content: center;
                text-align: center;
                color: var(--Yellow-default, #F9EE47);
                font-weight: bold;
                text-shadow: var(--text-outline-brown-small);
            }


    /*
     *  Middle
     */
    footer .middle {
        display: flex;
        justify-content: space-between;
        padding-bottom: 24px;
    }

    footer .middle .left {
        max-width: 415px;
    }

        footer .middle .left img {
            margin-bottom: 24px;
        }

        footer .middle .left p {
            font-size: 16px;
            line-height: 24px;
            margin-bottom: 24px;
        }

        footer .middle .left .social {
            display: flex;
            align-items: center;
        }

            footer .middle .left .social .icon {
                display: flex;
                width: 24px;
                height: 24px;
                align-items: center;
                justify-content: center;
                border-radius: 100px;
                border: 2px solid var(--Green---Menta, #98FF98);
                background: var(--Green---Mid, #06351D);
                box-shadow: 2.14px 1.41px 0 0 var(--Green---Light, #098845);
                transition: all ease 0.2s;
            }

                footer .middle .left .social .icon:hover {
                    transform: translate3d(2.14px, 1.41px, 0);
                    box-shadow: 0 0 0 0 var(--Green---Light, #098845);
                }

                footer .middle .left .social .icon:hover svg {
                    fill: var(--Green---Menta, #98FF98);
                }

            footer .middle .left .social .icon + .icon {
                margin-left: 12px;
            }

            footer .middle .left .social .em {
                display: inline-block;;
                color: var(--Green---Menta, #98FF98);
                font-size: 14px;
                font-weight: 700;
                margin-left: 14px;
                z-index: 2;
                position: relative;
            }

                footer .middle .left .social .em:before {
                    content: attr(data-email);
                    z-index: -1;
                    color: var(--Green---Light, #098845);
                    text-shadow: 1px 1px 4px #098845;
                    -webkit-text-stroke-width: 5px;
                    -webkit-text-stroke-color: var(--Green---Light, #098845);
                    position: absolute;
                }

    footer .middle nav {
        display: flex;
        margin-top: 20px;
    }

        footer .middle nav ul {
            list-style: none;
        }

            footer .middle nav ul li + li {
                margin-top: 4px;
            }

            footer .middle nav ul li a {
                color: var(--White---03, #E2E0E0);
                font-size: 14px;
                font-weight: 700;
            }

        footer .middle nav ul + ul {
            margin-left: 48px;
        }

    /*
     *  Bottom
     */
    footer .bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 17px 0 16px 0;
        position: relative;
    }

        footer .bottom:before {
            content: "";
            display: block;
            top: 0;
            width: 100%;
            height: 1px;
            position: absolute;
            background: linear-gradient(90deg, #098845 0%, #0CFF7F 100%);
        }

        footer .bottom p {
            color: var(--White---03, #E2E0E0);
            font-size: 14px;
            font-weight: 700;
        }

        footer .bottom .right {
            display: flex;
            align-items: center;
        }

            footer .bottom .right ul {
                display: flex;
                align-items: center;
                list-style: none;
                color: var(--White---03, #E2E0E0);
                font-size: 14px;
                font-weight: 400;
            }

                footer .bottom .right ul li {
                    margin: 0 6px;
                }

                    footer .bottom .right ul li a:hover {
                        color: var(--Green---Menta, #98FF98);
                    }

            footer .bottom .right .logos {
                display: flex;
                align-items: center;
                margin-left: 24px;
            }

                footer .bottom .right .logos a + a {
                    margin-left: 12px;
                }




/*	General Content
-------------------------------------------*/

	.general-content > *:first-child {
        margin-top: 0;
        padding-top: 0;
    }

        .general-content h2 {
            color: var(--White---01, #FAFAFA);
            font-size: 24px;
            font-weight: 700;
            line-height: 120%;
            margin-top: 48px;
        }

        .general-content p {
            margin-top: 27px;
        }

        .general-content a {
            color: var(--Yellow-default, #F9EE47);
            font-weight: bold;
            text-decoration: underline;
        }

        .general-content blockquote {
            max-width: 640px;
            color: var(--Yellow-default, #F9EE47);
            font-size: 42px;
            font-weight: 700;
            line-height: 120%;
            text-shadow: var(--text-outline-brown);
            margin: 48px 0;
        }

            .general-content blockquote p {
                margin-top: 0;
            }

            .general-content blockquote:before {
                content: "";
                display: block;
                width: 28px;
                height: 23px;
                background: url('../img/icon-quote.svg') no-repeat top left;
            }

        .general-content ul {
            list-style: none;
            margin-top: 24px;
        }

            .general-content ul li + li {
                margin-top: 12px;
            }

            .general-content ul li {
                padding-left: 20px;
                background: url('../img/icon-li.svg') no-repeat 2px 10px;
            }

        .general-content ol {
            list-style: none;
            counter-reset: item;
            margin-top: 24px;
        }

            .general-content ol li {
                padding-left: 26px;
                counter-increment: item;
                position: relative;
            }

            .general-content ol li + li {
                margin-top: 12px;
            }

            .general-content ol li:before {
                content: counter(item, decimal-leading-zero);
                left: 0;
                font-size: 18px;
                font-weight: 700;
                line-height: 150%;
                background: var(--Monkie-atmenet, linear-gradient(0deg, #098845 0%, #0CFF7F 98.7%));
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                position: absolute;
            }

        .general-content .checklist {
            margin-top: 24px;
        }

            .general-content .checklist li {
                color: var(--Green---Menta, #98FF98);
                font-weight: bold;
                padding-left: 24px;
                background: url('../img/pkg-tick-featured.svg') no-repeat 0 5px;
            }



/*	Section: Page Header
-------------------------------------------*/

    .page-header {
        z-index: 0;
        padding: 64px 0 48px 0;
        text-align: center;
        position: relative;
    }

        .page-header .side-left {
            top: 0;
            left: 0;
            position: absolute;
        }

        .page-header .side-right {
            top: 0;
            right: 0;
            position: absolute;
        }

    .page-header .container {
        position: relative;
    }

        .page-header .container:before {
            content: "";
            top: 28px;
            left: 0;
            right: 0;
            height: 355px;
            z-index: -1;
            position: absolute;
            background: url('../img/dark-leafs.png') no-repeat center top / auto 355px;
        }

        .page-header.no-bg .container:before {
            display: none;
        }

    .breadcrumbs {
        color: var(--White---03, #E2E0E0);
        font-size: 12px;
        line-height: 120%;
        text-transform: uppercase;
        margin-bottom: -3px;
        position: relative;
        z-index: 2;
    }

        .breadcrumbs ol {
            display: flex;
            list-style: none;
            justify-content: center;
        }

            .breadcrumbs ol li + li:before {
                content: "/";
                margin: 0 6px;
            }

            .breadcrumbs ol li a:hover {
                color: var(--Green---Menta, #98FF98);
            }

            .single .breadcrumbs ol li.breadcrumb_last {
                display: none;
            }

    .page-header h1 {
        color: var(--Yellow-default, #F9EE47);
        font-size: 64px;
        font-weight: 700;
        line-height: 120%;
        text-shadow: var(--text-outline-brown);
    }

    .page-header p {
        max-width: 636px;
        color: var(--White---01, #FAFAFA);
        font-size: 18px;
        font-weight: 700;
        line-height: 150%;
        margin: 3px auto 0 auto;
    }

    .page-header .filters {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 12px;
        margin-bottom: -18px;
        position: relative;
        z-index: 2;
    }

        .page-header .filters .btn-tag {
            margin: 0 12px 18px 12px;
        }

    .page-header .countdown {
        margin-top: 24px;
    }

        .page-header .countdown + .qa {
            margin-top: 24px;
        }

    .page-header .tags {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 -12px;
    }

        .page-header .tags .btag {
            margin: 0 6px 12px 6px;
        }

    .page-header .date {
        color: var(--White---02, #F2EFEF);
        font-size: 16px;
        font-weight: 400;
        line-height: 150%;
    }

    .subscribe-cta {
        display: flex;
        flex-direction: column;
        margin-top: 32px;
    }

        .subscribe-cta .btn {
            width: 158px;
            margin: 0 auto;
            z-index: 2;
            position: relative;
        }

        .subscribe-cta .btn:before {
            content: "";
            z-index: -1;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            position: absolute;
            border-radius: 100px;
            box-shadow: 0 4px 29.4px 0 rgba(250, 235, 0, 0.24);
        }

        .subscribe-cta .price {
            color: var(--White---04, #A3A3A3);
            font-size: 14px;
            font-weight: 400;
            text-align: center;
            margin-top: 14px;
        }

        .subscribe-cta p {
            color: var(--Yellow-default, #F9EE47);
            font-size: 14px;
            font-weight: 700;
            line-height: 150%;
            text-align: center;
            margin-top: 16px;
        }

            .subscribe-cta p a {
                text-decoration: underline;
            }


/*	Page: Home
-------------------------------------------*/

    .home .wrapper {
        padding-top: 0;
    }

    .home .header-lian {
        display: none;
    }

    .home .reviews-slider {
        margin-top: -20px;
    }

    .home .related-posts {
        margin-top: 70px;
    }

    .home .twi.boxed {
        margin-top: 210px;
    }

    .home .banner {
        margin-bottom: 55px;
    }

        .home .banner.mb-m-50 {
            margin-bottom: -50px;
        }

    .home .hero + .pod-slider {
        z-index: 3;
        position: relative;
        margin-top: 48px;
    }


    /*
     *  Hero
     */
    .hero {
        z-index: 1;
        min-height: 1080px;
        padding-top: 105px;
        position: relative;
        background: url('../img/hero-bg.png') no-repeat center top / cover;
    }

        .hero .container {
            z-index: 10;
            position: relative;
        }

        .hero .logo {
            display: block;
            width: 551px;
            height: 221px;
            margin: 0 auto 12px auto;
        }

        .hero p {
            max-width: 564px;
            margin: 12px auto 0 auto;
            color: var(--Green---Mid, #06351D);
            font-weight: bold;
            text-align: center;
        }

        .hero .buttons {
            margin-top :32px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .hero .buttons .btn {
                min-width: 160px;
                margin: 0 12px;
            }

        .hero .back {
            max-width: none;
            width: calc(100% + 105px);
            z-index: 1;
            left: -105px;
            height: 545px;
            bottom: -20px;
            position: absolute;
        }

        .hero .center {
            max-width: none;
            width: 557px;
            z-index: 2;
            left: 50%;
            bottom: 66px;
            position: absolute;
            margin-left: -278px;
        }

        .hero .front-1 {
            max-width: none;
            width: calc(100% + 44px);
            height: 301px;
            z-index: 3;
            left: -44px;
            bottom: -82px;
            position: absolute;
        }

        .hero .front-2 {
            max-width: none;
            width: calc(100% + 44px);
            height: 374px;
            z-index: 4;
            left: -44px;
            bottom: -102px;
            position: absolute;
        }



/*	Page: Rules
-------------------------------------------*/

    .page-rules {

    }

    .page-rules .items {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -12px -24px -12px;
    }

        .page-rules .monkie-card {
            width: calc(33.333% - 24px);
            margin: 0 12px 24px 12px;
        }


/*	Page: Product Catalog
-------------------------------------------*/

    .product-card {
        display: block;
        padding: 42px;
        border-radius: 16px;
        border: 1px solid var(--Green---Light, #098845);
        background: var(--Green---Mid, #06351D);
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24);
    }

        .product-card .tags {
            display: flex;
        }

            .product-card .tags span {
                height: 16px;
                display: flex;
                align-items: center;
                padding: 1px 12px 0 12px;
                color: var(--Green---Mid, #06351D);
                font-size: 12px;
                font-weight: 700;
                line-height: 120%; /* 14.4px */
                text-transform: uppercase;
                text-align: center;
                border-radius: 12px;
                background: var(--Green---Menta, #98FF98);
                margin-right: 6px;
            }

                .product-tag-38 {
                    color: var(--White---02, #F2EFEF) !important;
                }

                .product-card .tags span.blue {
                    background: #6AC1EB;
                }

                .product-card .tags span.green, {
                    color: var(--White---02, #F2EFEF);
                    background: var(--Green---Light, #098845);
                }

        .product-card .image {
            display: flex;
            margin: 24px 0;
            height: 258px;
            align-items: center;
        }

            .product-card .image img {
                display: block;
                width: 100%;
                height: calc(100% - 14px);
                object-fit: contain;
                object-position: center;
                transition: all ease 0.4s;
            }

        .product-card .title {
            color: var(--White---01, #FAFAFA);
            font-size: 24px;
            font-weight: 700;
            line-height: 120%;
            transition: all ease 0.4s;
        }

        .product-card p {
            color: var(--White---02, #F2EFEF);
            font-size: 16px;
            line-height: 150%;
            margin-top: 2px;
        }

        .product-card .bottom {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: 28px;
        }

            .product-card .bottom .price {
                display: flex;
                align-items: center;
                color: var(--White---03, #E2E0E0);
                font-size: 18px;
                font-weight: 700;
                line-height: 150%;
            }

                .product-card .bottom .price ins {
                    order: 1;
                    text-decoration: none;
                }

                .product-card .bottom .price del {
                    order: 2;
                    margin-left: 6px;
                    color: var(--White---04, #A3A3A3);
                    font-size: 12px;
                    font-weight: 400;
                    line-height: 120%;
                    text-decoration-line: line-through;
                    text-transform: uppercase;
                }

            .product-card .bottom .add-to-cart {
                display: flex;
                align-items: center;
            }

                .product-card .bottom .stock {
                    color: var(--Green---Menta, #98FF98);
                    font-size: 12px;
                    font-weight: 700;
                    line-height: 120%;
                    text-transform: uppercase;
                }

                .product-card .bottom .btn {
                    margin-left: 6px;
                    min-height: 30px;
                }

    .product-card:hover {
        border-color: #0CFF7F;
        box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.48);
    }

        .product-card:hover .title {
            color: var(--Green---Menta, #98FF98);
        }

        .product-card:hover .image img {
            height: 100%;
        }


    /*
     *  Catalog
     */
    .page-catalog {
        z-index: 2;
        margin-top: -14px;
        position: relative;
    }

        .page-catalog .items {
            display: flex;
            flex-wrap: wrap;
            margin: 0 -12px -24px -12px;
        }

            .page-catalog .items .product-card {
                width: calc(33.333% - 24px);
                margin: 0 12px 24px 12px;
            }


/*	Page: Product Single
-------------------------------------------*/

    .product {
        margin-top: 88px;
    }

    .product .flex {
        display: flex;
        justify-content: space-between;
    }

    .product .images {
        width: calc(50% - 12px);
    }

        .product .images .main {
            width: 100%;
            height: 550px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 20px;
            background: var(--Green---Mid, #06351D);
            padding: 36px 24px 24px 24px;
        }

            .product .images .main img {
                width: 100%;
                height: 100%;
                max-width: 520px;
                max-height: 520px;
                object-fit: contain;
                object-position: center;
            }

        .product .images .thumbnails {
            margin-top: 25px;
        }

            .product .images .thumbnails .swiper-slide {
                width: calc(33.3333333% - 16px);
                border-radius: 16px;
                border: 1px solid var(--Monkie-atmenet, #098845);
                background: var(--Green---Mid, #06351D);
                box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24);
                position: relative;
                overflow: hidden;
            }

            .product .images .thumbnails .swiper-slide a {
                display: flex;
                height: 172px;
                padding: 0;
                align-items: center;
                justify-content: center;
                position: relative;
                overflow: hidden;
            }

                .product .images .thumbnails .swiper-slide a img {
                    display: block;
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    object-position: center;
                }

                .product .images .thumbnails .swiper-scrollbar {
                    margin-top: 48px;
                }

    .product .details {
        width: calc(50% - 12px);
    }

        .product-head {

        }

            .product-head .title {
                color: var(--Yellow-default, #F9EE47);
                font-size: 48px;
                font-style: normal;
                font-weight: 700;
                line-height: 120%; /* 57.6px */
                text-shadow: var(--text-outline-brown);
                margin-bottom: 8px;
            }

            .product-head .meta {
                display: flex;
                justify-content: space-between;
                color: var(--White---02, #F2EFEF);
                font-size: 16px;
                font-weight: 400;
                line-height: 150%; /* 24px */
            }

        .product .description {
            color: var(--White---01, #FAFAFA);
            font-size: 18px;
            /*font-weight: 700;*/
            line-height: 150%; /* 27px */
            margin-top: 24px;
            margin-bottom: 20px;
        }

        .product .more-info {
            display: inline-block;;
            color: var(--Yellow-default, #F9EE47);
            font-size: 14px;
            font-weight: 700;
            line-height: 150%; /* 21px */
            text-decoration-line: underline;
        }

        .product .details .images {
            display: none;
            width: 100%;
        }

        .product .infos {
            display: flex;
            padding: 20px 0;
            margin-top: 24px;
            border-top: 1px solid var(--White---04, #A3A3A3);
            border-bottom: 1px solid var(--White---04, #A3A3A3);
        }

            .product .infos .item {
                color: var(--White---02, #F2EFEF);
                font-size: 16px;
                font-weight: 400;
                line-height: 150%; /* 24px */
                margin-right: 34px;
            }

                .product .infos .item strong {
                    display: block;
                    color: var(--White---01, #FAFAFA);
                    font-size: 24px;
                    font-weight: 700;
                    line-height: 100%;
                    margin-bottom: -6px;
                }

                .product .infos .item:last-child {
                    margin-right: 0;
                }

    .product .advantages {
        display: flex;
        justify-content: space-between;
    }

        .product .advantages .item {
            display: flex;
            align-items: center;
            color: var(--White---01, #FAFAFA);
            font-size: 14px;
            font-weight: 400;
        }

            .product .advantages .item img {
                margin-right: 12px;
            }

    .atc {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 24px 0;
    }

        .atc .price {
            display: flex;
            color: var(--White---03, #E2E0E0);
            font-size: 32px;
            font-weight: 700;
            line-height: 120%; /* 38.4px */
            align-items: center;
        }

            .atc .price ins {
                order: 1;
                margin-right: 6px;
                text-decoration: none;
            }

            .atc .price del {
                order: 2;
                color: var(--White---04, #A3A3A3);
                font-size: 12px;
                font-weight: 400;
                line-height: 120%; /* 14.4px */
                text-decoration-line: line-through;
                text-transform: uppercase;
            }

        .atc .right {
            display: flex;
            align-items: center;
        }

            .atc .right .stock {
                font-size: 12px;
                font-weight: 700;
                line-height: 120%; /* 14.4px */
                text-transform: uppercase;
            }

                .atc .right .in-stock {
                    color: var(--Green---Menta, #98FF98);
                }

                .atc .right .out-of-stock {
                    color: rgba(235, 50, 46, 1);
                }

            .atc .right .cart {
                display: flex;
                align-items: center;
            }

                .qty-wrapper {
                    width: 85px;
                    display: flex;
                    align-items: center;
                    height: 40px;
                    padding: 0 4px;
                    margin: 0 24px;
                    overflow: hidden;
                    border-radius: 100px;
                    border: 2px solid var(--Brown, #371D10);
                    background: var(--White---01, #FAFAFA);
                    box-shadow: 1px 2px 0 var(--Brown, #371D10);
                    transition: all ease 0.3s;
                }

                    .qty-wrapper:hover {
                        border-color: #F9EE47;
                        box-shadow: 1px 2px 0 #FAE500;
                    }

                    .qty-wrapper .quantity-wrap {
                        width: 100%;
                        display: flex;
                        gap: 0 !important;
                        align-items: center;
                    }

                    .qty-wrapper .quantity {
                        display: flex;
                        align-items: center;
                    }

                    .qty-wrapper input {
                        width: 25px;
                        height: 36px;
                        color: var(--Brown, #371D10);
                        font-family: "Baloo 2", sans-serif;
                        font-size: 18px;
                        font-weight: 700;
                        line-height: 150%; /* 27px */
                        text-align: center;
                        -webkit-appearance: textfield;
                        appearance: textfield;
                        border: 0;
                    }

                    .qty-wrapper button {
                        width: 24px;
                        height: 24px;
                        border: 0;
                        background: transparent;
                        text-indent: -99999px;
                        cursor: pointer;
                    }

                        .qty-wrapper button.minus {
                            background: #ffffff url('../img/icon-minus.svg') no-repeat center center / 100%;
                        }

                        .qty-wrapper button.plus {
                            background: #ffffff url('../img/icon-plus.svg') no-repeat center center / 100%;
                        }

                .atc .right .cart .button {
                    width: 158px;
                }

    .product .coupon {
        display: flex;
        width: 100%;
        min-height: 172px;
        margin-top: 30px;
        padding: 0 145px;
        color: var(--White---01, #FAFAFA);
        text-align: center;
        font-size: 18px;
        font-weight: 400;
        line-height: 150%; /* 27px */
        position: relative;
        align-items: center;
    }

        .product .coupon .bg {
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: -1;
            position: absolute;
            background: url('../img/shape-coupon.svg') no-repeat center top / 100% 100%;
        }

            .product .coupon .bg .left {
                top: 0;
                left: 0;
                height: 172px;
                position: absolute;
            }

            .product .coupon .bg .right {
                top: 0;
                right: 0;
                height: 172px;
                position: absolute;
            }

        .product .coupon p {
            max-width: 328px;
            margin: 0 auto;
        }

            .product .coupon p strong {
                display: inline-block;
                background: var(--Monkie-atmenet, linear-gradient(0deg, #098845 0%, #0CFF7F 98.7%));
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }


    /*
     *  Package Contents
     */
    .package-contents .container {
        min-height: 682px;
        display: flex;
        align-items: center;
        padding: 64px;
        position: relative;
    }

        .package-contents .bg {
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: -1;
            position: absolute;
            background: #06351D url('../img/package-contents-bg.png') no-repeat center 24px / auto 574px;
            mask-image: url('../img/shape.svg');
            mask-mode: alpha;
            mask-repeat: no-repeat;
            mask-size: 100% 100%;
            mask-position: top;
            -webkit-mask-image: url('../img/shape.svg');
            -webkit-mask-mode: alpha;
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-position: top;
        }

        .package-contents .content {
            width: 100%;
            max-width: 1000px;
            margin: 0 auto;
        }

            .package-contents h2 {
                color: var(--Yellow-default, #F9EE47);
                text-align: center;
                text-shadow: var(--text-outline-brown);
                font-size: 64px;
                font-weight: 700;
                line-height: 120%; /* 76.8px */
                margin-bottom: 36px;
            }

            .package-contents .cols {
                display: flex;
                margin: 0 -21px;
            }

                .package-contents .cols ul {
                    width: calc(33.3333% - 42px);
                    list-style: none;
                    color: var(--White---01, #FAFAFA);
                    font-size: 18px;
                    font-weight: 700;
                    line-height: 150%; /* 27px */
                    margin: 0 21px;
                }

                    .package-contents .cols ul li {
                        padding-top: 12px;
                    }

                    .package-contents .cols ul li:after {
                        content: "";
                        display: block;
                        width: 100%;
                        height: 1px;
                        margin-top: 12px;
                        background: linear-gradient(0deg, #098845 0%, #0CFF7F 98.7%);
                    }


    .development-areas {
        margin-top: 72px;
    }

        .development-areas .container {
            min-height: 0;
        }

        .development-areas .bg {
            background: #06351D url('../img/tagcloud-bg.png') no-repeat center bottom / 100% auto;
        }


    /*
     *  Product Tabs
     */
    .product-tabs-wrapper {
        height: 64px;
        margin-top: 60px;
    }

    .product-tabs {
        display: flex;
        top: 100px;
        height: 64px;
        z-index: 99;
        position: sticky;
        background: var(--Green---Light, #098845);
        flex: 1;
        min-width: 0;
        overflow-x: auto;
    }

        .product-tabs .inner {
            display: flex;
            gap: 12px;
            width: max-content;
            align-items: center;
            padding-left: calc((100vw - 1296px) / 2);
        }

        .product-tabs a {
            display: flex;
            color: var(--White---02, #F2EFEF);
            text-align: center;
            white-space: nowrap;
            font-size: 12px;
            font-weight: 700;
            line-height: 120%; /* 14.4px */
            text-transform: uppercase;
            padding: 9px 11px;
            border-radius: 16px;
            border: 1px solid var(--White---02, #F2EFEF);
        }

            .product-tabs a.current {
                color: var(--Green---Dark, #032915);
                background: var(--Green---Menta, #98FF98);
                border-color: var(--Green---Menta, #98FF98);
            }

            .product-tabs a:not(.current):hover {
                color: var(--Green---Menta, #98FF98);
                border-color: var(--Green---Menta, #98FF98);
            }


    /*
     *  Bottom Bar
     */
    .product-bottom-bar {
        left: 0;
        right: 0;
        bottom: 0;
        height: 72px;
        z-index: 100;
        padding-top: 20px;
        position: fixed;
        background: url('../img/product-bottom-bar-bg.svg') no-repeat center bottom / 100% 72px;
        transform: translate3d(0, 100%, 0);
        transition: transform 0.3s ease-in-out;
    }

        .product-bottom-bar.show {
            transform: translate3d(0, 0, 0);
        }

        .product-bottom-bar .container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .product-bottom-bar .item {
            display: flex;
            align-items: center;
        }

            .product-bottom-bar .item .image {
                width: 42px;
                height: 42px;
            }

                .product-bottom-bar .item .image img {
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                    object-position: center;
                }

            .product-bottom-bar .item .details {
                margin-left: 12px;
            }

                .product-bottom-bar .item .details h3 {
                    color: var(--Yellow-default, #F9EE47);
                    text-shadow: var(--text-outline-brown-tiny);
                    font-size: 14px;
                    font-weight: 700;
                    line-height: 14px;
                }

                .product-bottom-bar .item .details p {
                    color: var(--White---02, #F2EFEF);
                    font-size: 12px;
                    font-weight: 400;
                    line-height: 18px;
                }

        .product-bottom-bar .atc {
            padding: 0;
        }

            .product-bottom-bar .atc .price {
                margin-right: 42px;
            }


/*	Page: Contact
-------------------------------------------*/

    .page-header-contact {
        padding-top: 80px;
        position: relative;
    }

    .page-contact {
        z-index: 2;
        position: relative;
        margin-top: -40px;
        padding-bottom: 90px;
    }

        .page-contact p {
            margin: 0 auto;
            max-width: 670px;
            color: var(--Yellow-default, #F9EE47);
            font-size: 24px;
            font-weight: 700;
            line-height: 120%;
            text-align: center;
            text-shadow: var(--text-outline-brown);
        }

            .page-contact p a {
                color: var(--Green---Menta, #98FF98);
            }

        .page-contact .social {
            display: flex;
            margin-top: 32px;
            justify-content: center;
        }

            .page-contact .social a {
                margin: 0 16px;
            }

                .page-contact .social a .icon {
                    display: flex;
                    width: 38px;
                    height: 38px;
                    margin: 0 auto;
                    align-items: center;
                    justify-content: center;
                    border-radius: 100px;
                    border: 2px solid var(--Green---Menta, #98FF98);
                    background: var(--Green---Mid, #06351D);
                    box-shadow: 3.6px 2.41px 0 0 var(--Green---Light, #098845);
                    transition: all ease 0.2s;
                }

                .page-contact .social a:hover .icon {
                    transform: translate3d(2.14px, 1.41px, 0);
                    box-shadow: 0 0 0 0 var(--Green---Light, #098845);
                }

                .page-contact .social a:hover .icon svg {
                    fill: var(--Green---Menta, #98FF98);
                }

                .page-contact .social a span {
                    display: block;
                    color: var(--Green---Menta, #98FF98);
                    font-size: 12px;
                    font-weight: 700;
                    line-height: 120%;
                    text-align: center;
                    text-transform: uppercase;
                    margin-top: 14px;
                }


/*	Page: FAQ
-------------------------------------------*/

    .faq {
        /*min-height: 448px;*/
        margin-top: 95px;
        position: relative;
    }

        .faq .side-left {
            top: -40px;
            left: 0;
            position: absolute;
        }

        .faq .side-right {
            top: -40px;
            right: 0;
            position: absolute;
        }

    .faq .container {
        max-width: 640px;
    }

    .faq h3 {
        color: var(--Yellow-default, #F9EE47);
        font-size: 42px;
        font-weight: 700;
        line-height: 120%;
        text-align: center;
        text-shadow: var(--text-outline-brown);
        margin-bottom: 28px;
    }

    .faq .items {

    }

        .faq .item {
            border-radius: 32px;
            border: 1px solid var(--Green---Light, #098845);
            background: var(--Green---Mid, #06351D);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24);
            transition: border-radius ease 0.3s, border ease 0.3s;
        }

            .faq .item .qn {
                display: flex;
                justify-content: space-between;
                padding: 14px 24px;
                cursor: pointer;
            }

                .faq .item .qn h4 {
                    width: calc(100% - 34px);
                    color: var(--White---03, #E2E0E0);
                    font-size: 18px;
                    font-weight: 700;
                    line-height: 150%;
                    transition: all ease 0.3s;
                }

            .faq .item .answer {
                display: none;
                color: var(--White---01, #FAFAFA);
                font-size: 18px;
                font-weight: 400;
                line-height: 150%;
                padding-top: 18px;
            }

            .faq .item.opened {
                border-radius: 16px;
                border: 1px solid var(--Green---Menta, #98FF98);
                background: var(--Green---Mid, #06351D);
                box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.48);
            }

                .faq .item.opened .qn h4 {
                    color: var(--Green---Menta, #98FF98);
                }

                .faq .item.opened .qn svg {
                    fill: var(--Green---Menta, #98FF98);
                    transform: rotate(90deg);
                }

            .faq .item:not(.fixed):hover {
                border: 1px solid var(--Green---Menta, #98FF98);
            }

                .faq .item:not(.fixed):hover .qn h4 {
                    color: var(--Green---Menta, #98FF98);
                }

                .faq .item:not(.fixed):hover .qn svg {
                    fill: var(--Green---Menta, #98FF98);
                }

            .faq .item.fixed .general-content {
                display: block !important;
            }

                .faq .item.fixed .qn svg {
                    display: none;
                }

        .faq .item + .item {
            margin-top: 12px;
        }

        .faq .item .general-content {
            padding: 0 24px 14px 24px;
        }

    .page-faq {
        z-index: 2;
        margin-top: -40px;
        position: relative;
    }

        .page-faq .faq {
            z-index: 2;
            margin-top: 54px;
            position: relative;
        }

        .page-faq .sd-1 {
            top: 234px;
            left: 0;
            z-index: -1;
            position: absolute;
        }

        .page-faq .sd-2 {
            top: -95px;
            right: 0;
            z-index: -1;
            position: absolute;
        }

        .page-faq .sd-3 {
            top: 140px;
            left: 0;
            z-index: -1;
            position: absolute;
        }



/*	Section: Text with image
-------------------------------------------*/

    .twi {
        margin-top: 48px;
    }

    .twi .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .twi .image {
            display: flex;
            width: calc(50% - 16px);
        }

            .twi.img-right .image {
                order: 2;
            }

                .twi.img-right .image img {
                    max-width: 100%;
                }

        .twi .content {
            width: calc(50% - 16px);
            max-width: 526px;
            padding: 30px 0;
        }

            .twi .content h2 {
                color: var(--Yellow-default, #F9EE47);
                font-size: 64px;
                font-weight: 700;
                line-height: 120%;
                text-shadow: var(--text-outline-brown);
                margin-bottom: 5px;
            }

            .twi .content p + p {
                margin-top: 27px;
            }

            .twi .content .btn {
                padding-left: 32px;
                padding-right: 32px;
                margin-top: 32px;
            }

    .twi.boxed {
        margin-top: 235px;
        position: relative;
    }

    .twi.boxed .container {
        /*min-height: 682px;*/
        padding-top: 5px;
        padding-left: 110px;
        padding-bottom: 8px;
    }

        .twi.boxed .leafs {
            top: -206px;
            left: 50%;
            width: 100%;
            max-width: 1254px;
            z-index: -1;
            bottom: 580px;
            position: absolute;
            transform: translateX(-50%);
        }

        .twi.boxed .monkies {
            top: -188px;
            left: 50%;
            width: 100%;
            max-width: 720px;
            z-index: -1;
            position: absolute;
            transform: translateX(-50%);
        }

        .twi.boxed .bg {
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: -1;
            position: absolute;
            background: #06351D;
            mask-image: url('../img/shape.svg');
            mask-mode: alpha;
            mask-repeat: no-repeat;
            mask-size: 100% 100%;
            mask-position: top;
            -webkit-mask-image: url('../img/shape.svg');
            -webkit-mask-mode: alpha;
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-position: top;
        }

            .twi.boxed .container:has(.bg) {
                min-height: 682px;
                position: relative;
            }

            .twi.boxed .container .bg {
                display: flex;
                justify-content: flex-end;
            }

                .twi.boxed .container .bg img {
                    object-fit: contain;
                    object-position: center bottom;
                }



/*	Section: Packages
-------------------------------------------*/

    .packages {
        margin-top: 64px;
    }

        .packages h2 {
            color: var(--Yellow-default, #F9EE47);
            font-size: 64px;
            font-weight: 700;
            line-height: 120%;
            text-align: center;
            text-shadow: var(--text-outline-brown);
            margin-bottom: 0px;
        }

        .packages .items {
            width: 100%;
            max-width: 916px;
            margin: 0 auto;
            position: relative;
        }

            .packages .items .mleft {
                top: 24px;
                right: calc(100% - 36px);
                height: 249px;
                position: absolute;
            }

            .packages .items .mright {
                top: 24px;
                left: calc(100% - 36px);
                height: 249px;
                position: absolute;
            }

            .packages .swiper {
                overflow: visible;
                padding: 22px 24px 24px 24px;
            }

                .packages .items .swiper-slide {
                    display: flex;
                    height: auto;
                }

            .pkg-box {
                overflow: hidden;
                border-radius: 16px;
                border: 1px solid var(--Monkie-atmenet, #098845);
                background: var(--Green---Mid, #06351D);
                box-shadow: 0 4px 22px 0 rgba(0, 0, 0, 0.42);
            }

                .pkg-box.current {
                    opacity: 0.4;
                }

                .pkg-box .head {
                    padding: 48px 40px 32px 40px;
                    background: #0A311D;
                }

                    .pkg-box .head .ribbon {
                        top: 1px;
                        left: 40px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        min-width: 154px;
                        height: 34px;
                        color: #05381E;
                        font-size: 12px;
                        font-weight: 700;
                        line-height: 120%;
                        text-transform: uppercase;
                        position: absolute;
                        border-radius: 0 0 16px 16px;
                        border: 1px solid #0CFF7F;
                        border-top: 0;
                        background: linear-gradient(88deg, rgba(65, 136, 75, 1) 2.48%, rgba(123, 249, 136, 1) 100%);
                    }

                    .pkg-box .head h3 {
                        color: var(--White---01, #FAFAFA);
                        font-size: 32px;
                        font-weight: 700;
                        line-height: 120%;
                        margin-bottom: 8px;
                    }

                    .pkg-box .head p {
                        color: var(--White---03, #E2E0E0);
                    }

                .pkg-box .content {
                    padding: 24px 40px 50px 40px;
                }

                    .pkg-box .content .price {
                        padding-bottom: 32px;
                    }

                        .pkg-box .content .price h4 {
                            color: var(--White---02, #F2EFEF);
                            font-size: 24px;
                            font-weight: 700;
                            line-height: 120%;
                        }

                        .pkg-box .content .price p {
                            color: var(--White---04, #A3A3A3);
                            font-size: 12px;
                            font-weight: 400;
                            line-height: 150%;
                            margin-top: 4px;
                        }

                    .pkg-box .content .btn {
                        width: 100%;
                    }

                    .pkg-box .content ul {
                        list-style: none;
                        margin-top: 36px;
                    }

                        .pkg-box .content ul li {
                            color: var(--White---03, #E2E0E0);
                            font-size: 18px;
                            font-weight: 400;
                            line-height: 120%;
                            padding-left: 24px;
                            padding-bottom: 8px;
                            margin-top: 12px;
                            border-bottom: 1px solid var(--White---04, #A3A3A3);
                            background: url('../img/pkg-tick.svg') no-repeat 0 2px / 16px 16px;
                        }

                        .pkg-box .content ul li.featured {
                            color: var(--Green---Menta, #98FF98);
                            font-weight: bold;
                            background-image: url('../img/pkg-tick-featured.svg');
                        }

                .pkg-box.featured {
                    border: 1px solid #0CFF7F;
                    background: #083D22;
                    box-shadow: 0 4px 43.5px 0 rgba(10, 103, 55, 0.42);
                }

                    .pkg-box.featured .head {
                        background: #05381E;
                    }

                    .pkg-box.featured .content ul li {
                        border-color: var(--Green---Menta, #98FF98);
                    }

    .page-header + .packages {
        margin-top: -26px;
    }


/*	Section: Tagcloud
-------------------------------------------*/

    .tagcloud {
        margin-top: 78px;
    }

        .tagcloud .container {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 464px;
            position: relative;
        }

        .tagcloud .bg {
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: -1;
            position: absolute;
            background: #06351D url('../img/tagcloud-bg.png') no-repeat center bottom / 100% auto;
            mask-image: url('../img/shape.svg');
            mask-mode: alpha;
            mask-repeat: no-repeat;
            mask-size: 100% 100%;
            mask-position: top;
            -webkit-mask-image: url('../img/shape.svg');
            -webkit-mask-mode: alpha;
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-position: top;
        }

        .tagcloud .content {
            padding: 48px 32px;
        }

            .tagcloud .content h2 {
                color: var(--Yellow-default, #F9EE47);
                font-size: 64px;
                font-weight: 700;
                line-height: 120%;
                text-align: center;
                text-shadow: var(--text-outline-brown);
            }

            .tagcloud .content .tags {
                max-width: 860px;
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                margin: 12px auto -24px auto;
            }

                .tagcloud .content .tags .tag {
                    display: flex;
                    align-items: center;
                    height: 44px;
                    color: #032915 !important;
                    font-size: 12px;
                    font-weight: 700;
                    line-height: 120%;
                    text-align: center;
                    text-transform: uppercase;
                    border-width: 1px;
                    border-style: solid;
                    border-radius: 32px;
                    padding: 2px 24px 0 24px;
                    margin: 0 12px 24px 12px;
                    cursor: default;
                }


/*	Page: About
-------------------------------------------*/

    .page-template-about .page-header {
        display: flex;
        min-height: 448px;
        align-items: center;
    }



/*	Section: Filters
-------------------------------------------*/

    .section-filters {
        margin: 64px 0 32px 0;
    }

        .page-header + .section-filters {
            margin-top: 0;
        }

    .section-filters .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .section-filters .button {
            position: relative;
        }

            .section-filters .button .trigger {
                min-width: 84px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                color: var(--White---02, #F2EFEF);
                font-size: 12px;
                font-weight: 700;
                line-height: 120%;
                text-transform: uppercase;
                text-align: center;
                height: 42px;
                padding: 0 24px;
                border-radius: 100px;
                border: 1px solid var(--White---02, #F2EFEF);
                cursor: pointer;
            }

                .section-filters .button .trigger svg {
                    display: block;
                    transition: transform ease 0.3s;
                }

                .section-filters .button .trigger span {
                    margin-right: 10px;
                }

                .section-filters .button .trigger:hover {
                    color: var(--Green---Menta, #98FF98);
                    border-color: var(--Green---Menta, #98FF98);
                }

                    .section-filters .button .trigger:hover svg {
                        stroke: var(--Green---Menta, #98FF98);
                    }


    .section-filters .tags {
        display: flex;
        width: 100%;
        z-index: 2;
        flex-wrap: wrap;
        margin: 24px -6px -12px -6px;
        position: relative;
    }

        .section-filters .tags .btag {
            margin: 0 6px 12px 6px;
        }

    .section-filters .tags .clear {
        color: var(--White---04, #A3A3A3);
        font-size: 14px;
        font-weight: 700;
        line-height: 14px;
        margin: 0 6px 12px 6px;
        padding-top: 1px;
        cursor: pointer;
    }

        .section-filters .tags .clear:hover {
            color: var(--Green---Menta, #98FF98);
        }




/*	Page: Blog Listing
-------------------------------------------*/

    /*
     *  Tags
     */
    .btag {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 15px;
        color: var(--Green---Dark, #032915);
        text-align: center;
        font-size: 12px;
        font-weight: 700;
        line-height: 120%;
        text-transform: uppercase;
        border-radius: 12px;
        padding: 1px 12px 0 12px;
    }

        .btag.btag-1 {
            background: #24FF72;
        }

        .btag.btag-2 {
            background: #FFF44F;
        }

        .btag.btag-3 {
            background: #FF3C38;
        }

        .btag .close {
            padding: 3px 6px;
            margin-right: -6px;
            cursor: pointer;
        }


    /*
     *  Slider
     */
    .blog-slider {
        margin-top: 42px;
    }

        .blog-slider .swiper-slide {
            display: flex;
            align-items: flex-end;
            min-height: 728px;
            position: relative;
            overflow: hidden;
            border-radius: 16px;
        }

            .blog-slider .swiper-slide .image {
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                position: absolute;
            }

                .blog-slider .swiper-slide .image:before {
                    content: "";
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    position: absolute;
                    background: linear-gradient(1deg, #032915 0.63%, rgba(0, 0, 0, 0.00) 98.9%);
                }

                .blog-slider .swiper-slide .image img {
                    width: 100%;
                    height: 100%;
                    border-radius: 17px;
                    object-fit: cover;
                    object-position: center;
                }

            .blog-slider .swiper-slide .content {
                z-index: 2;
                max-width: 770px;
                position: relative;
                padding: 0 42px 78px 42px;
            }

                .blog-slider .swiper-slide .content .tags {
                    display: flex;
                    flex-wrap: wrap;
                    margin-bottom: -12px;
                    padding-bottom: 4px;
                }

                    .blog-slider .swiper-slide .content .btag {
                        margin-right: 12px;
                        margin-bottom: 12px;
                    }

                .blog-slider .swiper-slide .content h2 {
                    color: var(--White---01, #FAFAFA);
                    font-size: 42px;
                    font-weight: 700;
                    line-height: 120%;
                    margin-bottom: 5px;
                }

                    .blog-slider .swiper-slide .content h2 a:hover {
                        color: var(--Green---Menta, #98FF98);
                    }

                .blog-slider .swiper-slide .content p {
                    color: var(--White---02, #F2EFEF);
                    font-size: 24px;
                    font-weight: 400;
                    line-height: 120%;
                    display: -webkit-box;
                    -webkit-line-clamp: 4;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                }

        .blog-slider .swiper-pagination {
            width: auto;
            left: 42px;
            bottom: 42px;
            position: absolute;
        }

            .blog-slider .swiper-pagination-bullet {
                opacity: 1;
                width: 12px;
                height: 12px;
                border-radius: 200px;
                background: var(--White---04, #A3A3A3);
                transition: all ease 0.3s;
                cursor: pointer;
            }

                .blog-slider .swiper-pagination-bullet:hover {
                    background: var(--Green---Menta, #98FF98);
                }

            .blog-slider .swiper-pagination-bullet-active {
                width: 24px;
                background: var(--Green---Menta, #98FF98);
            }


    /*
     *  Post item
     */
    .blog-card {
        display: block;
        width: 100%;
        max-width: 416px;
    }

        .blog-card .image {
            display: block;
            width: 100%;
            overflow: hidden;
            position: relative;
            padding-bottom: 97%;
            border-radius: 18px;
        }

            .blog-card .image:before {
                content: "";
                top: 0;
                left: 0;
                opacity: 0;
                z-index: 2;
                width: 100%;
                height: 100%;
                position: absolute;
                border-radius: 18px;
                border: 1px solid var(--Green---Menta, #98FF98);
                box-sizing: border-box;
                transition: all ease 0.3s;
            }

            .blog-card .image img {
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center;
                position: absolute;
                transition: all ease 0.3s;
            }

        .blog-card .tags {
            display: flex;
            flex-wrap: wrap;
            padding-bottom: 8px;
            margin: 24px -6px -12px -6px;
        }

            .blog-card .tags .btag {
                margin: 0 6px 12px 6px;
            }

        .blog-card h3 {
            color: var(--White---01, #FAFAFA);
            font-size: 24px;
            font-weight: 700;
            line-height: 120%;
            transition: all ease 0.3s;
        }

            .blog-card h3 a {
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }

        .blog-card .date {
            color: var(--White---02, #F2EFEF);
            font-size: 12px;
            font-weight: 400;
            line-height: 120%;
            text-transform: uppercase;
            margin: 5px 0;
        }

        .blog-card p {
            color: var(--White---02, #F2EFEF);
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .blog-card:hover {

    }

        .blog-card:hover .image:before {
            opacity: 1;
        }

        .blog-card:hover .image img {
            transform: scale(1.05);
        }

        .blog-card:hover h3 {
            color: var(--Green---Menta, #98FF98);
        }


    /*
     *  Blog listing
     */
    .page-blog-listing .items {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -12px -24px -12px;
    }

        .page-blog-listing .blog-card {
            width: calc(33.3333% - 24px);
            margin: 0 12px 24px 12px;
        }

        .page-blog-listing .banner {
            margin: 48px 0;
        }


/*	Page: Blog Single
-------------------------------------------*/

    /*
     *  Blog Header
     */
    .blog-header {
        margin-top: 64px;
    }

        .blog-header .breadcrumbs {
            margin-bottom: 20px;
            justify-content: flex-start;
        }

        .blog-header .tags {
            display: flex;
            margin: 0 -6px -12px -6px;
        }

            .blog-header .tags .btag {
                margin: 0 6px 12px 6px;
            }

        .blog-header h1 {
            color: var(--White---01, #FAFAFA);
            font-size: 42px;
            font-weight: 700;
            line-height: 120%;
        }

        .blog-header .meta {
            display: flex;
            color: var(--White---02, #F2EFEF);
            font-size: 16px;
            line-height: 150%;
            padding-top: 2px;
        }

            .blog-header .meta span {
                margin-right: 12px;
            }

        .blog-header p {
            /*max-width: 636px;*/
            color: var(--White---02, #F2EFEF);
            font-size: 18px;
            font-weight: 700;
            line-height: 150%;
            margin-top: 24px;
        }

        .share {
            display: flex;
            margin-top: 24px;
        }

            .share h4 {
                color: var(--White---02, #F2EFEF);
                font-size: 16px;
                font-weight: 400;
                line-height: 150%;
                margin-right: 8px;
            }

            .share .icon {
                display: flex;
                width: 24px;
                height: 24px;
                position: relative;
                align-items: center;
                justify-content: center;
                border-radius: 100px;
                border: 2px solid var(--Green---Menta, #98FF98);
                background: var(--Green---Mid, #06351D);
                box-shadow: 2.14px 1.41px 0 0 var(--Green---Light, #098845);
                transition: all ease 0.2s;
            }

                .share .icon:hover {
                    transform: translate3d(2.14px, 1.41px, 0);
                    box-shadow: 0 0 0 0 var(--Green---Light, #098845);
                }

                .share .icon:hover svg[fill] {
                    fill: var(--Green---Menta, #98FF98);
                }

                .share .icon:hover svg[stroke] {
                    stroke: var(--Green---Menta, #98FF98);
                }

                .share .icon + .icon {
                    margin-left: 8px;
                }

                .share .icon[data-clipboard-text]:before {
                    content: "Vágólapra másolva!";
                    border-radius: 32px;
                    color: var(--Green---Dark, #032915);
                    font-size: 12px;
                    font-weight: 700;
                    line-height: 120%;
                    white-space: nowrap;
                    padding: 4px 8px;
                    position: absolute;
                    bottom: calc(100% + 10px);
                    left: 50%;
                    opacity: 0;
                    visibility: hidden;
                    transform: translate3d(-50%, 10px, 0);
                    z-index: 1;
                    background: #98FF98;
                    transition: all ease 0.2s;
                }

                .share .icon[data-clipboard-text].copied:before {
                    opacity: 1;
                    visibility: visible;
                    transform: translate3d(-50%, 0, 0);
                }

    /*
     *  Featured image
     */
    .featured-image {
        width: 100%;
        margin: 48px 0;
        position: relative;
    }

        .featured-image .container {
            height: 728px;
        }

        .featured-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            border-radius: 16px;
        }


    /*
     *  Blog Content
     */
    .blog-content .bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 24px;
    }

        .blog-content .bottom .share {
            margin-top: 0;
        }

        .blog-content .bottom .meta {
            display: flex;
            color: var(--White---02, #F2EFEF);
            font-size: 16px;
            font-weight: 400;
            line-height: 150%;
        }

            .blog-content .bottom .meta span {
                margin-left: 12px;
            }


    /*
     *  Related posts
     */
    .related-posts {
        padding-top: 8px;
        padding-bottom: 85px;
        background: url('../img/related-posts-bg.svg') no-repeat 35% top / auto 100%;
    }

        .related-posts h2 {
            color: var(--Yellow-default, #F9EE47);
            font-size: 64px;
            font-weight: 700;
            line-height: 120%;
            text-align: center;
            text-shadow: var(--text-outline-brown);
            margin-bottom: 24px;
        }

        .related-posts .items {
            display: flex;
            margin: 0 -12px -45px -12px;
        }

            .related-posts .swiper-slide {
                width: 416px;
            }

            .related-posts .items .blog-card {
                width: 100%;
            }


/*	Section: Video
-------------------------------------------*/

    .video {
        padding-bottom: 110px;
    }

    .video .container {
        position: relative;
    }

        .video .top {
            top: -206px;
            left: 50%;
            width: 100%;
            max-width: 1254px;
            z-index: -1;
            bottom: 580px;
            position: absolute;
            transform: translateX(-50%);
        }

        .video .box {
            z-index: 3;
            display: block;
            position: relative;
            aspect-ratio: 1280/720;
            mask-image: url('../img/shape.svg');
            mask-mode: alpha;
            mask-repeat: no-repeat;
            mask-size: 100% 100%;
            mask-position: top;
            -webkit-mask-image: url('../img/shape.svg');
            -webkit-mask-mode: alpha;
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-position: top;
        }

            .play {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 4;
                position: absolute;
            }

                .play .icon {
                    display: block;
                    width: 66px;
                    height: 66px;
                    margin: 0 auto 12px auto;
                    border-radius: 50%;
                    border: 2px solid #371D10;
                    background: var(--Yellow-default, #F9EE47);
                    box-shadow: 2px 2px 0 0 #371D10;
                    transition: all ease 0.2s;
                }

                    .play .icon svg {
                        display: block;
                        margin: 20px 0 0 22px;
                    }

                    a:hover .play .icon,
                    .play:hover .icon{
                        transform: translate3d(2px, 2px, 0);
                        box-shadow: 0 0 0 0 #371D10;
                    }

                .play p {
                    color: var(--Yellow-default, #F9EE47);
                    font-size: 18px;
                    font-weight: 700;
                    line-height: 150%;
                    text-align: center;
                    text-shadow: var(--text-outline-brown-small);
                }

            .video .box video {
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center;
                position: absolute;
            }

        .video .bottom {
            top: 100%;
            left: 50%;
            width: auto;
            max-width: calc(100% - 10px);
            height: auto;
            max-height: 125px;
            margin-top: -20px;
            position: absolute;
            transform: translateX(-50%);
        }


/*	Section: Pod Slider
-------------------------------------------*/

    .pod-slider {
        margin-top: 64px;
    }

        .pod-slider > .container h3 {
            color: var(--Yellow-default, #F9EE47);
            font-size: 64px;
            font-weight: 700;
            line-height: 120%;
            text-align: center;
            text-shadow: var(--text-outline-brown);
            margin-bottom: 22px;
        }

        .pods-slider .swiper {
            margin-bottom: -22px;
        }

        .pod-slider .swiper-slide {
            width: 416px;
            padding-bottom: 22px;
        }

            .pod-slider .swiper-slide .monkie-card {
                width: 100%;
                box-shadow: 0 4px 22px 0 rgba(0, 0, 0, 0.42);
            }

        .pod-slider[data-type="video"] .swiper-slide {
            width: calc(47vw - 12px);
            max-width: 636px;
        }

        .pod-slider .gallery-card img {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            position: absolute;
        }


/*	Section: Gameplay
-------------------------------------------*/

    .gameplay {
        padding-top: 64px;
    }

        .gameplay h2 {
            color: var(--Yellow-default, #F9EE47);
            text-align: center;
            text-shadow: var(--text-outline-brown);
            font-size: 64px;
            font-weight: 700;
            line-height: 120%; /* 76.8px */
            margin-bottom: 32px;
        }

        .gameplay .content {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            color: var(--White---01, #FAFAFA);
            font-size: 18px;
            font-weight: 400;
            line-height: 150%; /* 27px */
        }

            .gameplay .content p + p {
                padding-top: 27px;
            }

            .gameplay .content .left {
                width: calc(50% - 178px);
                max-width: 415px;
            }

            .gameplay .content .center {
                width: 260px;
            }

            .gameplay .content .right {
                width: calc(50% - 178px);
                max-width: 415px;
            }

                .gameplay .content .right .item {
                    display: flex;
                    align-items: center;
                }

                .gameplay .content .right .item img {
                    width: 65px;
                    height: 65px;
                    margin-right: 24px;
                }

                .gameplay .content .right .item p {
                    width: calc(100% - 89px);
                    color: var(--White---01, #FAFAFA);
                    font-size: 18px;
                    font-weight: 400;
                    line-height: 150%; /* 27px */
                }

                .gameplay .content .right .item + .item {
                    margin-top: 24px;
                }

        .gameplay .button-container {
            margin-top: 32px;
            text-align: center;
        }


/*	Page: MonkieSuli
-------------------------------------------*/

    .page-template-monkiesuli .page-header {
        padding-bottom: 24px;
    }

    .page-template-page-monkiesuli-infok .page-header {
        min-height: 320px;
    }

    /*
     *  Join
     */
    .join {
        margin-top: 5px;
    }

        .join img {
            z-index: 2;
            display: block;
            position: relative;
            margin: 0 auto -4px auto;
            height: 164px;
        }

        .join h2 {
            color: var(--Yellow-default, #F9EE47);
            font-size: 42px;
            font-weight: 700;
            line-height: 120%;
            text-align: center;
            text-shadow: var(--text-outline-brown);
        }

        .join .desc {
            max-width: 417px;
            color: var(--White---01, #FAFAFA);
            font-size: 18px;
            line-height: 150%;
            text-align: center;
            margin: 10px auto -6px auto;
        }


    /*
     *  Subscription
     */
    .page-template-elofizetesek .subscribe-cta {
        margin-top: 0;
    }

        .page-template-elofizetesek .subscribe-cta p {
            margin-top: 0;
        }



/*	Page: Videos (MonkieSuli)
-------------------------------------------*/

    .page-template-videos .page-header {
        padding-bottom: 0;
    }

        .page-template-videos .page-header .qa {
            padding-bottom: 0;
        }

    .page-template-videos .section-filters {
        margin-top: 48px;
        margin-bottom: 48px;
    }

    /*
     *  Video Item
     */
    .video-item {

    }

        .video-item .image {
            display: flex;
            width: 100%;
            aspect-ratio: 634/356;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
            border-radius: 16px;
        }

            .video-item .image .countdown {
                z-index: 2;
                position: relative;
            }

            .video-item .image img {
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center;
                position: absolute;
                transition: all ease 0.3s;
            }

                .video-item .image img:hover {
                    transform: scale(1.05);
                }

                .video-item .image .countdown + img {
                    opacity: 0.24;
                }

            .video-item .image .seen {
                display: flex;
                align-items: center;
                justify-content: center;
                position: absolute;
                top: 24px;
                right: 24px;
                height: 16px;
                z-index: 2;
                color: var(--Green---Dark, #032915);
                font-size: 12px;
                font-weight: 700;
                line-height: 120%;
                text-transform: uppercase;
                text-align: center;
                border-radius: 12px;
                padding: 1px 12px 0 12px;
                background: var(--Yellow-default, #F9EE47);
            }

            .video-item .image .new {
                top: 15px;
                left: 17px;
                width: 42px;
                height: 42px;
                z-index: 2;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
                color: var(--Green---Dark, #032915);
                padding-top: 3px;
                font-size: 18px;
                font-weight: 700;
                line-height: 120%;
                background: #98FF98;
                position: absolute;
                box-shadow: 2px 2px 0 #032915;
            }

        .video-item .tags {
            display: flex;
            margin: 24px -6px 0 -6px;
        }

            .video-item .tags .btag {
                margin: 0 6px;
            }

        .video-item h3 {
            max-width: 510px;
            color: var(--White---01, #FAFAFA);
            font-size: 24px;
            font-weight: 700;
            line-height: 120%;
            margin-top: 5px;
        }

            .video-item h3 a:hover {
                color: var(--Green---Menta, #98FF98);
            }

        .video-item p {
            color: var(--White---02, #F2EFEF);
            font-size: 12px;
            font-weight: 400;
            line-height: 120%;
            text-transform: uppercase;
            margin-top: 2px;
        }

    /*
     *  Listing
     */
    .videos .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: -24px;
    }

        .videos .video-item {
            width: calc(50% - 12px);
            margin-bottom: 24px;
        }


/*	Page: Single Video (MonkieSuli)
-------------------------------------------*/

    .single-lesson .page-header {
        padding-bottom: 40px;
    }

    .single-lesson .page-header .container:before {
        top: auto;
        bottom: -180px;
    }

    .single-lesson .video {
        padding-bottom: 48px;
    }

        .single-lesson .video .container {
            overflow: hidden;
            border-radius: 16px;
        }

        .single-lesson .video .countdown-wrapper {
            display: flex;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 2;
            align-items: center;
            justify-content: center;
            position: absolute;
        }

        .single-lesson .video .responsive-video img {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            position: absolute;
        }

        .single-lesson .video .countdown-wrapper + .responsive-video {
            opacity: 0.26;
        }


    /*
     *  Downloads
     */
    .downloads {
        margin-bottom: 48px;
    }

        .downloads .container {
            overflow: hidden;
            border-radius: 16px;
            border: 1px solid var(--Monkie-atmenet, #098845);
            background: var(--Green---Mid, #06351D);
        }

        .downloads .head {
            display: flex;
            align-items: center;
            padding: 24px;
            background: var(--Green---Dark, #032915);
        }

            .downloads .head h4 {
                color: var(--White---01, #FAFAFA);
                font-size: 24px;
                font-weight: 700;
                line-height: 120%;
                margin-left: 12px;
            }

        .downloads .list {
            padding: 48px 24px 60px 24px;
        }

            .downloads .list a {
                display: flex;
                align-items: center;
                justify-content: space-between;
                color: var(--White---02, #F2EFEF);
                font-size: 18px;
                font-weight: 700;
                line-height: 120%;
                padding-bottom: 12px;
                border-bottom: 1px solid var(--White---04, #A3A3A3);
            }

                .downloads .list a span {
                    max-width: calc(100% - 48px);
                }

                .downloads .list a:hover {
                    color: var(--Green---Menta, #98FF98);
                    border-bottom-color: var(--Green---Menta, #98FF98);
                }

                    .downloads .list a:hover svg {
                        stroke: var(--Green---Menta, #98FF98);
                    }

            .downloads .list a + a {
                margin-top: 24px;
            }


    /*
     *  Topics
     */
    .topics {

    }

    .topics .item {

    }

        .topics .item:after {
            content: "";
            display: block;
            width: 100%;
            height: 1px;
            margin-top: 24px;
            background: linear-gradient(270deg, #0CFF7F 0%, #098845 100%);
        }

            .topics .item.last:after {
                margin-top: 64px;
            }

        .topics .item .title {
            display: flex;
            justify-content: space-between;
            padding-bottom: 14px;
        }

            .topics .item .title h3 {
                color: var(--White---01, #FAFAFA);
                font-size: 32px;
                font-style: normal;
                font-weight: 700;
                line-height: 120%;
            }

            .topics .item .title time {
                color: var(--White---01, #FAFAFA);
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 21px;
                padding-top: 5px;
            }

        .topics .item + .item {
            margin-top: 56px;
        }

        .topics .qa,
        .faq-topics .qa {
            margin-top: 40px;
        }

    .faq.faq-topics {
        margin-top: 0;
    }

        .faq-topics .container {
            max-width: 856px;
            padding-top: 0px !important;
        }


/*	WooCommerce: General Styles
-------------------------------------------*/

    .woocommerce-MyAccount-content h2 {
        color: var(--White---01, #FAFAFA);
        font-size: 32px;
        font-weight: 700;
        line-height: 120%; /* 38.4px */
        padding-top: 10px;
        margin-bottom: -8px;
    }

        .woocommerce-MyAccount-content h2 + .woocommerce-info {
            margin-top: 24px;
        }

    .woocommerce-MyAccount-content .qa {
        margin-top: 24px;
    }

    .woocommerce fieldset:not(#wc-stripe-upe-form) {
        display: block;
        overflow: hidden;
        position: relative;
        margin-top: 42px;
        border-radius: 16px;
        background: var(--Green---Mid, #06351D);
        border: 1px solid var(--Green---Light, #098845);
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24);
    }

        .woocommerce fieldset .legend {
            display: flex;
            align-items: center;
            margin: 0;
            width: 100%;
            background: #0A311D;
            padding: 12px 24px 11px 24px;
        }

            .woocommerce fieldset .large {
                padding: 24px;
                background: #032915;
            }

            .woocommerce fieldset .legend svg {
                margin-right: 12px;
            }

        .woocommerce fieldset .inner {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            padding: 24px;
        }

        .woocommerce fieldset .inner .btn {
            min-width: 200px;
            margin-top: 8px;
        }

        .woocommerce-address-fields__field-wrapper {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

    .woocommerce-form-row,
    .woocommerce-address-fields .form-row {
        width: calc(50% - 12px);
        margin-bottom: 24px;
    }

        .woocommerce-form-row > label {
            display: none;
        }

        .woocommerce-form-row input,
        .woocommerce .input-text {
            width: 100%;
            height: 42px;
            color: #FFF !important;
            padding: 7px 24px 0 24px;
            font-family: "Baloo 2", sans-serif;
            font-size: 14px;
            font-weight: 700;
            line-height: 16px;
            border-radius: 32px;
            border: 1px solid var(--Green---Light, #098845);
            background: var(--Green---Mid, #06351D) !important;
        }

            /* Chrome / Edge autofill override */
            .woocommerce-form-row input:-webkit-autofill,
            .woocommerce .input-text:-webkit-autofill,
            .woocommerce-form-row input:-webkit-autofill:hover,
            .woocommerce .input-text:-webkit-autofill:hover,
            .woocommerce-form-row input:-webkit-autofill:focus,
            .woocommerce .input-text:-webkit-autofill:focus {
                color: #fff !important;
                -webkit-text-fill-color: #FFF !important;
                /* felülfestjük a Chrome sárga hátterét */
                -webkit-box-shadow: 0 0 0 1000px #06351D inset !important;
                box-shadow: 0 0 0 1000px #06351D inset !important;
                border: 1px solid #098845 !important;
                border-radius: 32px;
                transition: background-color 9999s ease-in-out 0s;
            }

        .woocommerce textarea.input-text {
            height: 84px;
            resize: none;
            border-radius: 16px;
        }

        .woocommerce-form-row #account_display_name_description {
            display: block;
            color: var(--White---04, #A3A3A3);
            font-family: "Baloo 2", sans-serif;
            font-size: 14px;
            font-weight: 400;
            line-height: normal;
            margin-top: 8px;
        }

        .woocommerce-form-row .show-password-input {
            display: none;
        }

        .woocommerce-form-row--wide {
            width: 100%;
        }

    .woocommerce .form-row label {
        display: flex;
        align-items: center;
        z-index: 2;
        height: 42px;
        padding: 0 24px;
        font-size: 14px;
        font-weight: 700;
        line-height: normal;
        position: absolute;
    }

        .woocommerce .form-row label .optional {
            display: none;
        }

        .woocommerce .form-row:has(.input-text:focus) label {
            color: var(--Green---Menta, #98FF98);
        }

        /*
        .woocommerce .form-row:has(.input-text:not(:placeholder-shown)) label {
            color: var(--Green---Menta, #98FF98);
            font-size: 8px;
            font-weight: 400;
            line-height: 150%;
            height: 24px;
        }
        */

        .woocommerce .form-row.has-value label,
        .woocommerce .form-row:has(.input-text:focus) label {
            color: var(--Green---Menta, #98FF98);
            font-size: 8px;
            font-weight: 400;
            line-height: 150%;
            height: 24px;
        }

        .woocommerce .input-text:not(:placeholder-shown) {
            padding-top: 14px !important;
        }

    #billing_country_field,
    #shipping_country_field {
        display: none;
    }

    #billing_postcode_field,
    #shipping_postcode_field {
        width: 180px;
    }

        #billing_city_field,
        #shipping_city_field {
            width: calc(100% - 204px);
        }

        .woocommerce-checkout #billing_city_field,
        .woocommerce-checkout #shipping_city_field {
            width: calc(100% - 228px);
        }

    #update_all_subscriptions_addresses_field {
        display: none;
    }

    .woocommerce-additional-fields__field-wrapper {
        margin-bottom: 24px;
    }

    .payment_methods .payment_box {
        padding: 12px 0;
    }


    /*
     *  Stripe
     */
    #wc-stripe-upe-form {
        border: 0;
    }


    /*
     *  Message
     */
    .woocommerce-notices-wrapper:has(*) {
        margin-bottom: 24px;
    }

        .woocommerce-notices-wrapper div + div {
            margin-top: 12px;
        }

    .woocommerce-message,
    .woocommerce-info {
        width: 100%;
        padding: 12px 24px;
        border-radius: 16px;
        color: var(--Green---Menta, #98FF98);
        font-size: 16px;
        font-weight: 700;
        line-height: 150%; /* 27px */
        list-style: none;
        background: var(--Green---Mid, #06351D) !important;
        border: 1px solid var(--Green---Light, #098845) !important;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24);
    }

    .woocommerce-error,
    .coupon-error-notice {
        width: 100%;
        padding: 12px 24px;
        border-radius: 16px;
        list-style: none;
        color: var(--White---01, #FAFAFA);
        font-size: 16px;
        font-weight: 700;
        line-height: 150%; /* 27px */
        background: #350606;
        border: 1px solid var(--Red, #EB322E);
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24);
    }

        .coupon-error-notice {
            display: block;
            margin-bottom: 24px;
        }



/*	WooCommerce: Account
-------------------------------------------*/

    .woocommerce-account .header-lian {
        display: none;
    }

    .woocommerce-account .woocommerce {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-top: 32px;
    }

    .woocommerce-MyAccount-navigation {
        width: 416px;
        overflow: hidden;
        position: relative;
        border-radius: 16px;
        border: 1px solid var(--Monkie-atmenet, #098845);
        background: var(--Green---Mid, #06351D);
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24);
    }

        .woocommerce-MyAccount-navigation .head {
            display: flex;
            padding: 24px;
            align-items: center;
            background: #0A311D;
        }

            .woocommerce-MyAccount-navigation .head .image {
                width: 84px;
                height: 84px;
                overflow: hidden;
                margin-right: 12px;
                border-radius: 50%;
                border: 3px solid var(--Green---Light, #098845);
            }

                .woocommerce-MyAccount-navigation .head .image img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    object-position: center;
                }

            .woocommerce-MyAccount-navigation .head .name {
                width: calc(100% - 96px);
                color: var(--White---01, #FAFAFA);
                font-size: 14px;
                font-weight: 400;
                line-height: normal;
            }

                .woocommerce-MyAccount-navigation .head .name h4 {
                    color: var(--White---01, #FAFAFA);
                    font-size: 18px;
                    font-weight: 700;
                    line-height: 150%;
                }

        .woocommerce-MyAccount-navigation ul {
            padding: 24px;
            list-style: none;
        }

            .woocommerce-MyAccount-navigation ul li {
                padding: 20px 0 0 0;
            }

                .woocommerce-MyAccount-navigation ul li a {
                    display: flex;
                    align-items: center;
                    padding-bottom: 11px;
                    color: var(--White---02, #F2EFEF);
                    font-size: 18px;
                    font-weight: 400;
                    line-height: 150%;
                    border-bottom: 1px solid var(--White---04, #A3A3A3);
                }

                    .woocommerce-MyAccount-navigation ul li a i {
                        display: flex;
                        width: 32px;
                        height: 32px;
                        margin-right: 6px;
                        border-radius: 50%;
                        align-items: center;
                        justify-content: center;
                        overflow: hidden;
                        position: relative;
                        background: #032915;
                    }

                        .woocommerce-MyAccount-navigation ul li a i:before {
                            content: "";
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            opacity: 0;
                            z-index: 1;
                            position: absolute;
                            background: var(--Monkie-atmenet, linear-gradient(0deg, #098845 0%, #0CFF7F 98.7%));
                            transition: opacity ease 0.3s;
                        }

                        .woocommerce-MyAccount-navigation ul li a i img {
                            z-index: 2;
                            position: relative;
                        }

                    .woocommerce-MyAccount-navigation ul li a span {
                        width: calc(100% - 40px);
                    }

                .woocommerce-MyAccount-navigation ul li a:hover,
                .woocommerce-MyAccount-navigation ul li.is-active a {
                    color: var(--Green---Menta, #98FF98);
                    border-bottom-color: var(--Green---Menta, #98FF98);
                }

                    .woocommerce-MyAccount-navigation ul li a:hover i:before,
                    .woocommerce-MyAccount-navigation ul li.is-active a i:before {
                        opacity: 1;
                    }

            .woocommerce-MyAccount-navigation ul li.logout {
                margin-top: 180px;
            }

                .woocommerce-MyAccount-navigation ul li.logout a {
                    padding-bottom: 0;
                    border-bottom: 0;
                }

    .woocommerce-MyAccount-content {
        width: calc(100% - 440px);
    }

        .woocommerce-MyAccount-content .filters {
            display: flex;
            margin: 24px 0;
        }

            .woocommerce-MyAccount-content .filters .btn-tag + .btn-tag {
                margin-left: 12px;
            }

        .woocommerce-MyAccount-content .video-item {
            max-width: 648px;
        }

            .woocommerce-MyAccount-content .video-item + .video-item {
                margin-top: 42px;
            }

    #update_all_subscriptions_billing_contact_field {
        display: none;
    }


    .woocommerce-MyAccount-content .wc-social-login-profile {
        margin: 0;
        padding: 0;
        border: 0;
    }

        .woocommerce-MyAccount-content .wc-social-login-profile h2 {
            margin-bottom: 24px;
        }

    /*
     *  Downloads / Files
     */
    .woocommerce .files {
        padding: 0 24px 9px 24px;
    }

        .woocommerce .files .item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 24px 0;
            color: #FFF;
            font-size: 18px;
            font-weight: 400;
            line-height: 150%; /* 27px */
        }

        .woocommerce .files .item a {
            color: var(--Yellow-default, #F9EE47);
            font-size: 14px;
            font-weight: 400;
            line-height: normal;
            text-decoration-line: underline;
        }

            .woocommerce .files .item + .item {
                border-top: 1px solid var(--White---04, #A3A3A3);
            }


    /*
     *  Subscriptions
     */
    .woocommerce_account_subscriptions fieldset .inner {
        display: block;
        padding: 48px 24px 48px 24px !important;
    }

        .woocommerce_account_subscriptions .package {

        }

            .woocommerce_account_subscriptions .package h2 {
                color: var(--White---01, #FAFAFA);
                font-size: 32px;
                font-weight: 700;
                line-height: 120%; /* 38.4px */
                padding-top: 0;
            }

            .woocommerce_account_subscriptions .package .price {
                color: var(--White---02, #F2EFEF);
                font-size: 24px;
                font-weight: 700;
                line-height: 120%; /* 28.8px */
                margin-top: 4px;
            }

            .woocommerce_account_subscriptions .package p {
                max-width: 255px;
                color: var(--White---04, #A3A3A3);
                font-size: 12px;
                font-weight: 400;
                line-height: 150%; /* 18px */
                margin-top: 10px;
            }

        .woocommerce_account_subscriptions .buttons {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: 64px;
        }

            .woocommerce_account_subscriptions .buttons .left {
                display: flex;
                align-items: center;
            }

                .woocommerce_account_subscriptions .buttons .left .btn {
                    margin-top: 0;
                }

                .woocommerce_account_subscriptions .buttons .left .link {
                    color: var(--White---02, #F2EFEF);
                    font-size: 14px;
                    font-weight: 700;
                    line-height: normal;
                    margin-left: 24px;
                }

                    .woocommerce_account_subscriptions .buttons .left .link:hover {
                        color: var(--Green---Menta, #98FF98);
                    }

            .woocommerce_account_subscriptions .buttons .right a {
                color: var(--White---02, #F2EFEF);
                font-size: 14px;
                font-weight: 400;
                line-height: normal;
                text-decoration: underline;
            }

                .woocommerce_account_subscriptions .buttons .right a:hover {
                    color: var(--Green---Menta, #98FF98);
                }


    /*
     *  Addresses
     */
    .woocommerce-Addresses {
        display: flex;
        justify-content: space-between;
    }

        .woocommerce-Address {
            width: calc(50% - 12px);
        }

        .woocommerce-Address address {
            display: block;
            width: 100%;
            color: #FFF;
            font-size: 18px;
            font-weight: 400;
            font-style: normal;
            line-height: 150%; /* 27px */
            margin-bottom: 48px;
        }

        .woocommerce-Address a {
            color: var(--Yellow-default, #F9EE47);
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            text-decoration: underline;
        }


    .woocommerce-address-fields {
        width: 100%;
    }


    /*
     *  Social profiles
     */
    .woocommerce-MyAccount-content .wc-social-login-profile {
        width: 100%;
    }

    .wc-social-login-profile table {
        width: 100%;
        border-collapse: collapse;
    }

        .wc-social-login-profile tr th {
            color: var(--Yellow-default, #F9EE47);
            font-weight: 700;
            line-height: 120%; /* 21.6px */
        }

        .wc-social-login-profile tr td {
            text-align: center;
            padding: 12px 24px 12px 24px;
            border-bottom: 1px solid var(--White---04, #A3A3A3);
        }

        .wc-social-login-profile th:first-child,
        .wc-social-login-profile tr td:first-child {
            padding-left: 0 !important;
            text-align: left;
        }

        .wc-social-login-profile th:last-child,
        .wc-social-login-profile tr td:last-child {
            padding-right: 0 !important;
            text-align: right;
        }

        .wc-social-login-profile td a:hover {
            color: var(--Green---Menta, #98FF98);
        }


    /*
     *  Orders
     */
    .box-order {
        margin-top: 42px;
        border-radius: 16px;
        border: 1px solid var(--Green---Light, #098845);
        background: var(--Green---Mid, #06351D);
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24);
    }

        .box-order .head {
            display: flex;
            padding: 24px;
            align-items: center;
            justify-content: space-between;
            border-bottom: 1px solid var(--Green---Light, #098845);
        }

            .box-order .head .left {
                displaY: flex;
                align-items: center;
            }

            .box-order .head .status {
                display: inline-flex;
                color: var(--Green---Dark, #032915);
                text-align: center;
                font-size: 12px;
                font-weight: 700;
                line-height: 12px;
                text-transform: uppercase;
                padding: 3px 12px 1px 12px;
                margin-left: 16px;
                justify-content: center;
                align-items: center;
                border-radius: 12px;
                background: #FFA500;
            }

                .box-order .head .status.completed {
                    background: #24FF72;
                }

                .box-order .head .status.cancelled,
                .box-order .head .status.failed {
                    background: #FF3C38;
                }

            .box-order .head .date {
                margin-right: 48px;
            }

        .box-order .items .item {
            display: flex;
            padding: 24px;
            justify-content: space-between;
        }

        .box-order .addresses {
            margin: 0 24px;
            padding: 24px 0 32px 0;
            display: flex;
            border-top: 1px solid var(--Green---Light, #098845);
        }

            .box-order .addresses .col {
                width: 50%;
            }

                .box-order .addresses .col address {
                    font-style: normal;
                }

        .box-order .bottom {
            padding: 0 24px 24px 24px;
        }

            .box-order .bottom .btn {
                background: var(--Green---Dark, #032915);
            }



/*	Woocommerce: Cart
-------------------------------------------*/

    .page-cart {
        display: flex;
        align-items: flex-start;;
        justify-content: space-between;
    }

    .woocommerce-cart-form {
        width: calc(100% - 390px);
    }

    .woocommerce-cart-form .qa .main {
        color: var(--Green---Light, #098845);
    }

    .woocommerce-cart-form .box {
        padding: 0 24px 30px 24px;
        margin-bottom: 24px;
        border-radius: 16px;
        background: var(--Green---Mid, #06351D) !important;
        border: 1px solid var(--Green---Light, #098845) !important;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24);
        position: relative;
        overflow: hidden;
    }

        .woocommerce-cart-form .box:before {
            content: "";
            top: 0;
            left: 0;
            right: 0;
            height: 60px;
            z-index: 1;
            position: absolute;
            background: #0A311D;
        }

        .shop_table {
            z-index: 2;
            width: 100%;
            overflow: hidden;
            position: relative;
        }

        .shop_table thead {
            color: var(--White---01, #FAFAFA);
            font-size: 18px;
            font-weight: 700;
            line-height: 120%; /* 21.6px */
            border-radius: 15px;
        }

            .shop_table thead th {
                padding: 0 24px;
                height: 60px;
            }

                .shop_table thead th:first-child {
                    text-align: left;
                    padding-left: 0;
                }

                .shop_table thead th:last-child {
                    padding-right: 0;
                }

        .shop_table tr td {
            padding: 24px 24px 14px 24px;
            border-bottom: 1px solid var(--White---04, #A3A3A3);
        }

            .shop_table tr td:first-child {
                padding-left: 0;
            }

                .page-cart .shop_table tr td:first-child {
                    width: 50%;
                }

            .shop_table tr td:last-child {
                padding-right: 0;
            }

            .shop_table tr th.product-price {
                text-align: right;
            }

            .shop_table thead th.product-quantity {
                width: 110px;
                padding-left: 12px;
                padding-right: 12px;
            }

            .shop_table tr th.product-subtotal {
                width: 80px;
                padding-left: 12px;
                text-align: right;
            }

            .shop_table tr .product-total {
                text-align: right;
            }

            .shop_table tr .product-remove svg {
                min-width: 24px;
            }

        .shop_table .cart-item-wrapper {
            display: flex;
            align-items: center;
            color: var(--White---02, #F2EFEF);
            font-size: 12px;
            font-weight: 400;
            line-height: 150%; /* 18px */
        }

            .shop_table .cart-item-wrapper img {
                width: 42px;
                min-width: 42px;
                height: 42px;
                margin-right: 12px;
                object-fit: contain;
                object-position: center center;
            }

            .shop_table .cart-item-wrapper strong {
                display: block;
                color: var(--Yellow-default, #F9EE47);
                text-shadow: var(--text-outline-brown-tiny);
                font-size: 14px;
                font-weight: 700;
                line-height: 100%; /* 14px */
                margin-bottom: 3px;
            }

            .shop_table .cart-item-wrapper .m-price {
                display: none;
                color: var(--White---01, #FAFAFA);
                font-size: 12px;
                font-weight: 400;
                line-height: 120%; /* 14.4px */
                text-transform: uppercase;
                margin-top: 6px;
            }

            .shop_table .m-remove {
                display: none;
            }

        .shop_table td.product-price {
            width: 100px;
            color: var(--White---03, #E2E0E0);
            text-align: right;
            font-size: 14px;
            font-weight: 400;
            line-height: normal;
            padding-left: 0;
        }

        .shop_table .product-quantity {
            padding-left: 12px;
            padding-right: 12px;
        }

            .shop_table .product-quantity .subscription-qty {
                display: block;
                color: var(--White---03, #E2E0E0);
                text-align: right;
                font-size: 18px;
                font-weight: 700;
                line-height: 120%;
            }

            .shop_table .product-quantity .subscription-qty ~ * {
                display: none;
            }

            .qty-refresh-wrapper {
                display: flex;
                align-items: center;
            }

                .qty-refresh-wrapper .qty-wrapper {
                    min-width: 85px;
                    margin-right: 8px;
                }

                .shop_table .product-quantity .refresh {
                    cursor: pointer;
                    stroke: var(--Green---Menta, #98FF98);
                    min-width: 16px;
                }

            .subscription-switch-direction {
                display: none;
            }

        .shop_table td.product-subtotal {
            width: 180px;
            color: var(--White---03, #E2E0E0);
            text-align: right;
            font-size: 18px;
            font-weight: 700;
            line-height: 120%; /* 21.6px */
        }

        .shop_table td.product-remove a:hover path {
            stroke: var(--Green---Menta);
        }

    .page-cart .cart-right {
        width: 366px;
    }

        .page-cart .recurring-totals,
        .page-cart .recurring-total {
            display: none;
        }

        .page-cart .cart-collaterals {
            margin-top: 24px;
            padding: 18px 24px 24px 24px;
            border-radius: 16px;
            background: var(--Green---Mid, #06351D) !important;
            border: 1px solid var(--Green---Light, #098845) !important;
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24);
            position: relative;
            overflow: hidden;
        }

            .page-cart .cart-collaterals table {
                width: 100%;
                color: var(--White---03, #E2E0E0);
                font-size: 18px;
                font-weight: 700;
                line-height: 120%; /* 21.6px */
            }

                .page-cart .cart-collaterals table th {
                    text-align: left;
                    padding-top: 6px;
                }

                .page-cart .cart-collaterals table td {
                    text-align: right;
                    padding-top: 6px;
                }

            .page-cart .order-total {
                display: flex;
                margin-top: 36px;
                margin-bottom: 36px;
                justify-content: space-between;
                color: var(--White---03, #E2E0E0);
                font-size: 24px;
                font-weight: 700;
                line-height: 120%; /* 28.8px */
            }

            .page-cart .woocommerce-shipping-totals td {
                color: var(--Green---Menta, #98FF98);
            }

            .page-cart .btn {
                width: 100%;
            }

            .page-cart .coupon,
            .woocommerce-checkout .coupon {
                display: flex;
                justify-content: space-between;
            }

                .page-cart .coupon .form-row,
                .woocommerce-checkout .coupon .form-row {
                    width: calc(100% - 122px) !important;
                }

                .page-cart .coupon button,
                .woocommerce-checkout .coupon button {
                    width: 110px !important;
                }

                .woocommerce-checkout .coupon {
                    margin-bottom: 24px;
                }

    .wc-empty-cart-message {
        color: var(--White---01, #FAFAFA);
        font-size: 18px;
        font-weight: 700;
        line-height: 150%; /* 27px */
        text-align: center;
    }

    /*
     *  Empty cart
     */
    .woocommerce-cart:has(.cart-empty) .page-header {
        padding-bottom: 0 !important;
    }

    .cart-empty {
        text-align: center;
    }

        .cart-empty h4 {
            color: var(--Yellow-default, #F9EE47);
            text-align: center;
            text-shadow: var(--text-outline-brown);
            font-size: 24px;
            font-weight: 700;
            line-height: 120%;
            margin-bottom: 24px;
        }

        .cart-empty img {
            display: block;
            margin: 0 auto;
        }

        .cart-empty .buttons {
            display: flex;
            justify-content: center;
            margin-top: 24px;
        }

            .cart-empty .buttons .btn {
                min-width: 160px;
                margin: 0 12px;
            }



/*	WooCommerce: Checkout
-------------------------------------------*/

    form.woocommerce-checkout {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        form.woocommerce-checkout .woocommerce-NoticeGroup-checkout {
            width: 100%;
            margin-bottom: 24px;
        }

        .woocommerce-checkout .form {
            width: calc(100% - 442px);
        }

        .woocommerce-checkout .summary {
            width: 428px;
        }

        .woocommerce-checkout .woocommerce-message {
            margin-bottom: 24px;
        }

    .woocommerce-checkout .box {
        overflow: hidden;
        border-radius: 16px;
        border: 1px solid var(--Green---Light, #098845);
        background: var(--Green---Mid, #06351D);
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24);
    }

        .woocommerce-checkout .box {
            margin-bottom: 24px;
        }

        .woocommerce-checkout .box .head {
            color: var(--White---01, #FAFAFA);
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: 150%; /* 36px */
            padding: 12px 24px;
            background: #0A311D;
            border-radius: 15px 15px 0 0;
        }

            .woocommerce-checkout .box .head h3 {
                display: flex;
                align-items: center;
            }

                .woocommerce-checkout .box .head h3 svg {
                    margin-right: 12px;
                }

            .woocommerce-checkout .box .head img {
                margin-left: 16px;
            }

        .woocommerce-checkout .box .inner {
            padding: 24px 24px 16px 24px;
        }


    .checkout-fields {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -12px;
    }

        .checkout-fields .form-row {
            width: calc(50% - 24px);
            margin: 0 12px 24px 12px;
        }

        .checkout-fields .form-row.form-row-wide:not(.address-field) {
            width: calc(100% - 24px);
        }

    .checkout-fields #billing_country_field,
    .checkout-fields #shipping_country_field {
        display: none;
    }


    /*
     *  shipping methods
     */
    .woocommerce-shipping-methods {
        display: flex;
        list-style: none;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 48px 24px 24px 24px;
    }

        .woocommerce-shipping-methods li {
            width: calc(50% - 12px);
            margin-bottom: 24px;
        }

            .woocommerce-shipping-methods li label {
                display: flex;
                align-items: center;
                padding: 16px 24px 16px 24px;
                border-radius: 8px;
                border: 1px solid var(--Green---Light, #098845);
                background: var(--Green---Mid, #06351D);
                cursor: pointer;
            }

                .woocommerce-shipping-methods li label span {
                    display: inline-block;
                    margin-top: -5px;
                }

                    .woocommerce-shipping-methods li.gls {
                        font-weight: bold;
                    }

                .woocommerce-shipping-methods li label small {
                    display: block;
                    color: var(--White---04, #A3A3A3);
                    font-size: 12px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 12px;
                    text-transform: uppercase;
                }

            .woocommerce-shipping-methods li label .checkbox {
                width: 32px;
                height: 32px;
                margin-top: 8px;
                margin-right: 12px;
            }

            .woocommerce-shipping-methods li input {
                display: none;
            }

            .woocommerce-shipping-methods li .checked { display: none; }
            .woocommerce-shipping-methods li .not-checked { display: block; }

            .woocommerce-shipping-methods li input:checked + label .checked { display: block; }
            .woocommerce-shipping-methods li input:checked + label .not-checked { display: none; }

            .woocommerce-shipping-methods li input:checked + label {
                color: var(--Green---Menta, #98FF98);
            }

            .woocommerce-shipping-methods li label .icon {
                margin-right: 12px;
            }

            .woocommerce-shipping-methods li input:checked ~ label .icon {
                fill: var(--Green---Menta, #98FF98);
            }

            .woocommerce-shipping-methods li .payment_box {
                display: none !important;
            }


    /*
     *  Payment methods
     */
    .wc_payment_methods {
        list-style: none;
        padding: 30px 24px 40px 24px;
    }

    .wc_payment_methods li {
        border-radius: 8px;
        padding: 8px 24px 8px 24px;
        border: 1px solid var(--Green---Light, #098845);
        background: var(--Green---Mid, #06351D);
    }

        .wc_payment_methods li:has(> input:checked) {
            background: #032915;
        }

        .wc_payment_methods li label {
            display: flex;
            align-items: center;
            cursor: pointer;
        }

            .wc_payment_methods li label .checkbox {
                width: 32px;
                height: 32px;
                margin-top: 8px;
                margin-right: 12px;
            }

            .wc_payment_methods li input {
                display: none;
            }

            .wc_payment_methods li .checked { display: none; }
            .wc_payment_methods li .not-checked { display: block; }

            .wc_payment_methods li input:checked + label .checked { display: block; }
            .wc_payment_methods li input:checked + label .not-checked { display: none; }

            .wc_payment_methods li input:checked + label {
                color: var(--Green---Menta, #98FF98);
            }

            .wc_payment_methods li label .icon {
                margin-right: 12px;
            }

                .wc_payment_methods li input:checked ~ label .icon {
                    stroke: var(--Green---Menta, #98FF98);
                }

            .wc_payment_methods li + li {
                margin-top: 12px;
            }

            .wc_payment_methods li label .title {
                display: flex;
                width: calc(100% - 80px);
                justify-content: space-between;
                align-items: center;
            }

        .wc_payment_methods li .payment_box {

        }

    /*
     *  WooCommerce checkout/cart AJAX overlay színe
     */
    .woocommerce-checkout .blockUI.blockOverlay,
    .woocommerce-cart .blockUI.blockOverlay,
    .woocommerce .blockUI.blockOverlay {
        background: var(--Green---Mid, #06351D) !important;
        opacity: 0.5 !important;
        border-radius: 16px;
    }


    /*
     *  Review order
     */
    .woocommerce-checkout-review-order-table {
        margin: -12px 0 0 0;
        padding: 0;
        border-collapse: collapse;
    }

        .woocommerce-checkout-review-order-table tr td {
            padding: 12px 0;
        }

        .woocommerce-checkout-review-order-table tr td.product-qty {
            width: 45px;
            color: var(--White---03, #E2E0E0);
            font-size: 12px;
            font-weight: 400;
            line-height: 120%; /* 14.4px */
            text-transform: uppercase;
            text-align: right;
            padding-right: 12px;
        }

        .woocommerce-checkout-review-order-table tr td.product-total {
            color: var(--White---03, #E2E0E0);
            font-size: 16px;
            font-weight: 400;
            line-height: 150%; /* 24px */
        }

        .woocommerce-checkout-review-order-table tfoot tr:first-child th,
        .woocommerce-checkout-review-order-table tfoot tr:first-child td {
            padding-top: 16px;
        }

        .woocommerce-checkout-review-order-table tfoot th {
            color: var(--White---03, #E2E0E0);
            font-size: 18px;
            font-weight: 700;
            line-height: 120%; /* 21.6px */
            text-align: left;
            padding: 0 0 3px 0;
        }

        .woocommerce-checkout-review-order-table tfoot td {
            padding: 0;
            border: 0;
            font-weight: bold;
            text-align: right;
            padding-bottom: 3px;
        }

            tr.cart-discount td {
                color: var(--Green---Menta, #98FF98);
            }

        table .subscription-details {
            display: block;
            color: var(--Green---Menta, #98FF98);
            font-size: 12px;
            line-height: 12px;
            text-align: right;
        }

        .woocommerce-checkout-review-order-table .recurring-total,
        .woocommerce-checkout-review-order-table .recurring-totals {
            display: none;
        }

        .vp-woo-pont-review-order-selected {
            font-size: 14px;
            font-weight: 400;
            text-align: left;
            border-radius: 8px;
            padding: 8px 16px 8px 16px;
            border: 1px solid var(--Green---Light, #098845);
            background: #032915;
        }

            .vp-woo-pont-review-order-selected-provider span {
                color: var(--Green---Menta, #98FF98);
            }

            .vp-woo-pont-review-order-selected-address {
                display: block;
                color: var(--White---04, #A3A3A3);
            }

            .vp-woo-pont-review-order-selected a {
                color: var(--Yellow-default, #F9EE47);
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                text-decoration: underline;
            }

    .woocommerce-checkout .summary .inner {
        padding-bottom: 48px;
    }

        .woocommerce-checkout .summary .btn {
            width: 100%;
        }

    .woocommerce-terms-and-conditions-wrapper {
        font-size: 14px;
        line-height: 21px;
        margin: 24px 0;
    }

        .woocommerce-terms-and-conditions-wrapper a {
            color: var(--Yellow-default, #F9EE47);
            font-weight: bold;
            text-decoration: underline;
        }

    .woocommerce-remove-coupon {
        display: block;
        color: var(--Green---Light, #098845);
        font-size: 12px;
        font-weight: 400;
        line-height: 12px;
    }

        .woocommerce-remove-coupon:hover {
            color: var(--Yellow-default, #F9EE47);
        }

    .woocommerce-checkout .order-total th,
    .woocommerce-checkout .order-total td {
        font-size: 24px;
        font-weight: 700;
        line-height: 120%;
        padding-top: 20px;
    }

        .woocommerce-checkout .order-total td {
            color: var(--White---01, #FAFAFA);
        }


    /*
     *  Express Checkout
     */
    #wc-stripe-express-checkout-element {
        margin-top: 0 !important;
    }

    #wc-stripe-express-checkout-button-separator {
        margin: 16px 0 !important;
        font-size: 16px;
    }


    #woocommerce-checkout-form-coupon {
        display: block !important;
    }

        #woocommerce-checkout-form-coupon .form-row label,
        #woocommerce-checkout-form-coupon .form-row input,
        #woocommerce-checkout-form-coupon .form-row button {
            display: none !important;
        }




/*	Page: Login / Signup
-------------------------------------------*/

    body:has(.page-login) .header-lian + .container {
        width: 100%;
        max-width: 100%;
    }

    .page-login {
        width: 100%;
        padding: 50px 0;
        position: relative;
    }

    .page-login .page-header {
        padding-bottom: 38px;
    }

    .page-login form {
        max-width: 418px;
        margin: 0 auto;
    }

        .page-login form .btn {
            width: 100%;
        }

        .page-login .woocommerce-LostPassword {
            color: var(--White---03, #E2E0E0);
            font-size: 12px;
            font-weight: 400;
            line-height: 120%;
            text-transform: uppercase;
            margin: -6px 0 32px 0;
        }

            .page-login .woocommerce-LostPassword a:hover {
                color: var(--Green---Menta, #98FF98);
            }


        .page-login .side-left {
            top: 50%;
            left: 0;
            position: absolute;
            transform: translateY(-50%);
        }

        .page-login .side-right {
            top: 50%;
            right: 0;
            position: absolute;
            transform: translateY(-50%);
        }

    .wc-social-login {
        display: flex;
        flex-direction: column;
    }

    .page-login .button-social-login  {
        display: flex;
        height: 40px;
        color: var(--White---01, #FAFAFA);
        font-size: 14px;
        font-weight: 700;
        line-height: normal;
        align-items: center;
        justify-content: center;
        border-radius: 100px;
        margin: 0;
    }

        .page-login .button-social-login img {
            margin-right: 6px;
        }

        .page-login .button-social-login.button-social-login-facebook {
            order: 2;
            border: 2px solid #749EFF;
            background: #2363F6;
            box-shadow: 5px 2px 0 #123074;
        }

        .page-login .button-social-login.button-social-login-google {
            order: 1;
            border: 2px solid #FCA9A1;
            background: #ED5243;
            box-shadow: 5px 2px 0 #CE2211;
            margin-bottom: 26px;
        }

    .page-login .or {
        color: var(--White---03, #E2E0E0);
        text-align: center;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        text-transform: uppercase;
        padding: 32px 0;
    }

    .page-login .signup-link {
        max-width: 418px;
        color: var(--White---03, #E2E0E0);
        text-align: center;
        font-size: 12px;
        font-weight: 400;
        line-height: 120%;
        text-transform: uppercase;
        margin: 42px auto 0 auto;
    }

        .page-login .signup-link p {
            margin-bottom: 12px;
        }

        .page-login .signup-link .btn.white {
            width: 100%;
            background: transparent;
        }

    .page-login .signup .signup-link {
        margin-top: 32px;
    }

        .page-login .signup .signup-link p {
            margin-bottom: 32px;
        }

    .form-wrapper {

    }

        .form-wrapper fieldset {
            border: 0;
        }

            .form-wrapper fieldset .gfield_label {
                display: none !important;
            }

        .form-wrapper .gfield_label,
        .form-wrapper .gform-field-label {
            top: 0;
            display: flex;
            align-items: center;
            z-index: 2;
            height: 42px;
            padding: 0 24px;
            font-size: 14px;
            font-weight: 700;
            line-height: normal;
            position: absolute;
        }

        .form-wrapper .gfield_required {
            display: none;
        }

        .form-wrapper .gfield {
            position: relative;
            margin-bottom: 24px;
        }

        .form-wrapper .ginput_password {
            display: block;
            position: relative;
        }

            .form-wrapper .ginput_password + .ginput_password {
                margin-top: 24px;
            }

            .form-wrapper .password_input_container {
                display: block;
            }

        .form-wrapper .gfield input {
            width: 100%;
            height: 42px;
            color: #FFF;
            padding: 7px 24px 0 24px;
            font-family: "Baloo 2", sans-serif;
            font-size: 14px;
            font-weight: 700;
            line-height: 16px;
            border-radius: 32px;
            border: 1px solid var(--Green---Light, #098845);
            background: var(--Green---Mid, #06351D);
        }

            .form-wrapper .gfield input[aria-invalid="true"] {
                background: #350606;
                border: 1px solid var(--Red, #EB322E);
                box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24);
            }

            .form-wrapper .gfield input:not(:placeholder-shown) {
                padding-top: 14px !important;
            }

            .form-wrapper .gfield--type-password {
                display: flex;
                flex-direction: column;
            }

                .form-wrapper .gfield--type-password .ginput_complex {
                    order: 1;
                }

                .form-wrapper .gfield--type-password .gfield_description {
                    order: 3;
                }

                .form-wrapper .gfield--type-password .validation_message {
                    order: 2;
                }

                .form-wrapper .gform_show_password {
                    top: 50%;
                    right: 24px;
                    width: 20px;
                    height: 20px;
                    border: 0;
                    margin-top: -10px;
                    background: transparent;
                    position: absolute;
                    background: url('../img/icon-eye.svg') no-repeat center center;
                    cursor: pointer;
                }

        .form-wrapper .gfield:has(input:focus) .gfield_label,
        .form-wrapper .gfield:has(input:focus) .gform-field-label {
            color: var(--Green---Menta, #98FF98);
        }

        .form-wrapper .gfield:has(input:not(:placeholder-shown)) .gfield_label,
        .form-wrapper .ginput_password:has(input:not(:placeholder-shown)) .gform-field-label {
            color: var(--Green---Menta, #98FF98);
            font-size: 8px;
            font-weight: 400;
            line-height: 150%; /* 12px */
            height: 24px;
        }

        .form-wrapper .gfield_description {
            color: var(--White---04, #A3A3A3);
            font-size: 14px;
            font-weight: 400;
            line-height: normal;
            margin-top: 6px;
        }

        .form-wrapper .gfield_error #gfield_description_1_1,
        .gfield_password_strength {
            display: none;
        }


/*	Page: Thank you
-------------------------------------------*/

    .page-header-thankyou {
        padding: 0;
        margin-top: 40px;
        margin-bottom: -120px;
    }

        .page-header-thankyou .container {
            display: flex;
            min-height: 490px;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .page-header-thankyou .btn {
            min-width: 200px;
        }


/*	Popups
-------------------------------------------*/

    .popup {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9005;
        overflow: auto;
        position: fixed;
        background: rgba(6, 53, 29, 0.84);
        opacity: 0;
        visibility: hidden;
        transition: all ease 0.3s;
    }

        .popup.show {
            opacity: 1;
            visibility: visible;
        }

        .popup .inner {
            display: table;
            width: 100%;
            height: 100vh;
            vertical-align: middle;
        }

        .popup .inner .tr {
            padding: 20px;
            display: table-cell;
            vertical-align: middle;
        }

        .popup .close {
            top: 24px;
            right: 24px;
            cursor: pointer;
            position: absolute;
        }

        .popup .content-wrapper {
            max-width: 760px;
            margin: 0 auto;
            position: relative;
            box-sizing: border-box;
            opacity: 0;
            transform: translate3d(0px, 50px, 0px);
            transition: all ease 0.5s 0s;
        }

            .popup.show .content-wrapper {
                opacity: 1;
                transform: translate3d(0px, 0px, 0px);
            }

            .popup .content-wrapper.bordered {
                border-radius: 16px;
                border: 1px solid var(--Monkie-atmenet, #098845);
                background: var(--Green---Mid, #06351D);
                box-shadow: 0 4px 22px 0 rgba(0, 0, 0, 0.42);
            }

            .popup .content-wrapper.type-video {
                max-width: 1296px;
                padding: 0;
            }

                .popup .content-wrapper.type-video h3 {
                    color: var(--Yellow-default, #F9EE47);
                    text-align: center;
                    text-shadow: var(--text-outline-brown);
                    font-size: 64px;
                    font-weight: 700;
                    line-height: normal;
                }

                .popup .content-wrapper.type-video .responsive-video {
                    border-radius: 16px;
                    overflow: hidden;
                    position: relative;
                    background: var(--Green---Mid, #06351D);
                }


    /*
     *  Reviews
     */
    .popup .content-wrapper.type-review {
        max-width: 856px;
        padding: 32px 40px 24px 40px;
        background: var(--Green---Mid, #06351D) url('../img/dark-leafs-bottom.png') no-repeat bottom center / 100% auto;
    }

        .popup .type-review .content {
            text-align: center;
        }

        .popup .type-review .content h5 {
            display: inline-flex;
            align-items: center;
            height: 16px;
            color: var(--Green---Dark, #032915);
            font-size: 12px;
            font-weight: 700;
            line-height: 120%;
            text-align: center;
            text-transform: uppercase;
            border-radius: 12px;
            padding: 1px 12px 0 12px;
            background: var(--Yellow--active, #FAE500);
            margin-bottom: 11px;
        }

        .popup .type-review .content .title {
            color: var(--Green---Menta, #98FF98);
            font-size: 32px;
            font-style: normal;
            font-weight: 700;
            line-height: 120%; /* 38.4px */
            margin-bottom: 10px;
        }

        .popup .type-review .content p {
            max-width: 724px;
            margin: 0 auto 24px auto;
        }

        .popup .type-review .content .author {
            color: var(--White---02, #F2EFEF);
            text-align: center;
            font-size: 24px;
            font-weight: 700;
            line-height: 120%;
            margin-top: 22px;
        }

        .popup .type-review .content .author small {
            display: block;
            color: var(--White---02, #F2EFEF);
            font-size: 14px;
            font-weight: 400;
            text-align: center;
            line-height: 1.2;
        }


    /*
     *  Reviews
     */
    .popup .content-wrapper.type-subscription {
        display: flex;
        align-items: center;
        max-width: 856px;
        width: 100%;
        min-height: 566px;
        text-align: center;
        padding: 32px 40px 24px 40px;
        background: var(--Green---Mid, #06351D) url('../img/dark-leafs-bottom.png') no-repeat bottom center / 100% auto;
    }

        .popup .type-subscription .side-left {
            top: 50%;
            left: 0;
            position: absolute;
            transform: translateY(-50%);
        }

        .popup .type-subscription .side-right {
            top: 50%;
            right: 0;
            position: absolute;
            transform: translateY(-50%);
        }

        .popup .type-subscription .content {
            width: 100%;
            padding: 0 160px;
        }

        .popup .type-subscription .content .title {
            color: var(--Green---Menta, #98FF98);
            font-size: 32px;
            font-style: normal;
            font-weight: 700;
            line-height: 120%; /* 38.4px */
            margin-bottom: 16px;
        }

        .popup .type-subscription .content p {
            max-width: 724px;
            margin: 0 auto 32px auto;
        }

        .popup .type-subscription .content .btn {
            width: 100%;
            max-width: 320px;
        }

            .popup .type-subscription .content .buttons span {
                display: block;
            }

            #btn-cancel-subscription {
                display: inline-block;
                color: var(--Red, #EB322E);
                text-align: center;
                font-size: 14px;
                font-weight: 700;
                margin-top: 20px;
            }


/*	Responsive
-------------------------------------------*/

@media (max-width: 1380px)
{
    .product-tabs .inner { padding-left: 3vw; padding-right: 3vw; }

    .related-posts .container { width: 100%; max-width: 100%; }
    .related-posts .swiper-scrollbar { margin-top: 40px; left: 3vw !important; width: 94vw !important; }
}

@media (max-width: 1296px)
{
    .page-header .container:before { background-size: calc(100% + 200px) auto; z-index: -1; }

    .page-rules .monkie-card { width: calc(50% - 24px); max-width: none; }

    .box-order .head .date { margin-right: 24px; }
    .woocommerce-MyAccount-navigation { width: 350px; }
    .woocommerce-MyAccount-content { width: calc(100% - 374px); }
}

@media (max-width: 1240px)
{
    .page-header h1 { font-size: 56px; }
    .page-header .side-left { max-width: 220px; }
    .page-header .side-right { max-width: 220px; }
    .page-header p { max-width: 600px; }

    .page-contact { padding-bottom: 20px; }
    .page-contact p { font-size: 20px; }

    .page-faq .sd-1 { max-width: 220px; }
    .page-faq .sd-2 { max-width: 220px; }
    .page-faq .sd-3 { max-width: 220px; }

    .faq { position: relative; z-index: 2; }
    .faq .side-left { max-width: 220px; top: 40px; z-index: -1; }
    .faq .side-right { max-width: 220px; top: 40px; z-index: -1; }

    .twi .content h2 { font-size: 56px; }

    .tagcloud .content h2 { font-size: 56px; }

    .blog-slider .swiper-slide { min-height: 540px; }
    .featured-image .container { height: auto; aspect-ratio: 1296/728; }

    .banner .side-left { max-width: 240px; top: 50%; transform: translateY(-50%); }
    .banner .side-right { max-width: 240px; top: 50%; transform: translateY(-50%); }
    .banner .content { padding: 0 260px; }
    .banner .content h2 { font-size: 56px; }

    .related-posts h2 { font-size: 56px; }

    .pod-slider > .container h3 { font-size: 56px; }

    .packages h2 { font-size: 56px; }

    .woocommerce-shipping-methods { display: block; padding: 30px 24px 40px 24px; }
    .woocommerce-shipping-methods li { width: 100%; }
    .woocommerce-shipping-methods li + li { margin-top: 24px; }

    .woocommerce-MyAccount-navigation { width: 320px; }
    .woocommerce-MyAccount-navigation .head .image { width: 64px; height: 64px; }
    .woocommerce-MyAccount-content { width: calc(100% - 344px); }

    #ptab-tortenet .side-left, #ptab-tortenet .side-right { max-width: 290px; }

    .page-login .side-left { max-width: 260px; }
    .page-login .side-right { max-width: 260px; }
}

@media (max-width: 1180px)
{
    .page-cart { display: block; }
    .page-cart .qa { display: none; }
    .page-cart .cart-right { width: 100%; }

    .woocommerce-cart-form { width: 100%; }

    .woocommerce-checkout .box .head { font-size: 22px; }

    .page-header-thankyou { margin-bottom: -25px; }
    .page-header-thankyou .container { min-height: 330px; }
    .page-header-thankyou .side-left { top: 50%; transform: translateY(-50%); }
    .page-header-thankyou .side-right { top: 50%; transform: translateY(-50%); }

    .twi.boxed .container { padding-left: 70px; }
}

@media (max-width: 1140px)
{
    header .logo { width: 170px; }
    header .icons { width: 170px; }
    header nav > ul > li + li { margin-left: 24px; }

    .header-lian { height: 100px; z-index: 1; }

    .product .images { width: 44%; }
    .product .images .thumbnails .swiper-slide a { height: 130px; }
    .product .details { width: calc(56% - 24px); }

    .product-head .title { font-size: 42px; }

    .atc .qty-wrapper { margin: 0 12px; }
    .atc .right .cart .button { width: 140px; }

    .box-order .head .left { flex-direction: column; align-items: flex-start; }
    .box-order .head .status { margin-left: 0; margin-top: 5px; }
    .box-order .head .right { display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
    .box-order .head .date { margin-right: 0; }
}

@media (max-width: 1023px)
{
    /*header nav { display: none; }*/
    body { font-size: 16px; }

    header .logo { width: 134px; padding-top: 16px; }
    header .icons { width: 134px; }
    header .icons .cart { margin-left: 12px; }
    header .icons .account { margin-left: 12px; }
    header nav > ul { padding-left: 16px; }

    .page-header h1 { font-size: 48px; }
    .page-header:has(.side-left) { padding-top: 228px; }

    footer .middle .left { max-width: 380px; padding-right: 48px; }
    footer .bottom p { display: none; }
    footer .bottom .right { width: 100%; justify-content: space-between; }
    footer .bg .top { height: auto; }
    footer .bg .shape { top: 218px; }

    .page-faq .sd-1, .page-faq .sd-2, .page-faq .sd-3 { display: none; }

    .faq { margin-top: 40px; }
    .faq .side-left { top: 0; }
    .faq .side-right { top: 0; }
    .faq .container { padding-top: 280px; }

    .twi .container { flex-direction: column; }
    .twi .image { order: 1; }
    .twi .content { order: 2; padding-top: 24px; width: 100%; text-align: center; max-width: 640px; }
    .twi .content h2 { font-size: 48px; }

    .twi.boxed .container { padding-left: 0; min-height: 0 !important; position: unset !important; }
    .twi.boxed .image { position: absolute; bottom: 0; top: 20px; left: 40px; right: 40px; width: auto; max-width: 100%; z-index: 0; opacity: 0.12; }
    .twi.boxed .image img { width: 100%; height: auto; object-fit: contain; }
    .twi.boxed .content { position: relative; z-index: 1; padding: 48px 48px; }
    .twi.boxed .bg { left: -30px; right: -30px; }

    .tagcloud { margin-top: 40px; }
    .tagcloud .content h2 { font-size: 48px; }

    .page-blog-listing .blog-card { width: calc(50% - 24px); }

    .banner .container { width: 100%; }
    .banner .content { padding: 0 160px; }
    .banner .side-left { top: 0; transform: none; max-width: 210px; }
    .banner .side-right { top: 0; transform: none; max-width: 210px; }
    .banner .content { padding-top: 30px; }
    .banner .content .logo { max-width: 320px; height: autp; }
    .home .banner.mb-m-50 { margin-bottom: -25px; }

    .pod-slider > .container h3 { font-size: 46px; }

    .woocommerce-checkout { display: block; }
    .woocommerce-checkout .form { width: 100%; }
    .woocommerce-checkout .summary { width: 100%; }

    .page-header-thankyou .container { min-height: 0; }
    .page-header-thankyou .side-left { top: 0; transform: none; }
    .page-header-thankyou .side-right { top: 0; transform: none; }

    .home .video + .pod-slider { margin-top: 0; }

    .monkie-card .content { padding-top: 42px; }
    .monkie-card .content .title { font-size: 28px; }

    .hero .center { width: 440px; margin-left: -230px; bottom: 90px; }
    .hero .back { height: 460px; }
    .hero .front-1 { height: 180px; bottom: 20px; }
    .hero .front-2 { height: 240px; bottom: -36px; }

    .product .images { display: none; }
    .product .details { width: 100%; display: flex; flex-direction: column; }
    .product .details .product-head { order: 1; }
    .product .details .more-info { order: 2; }
    .product .details .images { order: 3; display: block; margin-top: 24px; }
    .product .details .atc { order: 4; padding-bottom: 0; padding-top: 60px; }
    .product .details .coupon { order: 5; }
    .product .details .infos { order: 6; }
    .product .details .advantages { order: 7; margin-top: 24px; }
    .product .description { order: 2; }
    .product .more-info { margin-top: 12px; }
    .product-bottom-bar .item { display: none; }
    .product-bottom-bar .atc { width: 100%; }

    .gallery-slider.pod-slider .swiper-slide { width: 270px; }
    .gallery-slider.pod-slider .monkie-card { height: 230px; min-height: 0; }

    .package-contents h2 { font-size: 56px; }
    .package-contents .cols { display: block; }
    .package-contents .cols ul { font-size: 16px; width: 100%; margin-left: 0; }

    .single-product .video { padding-bottom: 60px; }

    .gameplay h2 { font-size: 56px; }
    .gameplay .content { display: block; }
    .gameplay .content .left { width: 100%; max-width: 100%; }
    .gameplay .content .center { margin: 24px auto; }
    .gameplay .content .right { width: 100%; max-width: 100%; }

    .video + .pod-slider { margin-top: 0; }

    .woocommerce-account .woocommerce { display: block; }
    .woocommerce-MyAccount-navigation { width: 100%; }
    .woocommerce-MyAccount-content { width: 100%; }
    .woocommerce-MyAccount-navigation ul { padding-top: 0; }
    .woocommerce-MyAccount-navigation ul li.logout { margin-top: 20px; }
    .woocommerce-MyAccount-content h2 { padding-top: 32px; }

    .woocommerce-form-row, .woocommerce-address-fields .form-row { width: 100% !important; margin-bottom: 16px; }

    .woocommerce-Addresses { display: block; }
    .woocommerce-Address { width: 100%; }
    .woocommerce fieldset:not(#wc-stripe-upe-form) { margin-top: 24px; }
    .woocommerce fieldset .legend { padding-left: 16px; padding-right: 16px; }
    .woocommerce fieldset .inner { padding: 24px 16px; }
    .woocommerce-Address address { margin-bottom: 24px; }

    .box-order { margin-top: 24px; }
    .box-order .head { padding: 16px; }
    .box-order .head .right { font-size: 14px; }
    .box-order .items .item { padding: 24px 16px; }
    .box-order .addresses { margin: 0 16px; }
    .box-order .bottom { padding: 0 16px 24px 16px; }

    .woocommerce .files { padding-left: 16px; padding-right: 16px; }
    .woocommerce .files .item { font-size: 16px; }

    .woocommerce_account_subscriptions fieldset .inner { padding-top: 32px !important; padding-bottom: 32px !important; }
    .woocommerce_account_subscriptions .buttons { flex-wrap: wrap; margin-top: 48px; }
    .woocommerce_account_subscriptions .package .price { margin-top: 8px; }
    .woocommerce_account_subscriptions .buttons .left { justify-content: space-between; width: 100%; }
    .woocommerce_account_subscriptions .buttons .right { width: 100%; margin-top: 24px; text-align: center; }

    .woocommerce-MyAccount-navigation .head { padding: 24px 16px; }
    .woocommerce-MyAccount-navigation .nav-wrapper { display: flex; flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; }
    .woocommerce-MyAccount-navigation ul { display: flex; padding: 16px 8px 24px 8px; }
    .woocommerce-MyAccount-navigation ul li { padding: 0; margin: 0 8px; }
    .woocommerce-MyAccount-navigation ul li a { padding-bottom: 0; border-bottom: 0; }
    .woocommerce-MyAccount-navigation ul li.is-active { order: -1; }
    .woocommerce-MyAccount-navigation ul li.logout { margin-top: 0; }
}

@media (max-width: 767px)
{
    .container { width: calc(100vw - 32px); }

    .header-lian { height: 76px; top: 75px; }

    header { background: url('../img/header-mobile-bg.svg'); height: 75px; }
    header nav { display: none; }
    header .icons { width: auto; margin-top: 25px; }
    header .icons .hamburger-menu { display: block; }

    .mobile-menu { display: flex; }

    footer { padding-top: 195px; padding-bottom: 18px; }
    footer .bg { padding-top: 48px; }
    footer .newsletter { width: 100%; left: 1px; top: 103px; padding: 22px 32px 0 22px; }
    footer .newsletter .gform_button span span { display: none; }
    footer .newsletter .gform_body { width: calc(100% - 103px); }
    footer .newsletter .gfield input { font-size: 11px; height: 32px; padding-left: 14px; padding-right: 0; }
    footer .newsletter .gform_footer { width: 95px; }
    footer .newsletter .btn { height: 32px; min-height: 32px; padding-top: 0; padding-bottom: 0; font-size: 11px; }
    footer .middle { padding-bottom: 16px; }
    footer .middle .left { width: 100%; max-width: 100%; display: flex; flex-direction: column; align-items: center; padding-right: 0; }
    footer .middle .left p { display: none; }
    footer .middle .left img { max-width: 134px; margin-bottom: 16px; }
    footer .middle .left .social { flex-wrap: wrap; justify-content: center; }
    footer .middle .left .social .em-container { width: 100%; text-align: center; margin-top: 4px; }
    footer .middle .left .social .em { margin-left: 0; }
    footer .bottom { display: block; padding-bottom: 0; }
    footer .bottom:before { display: none; }
    footer .bottom p { display: block; text-align: center; }
    footer .bottom .right { display: block; }
    footer .bottom .right ul { justify-content: center; flex-wrap: wrap; margin-top: 4px; }
    footer .bottom .right .logos { margin-left: 0 !important; margin-top: 10px; }
    footer .bottom .right .logos img { margin: 0 auto; }
    footer .middle nav { display: none; }
    footer .bg .shape { top: 140px; left: 0; right: 0; width: auto; bottom: 0; -webkit-mask-image: none; mask-image: none; }
    footer .bg .shape img { width: 100%; left: 0; bottom: auto; top: 50%; transform: translateY(-50%); object-fit: contain; }

    .page-header { margin-top: 12px; padding-top: 34px; }
    .page-header .container:before { background-size: 100% auto; left: -16px; right: -16px; }
    .page-header:has(.side-left) { padding-top: 224px; }
    .page-header .side-left { max-width: 166px; }
    .page-header .side-right { max-width: 166px; }
    .page-header h1 { padding-top: 3px; }
    .page-header p { font-size: 16px; }
    .page-header p br { display: none; }
    .page-header .filters { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; margin-left: -16px; margin-right: -16px; }
    .page-header .filters::-webkit-scrollbar { display: none; }
    .page-header .inner { display: flex; padding: 0 16px; }
    .page-header .inner .btn-tag { white-space: nowrap; margin: 0 24px 0 0; }
    .page-header .inner .btn-tag:last-child { margin-right: 0; }

    .page-header + .twi { margin-top: 24px; }
    .twi .image { width: 100%; }
    .twi .content { padding-top: 10px; padding-bottom: 0; }

    .tagcloud { margin-top: 48px; }
    .tagcloud .bg { left: -457px; right: -457px; background-size: auto 229px; }
    .tagcloud .content { padding: 84px 16px 100px 16px; }

    .faq .side-left { max-width: 166px; }
    .faq .side-right { max-width: 166px; }
    .faq .container { padding-top: 250px; }
    .faq h3 { font-size: 32px; margin-bottom: 22px; }
    .faq .item .qn h4 { font-size: 16px; }
    .faq .item .answer { font-size: 16px; }

    .blog .header-lian { display: none; }
    .blog-slider { margin-top: 0; }
    .blog-slider .container { width: 100%; }
    .blog-slider .swiper-slide { border-radius: 0 !important; min-height: calc(100vh - 75px); }
    .blog-slider .swiper-slide .image img { border-radius: 0 !important; }
    .blog-slider .swiper-slide .content { padding: 0 16px 85px 16px; }
    .blog-slider .swiper-slide .content h2 { font-size: 32px; }
    .blog-slider .swiper-pagination { left: 16px; bottom: 40px; }

    .section-filters { margin-top: 48px; }
    .m-dropdown { padding: 24px; width: calc(100vw - 32px); }

    .page-blog-listing .blog-card { width: 100%; }

    .blog-card .tags { margin-left: -3px; margin-right: -3px; margin-bottom: -6px; }
    .blog-card .tags .btag { margin: 0 3px 6px 3px; }

    .blog-header .breadcrumbs { margin-bottom: 8px; }
    .blog-header h1 { font-size: 32px; padding-top: 2px; }

    .share { margin-top: 16px; }
    .featured-image .container { width: 100%; }
    .featured-image img  { border-radius: 0 !important; }

    .general-content h2 { margin-top: 36px; }
    .general-content h2 + p { margin-top: 16px; }
    .general-content blockquote { font-size: 32px; padding-left: 16px; padding-right: 16px; }

    .blog-content .bottom { display: none; }

    .banner .shape { left: -26px; right: -26px; }
    .banner .side-left { max-width: 166px; }
    .banner .side-right { max-width: 166px; }
    .banner .container { min-height: 0; }
    .banner .content { width: 100%; padding: 200px 16px 48px 16px; font-weight: bold; }
    .banner .content h2 { font-size: 48px; line-height: 120%; }
    .banner .content .btn { min-width: 160px; }
    .banner .content p { font-size: 16px; }

    .banner:has(+ .related-posts) { margin-bottom: 0; }
    .related-posts { background-position: 18% bottom; background-size: auto 110%; padding-top: 20px; }
    .related-posts h2 { font-size: 48px; }
    .related-posts .swiper-slide { width: calc(100vw - 32px); }
    .related-posts .swiper-scrollbar { left: 16px !important; width: calc(100vw - 32px) !important; }

    .page-contact p { font-size: 24px; margin-top: 28px; }

    .page-faq .faq { margin-top: 42px; }
    .page-faq .faq .container { padding-top: 0; }

    .page-login { padding-top: 5px; padding-bottom: 16px; margin: 0 16px; width: calc(100% - 32px); }
    .page-login .side-left { display: none; }
    .page-login .side-right { display: none; }
    .woocommerce-account .woocommerce:has(.page-login) { margin-top: 0; }

    .woocommerce-error { font-size: 14px; }

    .page-header-thankyou .breadcrumbs { display: none; }
    .page-header-thankyou p { margin-top: 12px; margin-bottom: 12px; }
    .page-header-thankyou { padding-bottom: 14px; }

    .page-rules { padding-bottom: 32px; }
    .page-rules .monkie-card { width: 100%; margin-bottom: 16px; }
    .monkie-card .image { width: 268px; height: 177px; }
    .monkie-card .content p { line-height: 150%; }

    .popup .content-wrapper.type-video h3 { font-size: 48px; }

    .product { margin-top: 48px; }
    .product-head .title { font-size: 32px; }
    .product .images .main { height: 300px; padding: 36px 36px 36px 36px; }
    .product .images .thumbnails { margin: 16px -16px 0 -16px; }
    .product .images .thumbnails .swiper-slide { width: 124px; height: 109px; }
    .product .images .thumbnails .swiper-slide a { height: 109px; }
    .product .images .thumbnails .swiper-scrollbar { margin-left: 16px; margin-top: 36px; width: calc(100% - 32px) !important; }
    .product .details .atc { position: relative; padding-top: 0; margin-top: 50px; }
    .product .details .atc { display: block; }
    .product .details .atc .cart { width: 100%; margin-top: 12px; }
    .product .details .atc .right .stock { position: absolute; top: 0; right: 0; display: flex; align-items: center; height: 38px; }
    .product .details .atc .qty-wrapper { margin-left: 0; }
    .product .details .atc .btn { width: calc(100% - 97px); }

    .product .coupon { font-size: 16px; margin-left: -16px; margin-right: -16px; width: calc(100% + 32px); padding: 16px 79px; }
    .product .coupon p br { display: none; }
    .product .coupon p strong { display: inline; }
    .product .coupon .bg .left { height: 123px; }
    .product .coupon .bg .right { height: 123px; }

    .product .advantages { flex-direction: column; }
    .product .advantages .item + .item { margin-top: 8px; }
    .product-tabs-wrapper { display: none; }

    .banner:has(+ footer) { margin-bottom: 0; }

    .videos .video-item { width: 100%; margin-bottom: 16px; }
    .pod-slider[data-type="video"] .swiper-slide { width: calc(100vw - 56px); padding-bottom: 16px; }

    .single-lesson .video .container { width: calc(100vw + 30px); border-radius: 0; }

    .subscribe-cta .price { margin-top: 5px; }
    .subscribe-cta p { font-size: 12px; text-transform: uppercase; margin-top: 8px; }

    .page-template-page-monkiesuli-php .page-header .container:before { bottom: 0; top: auto; }

    .video { padding-top: 36px; padding-bottom: 145px; }
    .video .top { width: 100vw; height: 93px; top: -75px; }
    .video .container { width: calc(100vw + 30px); margin-left: -15px; }
    .video .box { aspect-ratio: 403/666; }
    .video .bottom { height: 120px; width: auto; max-width: none; margin-top: -15px; left: 24px; transform: none; }

    .join { margin-top: 42px; }
    .join h2 { font-size: 32px; padding: 0 16px; }
    .join .desc { font-size: 16px; padding-left: 32px; padding-right: 32px; }

    .twi.boxed { margin-top: 135px; }
    .twi.boxed .container { margin-left: -15px; width: calc(100vw + 30px); overflow: hidden; }
    .twi.boxed .image { left: 0; right: 0; }
    .twi.boxed .image img { object-fit: cover; }
    .twi.boxed .monkies { top: -95px; }
    .twi.boxed .leafs { top: -75px; }

    .page-header + .pod-slider { margin-top: 32px; }

    .packages { margin-top: 32px; }
    .packages h2 { font-size: 48px; margin-bottom: 18px; }
    .packages .container { padding: 0; }
    .packages .items .mleft { display: none; }
    .packages .items .mright { display: none; }
    .packages .swiper { padding: 0; }
    .packages .qa { margin-top: 24px; }
    .packages .swiper-scrollbar { margin-top: 40px; }

    .single-product .banner + .video { margin-top: -70px; }
    #ptab-tortenet .side-left, #ptab-tortenet .side-right { max-width: 166px; }

    .banner:has(+ .package-contents) { margin-bottom: 0; }

    .package-contents .bg { left: -457px; right: -457px; background-size: auto 574px; background-position: center center; }
    .package-contents h2 { font-size: 48px; margin-bottom: 12px; }
    .package-contents .cols { margin: 0; }
    .package-contents .container { padding: 48px 0 75px 0; }

    .gameplay h2 { font-size: 48px; }
    .gameplay .content { font-size: 16px; }
    .gameplay .content .right .item { flex-direction: column; }
    .gameplay .content .right .item img { margin: 0 0 24px 0; }
    .gameplay .content .right .item p { width: 100%; text-align: center; font-size: 16px; }

    .tagcloud + .reviews-slider { margin-top: 48px; }

    .monkie-card.review-card .content p { font-size: 16px; }
    .monkie-card.review-card .content .author small { margin-top: 4px; }
    .gallery-slider { margin-top: 36px; }

    .product-bottom-bar { background-image: url('../img/product-bottom-bar-mobile-bg.svg'); }
    .product-bottom-bar .atc .price { font-size: 24px; flex-direction: column; align-items: flex-start; margin-right: 0; }
    .product-bottom-bar .atc .price del { margin-top: -4px; }
    .product-bottom-bar .atc .right .cart .button { width: 126px; }
    .product-bottom-bar .atc .right .in-stock { display: none; }
    .product-bottom-bar .atc .qty-wrapper { margin: 0 8px; }

    .development-areas { margin-top: 56px; }
    .development-areas .bg { left: -457px; right: -457px; background-size: auto 229px; background-position: center bottom; }

    .popup .inner .tr { padding: 16px; }
    .popup .content-wrapper.type-review { padding-left: 16px; padding-right: 16px; }
    .popup .content-wrapper.type-video h3 { font-size: 32px; line-height: 120%; margin-bottom: 24px; }

    .home .related-posts { padding-top: 110px; margin-top: -75px; background-size: 2981px auto; background-position: -567px 0; }
    .home .banner { margin-top: 48px; }
    .home .boxed + .banner { margin-bottom: 0; }

    .home .related-posts { padding-bottom: 0; }
    .home .twi.boxed { margin-top: 130px; }

    .hero { min-height: 0; padding-bottom: 280px; }
    .hero .logo { width: 100%; height: auto; }
    .hero .buttons { margin-top: 20px; }
    .hero .center { width: 278px; height: 299px; margin-left: -139px; bottom: 0; }
    .hero .back { max-width: none; width: 822px; height: auto; left: 50%; transform: translateX(-50%); bottom: 0; }
    .hero .front-1 { width: 823px; left: 50%; transform: translateX(-50%); bottom: -76px; }
    .hero .front-2 { width: 758px; left: 50%; transform: translateX(-50%); bottom: -76px; }

    .home .hero + .pod-slider { margin-top: 24px; }


    .woocommerce-message, .woocommerce-info { font-size: 14px; }

    .woocommerce-cart .page-header { padding-bottom: 36px !important; }
    .woocommerce-cart-form .box { padding: 16px; }
    .woocommerce-cart-form .box:before { display: none; }
    .shop_table { display: block; }
    .shop_table thead { display: none; }
    .shop_table tbody { display: block; }
    .shop_table tfoot { display: block; }
    .shop_table tr { display: flex; flex-wrap: wrap; align-items: center; padding-bottom: 12px; border-bottom: 1px solid #A3A3A3; }
    .shop_table tr + tr { margin-top: 16px; }
    .shop_table th { display: block; padding: 0 !important; width: 100% !important; border-bottom: 0px !important; }
    .shop_table td { display: block; padding: 0 !important; width: 100% !important; border-bottom: 0px !important; }
    .shop_table .cart-item-wrapper { margin-bottom: 12px; }
    .shop_table td.product-quantity { width: 110px !important; }
    .shop_table td.product-quantity .qty-wrapper { margin: 0; }
    .shop_table td.product-price { display: none; }
    .shop_table td.product-remove { display: none; }
    .shop_table td.product-subtotal { width: calc(100% - 110px) !important; color: var(--White---03, #E2E0E0); font-size: 18px; font-weight: 700; line-height: 120%; }
    .shop_table td.product-subtotal .amount:before { content: "ÖSSZESEN"; display: block; font-size: 12px; margin-bottom: -5px; }
    table .subscription-details { display: inline-block; }

    .qty-refresh-wrapper svg { margin-left: 8px; }

    .shop_table .remove svg { width: 18px; height: 18px; }
    .shop_table .cart-item-wrapper .title { width: calc(100% - 54px - 18px); padding-right: 16px; }
    .shop_table .cart-item-wrapper .title strong { margin-bottom: 1px; }
    .shop_table .cart-item-wrapper .m-price { display: block; }
    .shop_table .cart-item-wrapper .m-remove { display: block; }

    .page-cart .cart-collaterals { padding: 16px; }

    .woocommerce-checkout .page-header { padding-bottom: 30px !important; }
    .woocommerce-checkout .box .inner { padding: 24px 16px 16px 16px; }
    .checkout-fields .form-row { width: 100% !important; margin-bottom: 12px; }
    .woocommerce-shipping-methods { padding-left: 16px; padding-right: 16px; }
    .woocommerce-shipping-methods li label { padding: 16px; }
    .woocommerce-shipping-methods li + li { margin-top: 12px; }
    .wc_payment_methods { padding-left: 16px; padding-right: 16px; }
    .wc_payment_methods li { padding-left: 16px; padding-right: 16px; }

    .woocommerce-checkout .summary .box .inner { padding-bottom: 24px; }
    .woocommerce-checkout-review-order-table tr td.product-qty { width: 85px !important; color: var(--White---03, #E2E0E0); font-size: 16px; font-weight: 700; line-height: 120%; text-align: left !important; }
    .woocommerce-checkout-review-order-table tr td.product-total { width: calc(100% - 85px) !important; color: var(--White---03, #E2E0E0); font-size: 18px; font-weight: 700; line-height: 120%; }
    .woocommerce-checkout-review-order-table tr td.product-total .amount:before { content: "ÖSSZESEN"; display: block; font-size: 12px; margin-bottom: -5px; }

    .woocommerce-checkout-review-order-table tfoot { margin-top: 24px; }
    .woocommerce-checkout-review-order-table tfoot tr { justify-content: space-between; flex-wrap: nowrap; border: 0 !important; padding-bottom: 5px !important; }
    .woocommerce-checkout-review-order-table tfoot tr + tr { margin-top: 0; padding-bottom: 0px; }
    .woocommerce-checkout-review-order-table tfoot tr.order-total { padding-top: 16px; }
}

@media (max-width: 480px) {
    .banner .content:has(.logo) { padding-top: 115px; }
    .banner .content .logo { width: 100vw; max-width: none; margin-bottom: 16px; margin-left: -16px; }
}