.rfcc-register-section{

    background: linear-gradient(135deg, rgba(19, 8, 0, .90) 0%, rgba(19, 8, 0, .60) 60%, rgba(19, 8, 0, .85) 100%), url(../img/after_about_us.jpg) center / cover;

;

		position: relative;

		overflow: hidden;

	}

	

	.rfcc-register-section:before{

		content:'';

		position:absolute;

		width:400px;

		height:400px;

		background:rgba(255,174,0,0.08);

		border-radius:50%;

		top:-100px;

		left:-100px;

		filter: blur(100px);

	}

	

	.rfcc-register-section:after{

		content:'';

		position:absolute;

		width:350px;

		height:350px;

		background:rgba(255,174,0,0.05);

		border-radius:50%;

		bottom:-80px;

		right:-80px;

		filter: blur(100px);

	}

	

	.mini-tag{

		color:#f0b030;

		font-size:13px;

		letter-spacing:2px;

		font-weight:600;

	}

	

	.main-title{

		color:#fff;

		font-size:42px;

		font-weight:700;

		line-height:1.3;

		margin:15px 0;

	}

	

	.main-title span{

		color:#d9a441;

	}

	

	.sub-text{

		color:#b8c1d1;

		font-size:16px;

		line-height:28px;

		margin-bottom:30px;

	}

	

	.feature-box{

		display:grid;

		grid-template-columns:1fr 1fr;

		gap:15px;

	}

	

	.feature-item{

		color:#fff;

		background:rgba(255,255,255,0.04);

		padding:14px 18px;

		border:1px solid rgba(255,255,255,0.08);

		border-radius:8px;

		font-size:14px;

	}

	

	.feature-item i{

		color:#d9a441;

		margin-right:8px;

	}

	

	.rfcc-form-card{

		background:rgba(255,255,255,0.04);

		border:1px solid rgba(255,255,255,0.08);

		backdrop-filter:blur(15px);

		padding:40px;

		border-radius:18px;

		box-shadow:0 0 30px rgba(0,0,0,0.3);

		margin-top:150px;

	}

	

	.rfcc-form-card h3{

		color:#fff;

		font-size:28px;

		font-weight:700;

	}

	

	.rfcc-form-card p{

		color:#b8c1d1;

		margin-bottom:25px;

	}

	

	/*.rfcc-input{

		background:rgba(255,255,255,0.03);

		border:1px solid rgba(255,255,255,0.08);

		color:#fff;

		height:52px;

		border-radius:8px;

		padding-left:15px;

		width: 100%;

	}

	

	.rfcc-input:focus{

		box-shadow:none;

		border-color:#d9a441;

		background:rgba(255,255,255,0.05);

		color:#fff;

	}*/

	select.form-select option{

		color: #000 !important;

		background: #fff !important;

	}

	

	.rfcc-user-menu{

		list-style:none;

		margin-left:20px;

	}

	

	.user-btn{

		background:linear-gradient(90deg,#b8860b,#d4a017);

		color:#fff !important;

		padding:10px 15px !important;

		border-radius:3px;

		font-size:14px;

		font-weight:600;

		text-transform:uppercase;

		display:flex;

		align-items:center;

		gap:10px;

		border:1px solid rgba(255,215,0,0.3);

		min-width:150px;

		justify-content:center;

	}

	

	.user-btn:hover{

		background:linear-gradient(90deg,#d4a017,#b8860b);

	}

	

	.user-circle{

		width:28px;

		height:28px;

		border-radius:50%;

		background:rgba(255,255,255,0.15);

		display:flex;

		align-items:center;

		justify-content:center;

		font-size:13px;

		font-weight:700;

		border:1px solid rgba(255,255,255,0.2);

	}

	

	.rfcc-dropdown{

		background:rgba(17,17,17,0.97);

		border:1px solid rgba(212,160,23,0.4);

		min-width:200px;

		padding:8px 0;

		margin-top:12px;

		border-radius:4px;

	}

	

	.rfcc-dropdown .dropdown-item{

		color:#d6d6d6;

		padding:12px 18px;

		font-size:13px;

		text-transform:uppercase;

		letter-spacing:.5px;

		transition:.3s;

	}

	

	.rfcc-dropdown .dropdown-item:hover{

		background:#d4a017;

		color:#111;

	}

	

	.rfcc-dropdown .dropdown-divider{

		border-color:rgba(255,255,255,0.08);

	}

	

	

	.rfcc-label{

		color:#fff;

		font-size:15px;

		font-weight:600;

		margin-bottom:12px;

		display:block;

		letter-spacing:.5px;

	}

	

	.rfcc-multiselect{

		position:relative;

		width:100%;

	}

	

	.rfcc-select-box{

		width:100%;

		min-height:52px;

		border:1px solid rgba(255,255,255,0.08);

		background:rgba(255,255,255,0.03);

		border-radius:8px;

		color:#d1d5db;

		padding:14px 18px;

		cursor:pointer;

		display:flex;

		justify-content:space-between;

		align-items:center;

		font-size:14px;

	}

	

	.rfcc-select-box:hover{

		border-color:#d4a017;

	}

	

	.rfcc-select-box .arrow{

		color:#d4a017;

		font-size:12px;

	}

	

	.rfcc-checkbox-dropdown{

		position:absolute;

		top:105%;

		left:0;

		width:100%;

		background:rgba(17,17,17,0.98);

		border:1px solid rgba(212,160,23,0.25);

		border-radius:8px;

		padding:10px;

		display:none;

		z-index:99;

		max-height:220px;

		overflow-y:auto;

	}

	

	.rfcc-checkbox-dropdown label{

		display:block;

		color:#ddd;

		padding:10px 12px;

		border-radius:5px;

		cursor:pointer;

		font-size:13px;

		margin-bottom:4px;

	}

	

	.rfcc-checkbox-dropdown label:hover{

		background:rgba(212,160,23,0.07);

	}

	

	.rfcc-checkbox-dropdown input{

		margin-right:8px;

		accent-color:#d4a017;

	}

	

	

	.rfcc-contact-section{

		padding:90px 0;

		position:relative;

	}

	

	.rfcc-contact-left .mini-tag{

		color:#d4a017;

		text-transform:uppercase;

		letter-spacing:1px;

		font-size:14px;

		font-weight:600;

		display:block;

		margin-bottom:12px;

	}

	

	.rfcc-contact-left h2{

		font-size:46px;

		font-weight:700;

		line-height:1.2;

		margin-bottom:20px;

	}

	

	.rfcc-contact-left p{

		line-height:1.9;

		font-size:15px;

	}

	

	.rfcc-info-card{

		background:rgba(255,255,255,0.03);

		border:1px solid #8b5e05;

		border-radius:12px;

		padding:18px;

		margin-top:15px;

	}

	

	.rfcc-info-card h5{

		color:#d4a017;

		font-size:15px;

		margin-bottom:8px;

		font-weight:600;

	}

	

	/* form */

	.rfcc-contact-form{

		background:rgba(10,10,10,0.72);

		border:1px solid rgba(212,160,23,0.18);

		backdrop-filter:blur(12px);

		border-radius:18px;

		padding:35px;

		box-shadow:0 15px 35px rgba(0,0,0,0.25);

	}

	

	.rfcc-contact-form h3{

		color:#fff;

		font-weight:700;

		margin-bottom:5px;

	}

	

	.rfcc-contact-form p{

		color:#a1a1aa;

		margin-bottom:25px;

	}

	

	.rfcc-input{

		width:100%;

		height:52px;

		background:rgba(255,255,255,0.03);

		border:1px solid rgba(255,255,255,0.08);

		border-radius:8px;

		color:#fff;

		padding:0 15px;

		margin-bottom:15px;

	}

	

	.rfcc-input:focus{

		outline:none;

		border-color:#d4a017;

	}

	

	.rfcc-textarea{

		height:130px;

		padding-top:14px;

		resize:none;

	}

	

	/* office cards */

	.rfcc-office-row{

		margin-top:70px;

	}

	

	.rfcc-office-card{

		background:rgba(255,255,255,0.02);

		border:1px solid #8b5e05;

		border-radius:14px;

		padding:25px;

		text-align:center;

		height:100%;

	}

	

	.rfcc-office-card h4{

		color:#d4a017;

		margin-bottom:12px;

		font-size:18px;

	}

	

	.rfcc-map{

		margin-top:60px;

		border-radius:15px;

		overflow:hidden;

		border:1px solid rgba(212,160,23,0.15);

	}

	

	.rfcc-map iframe{

		width:100%;

		height:350px;

		border:0;

	}

	

	@media(max-width:991px){

		.rfcc-contact-left h2{

			font-size:34px;

		}

		.rfcc-contact-form{

			margin-top:30px;

		}

	}

	

	@media(max-width:576px){

		.rfcc-contact-section{

			padding:60px 0;

		}

	}

	
	<!------membership plans------->
	
	
	
	.membership-section::before{
		content:'';
		position:absolute;
		width:500px;
		height:500px;
		background:rgba(201,161,74,0.05);
		border-radius:50%;
		top:-200px;
		right:-150px;
		filter:blur(80px);
	}
	
	.membership-subtitle{
		color:#c9a14a;
		letter-spacing:3px;
		font-size:13px;
		text-transform:uppercase;
	}
	
	.membership-title{
		color:#fff;
		font-size:48px;
		font-weight:700;
		margin-top:10px;
	}
	
	.membership-title span{
		color:#c9a14a;
	}
	
	.membership-desc{
		color:#b8b8b8;
		max-width:700px;
		margin:auto;
		margin-top:15px;
		line-height:28px;
	}
	
	.membership-card{
		background:linear-gradient(145deg,#111,#1a1a1a);
		border:1px solid rgba(201,161,74,0.2);
		border-radius:30px;
		padding:45px 35px;
		position:relative;
		overflow:hidden;
		transition:.4s;
		height:100%;
		text-align:center;
		position:relative;
		z-index:1;
	}
	
	.membership-card:hover{
		transform:translateY(-10px);
		border-color:#c9a14a;
		box-shadow:0 0 40px rgba(201,161,74,0.15);
	}
	
	.plan-badge{
		display:inline-block;
		background:rgba(201,161,74,0.1);
		color:#c9a14a;
		border:1px solid rgba(201,161,74,0.3);
		padding:7px 18px;
		border-radius:30px;
		font-size:14px;
		font-weight:700;
		letter-spacing:1px;
		margin-bottom:25px;
	}
	
	.plan-icon{
		width:90px;
		height:90px;
		line-height:90px;
		border-radius:50%;
		margin:auto;
		margin-bottom:25px;
		border:1px solid rgba(201,161,74,0.4);
		background:rgba(201,161,74,0.05);
		color:#c9a14a;
		font-size:35px;
	}
	
	.membership-card h3{
		color:#fff;
		font-size:20px;
		margin-bottom:20px;
		font-weight:600;
	}
	
	.price{
		color:#c9a14a;
		font-size:50px;
		font-weight:700;
		margin-bottom:30px;
	}
	
	.price span{
		font-size:16px;
		color:#aaa;
	}
	
	.plan-features{
		list-style:none;
		padding:0;
		margin:0 0 35px;
	}
	
	.plan-features li{
		color:#d6d6d6;
		padding:12px 0;
		border-bottom:1px solid rgba(255,255,255,0.06);
		font-size:15px;
	}
	
	.membership-btn{
		display:inline-block;
		background:#c9a14a;
		color:#111;
		padding:14px 35px;
		border-radius:50px;
		text-decoration:none;
		font-weight:600;
		transition:.3s;
		position:relative;
		z-index:99;
		cursor:pointer;
	}
	
	.membership-btn:hover{
		background:#fff;
		color:#000;
	}
	
	.active-plan{
		border:1px solid #c9a14a;
		transform:scale(1.04);
		box-shadow:0 0 45px rgba(201,161,74,0.2);
	}
	
	.recommended-tag{
		position:absolute;
		top:18px;
		right:-40px;
		background:#c9a14a;
		color:#111;
		font-size:11px;
		font-weight:700;
		padding:8px 45px;
		transform:rotate(45deg);
	}
	
	@media(max-width:991px){
	
		.membership-title{
			font-size:36px;
		}
	
		.active-plan{
			transform:scale(1);
		}
	
	}
	
	@media(max-width:576px){
	
		.membership-title{
			font-size:28px;
		}
	
		.membership-card{
			padding:35px 25px;
		}
	
		.price{
			font-size:40px;
		}
	
	}
	
	
	
	.rfcc-member-list{
		/* background:#fff8f2; */
	}
	
	.rfcc-title{
		font-size:42px;
		font-weight:700;
		color:#7c5a17;
		margin-bottom:10px;
	}
	
	.rfcc-subtitle{
		color:#777;
		font-size:16px;
	}
		
	.rfcc-btn{
		height:52px;
		border-radius:12px;
		background:linear-gradient(135deg,#c08b45,#7c5a17);
		color:#fff;
		font-weight:600;
		border:none;
	}
	
	.rfcc-btn:hover{
		color:#fff;
	}
	
	.rfcc-table-card{
		border-radius:20px;
		overflow:hidden;
		box-shadow:0 10px 35px rgba(0,0,0,0.08);
	}
	
	.rfcc-table thead{
		background:#7c5a17;
	}
	
	.rfcc-table thead th{
		color:#000;
		font-weight:600;
		padding:18px;
		white-space:nowrap;
	}
	
	.rfcc-table tbody td{
		padding:18px;
		vertical-align:middle;
		border-bottom:1px solid #f1e5d4;
	}
	
	.rfcc-table tbody tr:hover{
		background:#fffaf5;
	}
	
	.member-img{
		width:90px;
		height:90px;
		border-radius:50%;
		object-fit:cover;
		border:3px solid #f0d7ab;
	}
	
	.status-active{
		background:#dcfce7;
		color:#15803d;
		padding:6px 14px;
		border-radius:30px;
		font-size:13px;
		font-weight:600;
	}
	
	.status-pending{
		background:#fef3c7;
		color:#b45309;
		padding:6px 14px;
		border-radius:30px;
		font-size:13px;
		font-weight:600;
	}
	
	.rfcc-view-btn{
		background:#c08b45;
		color:#fff;
		border-radius:10px;
		padding:8px 16px;
	}
	
	.rfcc-view-btn:hover{
		background:#7c5a17;
		color:#fff;
	}
	
	
	@media(max-width:768px){
	
		.rfcc-title{
			font-size:30px;
		}
	
		.rfcc-table thead{
			display:none;
		}
	
		.rfcc-table,
		.rfcc-table tbody,
		.rfcc-table tr,
		.rfcc-table td{
			display:block;
			width:100%;
		}
	
		.rfcc-table tr{
			margin-bottom:20px;
			background:#fff;
			border-radius:16px;
			overflow:hidden;
			box-shadow:0 5px 20px rgba(0,0,0,0.08);
		}
	
		.rfcc-table td{
			text-align:right;
			padding-left:50%;
			position:relative;
			border-bottom:1px solid #f3f3f3;
		}
	
		.rfcc-table td:before{
			position:absolute;
			left:15px;
			top:18px;
			font-weight:700;
			color:#7c5a17;
			text-align:left;
		}
	
	}
	
	
	/* PAGINATION WRAPPER */
	.rfcc-pagination nav{
		display:flex;
		justify-content:center;
		margin-top:25px;
	}
	
	/* PAGINATION LIST */
	.rfcc-pagination .pagination{
		gap:10px;
		flex-wrap:wrap;
		border:none;
	}
	
	/* PAGE ITEM */
	.rfcc-pagination .page-item{
		border:none;
	}
	
	/* PAGE LINK */
	.rfcc-pagination .page-link{
		width:45px;
		height:45px;
		border-radius:12px !important;
		border:none;
		display:flex;
		align-items:center;
		justify-content:center;
		font-weight:600;
		font-size:15px;
		color:#7c5a17;
		background:#fff;
		box-shadow:0 4px 15px rgba(0,0,0,0.08);
		transition:all .3s ease;
	}
	
	/* HOVER */
	.rfcc-pagination .page-link:hover{
		background:linear-gradient(135deg,#c08b45,#7c5a17);
		color:#fff;
		transform:translateY(-2px);
	}
	
	/* ACTIVE */
	.rfcc-pagination .page-item.active .page-link{
		background:linear-gradient(135deg,#c08b45,#7c5a17);
		color:#fff;
		box-shadow:0 6px 18px rgba(192,139,69,0.4);
	}
	
	/* DISABLED */
	.rfcc-pagination .page-item.disabled .page-link{
		background:#f5f5f5;
		color:#bbb;
		box-shadow:none;
		cursor:not-allowed;
	}
	
	/* MOBILE */
	@media(max-width:768px){
	
		.rfcc-pagination .page-link{
			width:40px;
			height:40px;
			font-size:14px;
		}
	}
	
	
	 /* TABS */
   .rfcc-section-title{color:#FFF}
   .rfcc-tabs{
	   gap:15px;
	   border:none;
   }
   .rfcc-tabs .nav-link{
	   border:none;
	   padding:14px 26px;
	   border-radius:14px;
	   background:rgba(255,255,255,0.08);
	   color:#fff;
	   font-weight:600;
	   transition:.3s;
   }
   .rfcc-tabs .nav-link i{
   	margin-right:8px;
   }
   .rfcc-tabs .nav-link.active{
	   background:linear-gradient(135deg,#c08b45,#7c5a17);
	   color:#fff;
   }
   .rfcc-tabs .nav-link:hover{
	   background:linear-gradient(135deg,#c08b45,#7c5a17);
	   color:#fff;
   }
   
   .rfcc-tabs .nav-link i{
   	margin-right:8px;
   }
   .rfcc-tabs .nav-link.active{
	   background:linear-gradient(135deg,#c08b45,#7c5a17);
	   color:#fff;
   }
   .rfcc-tabs .nav-link:hover{
	   background:linear-gradient(135deg,#c08b45,#7c5a17);
	   color:#fff;
   }
   /* TABLE */
   .rfcc-table{
   	color:#fff;
   }
   .rfcc-table thead th{
	   border-bottom:1px solid rgba(255,255,255,0.15);
	   padding:18px;
   }
   .rfcc-table tbody td{
	   border-bottom:1px solid rgba(255,255,255,0.08);
	   padding:18px;
   }
   /* MOBILE */
	   .rfcc-register-section{
		overflow-x:hidden;
	}
		
	textarea.rfcc-input{
		min-height:150px;
	}
	
	img.img-fluid{
		width:100%;
		height:auto;
		object-fit:cover;
	}

	.btn-warning,
	.btn-danger{
		border-radius:10px;
		padding:10px 18px;
	}