/* CSS Document */
		.col-lg-3 {
            width: 20%;
        }
    
        .services-card {
            background-color: rgb(67, 67, 67);
            padding: 10px 20px;
            border-radius: 20px;
    
        }
    
        .services-card span {
            color: #fff;
            font-size: 1rem;
        }
    
        .services-card::before {
            background: unset;
        }
    
        .services-card::after {
            background: unset;
        }
    
        .inner-banner {
            background-size: auto 100%;
            background-color: #000;
            background-size: cover;
        }
    
        .inner-banner .inner-title {
            padding-top: 232px;
            padding-bottom: 232px;
        }
    
        .tabs {
            display: flex;
            overflow-x: auto;
            flex-wrap: wrap;
            gap: 10px;
            /*            border-bottom: 2px solid #ccc;*/
        }
    
        .tab {
            /*            flex: 1;*/
            position: relative;
            flex: 1 1 calc(22% - 10px);
            padding: 10px;
            text-align: center;
            cursor: pointer;
            /*            border: 1px solid #ccc;*/
            border-bottom: none;
            /*            background-color: rgb(67,67,67);*/
            background-color: #eee;
            color: #333;
            border-radius: 20px;
            margin-right: 0px;
            font-size: 1rem;
            max-width: 25%;
        }
    
        .tab.active {
            background-color: #0066cc;
            color: #fff;
            /*            border-bottom: 2px solid #fff;*/
        }
    
        .tab-content th {
            background-color: #fff;
        }
    
        .tab-content {
            /*display: none;*/
            padding: 10px;
            /*            border: 1px solid #ccc;*/
        }
    
        .tab-content.active {
            display: block;
        }
    
        table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 10px;
        }
    
        th,
        td {
            padding: 10px;
            /*            border: 1px solid #ccc;*/
            text-align: left;
            color: #333;
            font-size: 1rem;
    
        }
    
        td:not(:first-child) {
            text-align: center;
        }
    
        th:not(:first-child) {
            text-align: center;
        }
    
        th {
            background-color: rgb(1, 2, 4);
        }
    
        /*
            .btn {
                padding: 5px 10px;
                background-color: #007bff;
                color: #fff;
                border: none;
                cursor: pointer;
                text-align: center;
            }
    
            .btn:hover {
                background-color: #0056b3;
            }
    */
    
        .sub-tab-container {
            /*display: none;*/
        }
    
        .sub-tabs {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 10px;
            font-size: 1rem;
        }
    
        .sub-tab {
            flex: 1 1 calc(20% - 10px);
            padding: 10px;
            text-align: center;
            cursor: pointer;
            border: 1px solid #464646;
            background-color: #fff;
            color: #333;
            border-radius: 10px;
        }
    
        .sub-tab.active {
            border-color: #0071dc;
            color: #0071dc;
        }
    
        @media (max-width: 600px) {
            .tab {
                font-size: 12px;
                padding: 8px;
            }
    
            .tab,
            .sub-tab {
                flex: 1 1 100%;
            }
    
            th,
            td {
                padding: 8px;
            }
    
            /*
                .btn {
                    padding: 4px 8px;
                }
    */
    
            .sub-tab {
                flex: 1 1 100%;
            }
        }
    
        /*
            .btn {
                background-color: unset;
            }
            .btn:hover {
                background-color: unset;
            }
            .btn-check:focus+.btn, .btn:focus {
                box-shadow: unset;
            }
    */
        .tab:after {
            content: '';
            position: absolute;
            width: 0;
            height: 100%;
            z-index: 1;
            left: 0;
            top: 0;
            background: rgba(0, 0, 0, 0.05);
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            transition: all 0.3s ease;
            border-radius: 20px;
        }
    
        .tab:hover:after {
            width: 100%;
        }
    
        #videos .btn-outline-secondary:hover {
            background: #0071dc;
            color: #fff;
        }
    
        .mb-3 .form-control {
            border: 1px solid #6c757d;
        }
    
        .mt-3 {
            padding-bottom: 50px;
            padding-top: 100px;
        }
    
        .mt-3 .btn {
            background: #0071dc;
        }
    
        .mt-3 .btn-outline-secondary {
            color: #cbcbcb;
        }
    
        .mt-3 .btn-outline-secondary:hover {
            background: #0071dc;
            color: #fff;
        }
    
        .inner-banner .inner-title h3 {
            font-family: 'robotoregular', 'Open Sans', Microsoft YaHei, Tahoma, Helvetica, Arial, sans-serif;
            font-size: 60px;
            letter-spacing: 0.02em;
        }
    
        #support .btn-secondary {
            background-color: transparent !important;
            border: 0px !important;
            font-size: 1rem;
            font-family: 'robotoregular', 'Open Sans', Microsoft YaHei, Tahoma, Helvetica, Arial, sans-serif;
        }
    
        #support .btn-secondary:active:focus {
            background-color: transparent;
            border: 0px;
            color: #252525;
        }
    
        #support .btn-secondary:active:hover {
            background-color: transparent;
            border: 0px;
            color: #333;
        }
    
        .btn {
            border: 0;
        }
    
        .btn:focus {
            border: 0;
            outline: 0;
            box-shadow: 0 0 0 0 rgba(13, 110, 253, 0);
        }
    
    
        .supporttitle {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            text-align: center;
        }
    
        .supporttitle h3 {
            font-family: 'robotoregular', 'Open Sans', Microsoft YaHei, Tahoma, Helvetica, Arial, sans-serif;
            font-size: 60px;
            letter-spacing: 0.02em;
            color: #fff;
        }
    
        @media screen and (max-width: 576px) {
            .supporttitle h3 {
                font-size: 20px;
            }
        }
    
        .services-style-area .section-title h2 {
            font-size: 40px;
        }
    
        #support #submitform .form-control {
            border-radius: 0.25rem;
            color: #252525;
        }
    
        #support #submitform .form-control:focus {
            box-shadow: 0 0 0 0 rgba(13, 110, 253, 0);
        }
    
        #support .mb-3 .form-control:focus {
            border: 1px solid #0066cc;
        }
    
    
        .popover {
            position: absolute;
            background: #fff;
            border: 1px solid #ddd;
            border-radius: 5px;
            box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
            padding: 10px;
            max-width: 300px;
            font-size: 14px;
            color: #333;
            z-index: 1000;
            display: none;
            /* 初始隐藏 */
        }
    
        .popover::after {
            content: '';
            position: absolute;
            bottom: 100%;
            /* 箭头在顶部 */
            left: 10%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent #ddd transparent;
        }
    
        .popover ol {
            list-style: decimal;
            padding-left: 15px;
        }
    
        .popover ol li {
            color: #252525;
            font-size: 14px;
            font-family: 'robotolight', 'Open Sans', Microsoft YaHei, Tahoma, Helvetica, Arial, sans-serif;
        }