.elementor-1827 .elementor-element.elementor-element-76508af{--display:flex;--padding-top:150px;--padding-bottom:150px;--padding-left:50px;--padding-right:50px;}.elementor-1827 .elementor-element.elementor-element-76508af:not(.elementor-motion-effects-element-type-background), .elementor-1827 .elementor-element.elementor-element-76508af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sunseir.com/wp-content/uploads/2024/11/pexels-sanaan-3075993-1-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-1827 .elementor-element.elementor-element-76508af:not(.elementor-motion-effects-element-type-background), .elementor-1827 .elementor-element.elementor-element-76508af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-1827 .elementor-element.elementor-element-76508af{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}}@media(max-width:767px){.elementor-1827 .elementor-element.elementor-element-76508af{--padding-top:11px;--padding-bottom:11px;--padding-left:11px;--padding-right:11px;}}/* Start custom CSS for html, class: .elementor-element-462c20d */table, th, td, div, a {
        font-family: inherit; /* استفاده از فونت پیش‌فرض سایت */
        font-size: inherit;   /* استفاده از اندازه پیش‌فرض سایت */
        color: inherit;       /* استفاده از رنگ متن پیش‌فرض سایت */
    }


 table {
            width: 90%;
            margin: 0 auto;
            border-collapse: collapse;
            text-align: right;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
        }

        th, td {
            padding: 18px;
            font-size: 16px;
            color: #fff;
            border: 1px solid rgba(0, 0, 0, 0.2);
            font-weight: bold !important;
        }

        thead {
            background-color: rgba(255, 255, 255, 0.3);
            color: #000;
            font-weight: bold;
        }

        tr:nth-child(even) {
            background-color: rgba(255, 255, 255, 0.3);
        }

        tr:hover {
            background-color: rgba(0, 0, 0, 0.6);
            cursor: pointer;
        }

        img {
            width: 50px;
            height: auto;
            margin-left: 10px;
        }

        .button-container {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
            justify-content: flex-start;
        }

        .button-container a {
            padding: 8px 10px;
            background-color: #FFD700;
            color: #000;
            text-decoration: none;
            font-size: 14px;
            font-weight: bold;
            border-radius: 20px;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }

        .button-container a:hover {
            background-color: transparent;
            font-size: 16px;
            color: #fff;
            transform: scale(1.09);
        }

        /* Media Queries */
        @media (max-width: 768px) {
            table {
                width: 100%;
            }

            th, td {
                font-size: 14px;
                padding: 10px;
            }

            .button-container a {
                padding: 6px 8px;
                font-size: 12px;
            }
        }

        @media (max-width: 480px) {
            th, td {
                font-size: 12px;
            }

            img {
                width: 40px;
            }

            .button-container a {
                font-size: 10px;
                padding: 4px 6px;
            }
        }/* End custom CSS */