/*!
              - C S S -
        VERSION 1.0.0 - DATE: 2023-01-06
	@author: Krisztian Horvath ThemePunch OHG.
        - Slider Revolution 7.0 -

        GET LICENSE AT:
https://www.themepunch.com/links/slider_revolution_wordpress_regular_license

LICENSE:
Copyright (c) 2023, ThemePunch. All rights reserved.
This work is subject to the terms at https://www.themepunch.com/links/slider_revolution_wordpress_regular_license (Regular / Extended)
*/.rs-p-wp-fix{display:none!important;margin:0!important;height:0!important}body{--sr-7-css-loaded:1}.wp-block-themepunch-revslider{position:relative}.wp-block-themepunch-revslider.revslider{margin:0}canvas.sr7-pbar{z-index:500;position:absolute;pointer-events:none}sr7-module{display:block;position:relative;overflow-x:visible;-webkit-tap-highlight-color:transparent}sr7-adjuster{position:relative;display:block;width:100%}sr7-content{position:absolute;top:0;height:100%;contain:size layout style;z-index:1;overflow-x:visible}sr7-carousel{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}sr7-slide{position:absolute;width:100%;height:100%;contain:strict;top:0;left:0;z-index:1;visibility:hidden;pointer-events:none}.sr7-overflow-force sr7-slide,sr7-carousel sr7-slide{contain:layout style}sr7-module-bg{top:0;z-index:0;position:absolute}sr7-3dwrap{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}sr7-overlay{display:block;width:100%;height:100%;top:0;left:0;position:absolute;z-index:3;background-repeat:repeat}sr7-btn,sr7-col,sr7-content .sr7-layer,sr7-grp,sr7-img,sr7-layer,sr7-linebrk,sr7-row,sr7-shp,sr7-svg,sr7-txt,sr7-zone{user-select:none;visibility:hidden;display:none;box-sizing:border-box;backface-visibility:hidden}sr7-col-bg.sr7-img-col-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.sr7-layer[data-subtype=slidebg],sr7bg{pointer-events:none}sr7-content .sr7-layer.sr7-withclip,sr7-content .sr7-layer.sr7-withclip .sr7-layer{backface-visibility:visible}sr7-grp.sr7-clear:after{content:"";clear:both;display:block;height:0}sr7-zone{pointer-events:none}sr7-row.sr7-layer.sr7-galign{box-sizing:border-box}.sr7-layer[data-type=svg]>svg,sr7-layer[data-type=svg]>svg{width:100%;height:100%}sr7-row-con{table-layout:fixed;font-size:0;display:block}sr7-module .sr7-layer,sr7-module sr7-layer{-webkit-font-smoothing:antialiased!important;-webkit-tap-highlight-color:transparent;-moz-osx-font-smoothing:grayscale;font-display:swap}sr7-slide.sr7-staticslide-low{z-index:0!important}sr7-slide.sr7-staticslide-high{z-index:105!important}@-moz-document url-prefix(){sr7-slide.sr7-staticslide{transform:scale(1)}}sr7-slide a{transition:none}sr7-module.sr7-top-fixed{width:100%;height:auto!important;backface-visibility:hidden}sr7-module.sr7-top-fixed sr7-adjuster{height:auto!important}sr7-module.sr7-top-fixed sr7-content,sr7-module.sr7-top-fixed sr7-content .sr7-layer:not(.sr7-ignore-pe) *{pointer-events:none}sr7-prl{top:50%;left:50%;z-index:10000;position:absolute}sr7-prl.off{display:none!important}sr7-prl.sr7-fade-in{animation:tp-fade-in 1s linear}.sr-force-hidden{display:none!important}@keyframes tp-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes tp-fade-in{0%{opacity:0}20%{opacity:0}100%{opacity:100}}@keyframes tp-rotate{100%{transform:rotate(360deg)}}sr7-fonttest{width:auto;display:inline-block;white-space:nowrap;font-size:12px;color:#000}sr7-fonttest-wrap{position:absolute;contain:strict;top:-1500px;left:-1500px;width:1500px;height:1000px;pointer-events:none;opacity:0}.fn-wrap{display:flex;position:fixed;width:100px;height:50px;z-index:100;background-color:rgba(66,66,66,.2);justify-content:space-around;align-items:center;bottom:0;left:50%;transform:translateX(-50%)}.fn-left,.fn-right{display:flex;width:40px;height:40px;justify-content:center;align-items:center;background-color:gray;color:#fff;font-weight:700;font-size:20px;cursor:pointer}.sr7-layer .materical-icons,sr7-module .material-icons,sr7-txt .material-icons{font-size:inherit;vertical-align:top;line-height:inherit}#sr-announcer{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Open Sans', sans-serif;
            padding-top: 70px;
        }

        /* Header Styles */
        .header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 70px;
            background-color: #000;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 40px;
            z-index: 1000;
        }

        /* Logo */
        .logo {
            height: 40px;
        }

        .logo img {
            height: 100%;
            width: auto;
        }

        /* Right Section */
        .header-right {
            display: flex;
            align-items: center;
            gap: 30px;
        }

        /* Phone Contact */
        .phone-contact {
            display: flex;
            align-items: center;
            gap: 10px;
            color: #fff;
            font-size: 16px;
            font-weight: 700;
            text-decoration: none;
        }

        .phone-icon {
            width: 28px;
            height: 28px;
            fill: rgb(16, 137, 62);
        }

        .phone-icon path {
            stroke: rgb(16, 137, 62);
            stroke-width: 0.5;
        }

        /* CTA Button */
        .cta-button {
            background-color: rgb(16, 137, 62);
            color: #fff;
            width: 160px;
            padding: 12px 24px;
            border: none;
            border-radius: 25px;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            text-decoration: none;
            text-align: center;
            transition: background-color 0.3s ease;
            white-space: nowrap;
        }

        .cta-button:hover {
            background-color: rgb(11, 91, 42);
        }

        /* Hamburger Menu */
        .hamburger {
            width: 30px;
            height: 24px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            cursor: pointer;
            position: relative;
        }

        .hamburger-line {
            width: 100%;
            height: 3px;
            background-color: #fff;
            border-radius: 2px;
            transition: all 0.3s ease;
        }

        .hamburger:hover .hamburger-line:nth-child(1) {
            transform: translateX(-5px);
        }

        .hamburger:hover .hamburger-line:nth-child(3) {
            transform: translateX(5px);
        }

        .hamburger.active .hamburger-line:nth-child(1) {
            transform: rotate(45deg) translate(8px, 8px);
        }

        .hamburger.active .hamburger-line:nth-child(2) {
            opacity: 0;
        }

        .hamburger.active .hamburger-line:nth-child(3) {
            transform: rotate(-45deg) translate(8px, -8px);
        }

        /* Mobile Menu Overlay */
        .menu-overlay {
            position: fixed;
            top: 70px;
            left: 0;
            width: 100%;
            height: calc(100vh - 70px);
            background-color: #000;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
            z-index: 999;
        }

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

        .menu-nav {
            list-style: none;
            text-align: center;
            margin-bottom: 60px;
        }

        .menu-nav li {
            margin: 25px 0;
        }

        .menu-nav a {
            color: #fff;
            font-size: 32px;
            font-weight: 600;
            text-decoration: none;
            transition: color 0.3s ease;
        }

        .menu-nav a:hover {
            color: rgb(16, 137, 62);
        }

        /* Social Icons */
        .social-icons {
            display: flex;
            gap: 30px;
        }

        .social-icon {
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid #fff;
            border-radius: 50%;
            color: #fff;
            text-decoration: none;
            transition: all 0.3s ease;
        }

        .social-icon:hover {
            background-color: rgb(16, 137, 62);
            border-color: rgb(16, 137, 62);
        }

        .social-icon svg {
            width: 20px;
            height: 20px;
            fill: currentColor;
        }

        /* Mobile Responsive */
        @media (max-width: 768px) {
            .header {
                padding: 0 20px;
            }

            .header-right {
                gap: 15px;
            }

            .phone-contact {
                display: none;
            }

            .cta-button {
                width: 140px;
                padding: 10px 16px;
                font-size: 13px;
            }

            .menu-nav a {
                font-size: 28px;
            }
        }

        @media (max-width: 480px) {
            .header {
                padding: 0 15px;
            }

            .header-right {
                gap: 10px;
            }

            .cta-button {
                width: 130px;
                padding: 8px 12px;
                font-size: 12px;
            }

            .menu-nav a {
                font-size: 24px;
            }

            .menu-nav li {
                margin: 20px 0;
            }
        }

        /* Demo Content */
        .demo-content {
            padding: 40px 20px;
            max-width: 1200px;
            margin: 0 auto;
        }

        .demo-content h1 {
            margin-bottom: 20px;
        }

        .demo-content p {
            line-height: 1.6;
            margin-bottom: 15px;
        }