<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

@font-face {
font-family: "Basier Circle";
src: local("Basier Circle Medium"), local("Basier-Circle-Medium"), url(//roofmyspace.com/wp-content/themes/essentials-child/assets/fonts/BasierCircle-Medium.woff2) format("woff2"), url(//roofmyspace.com/wp-content/themes/essentials-child/assets/fonts/BasierCircle-Medium.woff) format("woff"), url(//roofmyspace.com/wp-content/themes/essentials-child/assets/fonts/BasierCircle-Medium.ttf) format("truetype");
font-weight: 500; font-style: normal;
}
.shape-overlays .pix-search .search-bar .pix-search-input {
font-style: normal;
font-weight: 400;
font-size: 32px;
line-height: 24px;
display: flex;
align-items: center;
color: #737B7D;
flex: none;
order: 1;
flex-grow: 1;
}
.shape-overlays .search-title.h1.heading-font.display-2.text-gradient-primary2.text-white.font-weight-bold {
font-style: normal;
font-weight: 500;
font-size: 68px;
line-height: 110%;
color: #FFFFFF;
flex: none;
order: 0;
flex-grow: 0;
}
.shape-overlays .text-gray-3s.text-20.mb-2.secondary-font.search-note.text-light-opacity-5 {
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 140%;
color: #FFFFFF;
transform: rotate(0.04deg);
}
.shape-overlays .search-bar.pix-overlay-item.pix-overlay-item--style-6.is-opened {
box-sizing: border-box;
display: flex;
flex-direction: row;
align-items: center;
padding: 12px 16px;
gap: 8px;
background: #FFFFFF;
border: 2px solid #EAECEE;
border-radius: 8px;
}
.page-id-23915 .pix-intro-container {
display: none;
}
.page-id-23915 .pix-main-intro {
display: none;
}
.page-id-23915 .site-content {
padding-top: 0 !important;
}
.brand-bg {
background-color: rgb(16, 113, 255);
}
.hd-content {
max-width: 1440px;
width: 100%;
margin: 0 auto;
padding: 16px 64px;
}
.hd-bread-wrap {
margin-top: 12px;
margin-bottom: 12px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 170%;  color: #737B7D;
}
.hd-bread-wrap #breadcrumbs {
margin-bottom: 0;
}
.hd-bread-wrap a {
display: inline-flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 8px;
}
.hd-grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 16px;
max-width: 1440px;
margin: 0 auto;
padding: 0 20px;
}
.hd-mw914 {
min-width: 914px;
}
.hd-line {
width: 100%;
height: 1px;
background-color: #121212;
}
.hd-col-1 {
grid-column: span 1;
}
.hd-col-2 {
grid-column: span 2;
}
.hd-col-3 {
grid-column: span 3;
}
.hd-col-4 {
grid-column: span 4;
}
.hd-col-5 {
grid-column: span 5;
}
.hd-col-6 {
grid-column: span 6;
}
.hd-col-7 {
grid-column: span 7;
}
.hd-col-8 {
grid-column: span 8;
}
.hd-col-9 {
grid-column: span 9;
}
.hd-col-10 {
grid-column: span 10;
}
.hd-col-11 {
grid-column: span 11;
}
.hd-col-12 {
grid-column: span 12;
}
@media (max-width: 768px) {
.hd-col-1 {
grid-column: span 1;
}
.hd-col-2 {
grid-column: span 2;
}
.hd-col-3 {
grid-column: span 3;
}
.hd-col-4 {
grid-column: span 4;
}
.hd-col-5 {
grid-column: span 5;
}
.hd-col-6 {
grid-column: span 6;
}
.hd-col-7 {
grid-column: span 6;
}
.hd-col-8 {
grid-column: span 6;
}
.hd-col-9 {
grid-column: span 6;
}
.hd-col-10 {
grid-column: span 6;
}
.hd-col-11 {
grid-column: span 6;
}
.hd-col-12 {
grid-column: span 6;
}
}
@media (max-width: 480px) {
.hd-col-1 {
grid-column: span 12;
}
.hd-col-2 {
grid-column: span 12;
}
.hd-col-3 {
grid-column: span 12;
}
.hd-col-4 {
grid-column: span 12;
}
.hd-col-5 {
grid-column: span 12;
}
.hd-col-6 {
grid-column: span 12;
}
.hd-col-7 {
grid-column: span 12;
}
.hd-col-8 {
grid-column: span 12;
}
.hd-col-9 {
grid-column: span 12;
}
.hd-col-10 {
grid-column: span 12;
}
.hd-col-11 {
grid-column: span 12;
}
.hd-col-12 {
grid-column: span 12;
}
}
.hd-col-auto {
grid-column: auto;
width: auto;
display: flex;
}
.align-center {
justify-self: center;
}
.align-start {
justify-self: start;
}
.align-end {
justify-self: end;
}
.align-stretch {
align-self: stretch;
}
.gap-10 {
gap: 10px;
}
.gap-20 {
gap: 20px;
}
.gap-30 {
gap: 30px;
}
.agency-header {
color: #fff;
}
.agency-header h1,
.agency-header h2,
.agency-header h3,
.agency-header h4,
.agency-header h5,
.agency-header h6,
.agency-header a,
.agency-header span,
.agency-header svg,
.agency-header p,
.agency-header b {
color: #fff;
}
.agency-logo {
background-color: rgb(204, 0, 51);
width: 142px;
height: 142px;
border-radius: 4px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-right: 15px;
font-size: 54px;
font-weight: 600;
}
.agency-title {
margin-bottom: 10px;
}
.agency-title h1 {
color: #fff !important;
font-size: 32px;
font-weight: 600;
line-height: 41.6px;
text-align: left;
}
.agency-short-description p {
max-width: 578px;
}
.tabs-wrap .tabs-items {
background-color: rgb(16, 113, 255);
width: 100%;
}
.tabs-wrap .tabs-items .tabs {
display: flex;
gap: 0;
width: 100%;
max-width: 914px;
margin: 0 auto;
}
.tabs-wrap .tabs-items .tabs .tab {
cursor: pointer;
font-size: 16px;
transition: background-color 0.3s;
border: none;
width: auto;
height: 44px;
padding: 10px 16px 10px 16px;
gap: 10px;
border-radius: 8px 8px 0px 0px;
background-color: transparent;
color: #fff;
outline: none;
border: none;
}
.tabs-wrap .tabs-items .tabs .tab.active {
background-color: #fff;
color: rgb(12, 12, 12);
border: none;
}
.tabs-wrap .tabs-content {
width: 100%;
margin: 0 auto;
max-width: 914px;
padding-top: 48px;
background-color: #fff;
margin-top: 0;
border: none;
border-radius: 0;
}
.tabs-wrap .tabs-content .tab-content {
display: none;
}
.tabs-wrap .tabs-content .tab-content.active {
display: flex;
flex-direction: column;
gap: 40px;
}
.tabs-wrap .tabs-content .tab-content .hd-content {
padding: 0;
}
.tabs-wrap .hd-overview {
width: 100%;
height: auto;
background-color: rgb(230, 239, 251);
padding: 16px;
gap: 17px;
border-radius: 8px;
margin-bottom: 25px;
}
.tabs-wrap .hd-overview .content-title {
margin-bottom: 10px;
}
.tabs-wrap .hd-overview .content-title h3 {
font-weight: 600;
line-height: 33.6px;
text-align: left;
font-style: normal;
font-size: 24px;
line-height: 140%;
color: #0C0C0C;
}
.tabs-wrap .hd-overview .agency-item {
display: flex;
font-size: 20px;
font-weight: 400;
line-height: 24.9px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #121212;
}
.tabs-wrap .hd-overview .agency-item .icon {
margin-right: 8px;
}
.tabs-wrap .hd-overview .agency-item p {
font-size: 20px;
font-weight: 400;
line-height: 24.9px;
text-align: left;
color: #121212;
}
.tabs-wrap .hd-overview .featured-items {
padding-top: 24px;
border-top: 1px solid rgba(19, 19, 19, 0.1294117647);
margin: 0;
padding-bottom: 16px;
}
.tabs-wrap .hd-overview .featured-items .feature-item {
display: flex;
align-items: center;
gap: 8px;
}
.tabs-wrap .hd-overview .featured-items .feature-item .icon {
padding: 4px;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
border-radius: 14px;
width: 46px;
height: 46px;
}
.tabs-wrap .hd-overview .featured-items .feature-item .icon img {
width: 25px;
height: 25px;
display: flex;
}
.tabs-wrap .hd-overview .featured-items .feature-item .label {
display: flex;
line-height: 24.9px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #121212;
font-size: 14px;
font-weight: 600;
}
.tabs-wrap .hd-grid {
grid-gap: 32px;
margin-bottom: 24px;
}
.content-title {
margin-bottom: 15px;
}
.content-title h3 {
font-weight: 600;
line-height: 33.6px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
font-style: normal;
font-size: 24px;
line-height: 140%;
color: #0C0C0C;
}
.agency-content {
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.agency-content p {
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #121212;
}
.hd-srv-loc-grid {
display: grid;
grid-template-columns: calc(75% - 36px) 25%;
grid-gap: 36px;
}
.hd-srv-loc-grid .agency-srv h3 {
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 140%;
color: #0C0C0C;
margin-bottom: 16px;
}
.hd-srv-loc-grid .agency-srv .srv-offered ul {
padding: 0;
margin: 0;
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 8px;
}
.hd-srv-loc-grid .agency-srv .srv-offered ul li {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 16px;
gap: 10px;
background: #E6EFFB;
border-radius: 7px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #434447;
}
.hd-srv-loc-grid .agency-srv .srv-offered ul li p {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #434447;
}
.hd-srv-loc-grid .agency-srv .srv-offered ul li strong {
width: 100%;
display: flex;
flex-direction: column;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 150%;
padding-bottom: 5px;
margin-bottom: 10px;
color: #0C0C0C;
border-bottom: 1px solid #434447;
}
.hd-srv-loc-grid .agency-loc h3 {
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 140%;
color: #0C0C0C;
margin-bottom: 16px;
}
.hd-srv-loc-grid .agency-loc .loc-wrap ul {
list-style-position: inside;
margin: 0;
padding: 0;
list-style-type: disc;
}
.hd-srv-loc-grid .agency-loc .loc-wrap ul li, .hd-srv-loc-grid .agency-loc .loc-wrap ul p {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #434447;
}
.agency-rate-wrap {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 24px;
gap: 16px;
max-width: max-content;
border: 1px solid #1071ff;
border-radius: 7px;
min-width: 270px;
min-height: 176px;
max-width: 340px;
}
.agency-rate-wrap .agency-title h2 {
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 30px; color: #1071FF;
}
.agency-rate-wrap .agency-rate {
font-style: normal;
font-weight: 700;
font-size: 68px;
line-height: 82px;
color: #1071FF;
}
.similar-section {
padding: 116px 0px;
}
.similar-section .content-title {
margin-bottom: 40px;
}
.similar-section .content-title h3 {
font-style: normal;
font-weight: 600;
font-size: 40px;
line-height: 110%;
color: #0C0C0C;
}
.agency-header {
display: grid;
grid-template-columns: 1fr 310px;
padding: 80px 0px;
grid-gap: 32px;
}
.agency-header .agency-left-side {
display: grid;
grid-template-columns: 142px 1fr;
grid-gap: 32px;
}
.agency-header .agency-left-side .agency-logo img {
padding: 12px;
}
.agency-header .agency-website-wrap {
display: flex;
align-items: flex-start;
justify-content: flex-end;
}
.agency-header .agency-website-wrap .agency-link-website {
display: grid;
grid-template-columns: 25px 1fr 25px;
color: #fff;
width: 100%;
width: 100%;
border: 1px solid #fff;
border-radius: 4px;
width: max-content;
padding: 5px 15px;
}
.agency-header .agency-website-wrap .agency-link-website a {
color: #fff;
font-weight: 600;
font-size: 18px;
font-weight: 700;
line-height: 27px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.agency-header .agency-website-wrap .agency-link-website .icon-arrow {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
}
.agency-header .agency-link-website.disabled {
pointer-events: none; opacity: 0.5; cursor: default; }
.agency-similar {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 32px;
}
.agency-similar .agency-block {
border: 1px solid #cfd2d5;
border-radius: 8px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.agency-similar .agency-block .agency-wrap-top {
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.agency-similar .agency-block .agency-top {
gap: 16px;
display: flex;
align-items: stretch;
padding: 16px;
}
.agency-similar .agency-block .agency-top .agency-logo {
width: 51px;
height: 51px;
background-color: rgb(204, 0, 51);
border-radius: 4px;
font-size: 24px;
color: #fff;
}
.agency-similar .agency-block .agency-top .agency-top-footer {
gap: 16px;
display: flex;
align-items: stretch;
justify-content: space-between;
width: 100%;
}
.agency-similar .agency-block .agency-top .agency-top-footer .agency-rate {
display: flex;
align-items: center;
}
.agency-similar .agency-block .agency-top .agency-top-footer .agency-rate svg {
margin-left: 8px;
}
.agency-similar .agency-block .agency-top .agency-top-footer .agency-vip {
display: flex;
justify-content: flex-end;
}
.agency-similar .agency-block .agency-top .agency-top-footer .agency-vip .vip-label {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 8px;
gap: 8px;
height: 24px;
background: rgba(255, 78, 0, 0.18);
border-radius: 4px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #ff4e00;
width: 62px;
height: 24px;
}
.agency-similar .agency-block .agency-data-grid {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 1px;
background-color: #cfd2d5;
border-top: 1px solid #cfd2d5;
border-bottom: 1px solid #cfd2d5;
}
.agency-similar .agency-block .agency-data-grid .agency-data-item {
display: flex;
flex-direction: row;
align-items: center;
padding: 10px 16px;
gap: 10px;
background-color: #fff;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 140%;
color: #0c0c0c;
overflow: hidden;
}
.agency-similar .agency-block .agency-data-grid .agency-data-item p {
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 140%;
color: #0c0c0c;
}
.agency-similar .agency-block .agency-data-grid .agency-data-item p:last-of-type {
margin-bottom: 0;
}
.agency-similar .agency-block .agency-data-grid .agency-data-item .icon svg, .agency-similar .agency-block .agency-data-grid .agency-data-item .icon img {
width: 15px;
height: 15px;
}
.agency-similar .agency-block .agency-data-grid .agency-data-item .data {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.agency-similar .agency-block .agency-data-grid .agency-data-item .data p {
margin-bottom: 0;
}
.agency-similar .agency-block .agency-data-grid .agency-data-item .item-text p {
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 140%;
color: #0c0c0c;
}
.agency-similar .agency-block .agency-data-grid .agency-data-item .item-text p:last-of-type {
margin-bottom: 0;
}
.agency-similar .agency-block .agency-data-grid .agency-data-item .item-text p {
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 140%;
color: #0c0c0c;
}
.agency-similar .agency-block .agency-data-grid .agency-data-item .item-text p:last-of-type {
margin-bottom: 0;
}
.agency-similar .agency-block .agency-categories {
padding: 16px;
}
.agency-similar .agency-block .agency-categories ul {
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
gap: 12px;
list-style-type: none;
flex-wrap: wrap;
}
.agency-similar .agency-block .agency-categories ul li {
display: flex;
width: auto;
}
.agency-similar .agency-block .agency-categories ul li a {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 3px 10px;
gap: 10px; background: #e6effb;
border-radius: 33px; font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 150%;  color: #0c0c0c;
max-width: max-content;
}
.agency-similar .agency-block .agency-title h2 {
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 130%;
color: #0c0c0c;
}
.agency-similar .agency-buttons-wrap {
display: flex;
width: 100%;
padding-left: 16px;
padding-right: 16px;
gap: 10px;
padding-bottom: 16px;
}
.agency-similar .agency-buttons-wrap .agency-button {
align-items: center;
padding: 0;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.agency-similar .agency-buttons-wrap .agency-button a {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px 32px;
gap: 10px;
width: 100%;
height: 48px;
background: #ffffff;
border: 2px solid #1071ff;
border-radius: 30px;
padding: 16px 16px;
text-wrap: nowrap;
font-size: 16px;
line-height: 16px;
}
.agency-similar .agency-buttons-wrap .agency-button a:hover {
border: 2px solid #004796;
background: #004796;
color: #fff;
}
.tac {
text-align: center;
}
.pv10 {
padding-top: 10px;
padding-bottom: 10px;
}
.single-agency .hd-bread-wrap {
margin-top: 12px;
margin-bottom: 12px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 170%;
color: #737B7D;
}
.single-agency .hd-bread-wrap #breadcrumbs {
margin-bottom: 0;
}
.single-agency .hd-bread-wrap a {
display: inline-flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 8px;
}
.single-agency .loc-wrap ul {
list-style-position: inside;
margin: 0;
padding: 0;
list-style-type: disc;
}
.single-agency .loc-wrap ul li, .single-agency .loc-wrap ul p {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #434447;
}
.single-agency .srv-offered ul {
padding: 0;
margin: 0;
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 8px;
}
.single-agency .srv-offered ul li {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 16px;
gap: 10px;
background: #E6EFFB;
border-radius: 7px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #434447;
}
.single-agency .srv-offered ul li p {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #434447;
}
.single-agency .srv-offered ul li strong {
width: 100%;
display: flex;
flex-direction: column;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 150%;
padding-bottom: 5px;
margin-bottom: 10px;
color: #0C0C0C;
border-bottom: 1px solid #434447;
}
.agency-singlepost-wrap .hd-faq-wrap-agencies .hd-faq-item .hd-faq-question, .single-agency .hd-faq-wrap-agencies .hd-faq-item .hd-faq-question {
border-bottom: 1px solid #0C0C0C;
}
.agency-singlepost-wrap .hd-faq-wrap-agencies .hd-faq-item .hd-faq-question h5, .single-agency .hd-faq-wrap-agencies .hd-faq-item .hd-faq-question h5 {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 150%;
color: #0C0C0C;
max-width: calc(100% - 30px);
}
.agency-singlepost-wrap .hd-faq-wrap-agencies .hd-faq-item .hd-faq-answer, .single-agency .hd-faq-wrap-agencies .hd-faq-item .hd-faq-answer {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #434447;
}
.agency-singlepost-wrap .hd-faq-wrap-agencies .hd-faq-item .hd-faq-answer p, .single-agency .hd-faq-wrap-agencies .hd-faq-item .hd-faq-answer p {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #434447 !important;
}
.hd-pagination-wrap {
display: flex;
gap: 12px;
justify-content: center;
align-items: center;
padding: 24px 0;
}
.hd-pagination-wrap .page-numbers {
width: 32px;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
color: #0c0c0c;
}
.hd-pagination-wrap .current {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
background: #1071FF;
border-radius: 8px;
display: flex;
align-items: center;
text-align: center;
color: #FFFFFF;
}
.archive h1 {
margin-bottom: 32px;
max-width: 752px;
font-style: normal;
font-weight: 600;
font-size: 40px;
line-height: 110%; color: #0C0C0C;
}
.city-description {
max-width: 752px;
}
.agency-archive {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 32px;
}
.agency-archive .agency-item {
display: grid;
grid-gap: 16px;
border: 1px solid #cfd2d5;
border-radius: 8px;
padding: 32px;
}
.agency-archive .agency-item .agency-item-row {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 12px;
}
.agency-archive .agency-item .agency-item-row .agency-col-wild {
grid-column: span 2;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-header-grid {
display: grid;
grid-template-columns: 61px 1fr;
grid-gap: 12px;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-header-grid .agency-logo {
width: 61px;
height: 61px;
background-color: rgb(204, 0, 51);
border-radius: 4px;
font-size: 24px;
color: #fff;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-header-grid .agency-title-wrap {
display: flex;
flex-direction: column;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-header-grid .agency-title-wrap .agency-title {
margin-bottom: 0px;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-header-grid .agency-title-wrap .agency-title h2 {
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 140%;
color: #0c0c0c;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-header-grid .agency-title-wrap .agency-rate {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 130%;
color: #1071ff;
display: flex;
align-items: center;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-header-grid .agency-title-wrap .agency-rate svg {
margin-left: 8px;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-about .agency-content {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #0c0c0c;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-about .agency-content p {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #434447;
margin-bottom: 10px;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-about .agency-content p:last-of-type {
margin-bottom: 0;
}
.agency-archive .agency-item .agency-item-row .agency-col h6 {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 130%;
color: #0c0c0c;
margin-bottom: 12px;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-buttons-wrap {
display: flex;
justify-content: end;
gap: 12px;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-buttons-wrap .agency-button { display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0;
gap: 10px;
max-width: 163px;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-buttons-wrap .agency-button a { box-sizing: border-box; display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px 32px;
gap: 10px;
width: 100%;
height: 48px; background: #ffffff; border: 2px solid #1071ff;
color: #1071ff;
border-radius: 30px; flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-buttons-wrap .agency-button a:hover {
background-color: #1071ff;
color: #fff;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-data-grid {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 9px;
background-color: unset;
border: unset;
padding-left: 68px;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-data-grid .agency-data-item {
display: flex;
flex-direction: row;
align-items: center;
padding: 0;
overflow: hidden;
gap: 10px;
background-color: unset;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 130%;
color: #0c0c0c;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-data-grid .agency-data-item p {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 130%;
color: #0c0c0c;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-data-grid .agency-data-item p:last-of-type {
margin-bottom: 0;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-data-grid .agency-data-item .icon {
margin-right: 8px;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-categories ul {
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
grid-gap: 12px;
list-style-type: none;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-categories ul li a {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 3px 10px;
gap: 10px; background: #e6effb;
border-radius: 33px; font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 150%;  color: #0c0c0c;
max-width: max-content;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-vip {
display: flex;
justify-content: flex-start;
margin-bottom: 44px;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-vip .vip-label {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 8px;
gap: 8px;
width: max-content;
height: 24px;
background: rgba(255, 78, 0, 0.18);
border-radius: 4px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #ff4e00;
}
.agency-archive .agency-item .head-agency-row {
grid-template-columns: repeat(2, 1fr);
}
.agency-archive .agency-item .agency-buttons-wrap {
display: flex;
width: 100%;
padding-left: 16px;
padding-right: 16px;
gap: 10px;
padding-bottom: 16px;
}
.agency-archive .agency-item .agency-buttons-wrap .agency-button {
align-items: center;
padding: 0;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.agency-archive .agency-item .agency-buttons-wrap .agency-button a {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px 32px;
gap: 10px;
width: 100%;
height: 48px;
background: #ffffff;
border: 2px solid #1071ff;
border-radius: 30px;
padding: 16px 16px;
text-wrap: nowrap;
font-size: 16px;
line-height: 16px;
}
.agency-archive .agency-item .agency-buttons-wrap .agency-button a:hover {
border: 2px solid #004796;
background: #004796;
color: #fff;
}
.agency-archive .agency-item .agency-buttons-wrap {
display: none;
}
.agency-archive.loading {
opacity: 0.5;
transition: opacity 0.3s ease-in-out;
}
.filters-wrap {
margin: 24px 0px;
display: block;
}
.filters-wrap .filters-data-wrap {
display: flex;
justify-content: space-between;
align-items: center;
}
.filters-wrap .filters-data-wrap form {
display: flex;
gap: 10px;
}
.filters-wrap .filters-data-wrap form .custom-select { width: max-content;
}
.filters-wrap .filters-data-wrap form .apply-filters {
color: #fff;
outline: none;
border: none;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 32px;
gap: 10px;
width: max-content;
height: auto;
background: #1071FF;
border-radius: 30px;
height: 48px;
}
.filters-wrap .filters-data-wrap form .apply-filters:hover {
background-color: #004796;
border-color: #004796;
}
.filters-wrap .filters-data-wrap .companies-count { display: flex;
align-items: flex-end;
text-align: right;
}
.filters-wrap .filters-data-wrap .companies-count p {
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 150%;
color: #1071FF;
}
.filters-wrap .filter-search-wrap {
padding: 0;
}
.filters-wrap .filter-search-wrap .filter-search {
width: 100%;
font-size: 16px;
border: 0;
padding: 4px 15px;
height: 44px;
}
.mobile-filters-line-wrap {
display: none;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
}
.mobile-filters-line-wrap .companies-count {
display: flex;
}
.mobile-filters-line-wrap .companies-count p {
font-style: normal;
color: #1071FF;
margin-bottom: 0;
font-weight: 500;
font-size: 16px;
line-height: 130%;
}
.mobile-filters-line-wrap .mobile-filters-button {
cursor: pointer;
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 8px;
gap: 3px;
width: 52px;
height: 44px;
border: 1px solid #1071FF;
border-radius: 3px;
}
.mobile-filters-line-wrap .mobile-filters-button .mobile-filters {
display: flex;
}
.mobile-filters-line-wrap .mobile-filters-button .filter-count {
width: 5px;
height: 13px;
font-style: normal;
font-weight: 500;
font-size: 10px;
line-height: 130%;
display: flex;
align-items: flex-end;
color: #1071FF;
}
.mobile-filters-wrap {
transition: opacity 0.3s ease, transform 0.3s ease;
}
.mobile-filters-wrap.open {
opacity: 1;
transform: translateY(0);
}
.mobile-filters-wrap.closing {
opacity: 0;
transform: translateY(20px);
}
.mobile-filters-wrap {
display: none;
flex-direction: column;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 10002;
transform: translateY(-100%);
transition: transform 0.3s ease-in-out;
padding-bottom: 45px;
}
.mobile-filters-wrap.open {
display: flex;
transform: translateY(0);
}
.mobile-filters-wrap .filters-line {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 16px;
}
.mobile-filters-wrap .filters-line .filters-selected {
font-style: normal;
font-size: 16px;
line-height: 150%;
display: flex;
align-items: flex-end;
font-weight: 600;
color: #1071FF;
}
.mobile-filters-wrap .filters-line .clear-all {
cursor: pointer;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 16px;
display: flex;
align-items: center;
color: #1071FF;
}
.mobile-filters-wrap .filters-header {
display: flex;
flex-direction: row;
align-items: flex-start;
padding-top: 16px;
padding-bottom: 16px;
gap: 16px;
width: 100%;
height: 56px;
background: #F6F8FB;
}
.mobile-filters-wrap .filters-header h6 {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 150%;
display: flex;
align-items: flex-end;
color: #0C0C0C;
}
.mobile-filters-wrap .filters-header .filters-close svg {
width: 24px;
height: 24px;
}
.mobile-filters-wrap .filter-by {
padding-left: 16px;
padding-right: 16px;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 150%;
display: flex;
align-items: flex-end;
color: #0C0C0C;
padding: 0px 16px 8px;
margin-top: 20px;
gap: 10px;
border-bottom: 1px solid #CFD2D5;
}
.mobile-filters-wrap .filers-active {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
margin-top: 10px;
overflow-x: auto;
width: 100%;
padding-left: 15px;
padding-right: 15px;
height: auto;
}
.mobile-filters-wrap .filers-active .filter-item {
box-sizing: border-box;
flex-direction: row;
align-items: center;
padding: 10px;
gap: 8px;
width: max-content;
height: 34px;
background: #E6EFFB;
border: 1px solid #1071FF;
border-radius: 5px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
display: flex;
color: #1071FF;
text-wrap: nowrap;
margin-bottom: 45px;
}
.mobile-filters-wrap .filers-active .clear-filters {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 16px;
display: flex;
align-items: center;
color: #1071FF;
}
.mobile-filters-wrap .filters-categorie-wrap {
position: relative;
height: 100%;
overflow: auto;
margin-bottom: 45px;
}
.mobile-filters-wrap .filters-categorie-wrap .filter-accordion {
border-bottom: 1px solid #e0e0e0;
}
.mobile-filters-wrap .filters-categorie-wrap .filter-accordion .filter-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 16px;
cursor: pointer;
}
.mobile-filters-wrap .filters-categorie-wrap .filter-accordion .filter-header h6 {
margin: 0;
font-weight: 600;
font-size: 16px;
line-height: 150%; display: flex;
align-items: flex-end; color: #0C0C0C;
}
.mobile-filters-wrap .filters-categorie-wrap .filter-accordion .filter-header .filter-toggle {
font-size: 20px;
font-weight: bold;
}
.mobile-filters-wrap .filters-categorie-wrap .filter-accordion .filter-body {
display: none;
flex-direction: column;
padding: 10px 16px;
padding-top: 0;
}
.mobile-filters-wrap .filters-categorie-wrap .filter-accordion .filter-body .filter-search {
width: 100%;
padding: 10px;
border: 1px solid #d0d0d0;
border-radius: 4px;
margin-bottom: 10px;
}
.mobile-filters-wrap .filters-categorie-wrap .filter-accordion .filter-body .filter-options {
list-style: none;
padding: 0;
margin: 0;
}
.mobile-filters-wrap .filters-categorie-wrap .filter-accordion .filter-body .filter-options li {
margin-bottom: 8px;
}
.mobile-filters-wrap .filters-categorie-wrap .filter-accordion .filter-body .filter-options li label {
display: flex;
align-items: center;
cursor: pointer;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 170%;
display: flex;
align-items: center;
color: #737B7D;
}
.mobile-filters-wrap .filters-categorie-wrap .filter-accordion .filter-body .filter-options li label input[type=checkbox] {
width: 16px;
height: 16px;
border: 1px solid #1071ff;
border-radius: 2px;
margin-right: 8px;
display: flex;
align-items: center;
justify-content: center;
}
.mobile-filters-wrap .filters-categorie-wrap .filter-accordion .filter-body .filter-options li label input[type=checkbox]:after {
content: "";
width: 10px;
height: 10px;
background: #1071ff;
display: none;
}
.mobile-filters-wrap .filters-categorie-wrap .filter-accordion .filter-body .filter-options li label input[type=checkbox]:checked + .checkbox-custom:after {
display: block;
}
.mobile-filters-wrap .filters-categorie-wrap .filter-accordion .filter-body .filter-options li {
transition: opacity 0.2s ease, transform 0.2s ease;
}
.mobile-filters-wrap .filters-categorie-wrap .filter-accordion .filter-body .filter-options li[style="display: none;"] {
opacity: 0;
transform: translateY(-5px);
pointer-events: none;
}
.mobile-filters-wrap .filters-categorie-wrap .filter-accordion .filter-accordion.open .filter-body {
display: block; }
.mobile-filters-wrap .filters-result-line {
display: flex;
justify-content: center;
align-items: center;
}
.mobile-filters-wrap .filters-result-line button {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px 32px;
gap: 10px;
width: 100%;
height: 48px;
background: #1071ff;
border: 2px solid #1071ff;
border-radius: 30px;
padding: 16px 32px;
text-wrap: nowrap;
font-size: 16px;
line-height: 16px;
width: max-content;
color: #fff;
}
.custom-dropdown {
position: relative;
width: max-content;
max-width: 240px;
margin-bottom: 20px;
}
.custom-dropdown ul {
padding: 0;
margin: 0;
}
.custom-dropdown label {
margin-bottom: 0;
}
.dropdown-header { cursor: pointer;
box-sizing: border-box; display: inline-flex !important;
justify-content: space-between;
flex-direction: row;
align-items: center;
padding: 12px 16px !important;
gap: 8px;
width: 100%;
height: 48px;
min-width: 202px; background: #FFFFFF; border: 1px solid #EAECEE;
border-radius: 8px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 170%; color: #0C0C0C !important;
}
.dropdown-header .selected {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dropdown-header .arrow {
transition: transform 0.3s ease;
}
.dropdown-list {
display: none; position: absolute;
width: 100%;
left: 0;
background-color: white;
border: 1px solid #EAECEE;
border-radius: 8px;
max-height: 250px;
overflow-y: auto;
z-index: 10;
top: 100%;
box-shadow: unset;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top: 0;
}
.dropdown-list.open {
display: block; }
.dropdown-list li {
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 10px 15px;
cursor: pointer;
display: flex;
align-items: center;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 170%;  color: #0C0C0C;
border-bottom: 1px solid #EAECEE;
text-wrap: none;
}
.dropdown-list li:last-of-type {
border-bottom: none;
}
.dropdown-list li:hover {
background: #F6F8FB;
color: #1071FF;
}
.dropdown-list li.active {
color: #1071FF;
background: #F6F8FB;
}
.dropdown-header.open .arrow {
transform: rotate(180deg);
}
.dropdown-header.open {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.dropdown-list li {
display: flex;
align-items: center;
gap: 10px;
}
.dropdown-list li svg {
width: 20px;
height: 20px;
flex-shrink: 0;
} .dropdown-list li:first-child svg {
width: 24px;
height: 24px;
}
.dropdown-search {
width: 100%;
padding: 10px;
border: 1px solid #EAECEE;
border-radius: 4px;
outline: none;
margin-bottom: 10px;
}
.reset {
font-weight: bold;
color: #737B7D !important; }
.reset:hover {
color: #0C0C0C !important;
background-color: #f0f0f0;
}
.active-filters {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
}
.active-filters .filter-item {
box-sizing: border-box;
flex-direction: row;
align-items: center;
padding: 10px;
gap: 8px;
width: max-content;
height: 34px;
background: #E6EFFB;
border: 1px solid #1071FF;
border-radius: 5px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
display: flex;
color: #1071FF;
}
.active-filters .filter-item a {
color: #1071FF;
}
.active-filters .clear-filters {
font-style: normal;
font-size: 16px;
line-height: 16px;
display: flex;
align-items: center;
color: #1071FF;
font-weight: 600;
text-wrap: nowrap;
}
.no-scroll {
overflow: hidden;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.hd-header-wrap {
position: relative;
z-index: 10002;
width: 100%;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
background: #F6F8FB;
}
.hd-header-wrap header {
display: grid;
grid-template-columns: 1fr 230px;
padding: 16px 64px;
width: 100%;
max-width: 1440px;
height: 80px;
align-items: center;
}
.hd-header-wrap header ul {
margin: 0;
padding: 0;
display: flex;
gap: 32px;
align-items: center;
list-style-type: none;
}
.hd-header-wrap header ul li a {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 16px; color: #0C0C0C;
text-wrap: nowrap;
}
.hd-header-wrap header .left-side {
display: flex;
align-items: center;
gap: 89px;
}
.hd-header-wrap header .left-side .website-logo {
display: flex;
flex-direction: column;
width: 135px;
height: 42px;
}
.hd-header-wrap header .left-side .website-logo .custom-logo-link {
display: flex;
flex-direction: column;
width: 135px;
height: 42px;
}
.hd-header-wrap header .left-side .website-logo .custom-logo-link img {
width: 135px;
height: 42px;
display: block;
object-fit: contain;
}
.hd-header-wrap header .right-side {
display: flex;
justify-content: flex-end;
align-items: center;
}
.hd-header-wrap header .right-side ul .btn {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 32px;
gap: 10px;
width: max-content;
height: 48px;
background: #1071FF;
border-radius: 30px;
}
.hd-header-wrap header .right-side ul .btn a {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 16px; display: flex;
align-items: center; color: #FFFFFF;
text-wrap: nowrap;
}
.hd-header-wrap header .right-side ul i {
color: #1071ff;
}
.hd-header-wrap header .right-side .mobile-buttons {
display: none;
}
.hd-header-wrap header .right-side .mobile-buttons .mobile-search-button {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.hd-header-wrap header .right-side .mobile-buttons .mobile-search-button i {
color: #1071ff;
}
.hd-header-wrap header .right-side .mobile-buttons .mobile-search-button img {
width: 32px;
height: 32px;
display: block;
object-fit: contain;
}
.hd-header-wrap header .right-side .mobile-buttons .mobile-menu-open {
display: none;
cursor: pointer;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.hd-header-wrap header .right-side .mobile-buttons .mobile-menu-open img {
width: 40px;
height: 40px;
display: block;
object-fit: contain;
}
.hd-header-wrap header .right-side .mobile-buttons .mobile-menu-close {
display: none;
cursor: pointer;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.hd-header-wrap header .right-side .mobile-buttons .mobile-menu-close img {
width: 24px;
height: 24px;
}
.mobile-wrapper-menu {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 10001;
display: none;
flex-direction: column;
align-items: flex-start;
padding: 28px 0px;
gap: 30px;
padding-top: 94px;
background-color: #F6F8FB;
}
.mobile-wrapper-menu .top-side-wrap {
padding: 0px 16px;
display: flex;
width: 100%;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.mobile-wrapper-menu .top-side-wrap .left-s {
display: flex;
width: 100%;
}
.mobile-wrapper-menu .top-side-wrap .left-s .custom-logo-link {
display: flex;
flex-direction: column;
width: 112px;
height: 35px;
}
.mobile-wrapper-menu .top-side-wrap .left-s .custom-logo-link img {
width: 112px;
height: 35px;
display: block;
object-fit: contain;
}
.mobile-wrapper-menu .top-side-wrap .right-s {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 8px;
}
.mobile-wrapper-menu .top-side-wrap .right-s .mobile-menu-open, .mobile-wrapper-menu .top-side-wrap .right-s .mobile-menu-close {
cursor: pointer;
transition: opacity 0.3s ease;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.mobile-wrapper-menu .top-side-wrap .right-s .mobile-menu-open img, .mobile-wrapper-menu .top-side-wrap .right-s .mobile-menu-close img {
width: 40px;
height: 40px;
display: block;
object-fit: contain;
}
.mobile-wrapper-menu .center-side-wrap {
width: 100%;
display: flex;
flex-direction: column;
}
.mobile-wrapper-menu .center-side-wrap ul {
padding: 0;
margin: 0;
list-style-type: none;
display: flex;
flex-direction: column;
}
.mobile-wrapper-menu .center-side-wrap ul li {
border-bottom: 1px solid #EAECEE;
background: #F6F8FB;
overflow: hidden;
display: flex;
flex-direction: column;
}
.mobile-wrapper-menu .center-side-wrap ul li a {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 16px;
gap: 16px;
height: 56px;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 170%;
display: flex;
color: #0C0C0C;
}
.dropdown-hd {
position: relative;
display: inline-block;
width: 100%;
}
.dropdown-toggle {
box-sizing: border-box;
width: 202px;
height: 48px;
border: 1px solid #EAECEE;
border-radius: 8px;
flex: none;
order: 2;
flex-grow: 0;
cursor: pointer;
text-align: left;
background-color: #fff;
outline: none;
padding-left: 16px;
padding-right: 16px;
display: flex;
justify-content: space-between;
align-items: center;
}
.dropdown-toggle .button-wrap {
display: flex;
align-items: center;
gap: 10px;
}
.dropdown-toggle:focus {
outline: none;
}
.dropdown-toggle:after {
content: none !important;
display: none !important;
}
.dropdown-menu-hd {
display: none;
position: absolute;
background: #fff;
border: 1px solid #eaecee;
border-radius: 8px;
transform: translateY(-1px);
width: 100%;
max-height: 200px;
overflow-y: auto;
width: max-content;
min-width: 100%;
}
.dropdown-menu-hd label {
display: flex;
padding: 10px;
align-items: center;
text-wrap: nowrap;
border-bottom: 1px solid #EAECEE;
width: 100%;
font-style: normal;
font-weight: 400;
font-size: 13px;
color: #0C0C0C;
flex: none;
order: 0;
flex-grow: 1;
margin-bottom: 0;
cursor: pointer;
transition: 0.2s ease-in-out;
}
.dropdown-menu-hd label:hover {
background-color: #F6F8FB;
color: #1071FF;
}
.dropdown-menu-hd label:last-of-type {
border-bottom: 0;
}
.dropdown-menu-hd input {
margin-right: 5px;
}
.dropdown-hd.open .dropdown-menu-hd {
display: block;
}
#agency-filter-form {
display: flex;
flex-direction: column;
gap: 15px;
margin-bottom: 25px;
}
#agency-filter-form .desktop-filters-section {
display: flex;
justify-content: space-between;
gap: 12px;
}
#agency-filter-form .desktop-filters-section .desk-filters-wrap {
display: flex;
gap: 12px;
width: 100%;
}
#agency-filter-form .desktop-filters-section .companies-count { display: flex;
align-items: center;
text-align: right;
}
#agency-filter-form .desktop-filters-section .companies-count p {
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 150%;
color: #1071FF;
text-wrap: nowrap;
margin: 0;
}
#agency-filter-form .desktop-filters-section .filters-wrap #clear-filters {
background-color: transparent;
outline: none;
border: none;
color: #1071ff;
font-weight: 600;
padding: 0;
margin: 0;
}
#agency-filter-form .active-filters-section {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
width: 100%;
}
#agency-filter-form .active-filters-section .active-filters {
display: flex;
align-items: center;
gap: 12px;
}
#agency-filter-form .active-filters-section .active-filters .filter-item {
box-sizing: border-box;
flex-direction: row;
align-items: center;
padding: 10px;
gap: 8px;
width: max-content;
height: 34px;
background: #E6EFFB;
border: 1px solid #1071FF;
border-radius: 5px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
display: flex;
color: #1071FF;
}
#agency-filter-form .active-filters-section .active-filters .filter-item a {
color: #1071FF;
}
#agency-filter-form .active-filters-section .active-filters .remove-filter {
background-color: transparent;
outline: none;
border: none;
color: #1071FF;
padding: 0;
}
#agency-filter-form .active-filters-section #clear-filters {
background-color: transparent;
outline: none;
border: none;
color: #1071FF;
font-weight: 600;
text-wrap: nowrap;
}
.glsr {
max-width: 914px;
margin: 0 auto;
border-width: 1px !important;
border: 1px solid #1071ff;
border-radius: 7px;
padding: 24px;
}
.glsr-button {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 32px;
gap: 10px;
width: max-content;
height: 48px;
background: #1071FF;
border-radius: 30px;
}
form.glsr-form .glsr-star-rating--stars &gt; span {
height: 24px;
}
@media (max-width: 1200.98px) {
.mobile-filters-line-wrap {
display: flex;
}
#agency-filter-form {
display: none;
}
.hd-header-wrap header {
padding: 16px 10px;
}
.hd-header-wrap header .left-side {
gap: 24px;
}
.hd-content {
padding: 16px 10px;
}
.tabs-wrap .tabs-items .tabs {
padding-left: 10px;
padding-right: 10px;
}
.tabs-wrap .tabs-content {
padding-left: 10px;
padding-right: 10px;
}
.agency-similar {
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
}
.agency-archive {
grid-gap: 16px;
}
.agency-archive .agency-item {
padding: 0;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-data-grid {
padding-left: 0;
grid-template-columns: repeat(1, 1fr);
grid-gap: 0;
background-color: #fff;
border-top: 1px solid #cfd2d5;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-data-grid .agency-data-item {
padding: 16px 32px;
background-color: #fff;
border-bottom: 1px solid #cfd2d5;
overflow: hidden;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-data-grid .agency-data-item .icon {
margin-right: 0;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-vip {
height: 100%;
justify-content: flex-end;
align-items: flex-end;
margin-bottom: 0;
}
.agency-archive .agency-item .agency-item-row .agency-cats-item {
padding-left: 32px;
padding-right: 32px;
}
.agency-archive .agency-item .agency-item-row .agency-cats-item .agency-categories ul {
flex-direction: row;
flex-wrap: wrap;
}
.agency-archive .agency-item .agency-about-c {
padding-left: 32px;
padding-right: 32px;
margin-bottom: 16px;
}
.agency-archive .agency-item .agency-center-item {
grid-template-columns: repeat(1, 1fr);
}
.agency-archive .agency-item .info-agency-row {
grid-template-columns: 1fr 40px;
}
.agency-archive .agency-item .inner-agency-row {
grid-template-columns: repeat(1, 1fr);
}
.agency-archive .agency-item .head-agency-row {
padding: 32px 32px 0px 32px;
}
}
@media (max-width: 960.98px) {
.agency-header {
grid-template-columns: 1fr;
}
.agency-header .agency-left-side {
grid-template-columns: 142px 1fr;
}
.agency-header .agency-website-wrap {
justify-content: flex-start;
}
.agency-header .agency-website-wrap .agency-link-website {
width: 100%;
min-height: 78px;
align-items: center;
}
.hd-header-wrap header .left-side .main-menu {
display: none;
}
.hd-header-wrap header .right-side #menu-actions-menu {
display: none;
}
.hd-header-wrap header .right-side .mobile-search-button {
display: flex;
}
.hd-header-wrap header .right-side .mobile-menu-open {
display: flex;
}
.hd-header-wrap header .right-side .mobile-buttons {
display: flex;
}
.mobile-wrapper-menu {
display: flex;
}
}
@media (max-width: 768px) {
.agency-archive .agency-item {
padding: 0;
grid-gap: 0;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-data-grid {
grid-template-columns: repeat(1, 1fr);
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-data-grid .agency-data-item {
padding: 16px;
font-size: 12px;
line-height: 140%;
overflow: hidden;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-data-grid .agency-data-item .data {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-data-grid .agency-data-item .data p {
font-size: 12px;
line-height: 140%;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-data-grid .agency-data-item .icon {
margin-right: 0;
}
.agency-archive .agency-item .agency-item-row .agency-col .agency-data-grid .agency-data-item .icon svg {
width: 15px;
height: 15px;
}
.agency-archive .agency-item .agency-item-row .agency-cats-item {
padding-left: 16px;
padding-right: 16px;
}
.agency-archive .agency-item .agency-item-row .agency-cats-item .agency-categories ul {
flex-direction: row;
flex-wrap: wrap;
}
.agency-archive .agency-item .agency-about-c {
padding: 16px;
padding-top: 0;
font-weight: 400;
font-size: 14px;
line-height: 150%;
color: #434447;
margin-bottom: 0;
}
.agency-archive .agency-item .agency-about-c p {
padding: 16px;
font-weight: 400;
font-size: 14px;
line-height: 150%;
color: #434447;
}
.agency-archive .agency-item .agency-about-c .agency-about .agency-content {
font-size: 14px;
line-height: 150%;
}
.agency-archive .agency-item .agency-about-c .agency-about .agency-content p {
font-size: 14px;
line-height: 150%;
padding: 0;
}
.agency-archive .agency-item .head-agency-row {
grid-template-columns: repeat(1, 1fr);
padding: 16px 16px 16px 16px;
}
.agency-archive .agency-item .head-agency-row .agency-head-buttons-col {
display: none;
}
.agency-archive .agency-item .agency-buttons-wrap {
display: flex;
}
.agency-header {
padding-top: 32px;
padding-bottom: 52px;
}
.agency-header .agency-left-side {
grid-template-columns: 1fr;
}
.agency-header .agency-left-side .agency-logo {
width: 64px;
height: 64px;
font-size: 32px;
}
.agency-header .agency-left-side .agency-main-data h1 {
font-size: 28px;
line-height: 130%;
}
.agency-header .agency-left-side .agency-short-description {
font-size: 14px;
line-height: 150%;
}
.agency-header .agency-left-side .agency-short-description p:last-of-type {
margin-bottom: 0;
}
.agency-header .agency-website-wrap .agency-link-website .agency-link-content .visit-this-website {
font-weight: 500;
font-size: 14px;
line-height: 150%;
display: flex;
color: #EAECEE;
}
.shape-overlays .pix-search-input {
font-size: 16px !important;
}
.hd-pagination-wrap {
flex-wrap: wrap;
}
.tabs-wrap .tabs-content .tab-content.active {
gap: 22px;
}
.tabs-wrap .hd-grid {
grid-gap: 17px;
padding: 0;
}
.tabs-wrap .hd-overview .agency-item p {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 170%;
color: #0C0C0C;
}
.tabs-wrap .hd-overview .agency-item p:last-of-type {
margin-bottom: 0;
}
.hd-srv-loc-grid {
grid-template-columns: repeat(1, 1fr);
}
.agency-rate-wrap {
max-width: 100%;
}
.agency-similar {
grid-template-columns: repeat(1, 1fr);
grid-gap: 10px;
}
}</pre></body></html>