@extends('layouts.base')
@section('content')
    <style>
        .nadpisek {
            font-size: 40px !important;
        }

        @media only screen and (max-width: 998px) {
            .nadpisek {
                font-size: 32px !important;
            }

            .shapes-container {
                display: none;
            }

            .non-mob {
                display: none;
            }

            .mob-marg {
                margin-top: 30px !important;
            }

            .choose-block {
                padding: 30px 20px !important;
            }

            .chosed {
                font-size: 16px !important;
            }

            .non-chosed {
                font-size: 16px !important;
            }
            .quality-header{
                font-size:14px !important;
            }
        }

        .round {
            border-radius: 50%;
            background-color: white;
            box-shadow: 0px 10px 30px 0px rgb(1 1 64 / 8%);
            width: 80px;
            height: 80px;
            text-align: center;
            margin: 0 auto;
            font-size: 40px;
            color: #ff603c;
            font-weight: 600;
            line-height: 80px;
            margin-bottom: 25px;
        }

        .app-landing-2-header .animation-shape.shape-triangle div {
            background-color: #ff603c;
        }

        .product-heading {
            line-height: 22px;
            color: #7b7d86;
            display: inline-block;
            font-size: 14px;
            letter-spacing: 1px;
            margin-bottom: 10px;
            background: #edeef3;
            padding: 5px 13px;
            font-weight: 600;
            border-radius: 16px;
            text-transform: uppercase;
        }

        .product-h2 {
            font-weight: 600;
            line-height: 1.13;
            font-size: 32px;
            color: #313336;
        }

        .product-h2 strong {
            color: #ff603c;
            font-weight: 600;
        }

        @media (min-width: 768px) {

            section [class^="container"],
            .section [class^="container"] {
                padding-top: 50px;
                padding-bottom: 90px;
            }
        }

        .pricing-block {
            width: 300px;
            cursor: grab;
            background-color: white;
            padding: 25px 12px;
        }

        .pricing-block .pricing-cover {
            max-width: 100%;
            border-radius: 8px;
            box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
            transition: 0.2s;
        }

        .pricing-block:hover .pricing-cover {
            box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
        }

        .pricing-header {
            padding: 20px 10px;
            color: #3a4250;
        }

        .pricing-block .number {
            font-size: 35px;
            font-weight: 700;
        }

        .pricing-block .type {
            margin-top: -10px !important;
            font-weight: 600;
            font-size: 15px;
            text-transform: uppercase;
        }

        .pricing-price {
            background-color: #FFE5E0;
            width: 100%;
            padding: 15px 15px;
            color: #3a4250;
            font-weight: 700;
            font-size: 42px;
        }

        .pricing-points {
            padding: 25px;
            padding-top: 17px;
            padding-bottom: 5px;
            font-weight: 500;
            color: #3a4250;
            font-size: 17px;
            text-align: left;
        }

        ul {
            list-style-type: none;
            padding-left: 15px;
        }

        .pricing-points li {
            margin-top: 8px;
        }



        .cart-obal {
            max-width: 640px;
            border-radius: 10px;
            background-color: white;
            box-shadow: 0 6px 6px rgb(0 0 0 / 4%), 0 0 42px rgb(0 0 0 / 4%);
            padding: 40px;
            margin: 0 auto;
        }

        .cart-obal h2 {
            text-align: center;
            font-weight: 700;
            font-size: 38px;
            color: #322f3b;
            margin-bottom: 0;
        }

        hr {
            outline: 0;
            height: 1px;
            background: #eaeaea;
            border-top: 0px solid #eaeaea;
            opacity: 1 !important;
            margin: 40px 0;
        }

        .progress {
            background-color: #efefef;
            height: 6px;
        }

        .bar {
            background: #efefef;
        }

        .value {
            height: 6px;
            background: #fc591e;
        }

        .form-control {
            font-family: 'Source Sans Pro', sans-serif;
            display: block;
            height: 56px;
            width: 100%;
            padding: 15px 16px 16px 53px;
            line-height: 24px;
            outline: 0;
            background: #fff;
            border: 1px solid #e5e5e5;
            font-size: 18px !important;
            text-align: left;
            font-weight: 400;
            color: #000 !important;
            box-sizing: border-box;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            border-color: #fc654b;
            box-shadow: 0 0 10px 0 rgb(252 101 75 / 20%);
        }

        .form-control.active,
        .form-control:focus {
            border-color: #fc654b;
            box-shadow: 0 0 10px 0 rgb(252 101 75 / 20%);
        }

        .input-icon {
            z-index: 100;
            pointer-events: none;
            margin: 0;
            position: absolute;
            top: 18px;
            left: 17px;
            width: 20px;
        }

        .form-group {
            position: relative;
            margin-bottom: 16px;
            box-sizing: border-box;
        }

        .selector {
            position: relative;
            font-size: 18px;
            color: #000;
            font-weight: 400;
        }

        .selector strong {
            font-weight: 600;
        }

        .selector>button.form-control {
            position: relative;
            margin-bottom: 6px;
            padding-right: 35px !important;
            background-color: white;
        }


        .selector .alt:last-child {
            margin-left: 0;
        }

        .selector .alt {
            margin-left: 10px;
            float: right;
            font-size: 17px;
            font-weight: 600;
            color: #000;
            text-align: right;
        }

        .activated-quality {
            border-color: #ff553c !important;
            border-width: 2px !important;
        }

        .plan__type-checkbox {
            position: absolute;
            bottom: 1.2rem;
            right: 1.2rem;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 2.3rem;
            height: 2.3rem;
            border: 2px solid #d3d3d3;
            border-radius: 1rem;
        }

        .quality-blocks {
            font-family: 'Inter', sans-serif;
            width: 440px;
            margin: auto;
            max-width: 94%;
            margin-top: 20px;
            font-weight: 500;
            margin-bottom: -10px;
        }

        .quality-body svg {
            position: absolute;
            left: 0;
            top: 4px;
        }

        .quality-body ul {
            padding-left: 0px !important;
        }

        .quality-body li {
            margin-bottom: 0.6rem;
            padding-left: 1rem;
            text-align: left;
            position: relative;
        }

        .quality-body {
            color: #313336;
            padding: 10px 10px;
            padding-top: 12px;
            padding-bottom: 0px;
            font-size: 14px;

        }

        .quality-header {
            padding: 15px;
            position: relative;
            background-color: #f2f6f9;
            overflow: hidden;
            border-top-left-radius: 18px;
            border-top-right-radius: 18px;
        }

        .quality {
            border-radius: 20px;
            border: 2px solid #efefef;
            cursor: pointer;
            height: 100%;
            position: relative;
        }


        .quality-obal {
            width: 50%;
            max-width: 220px;
        }

        .selector>button.form-control:after {
            content: "";
            position: absolute;
            top: 25px;
            right: 18px;
            width: 0;
            height: 0;
            border-color: #464b4d transparent transparent;
            border-style: solid;
            border-width: 6px 5px 0;
        }

        .selector .dropdown-stylized {
            position: absolute;
            margin: 0;
            padding-top: 0px;
            padding-bottom: 0px;
            width: 100%;
            left: 0;
            right: 0;
        }

        .dropdown-stylized a:first-child {
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }

        .dropdown-stylized a {
            position: relative;
            padding: 12px 22px;
            box-sizing: border-box;
            display: block;
            color: #000;
            text-decoration: none;
            white-space: nowrap;
            width: 100%;
            font-size: 16px;
            line-height: 22px;
            background-color: #fff;
            transition: background-color .15s ease-in-out;
        }

        .dropdown-stylized a:hover {
            background-color: #e9e9e9;
        }

        .dropdown-stylized a:after {
            content: "";
            display: block;
            position: absolute;
            height: 1px;
            background: #dfdfdf;
            bottom: 0;
            left: 0;
            right: 0;
        }

        .choose-block {
            margin: 20px auto;
            max-width: 550px;
            padding: 30px 40px;
            border-radius: 10px;
            border: 1px solid #EDEDED;
        }

        .trigger {
            box-shadow: 0 2px 11px 0 rgb(0 0 0/4%);
            border-radius: 8px;
            text-align: left;
            max-width: 350px;
            padding: 8px;
            position: relative;
            border: 1px solid #ededed;
            font-weight: 400;
            color: #000;
            margin: 25px auto;
            vertical-align: middle;
        }

        .trigger span#fire {
            background: blanchedalmond;
        }

        .trigger span {
            padding: 5px 7px;
            border-radius: 5px;
            position: relative;
            font-size: 23px;
            margin-right: 5px;
        }

        .trigger>span>img {
            width: 25px;
            margin-bottom: 4px;
        }

        .price-text {
            color: #323436;
            font-weight: 500;
            padding: 15px;
            border-radius: 10px;
            text-align: center;
            border: 1px solid #e5e5e5;
        }

        .price-text img {
            width: 25px;
            height: 25px;
        }


        .non-chosed {
            border: 3px solid #f6f6f8;
            border-radius: 5px;
            background: #fff;
            padding: 15px;
            font-size: 18px;
            cursor: pointer;
        }

        .price-text p {
            margin-top: 4px;
            margin-bottom: 0px;
        }

        .chosed {
            border: 3px solid #ff603c;
            border-radius: 5px;
            background: #ff603c;
            padding: 15px;
            font-size: 18px;
            cursor: pointer;
            color: white;
        }

        .features-list {
            margin-top: 30px !important;
            font-size: 16px;
            line-height: 25px;
            font-weight: 400;
            color: black;
        }

        .features-list li {
            margin-bottom: 14px;
        }

        .text-orange {
            color: #ff553c;
        }

        .header__scroll-nav {
            display: none;
            transition: all .5s;
            width: 100vw;
            padding-left: 10px;
            padding-right: 10px;
            background-color: white;
            box-shadow: 0 4px 22px rgb(0 0 0 / 7%) !important;
            border-bottom: 1px solid rgba(0, 0, 0, .1) !important;
            height: fit-content;
            overflow-x: hidden;
        }

        .header__scroll-nav .scroll-nav {
            list-style-type: none;
            display: flex;
            flex-flow: row nowrap;
            overflow-x: auto;
            scrollbar-width: none;
            -ms-overflow-style: none;
            padding-left: 12px;
            padding-right: 12px;
            margin-bottom: 0px !important;
        }

        .scroll-nav::-webkit-scrollbar {
            display: none;
        }

        .header__scroll-nav .scroll-nav__item:not(:last-child) {
            margin-right: 20px;
        }

        .header__scroll-nav .scroll-nav__item {
            flex: 1 1 auto;
            white-space: nowrap;
            text-align: center;
        }

        .header__scroll-nav .scroll-nav__item a.is-active {
            font-weight: 500;
            color: #000;
            border-bottom: 2px solid #ff553c;
        }

        .header__scroll-nav .scroll-nav__item a {
            display: inline-flex;
            padding: 10px 0;
            font-weight: 400;
            font-size: 14.27px;
            letter-spacing: -.02em;
            color: #595959;
            text-decoration: none;
            transition: all .2s;
        }

        @media (max-width: 767px),
        screen and (max-width: 812px) and (orientation: landscape) {
            .header__scroll-nav {
                display: block;
            }

            .header__inner:after,
            .header .header__scroll-nav:after {
                content: "";
                display: inline-block;
                position: absolute;
                left: 0;
                width: 100%;
                border-bottom: 1px solid rgba(0, 0, 0, .1);
            }

        }

        #fixedButton {
            position: fixed;
            bottom: -60px;
            /* původní pozice mimo obrazovku pro slide in animaci */
            left:0px;
            z-index: 1000;
            width:100%;
            opacity: 0;
            /* pro fade in animaci */
            transition: bottom 0.5s, opacity 0.5s;
            /* doba animace */
            text-align:center;
            background-color:white;
            padding-top:13px;
            padding-bottom:13px;
            box-shadow: 0 4px 22px rgb(0 0 0 / 7%) !important;
    border-top: 1px solid rgba(0, 0, 0, .1) !important;
        }

        .hidden {
            bottom: -60px;
            opacity: 0;
        }

        .specialButton {
            padding: 13px 27px;
            background-color: #FB5243;
            border: none;
            color: white;
            cursor: pointer;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
        }
    </style>
    <section style="">
        <div class="container" style="text-align:center;">
            <h1 class="product-heading" style="display:none;">{{ __('BUY INSTAGRAM FOLLOWERS') }}</h1>
            <h2 class="product-h2">Kup Instagram Followers 🇵🇱</h2>
            <p
                style="font-weight:400; max-width:600px; color: rgba(71, 71, 71, 0.9); font-size:16px; margin:0 auto; display:none;">
                {{ __('Get the best quality followers now.') }}</p>
            <div>
                <div class="trigger" style=" display:none;">
                    <span id="fire"><img title="objednávky" src="https://kuplajky.sk/img/fire-icon.png"
                            alt="objednávky"></span>
                    <span style="font-size:14px;"><b style="font-weight:600;">385 {{ __('zamówień') }}</b>
                        {{ __('in the last 7 days') }}</span>
                </div>
                <div class="trigger" style="width:fit-content; padding:15px; display:none;">

                    <svg height="24" viewBox="0 0 132 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M11.53 3.94c.302-.653.788-.653 1.09 0l1.93 4.166 4.352.628c.699.1.857.592.354 1.102l-3.178 3.199.78 4.558c.12.715-.285 1.007-.903.663l-3.88-2.175-3.88 2.175c-.618.344-1.022.052-.903-.663l.78-4.558-3.178-3.199c-.503-.51-.345-1.002.353-1.102L9.6 8.106l1.93-4.166Z"
                            fill="#fff"></path>
                        <rect y="1" width="23.15" height="22.048" rx="4.41" fill="#17CA80"></rect>
                        <path
                            d="M11.053 4.777c.29-.627.755-.627 1.045 0l1.849 3.994 4.173.601c.67.096.82.568.339 1.057l-3.046 3.066.747 4.37c.114.685-.274.965-.865.635l-3.72-2.085-3.72 2.085c-.591.33-.98.05-.865-.635l.747-4.37-3.046-3.066c-.481-.489-.33-.96.34-1.057l4.172-.601 1.85-3.994Z"
                            fill="#fff"></path>
                        <rect x="27" y="1" width="23.15" height="22.048" rx="4.41" fill="#17CA80">
                        </rect>
                        <path
                            d="M38.053 4.777c.29-.627.755-.627 1.045 0l1.849 3.994 4.173.601c.67.096.82.568.339 1.057l-3.046 3.066.747 4.37c.114.685-.274.965-.865.635l-3.72-2.085-3.72 2.085c-.591.33-.98.05-.865-.635l.747-4.37-3.046-3.066c-.482-.489-.33-.96.34-1.057l4.172-.601 1.85-3.994Z"
                            fill="#fff"></path>
                        <rect x="54" y="1" width="23.15" height="22.048" rx="4.41" fill="#17CA80">
                        </rect>
                        <path
                            d="M65.052 4.777c.29-.627.756-.627 1.046 0l1.849 3.994 4.173.601c.67.096.82.568.339 1.057l-3.046 3.066.747 4.37c.114.685-.274.965-.865.635l-3.72-2.085-3.72 2.085c-.591.33-.98.05-.865-.635l.747-4.37-3.046-3.066c-.482-.489-.33-.96.34-1.057l4.172-.601 1.85-3.994Z"
                            fill="#fff"></path>
                        <rect x="81" y="1" width="23.15" height="22.048" rx="4.41" fill="#17CA80">
                        </rect>
                        <path
                            d="M92.052 4.777c.29-.627.756-.627 1.046 0l1.849 3.994 4.173.601c.67.096.82.568.339 1.057l-3.046 3.066.747 4.37c.114.685-.274.965-.865.635l-3.72-2.085-3.72 2.085c-.591.33-.98.05-.865-.635l.747-4.37-3.046-3.066c-.481-.489-.33-.96.34-1.057l4.172-.601 1.85-3.994Z"
                            fill="#fff"></path>
                        <rect x="108" y="1" width="23.15" height="22.048" rx="4.41" fill="#17CA80">
                        </rect>
                        <path
                            d="M119.053 4.777c.289-.627.755-.627 1.045 0l1.849 3.994 4.173.601c.669.096.821.568.339 1.057l-3.046 3.066.747 4.37c.114.685-.274.965-.865.635l-3.72-2.085-3.719 2.085c-.592.33-.98.05-.866-.635l.747-4.37-3.046-3.066c-.482-.489-.33-.96.339-1.057l4.173-.601 1.85-3.994Z"
                            fill="#fff"></path>
                    </svg>
                    <span style="margin-left:1px; font-size:15px; top:1px; ">271 Opinie</span>
                </div>
                <input type="hidden" value="1" id="type">
                <div class="quality-blocks row justify-content-center" style="margin-bottom:15px; margin-top:35px;">
                    <div class="quality-obal " style="padding-right:6px; padding-left:0px;">
                        <div class="quality activated-quality global-btn">
                            <div class="quality-header">
                                <h4 style="margin-bottom:0px; text-align:left; font-size:15px; font-weight:600;">
                                    {{ __('Najwyższa jakość') }}
                                </h4>
                            </div>
                            <div class="quality-body ">
                                <ul style="">
                                    <li><svg class="svg-icon svg-icon--planCheck" width="12" height="12"
                                            viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M5.27434 11.0391L0 6.96866L1.50311 5.20007L4.67896 7.65149L9.32546 0.561035L11.3512 1.76532L5.27434 11.0391Z"
                                                fill="currentColor"></path>
                                        </svg>
                                        <div>{!! __('Najwyższa jakość') !!}</div>
                                    </li>
                                    <li><svg class="svg-icon svg-icon--planCheck" width="12" height="12"
                                            viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M5.27434 11.0391L0 6.96866L1.50311 5.20007L4.67896 7.65149L9.32546 0.561035L11.3512 1.76532L5.27434 11.0391Z"
                                                fill="currentColor"></path>
                                        </svg>
                                        <div>{!! __('Dożywotnia gwarancja') !!}</div>
                                    </li>
                                    <li style="display:none;"><svg class="svg-icon svg-icon--planCheck" width="12"
                                            height="12" viewBox="0 0 12 12" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M5.27434 11.0391L0 6.96866L1.50311 5.20007L4.67896 7.65149L9.32546 0.561035L11.3512 1.76532L5.27434 11.0391Z"
                                                fill="currentColor"></path>
                                        </svg>
                                        <div><strong>No password</strong> required</div>
                                    </li>
                                    <li style="display:none;"><svg class="svg-icon svg-icon--planCheck" width="12"
                                            height="12" viewBox="0 0 12 12" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M5.27434 11.0391L0 6.96866L1.50311 5.20007L4.67896 7.65149L9.32546 0.561035L11.3512 1.76532L5.27434 11.0391Z"
                                                fill="currentColor"></path>
                                        </svg>
                                        <div><strong>24/7</strong> support</div>
                                    </li>
                                </ul>
                            </div>
                            <span class="plan-check plan-checked"><svg class="svg-icon svg-icon--planCheck"
                                    width="14" height="14" viewBox="0 0 12 12" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M5.27434 11.0391L0 6.96866L1.50311 5.20007L4.67896 7.65149L9.32546 0.561035L11.3512 1.76532L5.27434 11.0391Z"
                                        fill="#FFFFFF"></path>
                                </svg></span>
                        </div>
                    </div>
                    <div class="quality-obal" style="padding-left:0px; padding-right:0px;">
                        <div class="quality eu-btn">
                            <div class="quality-header" style=" background-color:#fb5343;">
                                <h4
                                    style="margin-bottom:0px; text-align:left; font-size:15px; font-weight:600; color:white !important;">
                                    {{ __('100% z Polski 🇵🇱') }} <i class="fa fa-question-circle"
                                        data-bs-toggle="modal" data-bs-target="#info" type="button"
                                        style="font-size:25px; right:10px; top:11px; position:absolute; display:none;"></i>
                                </h4>
                            </div>
                            <div class="quality-body">
                                <ul style="">
                                    <li><svg class="svg-icon svg-icon--planCheck" width="12" height="12"
                                            viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M5.27434 11.0391L0 6.96866L1.50311 5.20007L4.67896 7.65149L9.32546 0.561035L11.3512 1.76532L5.27434 11.0391Z"
                                                fill="#ff553c"></path>
                                        </svg>
                                        <div>{!! __('Aktywni i prawdziwi') !!}</div>
                                    </li>
                                    <li><svg class="svg-icon svg-icon--planCheck" width="12" height="12"
                                            viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M5.27434 11.0391L0 6.96866L1.50311 5.20007L4.67896 7.65149L9.32546 0.561035L11.3512 1.76532L5.27434 11.0391Z"
                                                fill="#ff553c"></path>
                                        </svg>
                                        <div>{!! __(' 100% obserwujący <b>z Polski</b>') !!}</div>
                                    </li>
                                    <li style="display:none;"><svg class="svg-icon svg-icon--planCheck" width="12"
                                            height="12" viewBox="0 0 12 12" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M5.27434 11.0391L0 6.96866L1.50311 5.20007L4.67896 7.65149L9.32546 0.561035L11.3512 1.76532L5.27434 11.0391Z"
                                                fill="#ff553c"></path>
                                        </svg>
                                        <div><strong>100% Instant</strong> Delivery</div>
                                    </li>
                                    <li style="display:none;"><svg class="svg-icon svg-icon--planCheck" width="12"
                                            height="12" viewBox="0 0 12 12" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M5.27434 11.0391L0 6.96866L1.50311 5.20007L4.67896 7.65149L9.32546 0.561035L11.3512 1.76532L5.27434 11.0391Z"
                                                fill="#ff553c"></path>
                                        </svg>
                                        <div><strong>No password</strong> required</div>
                                    </li>
                                    <li style="display:none;"><svg class="svg-icon svg-icon--planCheck" width="12"
                                            height="12" viewBox="0 0 12 12" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M5.27434 11.0391L0 6.96866L1.50311 5.20007L4.67896 7.65149L9.32546 0.561035L11.3512 1.76532L5.27434 11.0391Z"
                                                fill="#ff553c"></path>
                                        </svg>
                                        <div><strong>24/7</strong> support</div>
                                    </li>

                                </ul>
                            </div>
                            <span class="plan-check"><svg class="svg-icon svg-icon--planCheck" width="14"
                                    height="14" viewBox="0 0 12 12" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M5.27434 11.0391L0 6.96866L1.50311 5.20007L4.67896 7.65149L9.32546 0.561035L11.3512 1.76532L5.27434 11.0391Z"
                                        fill="#FFFFFF"></path>
                                </svg></span>
                        </div>
                    </div>
                </div>
                <div>
                    <input type="hidden" name="pack_id" id="pack_id" value="{{ $packs->first()->id }}">
                    <input type="hidden" name="pack_id1" id="pack_id1" value="{{ $packs->first()->id }}">
                    <div class="trigger" style="width:fit-content; margin:auto; margin-top:15px; display:none;">
                        <span id="fire"><img title="objednávky" src="{{ url('/img/fire-icon.png') }}"
                                alt="objednávky"></span>
                        <span style="font-size:16px; font-weight:500; top:-2px;">ONLY TODAY 40% OFF</span>
                    </div>

                    <style>
                        .plan-checked {
                            border-color: #ff553c !important;
                            background-color: #ff553c;
                        }

                        .plan-check {
                            position: absolute;
                            bottom: 10px;
                            right: 10px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            width: 25px;
                            height: 25px;
                            border: 2px solid #d3d3d3;
                            border-radius: 10px;
                        }

                        .new-design {

                            padding: 30px 20px;
                            margin: auto;
                            width: 550px;
                            max-width: 94%;
                            border-radius: 10px;
                            border: 1px solid #EDEDED;
                            background: #fff;
                            box-shadow: 0px 0px 10px 0px #f1f1f1;
                            padding-top: 35px;
                            margin-top: 15px;
                            font-family: 'Inter', sans-serif;
                        }

                        .nav-item {
                            padding: 0 5px 10px;
                        }

                        .nav-link12 {
                            border: 0;
                            cursor: pointer;
                            color: inherit;
                            border-bottom: 1px solid transparent;
                            margin-bottom: -1px;
                            transition: .3s border-color;
                            font-weight: 400;
                            display: block;
                            text-decoration: none;
                            border-radius: 8px;
                            background: #f5f8fa;
                            color: #181818 !important;
                            padding: 15px 10px;
                            width: 90px;
                        }

                        .nav-link12 h3 {
                            margin-bottom: 0px;
                            font-size: 19px;
                            font-weight: 700;
                            white-space: nowrap;
                        }

                        .nav-link12 p {
                            margin-bottom: 0;
                            font-size: 14px;
                            margin-top: 0px;
                            white-space: nowrap;
                        }

                        .active-nav {
                            background: #fb5343;
                            color: #ffffff !important;
                        }

                        .active-nav h3 {
                            color: white !important;
                        }

                        .new-features {
                            margin: auto;
                            width: 550px;
                            max-width: 94%;
                            margin-top: 20px;
                            background: #f9f9f9;
                            padding: 1.5em 1.8em;
                            border-radius: 1.6rem;
                            font-weight: 500;
                            font-size: 15px;
                            text-align: left;
                            color: #313336;
                            line-height: 1.55;
                        }

                        .new-features>ul {
                            display: flex;
                            flex-wrap: wrap;
                            list-style: none;
                            margin: -0.5rem;
                        }

                        .new-features>ul>li {
                            width: 50%;
                            position: relative;
                            padding: 0.5rem 0.5rem 0.5rem 2.4rem;
                        }

                        @media (max-width: 767px),
                        screen and (max-width: 812px) and (orientation: landscape) {
                            .new-features>ul>li {
                                width: 100%;
                            }
                        }

                        .new-features span {
                            position: absolute;
                            top: 0.3rem;
                            left: 0;
                            display: inline-flex;
                            align-items: center;
                            justify-content: center;
                            width: 1.7rem;
                            height: 1.7rem;
                            background-color: rgba(255, 85, 60, .1);
                            border-radius: 50%;
                        }

                        .svg-icon {
                            display: inline-block;
                            position: relative;
                            font-size: 0;
                            line-height: 0;
                            text-indent: -4004px;
                            vertical-align: top;
                        }

                        .active-nav .no-sale {
                            color: white !important;
                        }

                        .active-nav .sale-info {
                            color: white !important;
                        }
                    </style>
                    <div class="new-design global-obal">
                        <div>
                            <h3 style="font-weight: 600; font-size:19px; margin-top:-5px; margin-bottom:20px;">Wybierz
                                Ilość:</h3>
                        </div>
                        <ul class="nav nav-tabs justify-content-center">
                                                        @foreach ($packs as $p)
                                <li class="nav-item select-pack" data-id="{{ $p->id }}"
                                    data-price="{{ $p->price }}" data-amount="{{ $p->amount }}"
                                    data-old="{{ $p->old_price }}">
                                    <a class="nav-link12 @if ($loop->first) active-nav @endif"
                                        role="tab">
                                        @if ($p->amount >= 100000)
                                            <h3 style="font-size:17px; margin-bottom:3px;">
                                                {{ number_format($p->amount, 0, ',', '.') }}</h3>
                                        @else
                                            <h3>{{ number_format($p->amount, 0, ',', '.') }}</h3>
                                        @endif
                                        <p>Followers</p>
                                    </a>
                                </li>
                                                            @endforeach
                        </ul>
                        <div style="margin-top:20px;">
                            <div
                                style="margin-top:0px; font-size:31px; font-weight:600; display:flex; align-items: flex-start; justify-content:center;">
                                <strong><span id="price-shower"
                                        style="color:#181818;">{{ number_format((float) $packs->first()->price, config('app.decimal'), ',', '') }}</span><span
                                        style=" margin-left:3px; color:#252525;">{{ config('app.currency') }}</span></strong><strike
                                    style="color:#9ca0a5; font-size: 1rem; padding-left: 0.3rem; padding-top:5px;"
                                    id="old-price">{{ number_format((float) $packs->first()->old_price, config('app.decimal'), ',', '') . config('app.currency') }}</strike>
                            </div>

                        </div>
                        <div
                            style="text-align:center; padding-bottom:10px; padding-left:30px; padding-right:30px; padding-top:10px;">

                            <button type="submit" data-id="" class="btn btn-alternate btn-rounded buy-btn"
                                style="color:white; font-size:16px; font-weight:600; background-color:#ff603c; padding: 13px 30px; border-radius:8px;">{{ __('Buy Now') }}</button>

                            <div class="d-flex" style="justify-content: center; margin-top:5px;">
                                <div style="margin-right:5px;"><svg width="21" height="20" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <rect opacity="0.1" x="0.633" y="0.115" width="19.48"
                                            height="19.48" rx="9.74" fill="#23CF87"></rect>
                                        <path
                                            d="M9.524 15.168 4.176 11.04 5.7 9.246l3.22 2.486 4.713-7.19 2.054 1.221-6.163 9.404Z"
                                            fill="#23CF87"></path>
                                    </svg></div>
                                <div class="flex-col" style="font-size:16px; margin-top:3px;"><span
                                        class="buy-form-alt__saved">{{ __('Today You Save') }}
                                        <strong class="price-saved"
                                            style="color:#1fb174;">{{ number_format((float) $packs->first()->old_price - $packs->first()->price, config('app.decimal'), ',', '') }}{{ config('app.currency') }}</strong></span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="new-design eu-obal" style="display:none;">
                        <h3 style="font-weight: 600; font-size:19px; margin-top:-5px; margin-bottom:20px;">Wybierz
                            Ilość:</h3>
                        <ul class="nav nav-tabs justify-content-center">
                                                        @foreach ($packs1 as $p)
                                <li class="nav-item select-pack1" data-id="{{ $p->id }}"
                                    data-price="{{ $p->price }}" data-amount="{{ $p->amount }}"
                                    data-old="{{ $p->old_price }}">
                                    <a class="nav-link12 @if ($loop->first) active-nav @endif"
                                        role="tab">
                                        @if ($p->amount >= 100000)
                                            <h3 style="font-size:20px;">{{ number_format($p->amount, 0, ',', '.') }}</h3>
                                        @else
                                            <h3>{{ number_format($p->amount, 0, ',', '.') }}</h3>
                                        @endif

                                        <p>
                                            Followers</p>
                                    </a>
                                </li>
                                                            @endforeach
                        </ul>
                        <div style="margin-top:20px;">
                            <div
                                style="margin-top:0px; font-size:31px; font-weight:600; display:flex; align-items: flex-start; justify-content:center;">
                                <strong><span id="price-shower1"
                                        style="color:#181818;">{{ number_format($packs1->first()->price, 2, ',', '') }}</span><span
                                        style=" margin-left:1px; color:#252525;">{{ config('app.currency') }}</span></strong><strike
                                    style="color:#9ca0a5; font-size: 1rem; padding-left: 0.3rem; padding-top:5px;"
                                    id="old-price1">{{ number_format($packs1->first()->old_price, 2, ',', '') . config('app.currency') }}</strike>
                            </div>

                        </div>
                        <div
                            style="text-align:center; padding-bottom:10px; padding-left:30px; padding-right:30px; padding-top:10px;">

                            <button type="submit" data-id="" class="btn btn-alternate btn-rounded buy-btn"
                                style="color:white; font-size:16px; font-weight:600; background-color:#ff603c; padding: 13px 30px; border-radius:8px;">{{ __('Buy Now') }}</button>

                            <div class="d-flex" style="justify-content: center; margin-top:5px;">
                                <div style="margin-right:5px;"><svg width="21" height="20" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <rect opacity="0.1" x="0.633" y="0.115" width="19.48"
                                            height="19.48" rx="9.74" fill="#23CF87"></rect>
                                        <path
                                            d="M9.524 15.168 4.176 11.04 5.7 9.246l3.22 2.486 4.713-7.19 2.054 1.221-6.163 9.404Z"
                                            fill="#23CF87"></path>
                                    </svg></div>
                                <div class="flex-col" style="font-size:16px; margin-top:3px;"><span
                                        class="buy-form-alt__saved">{{ __('Today You Save') }}
                                        <strong class="price-saved1"
                                            style="color:#1fb174;">{{ number_format((float) $packs->first()->old_price - $packs->first()->price, 2, ',', '') }}{{ config('app.currency') }}</strong></span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <style>
                        .info-b {
                            width: 550px;
                            max-width: 96%;
                            margin: auto;
                            margin-top: 25px !important;
                            display: block;
                            background: #fff;
                            border: 1px solid #ededed;
                            border-radius: 10px;
                            min-height: 150px;
                            margin-top: 50px;
                            padding: 25px 20px;
                            text-align: left;
                            box-shadow: 0 2px 11px 0 rgb(0 0 0/4%);
                            margin-bottom: -40px;
                            color: #676767;
                        }

                        .info-b li {
                            margin-top: 4px;
                            color: #313336;
                        }
                    </style>
                    <div class="info-b">
                        <h3 style="color:#222222; font-size:18px;">Nasze korzyści
                        </h3>
                        <div style="margin-top:13px;">
                            <ul style="margin-bottom:0px;">
                                <li><span style="top:6px; position:relative;"><svg class="svg-icon svg-icon--check"
                                            width="14" height="14" viewBox="0 0 14 14" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M14 7.00082C14 6.3602 13.4832 5.84168 12.8427 5.83852C13.136 5.71484 13.3532 5.48492 13.4657 5.21216C13.5799 4.93784 13.5894 4.61912 13.4657 4.32259C13.2216 3.73115 12.5447 3.44888 11.9518 3.69148C12.1753 3.46473 12.2878 3.1698 12.2878 2.87326C12.2878 2.57516 12.1737 2.27863 11.947 2.05189C11.4952 1.59837 10.7612 1.59837 10.3078 2.04872C10.4283 1.75378 10.4187 1.43666 10.3062 1.1639C10.192 0.889576 9.97329 0.658076 9.67682 0.534382C9.08551 0.290187 8.40857 0.569266 8.16126 1.15755C8.15968 0.838832 8.02968 0.550242 7.82042 0.340926C7.60957 0.130032 7.31946 0 6.99923 0C6.35875 0 5.84035 0.516927 5.83719 1.15755C5.71354 0.864203 5.48367 0.646971 5.21098 0.532787C4.93672 0.418619 4.61807 0.409105 4.32161 0.532787C3.7303 0.778568 3.44809 1.45405 3.69064 2.04712C3.46394 1.82196 3.16908 1.71095 2.87261 1.71095C2.57458 1.71095 2.27811 1.82512 2.05142 2.05188C1.5996 2.5038 1.59801 3.23795 2.04825 3.69147C1.75338 3.57096 1.43789 3.58047 1.16363 3.69305C0.889374 3.80722 0.657926 4.02604 0.53426 4.32257C0.290121 4.91401 0.569137 5.59111 1.15728 5.83847C0.838641 5.84006 0.550117 5.97008 0.340848 6.1794C0.130002 6.39029 0 6.68046 0 7.00077C0 7.64139 0.516809 8.15991 1.15569 8.16307C0.862411 8.28676 0.645229 8.51667 0.532666 8.78943C0.418523 9.06534 0.410598 9.38247 0.532666 9.679C0.778391 10.2704 1.45372 10.5527 2.04665 10.3101C1.82154 10.5369 1.71056 10.8318 1.71056 11.1283C1.71056 11.4264 1.8247 11.723 2.05141 11.9497C2.50323 12.4016 3.23722 12.4032 3.69063 11.9529C3.57015 12.2478 3.57966 12.5649 3.69221 12.8377C3.80636 13.112 4.02512 13.3435 4.32159 13.4672C4.9129 13.713 5.59143 13.4323 5.83873 12.8425C5.84032 13.1612 5.97032 13.4498 6.17958 13.6591C6.39043 13.87 6.68054 14 7.00077 14C7.64125 14 8.15965 13.4831 8.16281 12.8425C8.28646 13.1358 8.51633 13.353 8.78902 13.4672C9.06328 13.5814 9.38193 13.5893 9.67839 13.4672C10.2697 13.223 10.5519 12.5459 10.3094 11.9529C10.5361 12.1765 10.8309 12.289 11.1274 12.289C11.4254 12.289 11.7219 12.1749 11.9486 11.9481C12.402 11.4946 12.402 10.762 11.9517 10.3085C12.2466 10.429 12.5637 10.4195 12.8364 10.3069C13.1106 10.1928 13.3421 9.97396 13.4657 9.67743C13.7115 9.08598 13.4309 8.40889 12.8427 8.16153C13.1614 8.15994 13.4499 8.02992 13.6592 7.8206C13.87 7.61129 14 7.3211 14 7.00082V7.00082ZM10.208 5.89877C10.0891 6.0177 9.9702 6.13662 9.85129 6.25556C9.22827 6.87872 8.60525 7.50189 7.98379 8.12349C7.58111 8.52626 7.17845 8.929 6.77418 9.33337C6.43017 9.67746 5.8864 9.66635 5.53764 9.33971C5.48374 9.28897 5.43142 9.23982 5.37752 9.19066C4.85121 8.69751 4.32489 8.20436 3.79854 7.7128C3.45135 7.38614 3.46404 6.80737 3.7922 6.47598C4.13462 6.1303 4.68157 6.14457 5.02874 6.46964C5.08264 6.5188 5.13496 6.56954 5.18886 6.61869C5.50275 6.91363 5.81823 7.20857 6.13212 7.50192C6.6727 6.95962 7.2149 6.41889 7.75548 5.87818C8.15816 5.47541 8.56081 5.07267 8.96509 4.6683C9.30275 4.33056 9.86237 4.32581 10.2016 4.66196C10.5393 4.99494 10.5456 5.56104 10.208 5.89878L10.208 5.89877Z"
                                                fill="#ff5d00"></path>
                                        </svg></span>
                                    <span style="margin-left:4px;">Realizacja już w: <span
                                            style="color:#ff5d00; font-weight:600;">27 sekund</span> ⚡</span>
                                </li>

                                <li><span style="top:6px; position:relative;"><svg class="svg-icon svg-icon--check"
                                            width="14" height="14" viewBox="0 0 14 14" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M14 7.00082C14 6.3602 13.4832 5.84168 12.8427 5.83852C13.136 5.71484 13.3532 5.48492 13.4657 5.21216C13.5799 4.93784 13.5894 4.61912 13.4657 4.32259C13.2216 3.73115 12.5447 3.44888 11.9518 3.69148C12.1753 3.46473 12.2878 3.1698 12.2878 2.87326C12.2878 2.57516 12.1737 2.27863 11.947 2.05189C11.4952 1.59837 10.7612 1.59837 10.3078 2.04872C10.4283 1.75378 10.4187 1.43666 10.3062 1.1639C10.192 0.889576 9.97329 0.658076 9.67682 0.534382C9.08551 0.290187 8.40857 0.569266 8.16126 1.15755C8.15968 0.838832 8.02968 0.550242 7.82042 0.340926C7.60957 0.130032 7.31946 0 6.99923 0C6.35875 0 5.84035 0.516927 5.83719 1.15755C5.71354 0.864203 5.48367 0.646971 5.21098 0.532787C4.93672 0.418619 4.61807 0.409105 4.32161 0.532787C3.7303 0.778568 3.44809 1.45405 3.69064 2.04712C3.46394 1.82196 3.16908 1.71095 2.87261 1.71095C2.57458 1.71095 2.27811 1.82512 2.05142 2.05188C1.5996 2.5038 1.59801 3.23795 2.04825 3.69147C1.75338 3.57096 1.43789 3.58047 1.16363 3.69305C0.889374 3.80722 0.657926 4.02604 0.53426 4.32257C0.290121 4.91401 0.569137 5.59111 1.15728 5.83847C0.838641 5.84006 0.550117 5.97008 0.340848 6.1794C0.130002 6.39029 0 6.68046 0 7.00077C0 7.64139 0.516809 8.15991 1.15569 8.16307C0.862411 8.28676 0.645229 8.51667 0.532666 8.78943C0.418523 9.06534 0.410598 9.38247 0.532666 9.679C0.778391 10.2704 1.45372 10.5527 2.04665 10.3101C1.82154 10.5369 1.71056 10.8318 1.71056 11.1283C1.71056 11.4264 1.8247 11.723 2.05141 11.9497C2.50323 12.4016 3.23722 12.4032 3.69063 11.9529C3.57015 12.2478 3.57966 12.5649 3.69221 12.8377C3.80636 13.112 4.02512 13.3435 4.32159 13.4672C4.9129 13.713 5.59143 13.4323 5.83873 12.8425C5.84032 13.1612 5.97032 13.4498 6.17958 13.6591C6.39043 13.87 6.68054 14 7.00077 14C7.64125 14 8.15965 13.4831 8.16281 12.8425C8.28646 13.1358 8.51633 13.353 8.78902 13.4672C9.06328 13.5814 9.38193 13.5893 9.67839 13.4672C10.2697 13.223 10.5519 12.5459 10.3094 11.9529C10.5361 12.1765 10.8309 12.289 11.1274 12.289C11.4254 12.289 11.7219 12.1749 11.9486 11.9481C12.402 11.4946 12.402 10.762 11.9517 10.3085C12.2466 10.429 12.5637 10.4195 12.8364 10.3069C13.1106 10.1928 13.3421 9.97396 13.4657 9.67743C13.7115 9.08598 13.4309 8.40889 12.8427 8.16153C13.1614 8.15994 13.4499 8.02992 13.6592 7.8206C13.87 7.61129 14 7.3211 14 7.00082V7.00082ZM10.208 5.89877C10.0891 6.0177 9.9702 6.13662 9.85129 6.25556C9.22827 6.87872 8.60525 7.50189 7.98379 8.12349C7.58111 8.52626 7.17845 8.929 6.77418 9.33337C6.43017 9.67746 5.8864 9.66635 5.53764 9.33971C5.48374 9.28897 5.43142 9.23982 5.37752 9.19066C4.85121 8.69751 4.32489 8.20436 3.79854 7.7128C3.45135 7.38614 3.46404 6.80737 3.7922 6.47598C4.13462 6.1303 4.68157 6.14457 5.02874 6.46964C5.08264 6.5188 5.13496 6.56954 5.18886 6.61869C5.50275 6.91363 5.81823 7.20857 6.13212 7.50192C6.6727 6.95962 7.2149 6.41889 7.75548 5.87818C8.15816 5.47541 8.56081 5.07267 8.96509 4.6683C9.30275 4.33056 9.86237 4.32581 10.2016 4.66196C10.5393 4.99494 10.5456 5.56104 10.208 5.89878L10.208 5.89877Z"
                                                fill="#ff5d00"></path>
                                        </svg></span>
                                    <span style="margin-left:4px;">Dożywotnia gwarancja</span>
                                </li>
                                <li><span style="top:6px; position:relative;"><svg class="svg-icon svg-icon--check"
                                            width="14" height="14" viewBox="0 0 14 14" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M14 7.00082C14 6.3602 13.4832 5.84168 12.8427 5.83852C13.136 5.71484 13.3532 5.48492 13.4657 5.21216C13.5799 4.93784 13.5894 4.61912 13.4657 4.32259C13.2216 3.73115 12.5447 3.44888 11.9518 3.69148C12.1753 3.46473 12.2878 3.1698 12.2878 2.87326C12.2878 2.57516 12.1737 2.27863 11.947 2.05189C11.4952 1.59837 10.7612 1.59837 10.3078 2.04872C10.4283 1.75378 10.4187 1.43666 10.3062 1.1639C10.192 0.889576 9.97329 0.658076 9.67682 0.534382C9.08551 0.290187 8.40857 0.569266 8.16126 1.15755C8.15968 0.838832 8.02968 0.550242 7.82042 0.340926C7.60957 0.130032 7.31946 0 6.99923 0C6.35875 0 5.84035 0.516927 5.83719 1.15755C5.71354 0.864203 5.48367 0.646971 5.21098 0.532787C4.93672 0.418619 4.61807 0.409105 4.32161 0.532787C3.7303 0.778568 3.44809 1.45405 3.69064 2.04712C3.46394 1.82196 3.16908 1.71095 2.87261 1.71095C2.57458 1.71095 2.27811 1.82512 2.05142 2.05188C1.5996 2.5038 1.59801 3.23795 2.04825 3.69147C1.75338 3.57096 1.43789 3.58047 1.16363 3.69305C0.889374 3.80722 0.657926 4.02604 0.53426 4.32257C0.290121 4.91401 0.569137 5.59111 1.15728 5.83847C0.838641 5.84006 0.550117 5.97008 0.340848 6.1794C0.130002 6.39029 0 6.68046 0 7.00077C0 7.64139 0.516809 8.15991 1.15569 8.16307C0.862411 8.28676 0.645229 8.51667 0.532666 8.78943C0.418523 9.06534 0.410598 9.38247 0.532666 9.679C0.778391 10.2704 1.45372 10.5527 2.04665 10.3101C1.82154 10.5369 1.71056 10.8318 1.71056 11.1283C1.71056 11.4264 1.8247 11.723 2.05141 11.9497C2.50323 12.4016 3.23722 12.4032 3.69063 11.9529C3.57015 12.2478 3.57966 12.5649 3.69221 12.8377C3.80636 13.112 4.02512 13.3435 4.32159 13.4672C4.9129 13.713 5.59143 13.4323 5.83873 12.8425C5.84032 13.1612 5.97032 13.4498 6.17958 13.6591C6.39043 13.87 6.68054 14 7.00077 14C7.64125 14 8.15965 13.4831 8.16281 12.8425C8.28646 13.1358 8.51633 13.353 8.78902 13.4672C9.06328 13.5814 9.38193 13.5893 9.67839 13.4672C10.2697 13.223 10.5519 12.5459 10.3094 11.9529C10.5361 12.1765 10.8309 12.289 11.1274 12.289C11.4254 12.289 11.7219 12.1749 11.9486 11.9481C12.402 11.4946 12.402 10.762 11.9517 10.3085C12.2466 10.429 12.5637 10.4195 12.8364 10.3069C13.1106 10.1928 13.3421 9.97396 13.4657 9.67743C13.7115 9.08598 13.4309 8.40889 12.8427 8.16153C13.1614 8.15994 13.4499 8.02992 13.6592 7.8206C13.87 7.61129 14 7.3211 14 7.00082V7.00082ZM10.208 5.89877C10.0891 6.0177 9.9702 6.13662 9.85129 6.25556C9.22827 6.87872 8.60525 7.50189 7.98379 8.12349C7.58111 8.52626 7.17845 8.929 6.77418 9.33337C6.43017 9.67746 5.8864 9.66635 5.53764 9.33971C5.48374 9.28897 5.43142 9.23982 5.37752 9.19066C4.85121 8.69751 4.32489 8.20436 3.79854 7.7128C3.45135 7.38614 3.46404 6.80737 3.7922 6.47598C4.13462 6.1303 4.68157 6.14457 5.02874 6.46964C5.08264 6.5188 5.13496 6.56954 5.18886 6.61869C5.50275 6.91363 5.81823 7.20857 6.13212 7.50192C6.6727 6.95962 7.2149 6.41889 7.75548 5.87818C8.15816 5.47541 8.56081 5.07267 8.96509 4.6683C9.30275 4.33056 9.86237 4.32581 10.2016 4.66196C10.5393 4.99494 10.5456 5.56104 10.208 5.89878L10.208 5.89877Z"
                                                fill="#ff5d00"></path>
                                        </svg></span>
                                    <span style="margin-left:4px;">Najwyższa jakość na rynku</span>
                                </li>

                                <li><span style="top:6px; position:relative;"><svg class="svg-icon svg-icon--check"
                                            width="14" height="14" viewBox="0 0 14 14" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M14 7.00082C14 6.3602 13.4832 5.84168 12.8427 5.83852C13.136 5.71484 13.3532 5.48492 13.4657 5.21216C13.5799 4.93784 13.5894 4.61912 13.4657 4.32259C13.2216 3.73115 12.5447 3.44888 11.9518 3.69148C12.1753 3.46473 12.2878 3.1698 12.2878 2.87326C12.2878 2.57516 12.1737 2.27863 11.947 2.05189C11.4952 1.59837 10.7612 1.59837 10.3078 2.04872C10.4283 1.75378 10.4187 1.43666 10.3062 1.1639C10.192 0.889576 9.97329 0.658076 9.67682 0.534382C9.08551 0.290187 8.40857 0.569266 8.16126 1.15755C8.15968 0.838832 8.02968 0.550242 7.82042 0.340926C7.60957 0.130032 7.31946 0 6.99923 0C6.35875 0 5.84035 0.516927 5.83719 1.15755C5.71354 0.864203 5.48367 0.646971 5.21098 0.532787C4.93672 0.418619 4.61807 0.409105 4.32161 0.532787C3.7303 0.778568 3.44809 1.45405 3.69064 2.04712C3.46394 1.82196 3.16908 1.71095 2.87261 1.71095C2.57458 1.71095 2.27811 1.82512 2.05142 2.05188C1.5996 2.5038 1.59801 3.23795 2.04825 3.69147C1.75338 3.57096 1.43789 3.58047 1.16363 3.69305C0.889374 3.80722 0.657926 4.02604 0.53426 4.32257C0.290121 4.91401 0.569137 5.59111 1.15728 5.83847C0.838641 5.84006 0.550117 5.97008 0.340848 6.1794C0.130002 6.39029 0 6.68046 0 7.00077C0 7.64139 0.516809 8.15991 1.15569 8.16307C0.862411 8.28676 0.645229 8.51667 0.532666 8.78943C0.418523 9.06534 0.410598 9.38247 0.532666 9.679C0.778391 10.2704 1.45372 10.5527 2.04665 10.3101C1.82154 10.5369 1.71056 10.8318 1.71056 11.1283C1.71056 11.4264 1.8247 11.723 2.05141 11.9497C2.50323 12.4016 3.23722 12.4032 3.69063 11.9529C3.57015 12.2478 3.57966 12.5649 3.69221 12.8377C3.80636 13.112 4.02512 13.3435 4.32159 13.4672C4.9129 13.713 5.59143 13.4323 5.83873 12.8425C5.84032 13.1612 5.97032 13.4498 6.17958 13.6591C6.39043 13.87 6.68054 14 7.00077 14C7.64125 14 8.15965 13.4831 8.16281 12.8425C8.28646 13.1358 8.51633 13.353 8.78902 13.4672C9.06328 13.5814 9.38193 13.5893 9.67839 13.4672C10.2697 13.223 10.5519 12.5459 10.3094 11.9529C10.5361 12.1765 10.8309 12.289 11.1274 12.289C11.4254 12.289 11.7219 12.1749 11.9486 11.9481C12.402 11.4946 12.402 10.762 11.9517 10.3085C12.2466 10.429 12.5637 10.4195 12.8364 10.3069C13.1106 10.1928 13.3421 9.97396 13.4657 9.67743C13.7115 9.08598 13.4309 8.40889 12.8427 8.16153C13.1614 8.15994 13.4499 8.02992 13.6592 7.8206C13.87 7.61129 14 7.3211 14 7.00082V7.00082ZM10.208 5.89877C10.0891 6.0177 9.9702 6.13662 9.85129 6.25556C9.22827 6.87872 8.60525 7.50189 7.98379 8.12349C7.58111 8.52626 7.17845 8.929 6.77418 9.33337C6.43017 9.67746 5.8864 9.66635 5.53764 9.33971C5.48374 9.28897 5.43142 9.23982 5.37752 9.19066C4.85121 8.69751 4.32489 8.20436 3.79854 7.7128C3.45135 7.38614 3.46404 6.80737 3.7922 6.47598C4.13462 6.1303 4.68157 6.14457 5.02874 6.46964C5.08264 6.5188 5.13496 6.56954 5.18886 6.61869C5.50275 6.91363 5.81823 7.20857 6.13212 7.50192C6.6727 6.95962 7.2149 6.41889 7.75548 5.87818C8.15816 5.47541 8.56081 5.07267 8.96509 4.6683C9.30275 4.33056 9.86237 4.32581 10.2016 4.66196C10.5393 4.99494 10.5456 5.56104 10.208 5.89878L10.208 5.89877Z"
                                                fill="#ff5d00"></path>
                                        </svg></span>
                                    <span style="margin-left:4px;">10% dodatkowo <span
                                            style="color:#ff5d00; font-weight:600;">ZA DARMO</span> 🎁</span>
                                </li>

                                <li><span style="top:6px; position:relative;"><svg class="svg-icon svg-icon--check"
                                            width="14" height="14" viewBox="0 0 14 14" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M14 7.00082C14 6.3602 13.4832 5.84168 12.8427 5.83852C13.136 5.71484 13.3532 5.48492 13.4657 5.21216C13.5799 4.93784 13.5894 4.61912 13.4657 4.32259C13.2216 3.73115 12.5447 3.44888 11.9518 3.69148C12.1753 3.46473 12.2878 3.1698 12.2878 2.87326C12.2878 2.57516 12.1737 2.27863 11.947 2.05189C11.4952 1.59837 10.7612 1.59837 10.3078 2.04872C10.4283 1.75378 10.4187 1.43666 10.3062 1.1639C10.192 0.889576 9.97329 0.658076 9.67682 0.534382C9.08551 0.290187 8.40857 0.569266 8.16126 1.15755C8.15968 0.838832 8.02968 0.550242 7.82042 0.340926C7.60957 0.130032 7.31946 0 6.99923 0C6.35875 0 5.84035 0.516927 5.83719 1.15755C5.71354 0.864203 5.48367 0.646971 5.21098 0.532787C4.93672 0.418619 4.61807 0.409105 4.32161 0.532787C3.7303 0.778568 3.44809 1.45405 3.69064 2.04712C3.46394 1.82196 3.16908 1.71095 2.87261 1.71095C2.57458 1.71095 2.27811 1.82512 2.05142 2.05188C1.5996 2.5038 1.59801 3.23795 2.04825 3.69147C1.75338 3.57096 1.43789 3.58047 1.16363 3.69305C0.889374 3.80722 0.657926 4.02604 0.53426 4.32257C0.290121 4.91401 0.569137 5.59111 1.15728 5.83847C0.838641 5.84006 0.550117 5.97008 0.340848 6.1794C0.130002 6.39029 0 6.68046 0 7.00077C0 7.64139 0.516809 8.15991 1.15569 8.16307C0.862411 8.28676 0.645229 8.51667 0.532666 8.78943C0.418523 9.06534 0.410598 9.38247 0.532666 9.679C0.778391 10.2704 1.45372 10.5527 2.04665 10.3101C1.82154 10.5369 1.71056 10.8318 1.71056 11.1283C1.71056 11.4264 1.8247 11.723 2.05141 11.9497C2.50323 12.4016 3.23722 12.4032 3.69063 11.9529C3.57015 12.2478 3.57966 12.5649 3.69221 12.8377C3.80636 13.112 4.02512 13.3435 4.32159 13.4672C4.9129 13.713 5.59143 13.4323 5.83873 12.8425C5.84032 13.1612 5.97032 13.4498 6.17958 13.6591C6.39043 13.87 6.68054 14 7.00077 14C7.64125 14 8.15965 13.4831 8.16281 12.8425C8.28646 13.1358 8.51633 13.353 8.78902 13.4672C9.06328 13.5814 9.38193 13.5893 9.67839 13.4672C10.2697 13.223 10.5519 12.5459 10.3094 11.9529C10.5361 12.1765 10.8309 12.289 11.1274 12.289C11.4254 12.289 11.7219 12.1749 11.9486 11.9481C12.402 11.4946 12.402 10.762 11.9517 10.3085C12.2466 10.429 12.5637 10.4195 12.8364 10.3069C13.1106 10.1928 13.3421 9.97396 13.4657 9.67743C13.7115 9.08598 13.4309 8.40889 12.8427 8.16153C13.1614 8.15994 13.4499 8.02992 13.6592 7.8206C13.87 7.61129 14 7.3211 14 7.00082V7.00082ZM10.208 5.89877C10.0891 6.0177 9.9702 6.13662 9.85129 6.25556C9.22827 6.87872 8.60525 7.50189 7.98379 8.12349C7.58111 8.52626 7.17845 8.929 6.77418 9.33337C6.43017 9.67746 5.8864 9.66635 5.53764 9.33971C5.48374 9.28897 5.43142 9.23982 5.37752 9.19066C4.85121 8.69751 4.32489 8.20436 3.79854 7.7128C3.45135 7.38614 3.46404 6.80737 3.7922 6.47598C4.13462 6.1303 4.68157 6.14457 5.02874 6.46964C5.08264 6.5188 5.13496 6.56954 5.18886 6.61869C5.50275 6.91363 5.81823 7.20857 6.13212 7.50192C6.6727 6.95962 7.2149 6.41889 7.75548 5.87818C8.15816 5.47541 8.56081 5.07267 8.96509 4.6683C9.30275 4.33056 9.86237 4.32581 10.2016 4.66196C10.5393 4.99494 10.5456 5.56104 10.208 5.89878L10.208 5.89877Z"
                                                fill="#ff5d00"></path>
                                        </svg></span>
                                    <span style="margin-left:4px;">100% bez ryzyka i anonimowo</span>
                                </li>
                                <li><span style="top:6px; position:relative;"><svg class="svg-icon svg-icon--check"
                                            width="14" height="14" viewBox="0 0 14 14" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M14 7.00082C14 6.3602 13.4832 5.84168 12.8427 5.83852C13.136 5.71484 13.3532 5.48492 13.4657 5.21216C13.5799 4.93784 13.5894 4.61912 13.4657 4.32259C13.2216 3.73115 12.5447 3.44888 11.9518 3.69148C12.1753 3.46473 12.2878 3.1698 12.2878 2.87326C12.2878 2.57516 12.1737 2.27863 11.947 2.05189C11.4952 1.59837 10.7612 1.59837 10.3078 2.04872C10.4283 1.75378 10.4187 1.43666 10.3062 1.1639C10.192 0.889576 9.97329 0.658076 9.67682 0.534382C9.08551 0.290187 8.40857 0.569266 8.16126 1.15755C8.15968 0.838832 8.02968 0.550242 7.82042 0.340926C7.60957 0.130032 7.31946 0 6.99923 0C6.35875 0 5.84035 0.516927 5.83719 1.15755C5.71354 0.864203 5.48367 0.646971 5.21098 0.532787C4.93672 0.418619 4.61807 0.409105 4.32161 0.532787C3.7303 0.778568 3.44809 1.45405 3.69064 2.04712C3.46394 1.82196 3.16908 1.71095 2.87261 1.71095C2.57458 1.71095 2.27811 1.82512 2.05142 2.05188C1.5996 2.5038 1.59801 3.23795 2.04825 3.69147C1.75338 3.57096 1.43789 3.58047 1.16363 3.69305C0.889374 3.80722 0.657926 4.02604 0.53426 4.32257C0.290121 4.91401 0.569137 5.59111 1.15728 5.83847C0.838641 5.84006 0.550117 5.97008 0.340848 6.1794C0.130002 6.39029 0 6.68046 0 7.00077C0 7.64139 0.516809 8.15991 1.15569 8.16307C0.862411 8.28676 0.645229 8.51667 0.532666 8.78943C0.418523 9.06534 0.410598 9.38247 0.532666 9.679C0.778391 10.2704 1.45372 10.5527 2.04665 10.3101C1.82154 10.5369 1.71056 10.8318 1.71056 11.1283C1.71056 11.4264 1.8247 11.723 2.05141 11.9497C2.50323 12.4016 3.23722 12.4032 3.69063 11.9529C3.57015 12.2478 3.57966 12.5649 3.69221 12.8377C3.80636 13.112 4.02512 13.3435 4.32159 13.4672C4.9129 13.713 5.59143 13.4323 5.83873 12.8425C5.84032 13.1612 5.97032 13.4498 6.17958 13.6591C6.39043 13.87 6.68054 14 7.00077 14C7.64125 14 8.15965 13.4831 8.16281 12.8425C8.28646 13.1358 8.51633 13.353 8.78902 13.4672C9.06328 13.5814 9.38193 13.5893 9.67839 13.4672C10.2697 13.223 10.5519 12.5459 10.3094 11.9529C10.5361 12.1765 10.8309 12.289 11.1274 12.289C11.4254 12.289 11.7219 12.1749 11.9486 11.9481C12.402 11.4946 12.402 10.762 11.9517 10.3085C12.2466 10.429 12.5637 10.4195 12.8364 10.3069C13.1106 10.1928 13.3421 9.97396 13.4657 9.67743C13.7115 9.08598 13.4309 8.40889 12.8427 8.16153C13.1614 8.15994 13.4499 8.02992 13.6592 7.8206C13.87 7.61129 14 7.3211 14 7.00082V7.00082ZM10.208 5.89877C10.0891 6.0177 9.9702 6.13662 9.85129 6.25556C9.22827 6.87872 8.60525 7.50189 7.98379 8.12349C7.58111 8.52626 7.17845 8.929 6.77418 9.33337C6.43017 9.67746 5.8864 9.66635 5.53764 9.33971C5.48374 9.28897 5.43142 9.23982 5.37752 9.19066C4.85121 8.69751 4.32489 8.20436 3.79854 7.7128C3.45135 7.38614 3.46404 6.80737 3.7922 6.47598C4.13462 6.1303 4.68157 6.14457 5.02874 6.46964C5.08264 6.5188 5.13496 6.56954 5.18886 6.61869C5.50275 6.91363 5.81823 7.20857 6.13212 7.50192C6.6727 6.95962 7.2149 6.41889 7.75548 5.87818C8.15816 5.47541 8.56081 5.07267 8.96509 4.6683C9.30275 4.33056 9.86237 4.32581 10.2016 4.66196C10.5393 4.99494 10.5456 5.56104 10.208 5.89878L10.208 5.89877Z"
                                                fill="#ff5d00"></path>
                                        </svg></span>
                                    <span style="margin-left:4px;">Jednorazowa płatność</span>
                                </li>
                                <li><span style="top:5px; position:relative;"><svg class="svg-icon svg-icon--check"
                                            width="14" height="14" viewBox="0 0 14 14" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M14 7.00082C14 6.3602 13.4832 5.84168 12.8427 5.83852C13.136 5.71484 13.3532 5.48492 13.4657 5.21216C13.5799 4.93784 13.5894 4.61912 13.4657 4.32259C13.2216 3.73115 12.5447 3.44888 11.9518 3.69148C12.1753 3.46473 12.2878 3.1698 12.2878 2.87326C12.2878 2.57516 12.1737 2.27863 11.947 2.05189C11.4952 1.59837 10.7612 1.59837 10.3078 2.04872C10.4283 1.75378 10.4187 1.43666 10.3062 1.1639C10.192 0.889576 9.97329 0.658076 9.67682 0.534382C9.08551 0.290187 8.40857 0.569266 8.16126 1.15755C8.15968 0.838832 8.02968 0.550242 7.82042 0.340926C7.60957 0.130032 7.31946 0 6.99923 0C6.35875 0 5.84035 0.516927 5.83719 1.15755C5.71354 0.864203 5.48367 0.646971 5.21098 0.532787C4.93672 0.418619 4.61807 0.409105 4.32161 0.532787C3.7303 0.778568 3.44809 1.45405 3.69064 2.04712C3.46394 1.82196 3.16908 1.71095 2.87261 1.71095C2.57458 1.71095 2.27811 1.82512 2.05142 2.05188C1.5996 2.5038 1.59801 3.23795 2.04825 3.69147C1.75338 3.57096 1.43789 3.58047 1.16363 3.69305C0.889374 3.80722 0.657926 4.02604 0.53426 4.32257C0.290121 4.91401 0.569137 5.59111 1.15728 5.83847C0.838641 5.84006 0.550117 5.97008 0.340848 6.1794C0.130002 6.39029 0 6.68046 0 7.00077C0 7.64139 0.516809 8.15991 1.15569 8.16307C0.862411 8.28676 0.645229 8.51667 0.532666 8.78943C0.418523 9.06534 0.410598 9.38247 0.532666 9.679C0.778391 10.2704 1.45372 10.5527 2.04665 10.3101C1.82154 10.5369 1.71056 10.8318 1.71056 11.1283C1.71056 11.4264 1.8247 11.723 2.05141 11.9497C2.50323 12.4016 3.23722 12.4032 3.69063 11.9529C3.57015 12.2478 3.57966 12.5649 3.69221 12.8377C3.80636 13.112 4.02512 13.3435 4.32159 13.4672C4.9129 13.713 5.59143 13.4323 5.83873 12.8425C5.84032 13.1612 5.97032 13.4498 6.17958 13.6591C6.39043 13.87 6.68054 14 7.00077 14C7.64125 14 8.15965 13.4831 8.16281 12.8425C8.28646 13.1358 8.51633 13.353 8.78902 13.4672C9.06328 13.5814 9.38193 13.5893 9.67839 13.4672C10.2697 13.223 10.5519 12.5459 10.3094 11.9529C10.5361 12.1765 10.8309 12.289 11.1274 12.289C11.4254 12.289 11.7219 12.1749 11.9486 11.9481C12.402 11.4946 12.402 10.762 11.9517 10.3085C12.2466 10.429 12.5637 10.4195 12.8364 10.3069C13.1106 10.1928 13.3421 9.97396 13.4657 9.67743C13.7115 9.08598 13.4309 8.40889 12.8427 8.16153C13.1614 8.15994 13.4499 8.02992 13.6592 7.8206C13.87 7.61129 14 7.3211 14 7.00082V7.00082ZM10.208 5.89877C10.0891 6.0177 9.9702 6.13662 9.85129 6.25556C9.22827 6.87872 8.60525 7.50189 7.98379 8.12349C7.58111 8.52626 7.17845 8.929 6.77418 9.33337C6.43017 9.67746 5.8864 9.66635 5.53764 9.33971C5.48374 9.28897 5.43142 9.23982 5.37752 9.19066C4.85121 8.69751 4.32489 8.20436 3.79854 7.7128C3.45135 7.38614 3.46404 6.80737 3.7922 6.47598C4.13462 6.1303 4.68157 6.14457 5.02874 6.46964C5.08264 6.5188 5.13496 6.56954 5.18886 6.61869C5.50275 6.91363 5.81823 7.20857 6.13212 7.50192C6.6727 6.95962 7.2149 6.41889 7.75548 5.87818C8.15816 5.47541 8.56081 5.07267 8.96509 4.6683C9.30275 4.33056 9.86237 4.32581 10.2016 4.66196C10.5393 4.99494 10.5456 5.56104 10.208 5.89878L10.208 5.89877Z"
                                                fill="#ff5d00"></path>
                                        </svg></span>
                                    <span style="margin-left:4px;">U nas kupują influencerzy</span>
                                </li>

                            </ul>
                        </div>
                    </div>

                </div>
            </div>
        </div>

    </section>

    <div id="fixedButton" class="hidden">
        <button id="navratTlacitko" class="specialButton">Wybierz pakiet <i style="margin-left:5px;" class="fa-solid fa-arrow-up"></i></button>
    </div>

    <x-reviews2 :reviews="$reviews" />

    <x-reasons2 />

    <x-faq2 />

    <x-kroky1 />

    <x-footer2 />
