/*=====================================================
Brokerage & Commission Disclosure
=====================================================*/
.fz-brokerage-hero{
position:relative;
padding:85px 0 70px;
overflow:hidden;
border-bottom:1px solid var(--border-light);
background:var(--bg-light);
}
.fz-brokerage-hero::after{
content:"";
position:absolute;
top:-180px;
right:-100px;
width:420px;
height:420px;
border-radius:50%;
background:rgba(255,51,0,.04);
pointer-events:none;
}
.fz-brokerage-hero-content{
position:relative;
z-index:2;
max-width:820px;
}
.fz-brokerage-label{
display:inline-block;
margin-bottom:12px;
color:var(--bg-first);
font-size:var(--font-sm);
font-weight:600;
letter-spacing:.08rem;
}
.fz-brokerage-hero h1{
margin:0 0 18px;
color:var(--text-dark);
font-family:var(--third-font);
font-size:var(--font-hero-title);
font-weight:400;
line-height:1;
letter-spacing:.02em;
}
.fz-brokerage-hero h1 span{
color:var(--bg-first);
}
.fz-brokerage-hero p{
max-width:750px;
margin:0;
color:var(--text-secondary);
font-size:var(--font-base);
line-height:1.85;
}
.fz-brokerage-updated{
display:flex;
align-items:center;
gap:8px;
margin-top:22px;
color:var(--text-muted);
font-size:var(--font-sm);
}
.fz-brokerage-updated i{
color:var(--bg-first);
font-size:17px;
}
/*=====================================================
Main
=====================================================*/
.fz-brokerage{
padding:80px 0 100px;
background:var(--bg-white);
}
.fz-brokerage-intro{
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
margin-bottom:35px;
}
.fz-brokerage-section-label{
display:inline-block;
margin-bottom:9px;
color:var(--bg-first);
font-size:13px;
font-weight:600;
letter-spacing:.08rem;
}
.fz-brokerage-intro h2{
margin:0 0 8px;
color:var(--text-dark);
font-family:var(--third-font);
font-size:var(--font-section-title);
font-weight:400;
line-height:1.1;
}
.fz-brokerage-intro p{
margin:0;
color:var(--text-secondary);
font-size:var(--font-base);
}
.fz-brokerage-count{
display:flex;
align-items:center;
gap:10px;
padding:12px 18px;
border:1px solid var(--border-soft);
border-radius:var(--radius-md);
background:var(--bg-light);
color:var(--text-primary);
font-size:var(--font-sm);
font-weight:500;
white-space:nowrap;
}
.fz-brokerage-count i{
color:var(--bg-first);
font-size:20px;
}
/*=====================================================
Filter
=====================================================*/
.fz-brokerage-filter{
padding:24px;
margin-bottom:35px;
border:1px solid var(--border-light);
border-radius:var(--radius-lg);
background:#fafafa;
}
.fz-brokerage-filter .form-label{
margin-bottom:8px;
color:var(--text-primary);
font-size:var(--font-sm);
font-weight:600;
}
.fz-brokerage-filter .form-select,
.fz-brokerage-filter .form-control{
height:50px;
border:1px solid var(--border-light);
border-radius:var(--radius-md);
background:var(--bg-white);
color:var(--text-primary);
font-size:var(--font-sm);
box-shadow:none;
}
.fz-brokerage-filter .form-select:focus,
.fz-brokerage-filter .form-control:focus{
border-color:var(--bg-first);
box-shadow:0 0 0 .15rem rgba(255,51,0,.1);
}
.fz-brokerage-search{
position:relative;
}
.fz-brokerage-search i{
position:absolute;
top:50%;
left:16px;
z-index:2;
transform:translateY(-50%);
color:var(--text-muted);
font-size:18px;
pointer-events:none;
}
.fz-brokerage-search .form-control{
padding-left:44px;
}
/*=====================================================
Financial Year
=====================================================*/
.fz-brokerage-year{
margin-bottom:35px;
}
.fz-brokerage-year-heading{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
margin-bottom:16px;
}
.fz-brokerage-year-heading span:first-child{
display:block;
margin-bottom:4px;
color:var(--text-muted);
font-size:12px;
font-weight:600;
letter-spacing:.08rem;
}
.fz-brokerage-year-heading h3{
margin:0;
color:var(--text-dark);
font-size:var(--font-xl);
font-weight:600;
}
.fz-brokerage-status{
padding:6px 12px;
border-radius:30px;
background:var(--bg-soft);
color:var(--bg-first);
font-size:12px;
font-weight:600;
white-space:nowrap;
}
/*=====================================================
Month-wise Disclosure
=====================================================*/
.fz-brokerage-months{
width:100%;
margin:0;
}
.fz-brokerage-month{
display:block;
width:100%;
margin:0 0 12px;
padding:0;
border:1px solid var(--border-light);
border-radius:var(--radius-md);
background:var(--bg-white);
overflow:hidden;
}
.fz-brokerage-month:last-child{
margin-bottom:0;
}
.fz-brokerage-month-header{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
width:100%!important;
min-height:62px!important;
margin:0!important;
padding:15px 20px!important;
border:0!important;
border-radius:0!important;
background:var(--bg-white)!important;
color:var(--text-dark)!important;
font-family:var(--primary-font)!important;
font-size:var(--font-md)!important;
font-weight:600!important;
line-height:1.4!important;
text-align:left!important;
box-shadow:none!important;
outline:0!important;
cursor:pointer!important;
appearance:none!important;
-webkit-appearance:none!important;
}
.fz-brokerage-month-header:hover{
background:var(--bg-light)!important;
}
.fz-brokerage-month-header.active{
background:var(--bg-light)!important;
}
.fz-brokerage-month-title{
display:flex!important;
align-items:center!important;
gap:11px!important;
margin:0!important;
padding:0!important;
white-space:nowrap!important;
}
.fz-brokerage-month-title i{
display:flex!important;
align-items:center!important;
justify-content:center!important;
margin:0!important;
padding:0!important;
color:var(--bg-first)!important;
font-size:18px!important;
}
.fz-brokerage-month-right{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:18px!important;
margin:0!important;
padding:0!important;
color:var(--text-muted)!important;
font-size:12px!important;
font-weight:500!important;
white-space:nowrap!important;
}
.fz-brokerage-month-right span{
margin:0!important;
padding:0!important;
color:var(--text-muted)!important;
font-size:12px!important;
font-weight:500!important;
}
.fz-brokerage-month-right i{
display:block!important;
margin:0!important;
padding:0!important;
color:var(--text-muted)!important;
font-size:14px!important;
transition:var(--transition)!important;
}
.fz-brokerage-month-header.active .fz-brokerage-month-right i{
transform:rotate(180deg)!important;
}
.fz-brokerage-month-content{
display:none!important;
width:100%!important;
margin:0!important;
padding:0!important;
border-top:1px solid var(--border-light)!important;
background:var(--bg-white)!important;
}
.fz-brokerage-month-content.open{
display:block!important;
}
/*=====================================================
Table
=====================================================*/
.fz-brokerage-month-content .fz-brokerage-table-wrap{
width:100%;
margin:0;
padding:0;
overflow-x:auto;
border:0;
border-radius:0;
background:var(--bg-white);
-webkit-overflow-scrolling:touch;
}
.fz-brokerage-table{
width:100%;
min-width:700px;
margin:0!important;
background:var(--bg-white);
}
.fz-brokerage-table th{
padding:14px 20px;
border:0;
border-bottom:1px solid var(--border-light);
background:var(--bg-light);
color:var(--text-dark);
font-size:13px;
font-weight:600;
white-space:nowrap;
}
.fz-brokerage-table td{
padding:14px 20px;
border-color:var(--border-light);
color:var(--text-secondary);
font-size:13px;
vertical-align:middle;
}
.fz-brokerage-table tbody tr:last-child td{
border-bottom:0;
}
.fz-brokerage-table tbody tr:hover{
background:#fffaf8;
}
.fz-brokerage-pdf{
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
padding:7px 12px;
border:1px solid var(--border-soft);
border-radius:var(--radius-sm);
background:var(--bg-white);
color:var(--bg-first);
font-size:12px;
font-weight:600;
text-decoration:none;
white-space:nowrap;
transition:var(--transition);
}
.fz-brokerage-pdf i{
font-size:16px;
}
.fz-brokerage-pdf:hover{
border-color:var(--bg-first);
background:var(--bg-first);
color:#fff;
}
/*=====================================================
Notes
=====================================================*/
.fz-brokerage-note{
display:flex;
align-items:flex-start;
gap:13px;
margin-top:22px;
padding:18px 20px;
border-left:3px solid var(--bg-first);
border-radius:0 var(--radius-md) var(--radius-md) 0;
background:var(--bg-light);
}
.fz-brokerage-note i{
margin-top:3px;
color:var(--bg-first);
font-size:19px;
flex-shrink:0;
}
.fz-brokerage-note strong{
display:block;
margin-bottom:5px;
color:var(--text-dark);
font-size:var(--font-sm);
font-weight:600;
}
.fz-brokerage-note p{
margin:0;
color:var(--text-secondary);
font-size:var(--font-sm);
line-height:1.75;
}
.fz-brokerage-note-light{
border-left-color:var(--border-soft);
background:#fafafa;
}
.fz-brokerage-note-light i{
color:var(--text-muted);
}
/*=====================================================
Contact
=====================================================*/
.fz-brokerage-contact{
display:flex;
align-items:center;
justify-content:space-between;
gap:25px;
margin-top:40px;
padding:24px 26px;
border:1px solid var(--border-light);
border-radius:var(--radius-lg);
background:var(--bg-white);
box-shadow:var(--box-shadow);
}
.fz-brokerage-contact span{
display:block;
margin-bottom:5px;
color:var(--text-muted);
font-size:13px;
}
.fz-brokerage-contact h3{
margin:0;
color:var(--text-dark);
font-size:var(--font-lg);
font-weight:600;
}
.fz-brokerage-contact-btn{
display:inline-flex;
align-items:center;
gap:8px;
padding:12px 20px;
border-radius:var(--radius-md);
background:var(--bg-first);
color:#fff;
font-size:var(--font-sm);
font-weight:600;
text-decoration:none;
white-space:nowrap;
transition:var(--transition);
}
.fz-brokerage-contact-btn:hover{
background:#e62d00;
color:#fff;
transform:translateY(-2px);
}
/*=====================================================
Tablet
=====================================================*/
@media(max-width:991.98px){
.fz-brokerage-hero{
padding:70px 0 60px;
}
.fz-brokerage{
padding:65px 0 80px;
}
.fz-brokerage-intro{
align-items:flex-start;
}
.fz-brokerage-table{
min-width:700px;
}
}
/*=====================================================
Mobile
=====================================================*/
@media(max-width:767.98px){
.fz-brokerage-hero{
padding:55px 0 50px;
}
.fz-brokerage{
padding:50px 0 65px;
}
.fz-brokerage-intro{
display:block;
margin-bottom:28px;
}
.fz-brokerage-count{
display:inline-flex;
margin-top:18px;
}
.fz-brokerage-intro h2{
font-size:var(--font-section-title);
}
.fz-brokerage-filter{
padding:18px;
}
.fz-brokerage-year-heading{
align-items:flex-start;
}
.fz-brokerage-month{
margin-bottom:9px;
}
.fz-brokerage-month-header{
min-height:55px!important;
padding:13px 15px!important;
}
.fz-brokerage-month-title{
gap:9px!important;
font-size:13px!important;
}
.fz-brokerage-month-title i{
font-size:16px!important;
}
.fz-brokerage-month-right{
gap:10px!important;
font-size:10px!important;
}
.fz-brokerage-month-right span{
font-size:10px!important;
}
.fz-brokerage-month-right i{
font-size:12px!important;
}
.fz-brokerage-table{
min-width:650px;
}
.fz-brokerage-table th,
.fz-brokerage-table td{
padding:13px 15px;
}
.fz-brokerage-contact{
align-items:flex-start;
flex-direction:column;
padding:20px;
}
.fz-brokerage-contact-btn{
width:100%;
justify-content:center;
}
}
/*=====================================================
Small Mobile
=====================================================*/
@media(max-width:575.98px){
.fz-brokerage-label{
font-size:13px;
}
.fz-brokerage-hero h1{
font-size:var(--font-hero-title);
}
.fz-brokerage-filter{
padding:16px;
}
.fz-brokerage-status{
font-size:11px;
}
.fz-brokerage-month-header{
padding:12px 13px!important;
}
.fz-brokerage-month-title{
font-size:12px!important;
}
.fz-brokerage-month-right{
gap:7px!important;
}
.fz-brokerage-month-right span{
font-size:9px!important;
}
.fz-brokerage-table{
min-width:620px;
}
.fz-brokerage-table th,
.fz-brokerage-table td{
font-size:12px;
padding:12px 13px;
}
}