.intro {
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
color: white;
background-size: cover;
}
.intro-content {
padding: 128px 0 60px 980px;
max-width: 590px;
}
.markup {
color: #ff922e;
}
.intro-title {
font-weight: 600;
font-size: 40px;
line-height: 49px;
margin: 0;
}
.intro-list {
margin: 50px 0 120px 0;
}
.intro-list-item {
display: flex;
align-items: center;
font-weight: 600;
font-size: 17px;
line-height: 21px;
margin-bottom: 25px;
}
.intro-list-item:last-child {
margin-bottom: 0;
}
.intro-list-icon {
width: 25px;
height: 25px;
margin-right: 10px;
}
.intro-list-text {
margin: 0;
}
.intro-button-wrapper {
display: flex;
align-items: center;
}
.intro-button {
background-color: white;
width: 315.52px;
padding: 20px 40px;
border: none;
font-weight: 600;
font-size: 18px;
line-height: 22px;
color: #152131;
margin-right: 15px;
transition: .2s ease;
cursor: pointer;
}
.intro-button:hover {
opacity: .8;
}
.intro-button-description {
font-weight: 500;
font-size: 16px;
line-height: 20px;
margin: 0;
}
@media (max-width: 900px) {
.intro-title {
font-size: 28px;
line-height: 34px;
}
.intro {
max-width: 900px;
background-image: url(//truthbrokers.org/wp-content/themes/brokers1/images/mobile-intro-bg.png);
}
.intro-content {
max-width: 360px;
padding: 123px 15px 40px;
margin: 0 auto;
}
.intro-list {
margin-bottom: 60px;
}
.intro-button-wrapper {
flex-direction: column;
}
.intro-button {
margin: 0;
}
.intro-button-description {
text-align: center;
max-width: 315px;
margin-top: 15px;
}
} .home-stats {
background: #0b2b3a;
padding: 30px 20px;
}
.home-stats-inner {
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
gap: 20px;
}
.home-stat-item {
display: flex;
flex-direction: column;
align-items: center;
color: #fff;
}
.home-stat-num {
font-size: 36px;
font-weight: 800;
font-family: 'Montserrat', Arial, sans-serif;
line-height: 1;
}
.home-stat-label {
font-size: 13px;
opacity: .65;
margin-top: 6px;
font-family: 'Montserrat', Arial, sans-serif;
text-align: center;
} .home-black-brokers {
background: #f7f0f0;
padding: 50px 20px;
}
.home-black-inner {
max-width: 1200px;
margin: 0 auto;
}
.home-black-header {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 28px;
flex-wrap: wrap;
}
.home-black-title {
font-size: 26px;
font-weight: 800;
margin: 0;
font-family: 'Montserrat', Arial, sans-serif;
color: #152131;
}
.home-black-sub {
font-size: 14px;
color: #888;
margin: 0;
font-family: 'Montserrat', Arial, sans-serif;
}
.home-black-all {
margin-left: auto;
}
.home-black-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 18px;
}
.home-black-card {
background: #fff;
border-radius: 10px;
padding: 20px;
box-shadow: 0 2px 12px rgba(0,0,0,.07);
display: flex;
flex-direction: column;
gap: 10px;
border-left: 4px solid #e8401c;
}
.home-black-logo img { height: 40px; width: auto; object-fit: contain; }
.home-black-info h4 { margin: 0 0 6px; font-size: 15px; font-weight: 700; font-family:'Montserrat',Arial,sans-serif; }
.home-black-info h4 a { color: #152131; text-decoration: none; }
.home-black-info h4 a:hover { color: #e8401c; }
.home-black-info p { margin: 0; font-size: 13px; color: #666; line-height: 1.5; font-family:'Montserrat',Arial,sans-serif; }
.home-black-cta {
margin-top: auto;
display: inline-block;
background: #e8401c;
color: #fff;
border-radius: 6px;
padding: 7px 14px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
font-family: 'Montserrat', Arial, sans-serif;
transition: background .2s;
align-self: flex-start;
}
.home-black-cta:hover { background: #c73515; }
@media (max-width:900px) {
.home-stat-num { font-size:26px; }
.home-black-grid { grid-template-columns: 1fr; }
} .home-stats-bar { background:#152131; padding:28px 20px; }
.home-stats-inner { max-width:1220px; margin:0 auto; display:flex; justify-content:space-around; flex-wrap:wrap; gap:20px; }
.home-stat-item { text-align:center; color:#fff; }
.home-stat-num { display:block; font-size:36px; font-weight:800; color:#f5b301; font-family:'Montserrat',Arial,sans-serif; }
.home-stat-label { display:block; font-size:13px; opacity:.8; margin-top:4px; font-family:'Montserrat',Arial,sans-serif; } .home-black-brokers { background:#f8f0f0; padding:60px 20px; }
.home-black-inner { max-width:1220px; margin:0 auto; }
.home-black-header { text-align:center; margin-bottom:36px; }
.home-black-title { font-size:30px; font-weight:700; color:#152131; font-family:'Montserrat',Arial,sans-serif; margin:0 0 10px; }
.home-black-subtitle { color:#666; font-size:15px; font-family:'Montserrat',Arial,sans-serif; }
.home-black-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:30px; }
.home-black-card { background:#fff; border-radius:8px; padding:20px; border-left:4px solid #e8401c; box-shadow:0 2px 12px rgba(0,0,0,.07); }
.home-black-logo { max-width:100px; height:50px; object-fit:contain; margin-bottom:10px; }
.home-black-name { font-size:15px; font-weight:700; margin:0 0 8px; font-family:'Montserrat',Arial,sans-serif; }
.home-black-name a { color:#152131; text-decoration:none; }
.home-black-name a:hover { color:#e8401c; }
.home-black-excerpt { font-size:13px; color:#666; line-height:1.5; margin:0 0 14px; font-family:'Montserrat',Arial,sans-serif; }
.home-black-btn { display:inline-block; background:#e8401c; color:#fff !important; text-decoration:none; padding:8px 16px; font-size:13px; font-weight:700; border-radius:4px; font-family:'Montserrat',Arial,sans-serif; }
.home-black-cta { display:flex; align-items:center; justify-content:center; gap:20px; flex-wrap:wrap; }
.home-black-all-link { color:#152131; font-weight:700; font-size:15px; text-decoration:none; border-bottom:2px solid #152131; padding-bottom:2px; font-family:'Montserrat',Arial,sans-serif; }
.home-black-consult-btn { padding:12px 28px; font-size:15px; }
@media(max-width:900px){
.home-black-grid { grid-template-columns:1fr; }
.home-stats-inner { gap:30px; }
.home-stat-num { font-size:28px; }
}