@endsection
@section('scripts')
    <script>
        $(document).ready(function() {

            $(window).scroll(function() {
                if ($(window).scrollTop() > $('.new-design').offset().top + $('.new-design').outerHeight()) {
                    // objednávkový formulář není viditelný
                    $('#fixedButton').removeClass('hidden').css({
                        "bottom": "0px", // cílová pozice po animaci
                        "opacity": "1" // plná viditelnost
                    });
                } else {
                    // objednávkový formulář je viditelný
                    $('#fixedButton').addClass('hidden').css({
                        "bottom": "-60px", // původní pozice mimo obrazovku
                        "opacity": "0" // skryto
                    });
                }
            });

            $('#navratTlacitko').click(function() {
                $('html, body').animate({
                    scrollTop: 0
                }, 100);
            });

            $(".select-pack").click(function() {
                $(".select-pack").not(this).children().removeClass("active-nav");
                $(this).children().addClass("active-nav");
                var old_price = $(this).data("old");
                var price = $(this).data("price");
                $("#pack_id").val($(this).data("id"));
                $(".price-flw").html($(this).data("price").toFixed(2).replace('.', ',') +
                    "{{ config('app.currency') }}");
                $(".amount").html($(this).data("amount"));
                $("#price-shower").html($(this).data("price").toFixed(2).replace('.', ','));
                $(".price-saved").html(Number(old_price - price).toFixed(2).replace('.', ',') +
                    "{{ config('app.currency') }}");
                $("#old-price").html(Number(old_price).toFixed(2).replace('.', ',') +
                    "{{ config('app.currency') }}");
            });

            $(".select-pack1").click(function() {
                $(".select-pack1").not(this).children().removeClass("active-nav");
                $(this).children().addClass("active-nav");
                var old_price = $(this).data("old");
                var price = $(this).data("price");
                $("#pack_id1").val($(this).data("id"));
                $(".price-flw1").html($(this).data("price").toFixed(2).replace('.', ',') +
                    "{{ config('app.currency') }}");
                $(".amount1").html($(this).data("amount"));
                $("#price-shower1").html($(this).data("price").toFixed(2).replace('.', ','));
                $(".price-saved1").html(Number(old_price - price).toFixed(2).replace('.', ',') +
                    "{{ config('app.currency') }}");
                $("#old-price1").html(old_price.toFixed(2).replace('.', ',') +
                    "{{ config('app.currency') }}");
            });

            $(".global-btn").click(function() {
                $(".eu-obal").hide();
                $(".global-obal").show();
                $(".eu-btn").removeClass("activated-quality");
                $(".global-btn").addClass("activated-quality");
                $(".global-btn").find(".plan-check").addClass("plan-checked");
                $(".eu-btn").find(".plan-check").removeClass("plan-checked");
                $("#type").val(1);
                $('li[data-id="1"]').click();
            });
            $(".eu-btn").click(function() {
                $(".global-obal").hide();
                $(".eu-obal").show();
                $(".global-btn").removeClass("activated-quality");
                $(".eu-btn").addClass("activated-quality");
                $(".eu-btn").find(".plan-check").addClass("plan-checked");
                $(".global-btn").find(".plan-check").removeClass("plan-checked");
                $("#type").val(2);
                $('li[data-id="87"]').click();
            });

            if (window.location.search.includes("pl=true")) {
                $(document).ready(function() {
                    $(".eu-btn").click();
                    $("#pack_id1").val(87);
                });
            }
            

            $("#reviewForm").on('submit', function(e) {
                e.preventDefault();
                $(".send-review").attr("disabled", "disabled");
                var name = $("#prezdivka").val();
                var email = $("#email").val();
                var rating = $("input[name=rating]:checked").val();
                var textarea = $("#rate-text").val();

                $.ajax({
                    url: "/submit-review",
                    type: "POST",
                    data: {
                        "_token": "{{ csrf_token() }}",
                        name: name,
                        email: email,
                        rating: rating,
                        textarea: textarea,
                    },
                    success: function(response) {
                        $(".review-sent").show().delay(3000).fadeOut();
                        $(".send-review").removeAttr("disabled");
                        $("#prezdivka").val("");
                        $("#email").val("");
                        $("#rate-text").val("");
                    },
                });
            });

            $(".buy-btn").click(function() {
                var type = $("#type").val();
                if (type == 2) {
                    var pack = $("#pack_id1").val();
                } else {
                    var pack = $("#pack_id").val();
                }
                $.ajax({
                    url: '/add-to-cart',
                    data: {
                        pack_id: pack,
                        type: type
                    },
                    type: "GET",
                    success: function(data) {
                        window.location.href = data;
                    }
                });
            });

            $(".write-review-btn1").click(function() {
                $(".review-form").toggle();
                var text = $(this).text();
                $(this).text(
                    text == "Napsat recenzi" ? "Zrušit" : "Napsat recenzi");
            });

            $('.reviews').slick({
                centerMode: false,
                speed: 150,
                swipe: true,
                dots: true,
                arrows: false,
                slidesToShow: 3,
                focusOnSelect: false,
                responsive: [{
                    breakpoint: 768,
                    settings: {
                        slidesToShow: 1
                    }
                }]
            });

            $(".package-selector").click(function() {
                event.preventDefault();
                var old_price = $(this).data("old");
                var price = $(this).data("price");
                $("#pack_id").val($(this).data("id"));
                $(".price-flw").html($(this).data("price").toFixed({{ config('app.decimal') }}).replace(
                    '.', ',') + "{{ config('app.currency') }}");
                $(".amount").html($(this).data("amount"));
                $("#price-shower").html($(this).data("price").toFixed({{ config('app.decimal') }}).replace(
                    '.', ','));
                $(".price-saved").html(Number(old_price - price).toFixed({{ config('app.decimal') }})
                    .replace('.', ',') + "{{ config('app.currency') }}");
                $("#old-price").html(old_price.toFixed({{ config('app.decimal') }}).replace('.', ',') +
                    "{{ config('app.currency') }}");
            });

            $('.cenik').slick({
                dots: false,
                arrows: false,
                centerMode: false,
                variableWidth: true,
                infinite: false,
                speed: 150,
                swipe: true,
                focusOnSelect: false
            });
        });
    </script>
@endsection