:root {
            --theme-red: #960f0c;
            --theme-black: #111111;
            --theme-dark: #1a1a1a;
            --theme-white: #ffffff;
        }

        body {
            font-family: 'Montserrat', sans-serif;
            background-color: var(--theme-white);
            color: var(--theme-black);
            overflow-x: hidden !important;
            width: 100vw;
            /* Fix for iOS/Mobile Safari "pull-to-refresh" interfering with fixed navbars */
            overscroll-behavior-y: none;
        }

    /* Typography Specifics */
        .font-serif {
            font-family: 'Playfair Display', serif;
        }

        /* Scroll Reveal Animation Classes */
        .reveal {
            opacity: 0;
            transform: translateY(40px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }

        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        .delay-100 {
            transition-delay: 0.1s;
        }

        .delay-200 {
            transition-delay: 0.2s;
        }

        .delay-300 {
            transition-delay: 0.3s;
        }

        .delay-400 {
            transition-delay: 0.4s;
        }

        /* Navbar Styles */
        .navbar {
            background-color: var(--theme-white) !important;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
        }

        .navbar.navbar-scrolled {
            background-color: rgba(255, 255, 255, 0.95) !important;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .navbar-brand {
            font-weight: 800;
            color: var(--theme-black) !important;
            letter-spacing: 2px;
        }

        .navbar-brand span {
            color: var(--theme-red);
        }

        /* Default Navbar Links (Desktop) */
        .nav-link {
            color: var(--theme-black) !important;
            font-size: 0.9rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-weight: 600;
            transition: color 0.3s ease;
        }

        .nav-link:hover, .nav-link.active  {
            color: var(--theme-red) !important;
        }

        .nav-social-icon {
            color: var(--theme-black) !important;
            font-size: 1.2rem;
            transition: color 0.3s ease;
        }

        .nav-social-icon:hover {
            color: var(--theme-red) !important;
        }

        @media (min-width: 992px) {
            .navbar {
                width: 80%;
                left: 10%;
                top: 30px;
                border-radius: 50px;
                backdrop-filter: blur(10px); /* Re-added blur only for desktop */
                background-color: rgba(255, 255, 255, 0.95) !important;
            }

            .navbar.navbar-scrolled {
                width: 100%;
                left: 0;
                top: 0;
                border-radius: 0;
            }

            .navbar .navbar-brand,
            .navbar .nav-link,
            .navbar .nav-social-icon {
                color: var(--theme-black) !important;
            }
            .navbar .navbar-brand span {
                color: var(--theme-red) !important;
            }
            .navbar .nav-link:hover,
            .navbar .nav-social-icon:hover {
                color: var(--theme-red) !important;
            }
        }

        /* Offcanvas for Mobile Only */
        @media (max-width: 991px) {
            #offcanvasNavbar {
                background-color: var(--theme-black) !important;
            }

            #offcanvasNavbar .nav-link,
            #offcanvasNavbar .nav-social-icon {
                color: var(--theme-white) !important;
            }

            #offcanvasNavbar .nav-link:hover,
            #offcanvasNavbar .nav-social-icon:hover {
                color: var(--theme-red) !important;
            }

            #offcanvasNavbarLabel {
                color: var(--theme-white);
            }
        }

        /* Hero Carousel */
        .carousel-item {
            height: 100vh;
            min-height: 500px;
        }

        .carousel-item picture {
            display: block;
            width: 100%;
            height: 100%;
        }

        .carousel-item img {
            object-fit: cover;
            height: 100%;
            width: 100%;
        }

        .carousel-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(to top, rgba(17, 17, 17, 0.5) 0%, rgba(17, 17, 17, 0.1) 100%);
        }

        .carousel-caption {
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: center;
            padding-bottom: 200px;
        }

        .btn-hero {
            background-color: var(--theme-white);
            color: var(--theme-red);
            padding: 12px 40px;
            border-radius: 30px;
            font-weight: 700;
            font-size: 1.1rem;
            text-transform: uppercase;
            border: 2px solid var(--theme-white);
            transition: all 0.3s;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
        }

        .btn-hero:hover {
            background-color: var(--theme-red);
            color: var(--theme-white);
            border-color: var(--theme-red);
            box-shadow: none;
        }

        .eyebrow {
            color: var(--theme-red);
            font-weight: 700;
            letter-spacing: 3px;
            text-transform: uppercase;
            font-size: 0.9rem;
        }

        /* RevSlider-style Animations */
        .fade-up-elem {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
        }

        .carousel-item.active .fade-up-elem {
            opacity: 1;
            transform: translateY(0);
        }

        .carousel-item.active .delay-4 {
            transition-delay: 0.8s;
        }

        /* Tabs (Upcoming / Released) - Switch Style */
        #movies .movies-section-top {
            position: relative;
            z-index: 20;
            /* margin-top: -25px; */
        }

        #shows .movies-section-top {
            margin-top: 50px;
        }

        .switch-container {
            display: inline-flex;
            background-color: var(--theme-black);
            /* Set container to black */
            padding: 5px;
            border-radius: 50px;
            box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.5), 0 10px 20px rgba(0, 0, 0, 0.3);
        }

        .nav-pills.custom-switch .nav-link {
            border-radius: 40px;
            background-color: var(--theme-black);
            /* bg color black */
            color: var(--theme-white) !important;
            /* font color white */
            margin: 0;
            padding: 10px 30px;
            text-transform: uppercase;
            font-weight: 700;
            letter-spacing: 1px;
            transition: all 0.3s ease;
        }

        .nav-pills.custom-switch .nav-link:hover {
            background-color: var(--theme-white);
            /* hover bg white */
            color: var(--theme-red) !important;
            /* hover font theme red */
        }

        .nav-pills.custom-switch .nav-link.active {
            background-color: var(--theme-red) !important;
            /* active bg red */
            color: var(--theme-white) !important;
            /* active font white */
            box-shadow: 0 4px 10px rgba(150, 15, 12, 0.4);
        }

        .nav-pills.custom-switch .nav-link.active:hover {
            /* Keep it red on hover if it's already active */
            background-color: var(--theme-red) !important;
            color: var(--theme-white) !important;
        }

        /* Movie Cards */
        .movie-card-wrapper {
            cursor: pointer;
        }

        .movie-card {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
            margin-bottom: 10px;
            aspect-ratio: 2/3;
        }

        .movie-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .movie-card-wrapper:hover .movie-card img {
            transform: scale(1.08);
        }

        .movie-title-text {
            font-weight: 700;
            font-size: 1.1rem;
            margin-bottom: 3px;
            color: var(--theme-black);
            transition: color 0.3s;
        }

        .movie-card-wrapper:hover .movie-title-text {
            color: var(--theme-red);
        }

        .movie-year {
            font-size: 0.85rem;
            color: #666;
            font-weight: 600;
        }

        /* Movie Hover Action (Desktop) */
        .movie-hover-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.65);
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: opacity 0.3s ease;
            z-index: 2;
        }

        .movie-card-wrapper:hover .movie-hover-overlay {
            opacity: 1;
        }

        /* Movie Scrollable Wrapper */
        .movie-carousel-container {
            position: relative;
            display: flex;
            align-items: center;
        }

        .movie-scroll-btn {
            position: absolute;
            top: 40%;
            transform: translateY(-50%);
            width: 45px;
            height: 45px;
            background: rgba(17, 17, 17, 0.85);
            color: white;
            border: 2px solid rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            z-index: 10;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
        }

        .movie-scroll-btn:hover {
            background: var(--theme-red);
            border-color: var(--theme-red);
            transform: translateY(-50%) scale(1.1);
        }

        .movie-scroll-btn.left {
            left: -15px;
        }

        .movie-scroll-btn.right {
            right: -15px;
        }

        @media (max-width: 768px) {
            .movie-scroll-btn.left {
                left: -5px;
                width: 35px;
                height: 35px;
            }

            .movie-scroll-btn.right {
                right: -5px;
                width: 35px;
                height: 35px;
            }
        }

        .movie-scroll-wrapper {
            display: flex;
            gap: 20px;
            padding-bottom: 20px;
            scrollbar-width: none;
            -ms-overflow-style: none;
            scroll-behavior: smooth;
            overflow-x: auto;
            overflow-y: hidden !important;
            touch-action: pan-x pan-y !important;
        }

        .movie-scroll-wrapper::-webkit-scrollbar {
            display: none;
        }

        .movie-scroll-wrapper::before,
        .movie-scroll-wrapper::after {
            content: '';
            margin: auto;
        }

        .movie-scroll-card {
            flex: 0 0 auto;
            width: 220px;
            text-align: center;
        }

        @media (max-width: 768px) {
            .movie-scroll-card {
                width: 160px;
            }
        }

        /* Videos Section */
        .videos-section {
            background-color: var(--theme-black);
            color: var(--theme-white);
            padding: 80px 0;
        }

        .section-title {
            color: var(--theme-red);
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 40px;
        }

        .main-video {
            position: relative;
            border-radius: 10px;
            overflow: hidden;
            margin-bottom: 20px;
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);
        }

        .play-btn {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 80px;
            height: 80px;
            background-color: rgba(150, 15, 12, 0.9);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            color: white;
            transition: transform 0.3s ease, background-color 0.3s;
        }

        .play-btn:hover {
            transform: translate(-50%, -50%) scale(1.1);
            background-color: var(--theme-red);
        }

        /* Video Scrollable Thumbnails */
        .video-carousel-container {
            position: relative;
            display: flex;
            align-items: center;
        }

        .video-scroll-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 45px;
            height: 45px;
            background: rgba(17, 17, 17, 0.85);
            color: white;
            border: 2px solid rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            z-index: 10;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
        }

        .video-scroll-btn:hover {
            background: var(--theme-red);
            border-color: var(--theme-red);
            transform: translateY(-50%) scale(1.1);
        }

        .video-scroll-btn.left {
            left: -22px;
        }

        .video-scroll-btn.right {
            right: -22px;
        }

        .video-scroll-wrapper {
            display: flex;
            overflow-x: auto;
            gap: 20px;
            padding-bottom: 15px;
            padding-top: 10px;
            scrollbar-width: none;
            -ms-overflow-style: none;
            scroll-behavior: smooth;
            overflow-y: hidden !important;
            touch-action: pan-x pan-y !important
        }

        .video-scroll-wrapper::-webkit-scrollbar {
            display: none;
        }

        .video-thumb-card {
            flex: 0 0 auto;
            width: 220px;
            cursor: pointer;
            text-align: left;
            transition: transform 0.3s;
        }

        .video-thumb-card:hover {
            transform: translateY(-5px);
        }

        .video-thumb-card .video-thumb {
            border-radius: 8px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
            overflow: hidden;
            transition: opacity 0.3s;
        }

        .video-thumb-card:hover .video-thumb {
            opacity: 0.8;
        }

        /* Subscribe Bar */
        .subscribe-bar {
            background-color: var(--theme-red);
            color: white;
            padding: 40px 0;
        }

        .subscribe-input {
            border: none;
            border-radius: 30px 0 0 30px !important;
            padding: 15px 25px;
        }

        .subscribe-btn {
            background-color: var(--theme-black);
            color: white;
            border: none;
            border-radius: 0 30px 30px 0 !important;
            padding: 0 30px;
            font-weight: 700;
        }

        .subscribe-btn:hover {
            background-color: var(--theme-dark);
            color: white;
        }

        /* News Section */
        .news-section {
            padding: 80px 0;
            background-color: #f8f9fa;
        }

        .news-card {
            border: none;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            height: 100%;
        }

        .news-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        }

        .news-img-wrapper {
            overflow: hidden;
            aspect-ratio: 16/9;
        }

        .news-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .news-card:hover img {
            transform: scale(1.08);
        }

        /* Social Section */
        .social-section {
            background: linear-gradient(rgba(17, 17, 17, 0.85), rgba(17, 17, 17, 0.85)), url('https://picsum.photos/1920/600?random=10') center/cover fixed;
            padding: 100px 0;
            text-align: center;
            color: white;
        }

        .social-heading {
            font-family: 'Playfair Display', serif;
            font-size: 5rem;
            font-weight: 700;
            letter-spacing: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .social-heading .red-dot {
            width: 38px;
            height: 38px;
            background-color: var(--theme-red);
            border-radius: 50%;
            display: inline-block;
            margin: 0 10px;
            box-shadow: 0 0 15px rgba(150, 15, 12, 0.6);
        }

        @media (max-width: 768px) {
            .social-heading {
                font-size: 3.5rem;
            }

            .social-heading .red-dot {
                width: 25px;
                height: 25px;
            }
        }

        .social-icons a {
            color: white;
            font-size: 2.5rem;
            margin: 0 15px;
            transition: color 0.3s, transform 0.3s;
            display: inline-block;
        }

        .social-icons a:hover {
            color: var(--theme-red);
            transform: translateY(-5px);
        }

        /* Contact Section */
        .contact-section {
            padding: 80px 0;
            overflow-x: hidden;
        }

        .map-iframe-box {
            border-radius: 12px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }

        .contact-info-wrap i {
            width: 30px;
            text-align: center;
        }

        .contact-box {
            text-align: center;
            padding: 30px 20px;
            border: 1px solid #eee;
            border-radius: 12px;
            margin-bottom: 20px;
            transition: box-shadow 0.3s, border-color 0.3s;
            height: 100%;
        }

        .contact-box:hover {
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
            border-color: var(--theme-red);
        }

        .contact-box i {
            font-size: 2rem;
            color: var(--theme-red);
            margin-bottom: 15px;
        }

        /* Footer */
        footer {
            background-color: var(--theme-black);
            color: #aaa;
            padding: 50px 0 20px;
        }

        footer h5 {
            color: white;
            font-weight: 700;
            margin-bottom: 20px;
        }

        footer a {
            color: #aaa;
            text-decoration: none;
            transition: color 0.3s;
        }

        footer a:hover {
            color: var(--theme-red);
        }

        .btn-custom {
            background-color: var(--theme-red);
            color: white;
            padding: 12px 30px;
            border-radius: 30px;
            font-weight: 600;
            text-transform: uppercase;
            border: 2px solid var(--theme-red);
            transition: all 0.3s;
            box-shadow: 0 5px 15px rgba(150, 15, 12, 0.3);
        }

        .btn-custom:hover {
            background-color: white;
            color: var(--theme-red);
            box-shadow: none;
        }

        /* Social Embed Cards */
        .social-embed-card {
            height: 450px;
            /* Force uniform height across all devices */
            border: none;
            border-radius: 12px;
            background-color: #fff;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            overflow-y: auto;
            /* Allow scrolling if post is taller than 450px */
            overflow-x: hidden;
            scrollbar-width: none;
            /* Firefox */
            -ms-overflow-style: none;
            /* IE/Edge */
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .social-embed-card::-webkit-scrollbar {
            display: none;
            /* Chrome/Safari/Opera */
        }

        .social-embed-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        }

        /* Ensure embeds stretch properly */
        .social-embed-card iframe,
        .social-embed-card .instagram-media,
        .social-embed-card .fb-post {
            margin: 0 !important;
            width: 100% !important;
            min-width: 100% !important;
        }

/* About Hero Section */
        .page-header {
            position: relative;
            background: linear-gradient(rgba(17,17,17,.45), rgba(17,17,17,.55)), url('https://picsum.photos/1920/1080?random=50') center/cover fixed;
            height: 60vh;
            min-height: 450px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: var(--theme-white);
            padding-top: 80px; /* Accounts for floating navbar */
        }
        .page-header-title {
            font-size: 3.5rem;
            font-weight: 700;
            line-height: 1.2;
            letter-spacing: 2px;
            text-transform: uppercase;
        }
        @media (max-width: 768px) {
            .page-header-title { font-size: 2rem; }
        }

        /* Overview Content Section */
        .overview-section {
            padding: 100px 0;
            background-color: var(--theme-white);
        }
        .overview-text p {
            font-size: 1.1rem;
            line-height: 1.8;
            color: #444;
            margin-bottom: 25px;
        }
        
        /* Image Collage */
        .image-collage {
            position: relative;
            height: 100%;
            min-height: 500px;
        }
        .collage-img {
            position: absolute;
            border-radius: 10px;
            box-shadow: 0 20px 40px rgba(0,0,0,0.2);
            transition: transform 0.5s ease;
        }
        .collage-img:hover {
            transform: scale(1.05);
            z-index: 10;
        }
        .img-1 { width: 65%; top: 0; right: 0; z-index: 2; }
        .img-2 { width: 55%; bottom: 10%; left: 0; z-index: 3; border: 10px solid var(--theme-white); }
        @media (max-width: 991px) {
            .image-collage { min-height: 400px; margin-top: 50px; }
        }

        /* Visions Section */
        .visions-section {
            background-color: #f8f9fa;
            padding: 100px 0;
        }
        .section-title {
            color: var(--theme-red);
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 20px;
        }
        
        .main-vision-card {
            background-color: var(--theme-white);
            border-left: 5px solid var(--theme-red);
            padding: 40px;
            border-radius: 0 10px 10px 0;
            box-shadow: 0 15px 35px rgba(0,0,0,0.05);
            font-size: 1.3rem;
            line-height: 1.8;
            color: #333;
            margin-bottom: 60px;
        }

        .founder-card {
            background-color: #780e0c;
            color: var(--theme-white);
            border-radius: 12px;
            padding: 40px 30px;
            height: 100%;
            transition: transform 0.4s ease, box-shadow 0.4s ease;
            position: relative;
            overflow: hidden;
        }
        .founder-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background-color: var(--theme-red);
        }
        .founder-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(150, 15, 12, 0.2);
        }
        .quote-icon {
            font-size: 2.5rem;
            color: var(--theme-red);
            opacity: 0.3;
            margin-bottom: 20px;
        }
        .founder-quote {
            font-size: 1.05rem;
            line-height: 1.7;
            color: #ddd;
            margin-bottom: 30px;
            font-style: italic;
        }
        .founder-name {
            font-weight: 700;
            color: var(--theme-white);
            text-transform: uppercase;
            letter-spacing: 1px;
            border-top: 1px solid rgba(255,255,255,0.1);
            padding-top: 20px;
        }

        /*** contact us ****/
        .contact-section {
            padding: 80px 0;
            background-color: #fcfcfc;
        }
        
        .contact-form-wrapper {
            background: var(--theme-white);
            padding: 40px;
            border-radius: 12px;
            box-shadow: 0 15px 40px rgba(0,0,0,0.05);
            height: 100%;
        }

        .form-control, .form-select {
            background-color: #f8f9fa;
            border: 1px solid #e9ecef;
            padding: 15px 20px;
            border-radius: 8px;
            font-size: 0.95rem;
            transition: all 0.3s;
        }
        .form-control:focus, .form-select:focus {
            background-color: var(--theme-white);
            border-color: var(--theme-red);
            box-shadow: 0 0 0 0.25rem rgba(211, 47, 47, 0.1);
        }
        .form-label {
            font-weight: 600;
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: #555;
            margin-bottom: 8px;
        }

        .contact-info-card {
            background-color: var(--theme-black);
            color: var(--theme-white);
            padding: 40px;
            border-radius: 12px;
            box-shadow: 0 15px 40px rgba(0,0,0,0.1);
            height: 100%;
            display: flex;
            flex-direction: column;
        }

        .info-item {
            display: flex;
            align-items: flex-start;
            margin-bottom: 30px;
        }
        .info-item i {
            font-size: 1.5rem;
            color: var(--theme-red);
            margin-right: 20px;
            margin-top: 5px;
        }
        .info-item h5 {
            font-size: 1.1rem;
            font-weight: 700;
            margin-bottom: 5px;
        }
        .info-item p, .info-item a {
            color: #aaa;
            font-size: 0.95rem;
            text-decoration: none;
            transition: color 0.3s;
            margin-bottom: 0;
            line-height: 1.6;
        }
        .info-item a:hover {
            color: var(--theme-red);
        }

        .map-container {
            flex-grow: 1;
            border-radius: 8px;
            overflow: hidden;
            min-height: 250px;
            margin-top: 20px;
        }

        .btn-custom {
            background-color: var(--theme-red);
            color: white;
            padding: 12px 30px;
            border-radius: 30px;
            font-weight: 600;
            text-transform: uppercase;
            border: 2px solid var(--theme-red);
            transition: all 0.3s;
            box-shadow: 0 5px 15px rgba(211, 47, 47, 0.3);
        }
        .btn-custom:hover, .btn-custom:focus {
            background-color: transparent;
            color: var(--theme-red);
            box-shadow: none;
        }
        
        /* Navbar specific button hover */
        .navbar .btn-custom:hover, .navbar .btn-custom:focus {
            background-color: var(--theme-black) !important;
            color: var(--theme-white) !important;
            border-color: var(--theme-black) !important;
            box-shadow: 0 5px 15px rgba(17, 17, 17, 0.3) !important;
        }
        
        .spinner-border {
            display: none;
            width: 1.2rem;
            height: 1.2rem;
            border-width: 0.15em;
        }