.hr-user-title h3 {
	color: var(--color-1);
}
.hr-tab-container .hr-tab .hr-tab-nav{
    display:flex;
    flex-wrap:wrap;
    padding-left:0;
    margin-bottom:0;
    list-style:none;
}

.hr-tab-container .hr-tab .hr-tab-nav .hr-tab-nav-item .hr-tab-nav-link.hr-active {
	background-color: #fff;
	border-color: #dee2e6 #dee2e6 #fff;
	color: var(--color-1);
}
.hr-link, .hr-tab-container .hr-tab .hr-tab-nav .hr-tab-nav-item .hr-tab-nav-link:hover, .hr-tab-content .fas {
	color: var(--white);
}
.hr-tab-container .hr-tab-group{
    border-width:0 1px 1px;
    border-style:solid;
    border-color:#d4d4d4;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px
}
.hr-tab-container .hr-tab-card{
    border:0;
    margin-bottom:30px;
    position:relative;
    min-width:0;
    word-wrap:break-word;
    background-clip:border-box
}
.hr-tab-container .hr-tab-card .hr-tab-card-body{
    padding:20px
}
.hr-table{
    color:var(--black);
    border-color:#dee2e6
}
.hr-tab-container .hr-table{
    margin:0 0 1.5em;
    border-collapse:separate;
    border-spacing:0;
    font-size:15px;
    border:1px solid #dee2e6
}
.hr-tab-container .hr-table thead tr{
    background-color:var(--black);
    color:var(--white)
}
.hr-table thead tr th{
    font-weight:var(--weight-700);
    font-size:15px;
    background-color:#f5f5f5;
    border-right:1px solid #fff
}
.hr-table thead tr th:last-child,.hr-table tr td:last-child{
    border-right:none
}
.hr-table tr td{
    vertical-align:middle;
    border-top:none;
    position:relative;
    padding:10px;
    font-size:16px;
    border-width:0 1px 1px 0;
    color:#383838;
    border-bottom:1px solid #dee2e6;
    border-right:1px solid #dee2e6
}
.hr-field-group{
    margin-bottom:25px;
    position:relative
}
.hr-field-group label{
    display:block;
    color:#000;
    font-size:15px;
    margin-bottom:10px;
    font-weight:var(--weight-600)
}
.hr-required{
    color:red
}
.form-control{
    padding:12px 20px;
    font-size:16px;
    font-weight:var(--weight-400);
    color:#6b7280!important;
    border:1px solid #6b72804d
}
.form-control-fill{
    background:#f9fafb
}
.dropdown{
    display:none
}

/*10-01-2025*/
.th-dasboard-btn {
		padding: 10px 15px;
	}

	.th-tabs {
		padding: 10px;
		border-radius: 10px;
		box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
		border: 1px solid var(--bs-border-color) !important;
	}

	.th-tabs button {
		border-radius: 10px !important;
		border: 1px solid var(--bs-border-color) !important;
		margin-right: 10px;
	}

	.th-tabs button:last-child {
		margin-right: 0px;
	}

	.th-tabs button.nav-link {
		padding: var(--th-size-10) var(--th-size-15);
		font-size: var(--th-size-14);
		text-transform: capitalize;
		font-family: var(--th-font-medium);
		cursor: pointer;
		border: none;
		text-decoration: none;
		display: inline-block;
		background: var(--th-gray-1);
		color: var(--th-secondary);
		border: var(--th-size-2) solid var(--th-gray-3);
		border-radius: var(--th-size-8);
		text-transform: uppercase;
		transition: color 300ms;
		position: relative;
		z-index: 1;
	}

	.th-tabs button.nav-link:hover,
	.th-tabs button.nav-link.active {
		background: var(--th-primary);
		color: var(--th-light);
		border: var(--th-size-2) solid var(--th-primary);
	}

	.tab-content {
		border-radius: var(--th-size-10);
		border: var(--th-size-2) solid var(--th-white-border-8);
	}

	.required {
		color: #FF0000;
		font-weight: bold;
	}

	.th-form-wrap {
		position: relative;
	}

	.th-form-wrap .th-password-icon {
		position: absolute;
		bottom: 19px;
		right: 17px;
		cursor: pointer;
	}

	.th-form-wrap .th-password-icon span {
		font-size: 18px;
	}

	.th-form-wrap .th-password-icon:hover span {
		color: var(--th-primary);
	}

	.form-label {
		font-weight: 600;
	}
	.hr-dashboard .hr-tab-nav {
		column-gap: 20px;
	}
    
	.hr-dashboard .hr-tab-nav-item {
	  list-style: none;
	}
.hr-dashboard .hr-tab-nav {
	column-gap: 20px;
	row-gap: 20px;
}
	.hr-btn.btn-back-btn {
	padding: 6px 10px;
	background: #161618;
	color: var(--white);
}
.hr-view-cart .hr-link {
	color: var(--color-1);
}

#card-element {
    background: #f4f4f4;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 12px;
    box-sizing: border-box;
    height: auto;
    transition: all 0.3s ease;
}

#card-element:focus-within {
    border-color: #007bff;
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.3);
}
.hr-membership .hr-table tbody tr td a {
	color: var(--color-1);
}
.hr-form .btn-main {
	border-radius: 5px;
}
.hr-form form {
	padding: 20px;
	border: 1px solid #d4d4d4;
	border-radius: 5px;
}
.hr-dashboard .hr-tab-nav-item .btn-main {
	border-radius: 5px;
}
.hr-summary-card .btn-main{border-radius: 5px;}
@media (max-width:767.98px){
    .dropdown,.dropdown-content.open{
        display:block
    }
    .hr-tab-container .hr-tab .hr-tab-nav{
        display:none
    }
    .dropdown{
        position:relative;
        width:100%
    }
    .dropdown-btn{
        background-color:var(--color-4);
        color:#fff;
        padding:10px;
        border:none;
        width:100%;
        font-size:16px;
        text-align:left;
        cursor:pointer
    }
    .dropdown-content{
        display:none;
        position:relative;
        top:100%;
        left:0;
        right:0;
        background-color:#fff;
        border:1px solid #ccc;
        z-index:1;
        transition:max-height .3s,opacity .3s
    }
    .dropdown-content .hr-tab-nav-link{
        width:100%;
        padding:10px;
        font-size:14px;
        text-align:left;
        background-color:#fff;
        border-bottom:1px solid #ccc;
        color:var(--color-2)
    }
    .dropdown-content .hr-tab-nav-link:hover{
        background-color:#ddd
    }
    .dropdown-btn span{
        position:absolute;
        right:10px
    }
    .dropdown-content .hr-tab-nav-link a{
        color:var(--color-2)
    }
    .hr-process .hr-process-nav .hr-process-nav-item .hr-process-status {
	padding: 10px;
}
}
@media(max-width:576px){
	.hr-dashboard .hr-tab-nav {
	column-gap: 10px;
	align-items: center;
	justify-content: center !important;
	row-gap: 10px;
}
.hr-process .hr-process-nav .hr-process-nav-item .hr-process-status {
	padding: 4px;
}
.hr-process .hr-process-nav .hr-process-nav-item .hr-title {
	font-size: 14px;
}
.hr-process .hr-process-nav .hr-process-nav-item {
	margin: 0px; margin-right: 2px;
}
}
@media(max-width:400px){
	.hr-process .hr-process-nav .hr-process-nav-item .hr-title {
	font-size: 12px;
}
}