.comp-attr-option-item-value {
color: black;
}
.hide-toggle-content-button {
visibility: hidden;
}
.feature-content-section,
.filter-form-section,
.list-result-case-studies-section {
margin-bottom: 20px;
margin-top: 30px;
}
.feature-content-row {
display: flex;
padding: 32px;
gap: 30px;
background-color: #F8F8F8;
border-radius: 50px;
}
.feature-content-one {
width: 50%;
}
.feature-content-two {
width: 50%;
align-content: space-around;
}
.pill-content {
width: 148px;
background-color: #0066FC;
padding: 4px 16px 4px 16px;
border-radius: 36px;
}
.pill-content span.pill-text {
font-size: 14px;
color: #FFF;
}
.image-holder {
height: 350px;
width: 100%;
background-color: gray;
border-radius: 20px;
}
.filter-fixed-fields {
display: flex;
justify-content: space-between;
padding: 32px;
}
.filter-content-frame {
background-color: #F8F8F8;
border-radius: 32px;
}
.filter-frame-maxHeight {
height: 450px;
}
.filter-frame-minHeight {
height: 110px;
}
.filter-topic-container {
display: flex;
align-items: center;
}
.filter-fixed-fields div.filter-toggle-field {
width: 126px;
height: 48px;
border: 1.5px solid #AFAFAF;
border-radius: 36px;
text-align: center;
align-content: center;
}
.filter-fixed-fields div.filter-toggle-field button {
color: #AFAFAF;
}
.filter-fixed-fields div.filter-topic-container select.filter-by-topic {
width: 266px;
height: 48px;
border: 1.5px solid #AFAFAF;
border-radius: 10px;
color: #AFAFAF;
margin-left: 15px;
} .filter-search-only {
display: flex;
justify-content: space-between;
}
.filter-search-only div.filter-line-divider {
border-top: 2px solid #E2E2E2;
width: 80%;
align-self: center;
}
.filter-search-only div.filter-search-field {
width: 200px;
height: 48px;
border: 1.5px solid #AFAFAF;
border-radius: 36px;
text-align: center;
align-content: center;
display: flex;
padding: 20px;
}
.filter-search-only div.filter-search-field input {
width: 145px;
height: 25px;
align-self: center;
border: none;
background-color: transparent;
outline: none;
}
.filter-search-only div.filter-search-field div.search-magnify-image {
width: 30%;
align-self: center;
cursor: pointer;
}
.filter-search-only div.filter-search-field div.search-magnify-image svg {
fill: #AFAFAF;
width: 18px;
} .filter-fixed-fields div.filter-search-field {
width: 200px;
height: 48px;
border: 1.5px solid #AFAFAF;
border-radius: 36px;
text-align: center;
align-content: center;
display: flex;
padding: 20px;
}
.filter-fixed-fields div.filter-search-field input {
width: 145px;
height: 25px;
align-self: center;
border: none;
background-color: transparent;
color: #AFAFAF;
outline: none;
}
.filter-fixed-fields div.filter-search-field div.search-magnify-image {
width: 30%;
align-self: center;
cursor: pointer;
}
.filter-fixed-fields div.filter-search-field div.search-magnify-image svg {
fill: #AFAFAF;
width: 18px;
}
.filter-category-field-row {
display: flex;
background-color: #F8F8F8;
border-radius: 32px;
padding: 32px;
}
.filter-category-field-row div.filter-UseCase-fields {
padding: 15px;
background-color: #FFF;
margin-right: 25px;
border-radius: 15px;
width: 30%;
}
.filter-category-field-row div.filter-UseCase-fields div.use-case-fields select {
width: 266px;
height: 48px;
border: 1.5px solid #AFAFAF;
border-radius: 10px;
margin: 15px 10px 12px 0px;
color: #AFAFAF;
padding: 12px;
}
.filter-category-field-row div.filter-companyAttributes-fields {
padding: 15px;
background-color: #FFF;
margin-right: 25px;
border-radius: 15px;
width: 70%;
}
.result-btn-container {
justify-self: center;
}
.result-btn-container button {
font-weight: 700;
position: relative;
color: #fff;
background: #d52c5a;
border-radius: 80px;
transition: all .3s;
width: fit-content;
padding: 1em 2rem;
min-width: 190px;
border: none !important;
cursor: pointer;
}
.company-attributes-fields-row {
display: flex;
}
.company-attributes-fields-row div.company-attributes-fields-one {
width: 50%;
padding: 10px;
}
.company-attributes-fields-row div.company-attributes-fields-one select {
width: 100%;
height: 48px;
border: 1.5px solid #AFAFAF;
border-radius: 10px;
margin: 10px 10px 10px 0px;
color: #AFAFAF;
padding: 12px;
}
.company-attributes-fields-row div.company-attributes-fields-two {
width: 50%;
padding: 10px;
}
.company-attributes-fields-row div.company-attributes-fields-two select {
width: 100%;
height: 48px;
border: 1.5px solid #AFAFAF;
border-radius: 10px;
margin: 10px 10px 10px 0px;
color: #AFAFAF;
padding: 12px;
}