@extends('layouts.safe3')
@section('content')
    <style>
        .mob-card svg {
            margin-top: -2px !important;
            margin-left: 15px !important;
        }

        @media only screen and (max-width: 768px) {
            .nav-tabs li {
                width: 50% !important;

            }

            .nav-tabs button {
                width: 100%;
                padding: 10px 8px !important;
            }

            .nav-tabs {
                max-width: 100% !important;
                justify-content: start;
            }
        }

        .tab-content .tab-pane {
            display: none;
        }

        .tab-content .active {
            display: block;
        }

        .nav-tabs button {
            color: #333 !important;
            background-color: inherit;
            border: 0px;
            padding: 10px 20px;
            transition: 0.2s;
            border-radius: 20px;
        }

        .nav-tabs button:hover {
            background-color: #FFDFC7;
        }

        .nav-tabs .active {
            background-color: #FF5D00 !important;
            color: white !important;
        }

        .nav-tabs {
            background-color: #F8F9FD !important;
            padding: 7px;
            max-width: fit-content;
            justify-content: start;
            border-radius: 20px;
        }

        .card-icon.tik {
            margin-top: 15px;
            background: rgb(0, 234, 227);
            background: linear-gradient(90deg, rgba(0, 234, 227, 1) 0%, rgb(255 196 214) 50%, rgba(247, 0, 77, 1) 100%);
            padding: 0 5px;
            border-radius: 25px;
        }
    </style>
    <header class="header section app-landing-2-header" style="background-color:white !important;">
        <div class="shapes-container">
            <!-- diagonal shapes -->
            <div class="shape shape-animated" data-aos1="fade-down-right" data-aos1-duration="1500" data-aos1-delay="100">
            </div>
            <div class="shape shape-animated" data-aos1="fade-down" data-aos1-duration="1000" data-aos1-delay="100"></div>
            <div class="shape shape-animated" data-aos1="fade-up-left" data-aos1-duration="500" data-aos1-delay="200"></div>
            <div class="shape shape-animated" data-aos1="fade-up" data-aos1-duration="500" data-aos1-delay="200"></div>
            <!-- static shapes -->
            <div class="static-shape shape-ring shape-ring-1">
                <div class="animation animation--rotating"></div>
            </div>
            <div class="static-shape shape-ring shape-ring-2">
                <div class="animation animation--rotating-clockwise"></div>
            </div>
            <div class="static-shape pattern-dots-1"></div>
            <div class="static-shape pattern-dots-2"></div><!-- main shape -->

        </div>
        <style>
            .price-badge {
                background-color: #FFDFC7;
                border-radius: 20px;
                font-size: 14px;
                color: #791600;
                font-weight: 500;
                padding: 2px 15px;
                width: fit-content;
                margin: 0 auto;
                margin-top: 7px;
                margin-bottom: 25px;

            }

            .splide__pagination {
                bottom: -3em;
            }

            .splide__pagination__page.is-active {
                background: #FFDFC7;
            }

            .product-show {
                margin-top: 10px;
            }

            .product-detail {
                margin: 5px 5px 12px 5px;
                border-radius: 10px;
                border: 1px solid #ededed;
                cursor: pointer;
                box-shadow: 0 2px 11px 0 rgb(0 0 0/4%);
                transition: 0.2s;
            }

            .kroky-block {
                border-radius: 10px;
                border: 1px solid #ededed;
                box-shadow: 0 2px 11px 0 rgb(0 0 0/4%);
            }

            .product-detail:hover {
                box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
            }

            .product-image {
                max-width: 100%;
                text-align: center;
                margin-top: 15px;

            }

            .product-image img {
                max-width: 90%;
                margin: 0 auto;
            }

            .product-show .slick-list {
                padding: 0 15% 0 0 !important;
            }

            .top1 {
                width: fit-content;
                text-align: left;
                margin: 0 auto;
            }

            .info-b {
                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 ul {
                list-style-type: none;
                padding-left: 15px;
            }

            .footerino {
                background-color: #f9fafc;
                border-radius: 12px;
                padding: 30px;
                text-align: center;
            }

            .footerino h2 {
                font-weight: 700;
            }

            .btn-bub,
            .btn-bub strong {
                position: relative;

            }

            .btn-bub {
                display: -moz-inline-box;
                display: inline-flex;
                -moz-box-pack: center;
                justify-content: center;
                -moz-box-align: center;
                align-items: center;
                color: #fff;
                height: 3rem;
                padding: 0 2.2rem;
                background-color: #ff553c;
                cursor: pointer;
                text-decoration: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border: 3px solid #ff553c;
                border-radius: 0.6rem;
                overflow: hidden;
                -webkit-transition-duration: .4s;
                -moz-transition-duration: .4s;
                transition-duration: .4s;
                -webkit-transition-timing-function: ease-out;
                -moz-transition-timing-function: ease-out;
                transition-timing-function: ease-out;
                -webkit-transition-property: color, border, background;
                -moz-transition-property: color, border, background;
                transition-property: color, border, background;
                font-size: 1rem;

            }

            .btn-bub:hover {
                color: #ff553c;
            }

            .btn-bub:hover span {
                -webkit-transform: translateY(0) scale(2);
                -moz-transform: translateY(0) scale(2);
                transform: translateY(0) scale(2);
            }

            .btn-bub span:first-child {
                --n: 1;
            }

            .btn-bub span:nth-child(2) {
                --n: 2;
            }

            .btn-bub span:nth-child(3) {
                --n: 3;
            }

            .btn-bub span {
                position: absolute;
                width: 33.3334%;
                padding-bottom: 33.3334%;
                background-color: #fff;
                -webkit-transform: translateY(150%);
                -moz-transform: translateY(150%);
                transform: translateY(150%);
                border-radius: 50%;
                pointer-events: none;
                left: -moz-calc((var(--n) - 1)*33.3334%);
                left: calc((var(--n) - 1)*33.3334%);
                -webkit-transition: .5s;
                -moz-transition: .5s;
                transition: .5s;
                -webkit-transition-delay: calc((var(--n) - 1)*.1s);
                -moz-transition-delay: -moz-calc((var(--n) - 1)*.1s);
                transition-delay: calc((var(--n) - 1)*.1s);
            }
        </style>
        <div class="container">
            <div class="row gap-y align-items-center header-main" style="pading-left:10px; padding-right:10px;">
                <div class="col-lg-6 col-xl-6 text-center text-lg-start">
                    <h1 class="font-md display-md-4 nadpisek" style="font-weight:600; margin-top:30px;">Len dnes: Špeciálna
                        zľava na všetko!
                    </h1>
                    <p class="lead my-4" style="font-size:17px; font-weight:400; color:#3d3d3d;">Vysoká kvalita. Doživotná
                        záruka. Dodanie ihneď.
                    </p>
                    <h2 style="text-align:left; font-size:19px; font-weight:700; margin-top:30px; margin-bottom:15px;">🎁
                        Iba DNES zľava 50%</h2>
                    <div class="product-show splide">
                        <div class="splide__track">
                            <ul class="splide__list">
                                <li class="splide__slide">
                                        <div class="product-detail">
                                            <form action="/forms/igf.php" method="POST">
                                                <input type="hidden" name="name" value="igfcz">
                                                <a onclick="this.closest('form').submit();return false;" type="submit">
                                                    <div class="product-image"><img src="/land/igfcz.png" alt=""></div>
                                                    <div style="width:100%;">
                                                        <div class="price-badge">od 6,99 €<i class="fas fa-angle-right"
                                                                style=" margin-left:1px; top:1px;" aria-hidden="true"></i></div>
                                                    </div>
                                                </a>
                                            </form>
                                        </div>
                                    </li>
                                <li class="splide__slide">
                                    <div class="product-detail">
                                        <form action="/forms/igf.php" method="POST">
                                            <input type="hidden" name="name" value="igf">
                                            <a onclick="this.closest('form').submit();return false;" type="submit">
                                                <div class="product-image"><img src="/land/igf.png" alt=""></div>
                                                <div style="width:100%;">
                                                    <div class="price-badge">od 2,79 €<i class="fas fa-angle-right"
                                                            style=" margin-left:1px; top:1px;" aria-hidden="true"></i></div>
                                                </div>
                                            </a>
                                        </form>
                                    </div>
                                </li>
                                <li class="splide__slide">
                                    <div class="product-detail">
                                        <form action="/forms/igf.php" method="POST">
                                            <input type="hidden" name="name" value="igl">
                                            <a onclick="this.closest('form').submit();return false;" type="submit">
                                                <div class="product-image"><img src="/land/igl.png" alt=""></div>
                                                <div style="width:100%;">
                                                    <div class="price-badge">od 2,49 €<i class="fas fa-angle-right"
                                                            style=" margin-left:1px; top:1px;" aria-hidden="true"></i></div>
                                                </div>
                                            </a>
                                        </form>
                                    </div>
                                </li>
                                <li class="splide__slide">
                                    <div class="product-detail">
                                        <form action="/forms/igf.php" method="POST">
                                            <input type="hidden" name="name" value="igv">
                                            <a onclick="this.closest('form').submit();return false;" type="submit">
                                                <div class="product-image"><img src="/land/igv.png" alt=""></div>
                                                <div style="width:100%;">
                                                    <div class="price-badge">od 2,29 €<i class="fas fa-angle-right"
                                                            style=" margin-left:1px; top:1px;" aria-hidden="true"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </form>
                                    </div>
                                </li>
                                <li class="splide__slide">
                                    <div class="product-detail">
                                        <form action="/forms/igf.php" method="POST">
                                            <input type="hidden" name="name" value="ttf">
                                            <a onclick="this.closest('form').submit();return false;" type="submit">
                                                <div class="product-image"><img src="/land/ttf.png" alt=""></div>
                                                <div style="width:100%;">
                                                    <div class="price-badge">od 2,79 €<i class="fas fa-angle-right"
                                                            style=" margin-left:1px; top:1px;" aria-hidden="true"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </form>
                                    </div>
                                </li>
                                <li class="splide__slide">
                                    <div class="product-detail">
                                        <form action="/forms/igf.php" method="POST">
                                            <input type="hidden" name="name" value="ttl">
                                            <a onclick="this.closest('form').submit();return false;" type="submit">
                                                <div class="product-image"><img src="/land/ttl.png" alt=""></div>
                                                <div style="width:100%;">
                                                    <div class="price-badge">od 2,79 €<i class="fas fa-angle-right"
                                                            style=" margin-left:1px; top:1px;" aria-hidden="true"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </form>
                                    </div>
                                </li>
                                <li class="splide__slide">
                                    <div class="product-detail">
                                        <form action="/forms/igf.php" method="POST">
                                            <input type="hidden" name="name" value="ttv">
                                            <a onclick="this.closest('form').submit();return false;" type="submit">
                                                <div class="product-image"><img src="/land/ttv.png" alt=""></div>
                                                <div style="width:100%;">
                                                    <div class="price-badge">od 2,49 €<i class="fas fa-angle-right"
                                                            style=" margin-left:1px; top:1px;" aria-hidden="true"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </form>
                                    </div>
                                </li>
                                <li class="splide__slide">
                                    <div class="product-detail">
                                        <form action="/forms/igf.php" method="POST">
                                            <input type="hidden" name="name" value="ytz">
                                            <a onclick="this.closest('form').submit();return false;" type="submit">
                                                <div class="product-image"><img src="/land/ytv1.png" alt=""></div>
                                                <div style="width:100%;">
                                                    <div class="price-badge">od 4,19 €<i class="fas fa-angle-right"
                                                            style=" margin-left:1px; top:1px;" aria-hidden="true"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </form>
                                    </div>
                                </li>
                                <li class="splide__slide">
                                    <div class="product-detail">
                                        <form action="/forms/igf.php" method="POST">
                                            <input type="hidden" name="name" value="yto">
                                            <a onclick="this.closest('form').submit();return false;" type="submit">
                                                <div class="product-image"><img src="/land/yts1.png" alt=""></div>
                                                <div style="width:100%;">
                                                    <div class="price-badge">od 5,99 €<i class="fas fa-angle-right"
                                                            style=" margin-left:1px; top:1px;" aria-hidden="true"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </form>
                                    </div>
                                </li>
                                <li class="splide__slide">
                                    <div class="product-detail">
                                        <form action="/forms/igf.php" method="POST">
                                            <input type="hidden" name="name" value="fbs">
                                            <a onclick="this.closest('form').submit();return false;" type="submit">
                                                <div class="product-image"><img src="/land/fbs1.png" alt=""></div>
                                                <div style="width:100%;">
                                                    <div class="price-badge">od 2,99 €<i class="fas fa-angle-right"
                                                            style=" margin-left:1px; top:1px;" aria-hidden="true"></i>
                                                    </div>
                                                </div>
                                            </a>
                                        </form>
                                    </div>
                                </li>
                            </ul>
                        </div>


                    </div>
                    <div style="width:fit-content; margin:0 auto; margin-top:-25px;">
                        <lottie-player src="/swipe.json" background="Transparent" speed="1"
                            style="width: 60px; height: 60px" direction="1" mode="normal" loop autoplay></lottie-player>
                    </div>
                    <div class="info-b">
                        <h3 style="color:#222222; font-size:18px;">Naše výhody</h3>
                        <div style="margin-top:13px;">
                            <ul style="margin-bottom:0px;">
                                <li><span style="top:-1px; 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;">Doba doručenia: <span
                                            style="color:#ff5d00; font-weight:600;">30 sekúnd</span> ⚡</span>
                                </li>
                                <li><span style="top:-1px; 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životná záruka doplnenia</span>
                                </li>
                                <li><span style="top:-1px; 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;"><span style="color:#ff5d00; font-weight:600;">100%</span>
                                        bez rizika a
                                        anonymne</span>
                                </li>
                                <li><span style="top:-1px; 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;">Jednorazová bezpečná platba</span>
                                </li>

                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 ms-lg-auto text-center non-mob"><img src="/rychlelajky-obr.webp" class="social-image"
                        alt="" data-aos1-delay="800" data-aos1="zoom-in" style="max-width: 100%"></div>
            </div>
        </div>

    </header>
    <div style="margin-top:50px;">
        <div class="customer-rated__stars" style="display:flex; justify-content: center;">
            <div style="margin-right:8px;">
                <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>
            </div>
            <div style="margin-top:2px;"><b>4,8 / 5</b> na základe <b>318</b> recenzií</div>
        </div>
    </div>

    <style>
        .digi-sec-bg-deco {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100%;
            height: 100%;
            max-width: 900px;
            background: rgba(255, 135, 10, 0.10);
            filter: blur(70px);
            z-index: 0;
            border-radius: 200vw;
            opacity: 0.60;
        }

        .digi-sec-main {
            padding: 80px 20px 60px 20px;
            margin-top: 60px;
            margin-bottom: 40px;
            max-width: 1100px;
            position: relative;
            margin-left: auto;
            margin-right: auto;
            background: #fff;
        }

        .digi-sec-header {
            text-align: center;
            margin-bottom: 64px;
            position: relative;
            z-index: 1;
        }

        .digi-sec-badge {
            display: inline-block;
            padding: 6px 16px;
            border-radius: 100px;
            background: #FFE5CC;
            color: #D66505;
            font-size: 15px;
            font-weight: 600;
            letter-spacing: 1px;
            text-transform: uppercase;
        }

        .digi-sec-title {
            font-weight: bold;
            font-size: 2.2rem;
            background: linear-gradient(90deg, #222, #a64b05, #ad4400 95%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin: 18px 0 14px 0;
            line-height: 1.15;
        }

        .digi-sec-title .text-orange {
            color: #ff7200;
            background: none;
            -webkit-text-fill-color: #ff7200;
        }

        .digi-sec-header p {
            color: #63666e;
            font-size: 18px;
            margin: 0 auto;
            max-width: 600px;
            line-height: 1.7;
            margin-bottom: 0;
        }

        .digi-sec-grid3 {
            display: grid;
            grid-template-columns: 1fr;
            gap: 28px;
            margin-bottom: 36px;
        }

        @media (min-width: 768px) {
            .digi-sec-grid3 {
                grid-template-columns: 1fr 1fr 1fr;
            }
        }

        .digi-sec-card {
            background: #fff;
            border-radius: 30px;
            padding: 38px 26px 32px 26px;
            border: 1.7px solid #faf7f3;
            box-shadow: 0 6px 32px 0 rgba(110, 71, 39, 0.07);
            position: relative;
            transition: box-shadow 0.25s, transform 0.22s;
            overflow: hidden;
        }

        .digi-sec-card:hover {
            box-shadow: 0 9px 32px 0 rgba(255, 163, 70, 0.12), 0 2px 8px 0 rgba(215, 133, 6, 0.04);
            transform: translateY(-5px) scale(1.019);
            z-index: 3;
        }

        .digi-sec-num {
            position: absolute;
            top: -16px;
            right: -12px;
            font-size: 5.3rem;
            font-weight: bold;
            color: #faf1e5;
            opacity: 0.55;
            pointer-events: none;
            user-select: none;
            transition: color 0.2s;
            z-index: 0;
        }

        .digi-sec-card:hover .digi-sec-num {
            color: #ffe6cc;
        }

        .digi-sec-icon {
            width: 48px;
            height: 48px;
            background: #FFE5CC;
            border-radius: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 22px;
            color: #FF8000;
            font-size: 30px;
        }

        .digi-sec-card h3 {
            font-weight: 700;
            font-size: 1.17rem;
            color: #252625;
            margin-bottom: 12px;
            margin-top: 0;
        }

        .digi-sec-card p {
            color: #656668;
            font-size: 16px;
            margin: 0;
            line-height: 1.7;
        }

        .digi-sec-grid2 {
            display: grid;
            grid-template-columns: 1fr;
            gap: 24px;
            margin-top: 30px;
            margin-bottom: 0;
        }

        @media (min-width: 768px) {
            .digi-sec-grid2 {
                grid-template-columns: 1fr 1fr;
            }
        }

        .digi-sec-subcard {
            background: linear-gradient(135deg, #fffbf6 0%, #fff 80%);
            border-radius: 20px;
            padding: 30px 26px 24px 26px;
            border: 1.2px solid #f2eadc;
            transition: border-color 0.19s;
        }

        .digi-sec-subcard:hover {
            border-color: #ffdfa3;
        }

        .digi-sec-subcard h4 {
            display: flex;
            align-items: center;
            gap: 9px;
            font-weight: bold;
            font-size: 1.09rem;
            color: #252625;
            margin-bottom: 11px;
            margin-top: 0;
        }

        .digi-sec-subcard span {
            display: inline-block;
            background: #fff;
            border-radius: 11px;
            color: #fa8100;
            box-shadow: 0 2px 9px 0 rgba(255, 180, 30, 0.05);
            padding: 8px;
            font-size: 19px;
            margin-right: 4px;
        }

        .digi-sec-subcard p {
            color: #6a6660;
            font-size: 15px;
            line-height: 1.7;
            margin: 0;
        }

        .digi-sec-cta-block {
            margin-top: 60px;
            text-align: center;
        }

        .digi-sec-cta {
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            background: #FFFAF2;
            border-radius: 30px;
            border: 1.7px solid #FED9B0;
            padding: 44px 36px 38px 36px;
            max-width: 600px;
            margin: 0 auto;
        }

        .digi-sec-cta h5 {
            font-weight: bold;
            font-size: 1.45rem;
            color: #272623;
            margin-bottom: 13px;
            margin-top: 0;
        }

        .digi-sec-cta p {
            color: #6a6660;
            font-size: 17px;
            max-width: 500px;
            margin: 0 auto 17px auto;
        }

        @media (max-width: 600px) {
            .digi-sec-main {
                padding: 32px 4vw 32px 4vw;
            }

            .digi-sec-cta {
                padding: 20px 10px 18px 10px;
            }
        }
    </style>
    <section class="digi-sec-main">
        <div class="digi-sec-bg-deco"></div>
        <div class="digi-sec-header">
            <span class="digi-sec-badge">Sprievodca digitálnym svetom v ére AI</span>
            <h2 class="digi-sec-title">
                Tvoja digitálna cesta –<br style="display:none;@media(min-width:768px){display:inline;}" />
                <span class="text-orange">kompletné zaškolenie a orientácia na internete s AI</span>
            </h2>
            <p>
                Ponúkame vám komplexný sprievod, vďaka ktorému sa naučíte bezpečne, efektívne a s istotou pohybovať na internete v dobe umelej inteligencie. Či už online začínate, alebo chcete rozšíriť svoje digitálne vedomosti, s nami získate všetko potrebné – od základov po pokročilé tipy a školenia priamo pre bežný život, prácu aj tvorbu.
            </p>
        </div>
        <div class="digi-sec-grid3">
            <!-- Krok 1 -->
            <div class="digi-sec-card">
                <div class="digi-sec-num">1</div>
                <div class="digi-sec-icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none"
                        stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round">
                        <path d="M22 10v6M2 10l10-5 10 5-10 5z" />
                        <path d="M6 12v5c3 3 9 3 12 0v-5" />
                    </svg>
                </div>
                <h3>Kompletné zaškolenie pre každého</h3>
                <p>
                    Získajte istotu v používaní internetu: naučíme vás orientovať sa vo vyhľadávaní, komunikácii, správe účtov, ale aj chrániť svoje dáta či rozpoznať riziká. Všetko krok za krokom a zrozumiteľne – stačí prísť bez akýchkoľvek predchádzajúcich znalostí.
                </p>
            </div>
            <!-- Krok 2 -->
            <div class="digi-sec-card">
                <div class="digi-sec-num">2</div>
                <div class="digi-sec-icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none"
                        stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round">
                        <path
                            d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z" />
                        <path
                            d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z" />
                        <path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0" />
                        <path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5" />
                    </svg>
                </div>
                <h3>Navigácia v ére AI technológií</h3>
                <p>
                    Vysvetlíme vám, ako v bežnom živote využívať umelú inteligenciu – od správneho používania vyhľadávačov, cez zjednodušenie každodenných úloh, až po tvorbu textov a obrázkov pomocou AI nástrojov. Všetko prakticky, ukážky aj skúšanie na vlastnej koži.
                </p>
            </div>
            <!-- Krok 3 -->
            <div class="digi-sec-card">
                <div class="digi-sec-num">3</div>
                <div class="digi-sec-icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none"
                        stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round">
                        <circle cx="12" cy="12" r="10" />
                        <polyline points="12 6 12 12 16 14" />
                    </svg>
                </div>
                <h3>Bezpečie a sebadôvera v digitálnom svete</h3>
                <p>
                    Naučíme vás, ako sa bezpečne pohybovať na internete, rozpoznávať podvody či hrozby, chrániť súkromie a budovať si vlastnú digitálnu stopu. Po kurze si budete istí v tom, čo, kde a ako zdieľať, na čo si dať pozor a ako využiť výhody digitálnej éry vo svoj prospech.
                </p>
            </div>
        </div>
        <div class="digi-sec-grid2">
            <!-- Praktické úlohy -->
            <div class="digi-sec-subcard">
                <h4>
                    <span>
                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"
                            stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round">
                            <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
                            <polyline points="14 2 14 8 20 8" />
                            <line x1="16" y1="13" x2="8" y2="13" />
                            <line x1="16" y1="17" x2="8" y2="17" />
                            <polyline points="10 9 9 9 8 9" />
                        </svg>
                    </span>
                    Cvičenia a školenia na konkrétnych príkladoch
                </h4>
                <p>
                    Všetko si precvičíte na reálnych úlohách – či už ide o nastavenie emailu, bezpečné prihlasovanie, komunikáciu na sociálnych sieťach alebo prvé kroky s AI nástrojmi. Náš kurz je postavený na praktických zadaniach a interaktívnom učení.
                </p>
            </div>
            <!-- Podpora a komunita -->
            <div class="digi-sec-subcard">
                <h4>
                    <span>
                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"
                            stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round">
                            <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" />
                            <circle cx="9" cy="7" r="4" />
                            <path d="M22 21v-2a4 4 0 0 0-3-3.87" />
                            <path d="M16 3.13a4 4 0 0 1 0 7.75" />
                        </svg>
                    </span>
                    Osobná podpora, spätná väzba aj živá komunita
                </h4>
                <p>
                    Nebudete na to sami – počas celej digitálnej cesty vám bude k dispozícii lektor, získate spätnú väzbu, tipy na mieru a možnosť zdieľať skúsenosti s ostatnými účastníkmi. Rastieme spolu a podporujeme sa na každom kroku.
                </p>
            </div>
        </div>
        <div class="digi-sec-cta-block">
            <div class="digi-sec-cta">
                <h5>Začnite svoju digitálnu cestu už dnes</h5>
                <p>
                    Vstúpte do sveta internetu a umelej inteligencie s istotou a porozumením. Prihláste sa do nášho kurzu a premeňte obavy na istotu, získajte nové zručnosti a otvorte si dvere k digitálnym príležitostiam – jednoducho, prakticky a s podporou odborníkov.
                </p>
            </div>
        </div>
    </section>
@endsection

@section('scripts')
    <script>
        $(document).ready(function () {
            $("#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("");
                    },
                });
            });

            var splide = new Splide('.splide', {
                drag: 'free',
                snap: true,
                perPage: 4,
                padding: {
                    right: 60
                },
                arrows: false,
                breakpoints: {
                    768: {
                        perPage: 2,
                    },
                },
            });

            splide.mount();

        });
    </script>
@endsection