.fbp-solutions-container {
padding-top: 46px;
}
.fbp-solutions-header h1 {
font-family: 'Luxenta', sans-serif;
font-weight: 900;
margin: 0;
padding: 0;
color: #151515 !important;
line-height: 100%;
font-size: 64px;
opacity: 1 !important;
margin-bottom: 18px;
}
body:not(.w-r-solutions) .fbp-solutions-container:not(.fbp-solutions-container-2) .fbp-solutions-desktop-view .fbp-solutions-grid .fbp-solution-card {
border-top: 0.5px solid #d9dcec;
border-radius: 16px 16px 0 0;
padding-top: 2px;
border-right: 1px solid #d9dcec;
}
body:not(.w-r-solutions) .fbp-solutions-container:not(.fbp-solutions-container-2) .fbp-solutions-grid.soltutions-2results > *.fbp-solution-options.opened {
border-right: 1px solid #d9dcec;
}
body:not(.w-r-solutions) .fbp-solutions-desktop-view .fbp-solutions-container:not(.fbp-solutions-container-2) .fbp-solutions-grid .fbp-solution-card {
border-top: 1px solid #d9dcec;
border-radius: 16px 16px 0 0;
padding-top: 2px;
}
body:not(.w-r-solutions) .fbp-solutions-container:not(.fbp-solutions-container-2) .fbp-solutions-desktop-view .fbp-solutions-grid .fbp-solution-card1 {
border-left: 1px solid #d9dcec;
}
body:not(.w-r-solutions) .fbp-solutions-container:not(.fbp-solutions-container-2) .fbp-solutions-desktop-view .fbp-solutions-grid .fbp-solutions-options-1.opened + .fbp-solution-options {
border-left: 1px solid #d9dcec;
}
.fbp-solutions-container.fbp-solutions-container-2.fbp-solutions-container-2-page.just-mobile .fbp-solutions-grid {
grid-template-columns: repeat(2, 1fr);
}
.fbp-solutions-header p {
color: #7A7A7A;
text-align: center;
font-family: Poppins;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 18px;
letter-spacing: -0.15px;
max-width: 644px;
margin: auto;
}
.fbp-solutions-header-layout {
max-width: 920px;
margin: auto;
}
.fbp-solutions-list-options-1 {
margin-top: 26px;
margin-bottom: 7px !important;
}
.fbp-solution-options > div > div:nth-child(2) {
margin-top: 26px;
}
.fbp-solutions-header {
padding: 52px 0;
margin-bottom: 60px !important;
position: relative;
}
.fbp-solutions-header svg {
position: absolute;
top: 0;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
max-width: 100% !important;
width: 100% !important;
}
.fbp-solution-header {
text-align: center;
margin-bottom: 24px;
width: 100%;
}
.fbp-solution-title {
font-size: 1.5rem;
font-weight: 600;
color: #1f2937;
margin-bottom: 5px;
}
.fbp-solutions-list-options-1 .fbp-solutions-list-item-options-1 {
max-width: 285px;
}
.fbp-solution-subtitle {
color: #6b7280;
font-size: 1rem;
margin: 0;
}
div#fbp_solutions:before, div#fbp_solutions:after {
display: none !important;
}
div#fbp_solutions {
display: flex;
}
.fbp-solution-description {
text-align: center;
margin-bottom: 25px;
}
.fbp-solution-description p {
color: #4b5563;
line-height: 1.6;
margin: 0;
}
.fbp-solution-features ul {
list-style: none;
padding: 0;
margin: 0;
}
.fbp-solution-features li {
display: flex;
align-items: center;
padding: 8px 0;
color: #374151;
}
.fbp-solution-features .checkmark {
color: #10b981;
font-weight: bold;
margin-right: 10px;
font-size: 1.1rem;
}
.fbp-solution-actions {
margin-top: 36px;
}
.fbp-solution-actions {
display: flex;
flex-flow: column;
gap: 12px;
justify-content: center;
align-items: center;
width: 100%;
}
.fbp-solution-actions-btn-2:not(.link-3, .fbp-solution-actions-btn-2) {
padding: 0 !important;
}
.fbp-solution-actions a:not(.link-3, .fbp-solution-actions-btn-2) {
margin: 0 !important;
width: 100% !important;
display: flex;
justify-content: center;
}
.fbp-btn {
transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
padding: 15px 35px;
font-size: 15px;
line-height: 18px !important;
position: relative;
font-weight: 500;
margin-bottom: 0 !important;
border: 1px solid #7900f0 !important;
border-radius: 16px;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
align-items: center !important;
display: inline-flex !important;
box-shadow: none;
background-color: #7900f0 !important;
}
.fbp-btn:hover {
padding-left: 20px !important;
padding-right: 50px !important;
}
.fbp-btn::after {
background-image: url(//recette-mena.msh-intl.com/wp-content/uploads/2025/06/arrow-white-2.svg);
}
.fbp-btn:after {
content: '';
background-size: cover;
background-repeat: no-repeat;
width: 0;
height: 26px;
display: inline-block;
overflow: hidden;
position: absolute;
opacity: 0;
transform: scale(0.0001);
transform-origin: center center;
vertical-align: middle;
transition: transform 0.6s ease, opacity 0.6s ease;
right: 12px;
}
.fbp-solution-content {
max-width: 100%;
width: 100%;
position: relative;
display: flex;
justify-content: center;
margin-top: -1px;
flex-direction: column;
margin-left: 0;
}
.fbp-solutions-container.fbp-solutions-container-2 .fbp-solution-content {
margin-left: 0;
margin-top: 0;
padding-top: 1px;
border-radius: 0 0 16px 16px;
border-radius: 16px 16px 0 0 !important;
}
.fbp-solutions-container.fbp-solutions-container-2.all .fbp-solution-content-1 {
display: none;
}
.fbp-solution-content.recommended{
background: linear-gradient(90deg, #7E4BD2 0%, #DD472B 100%);
}
.fbp-solution-badge {
position: absolute;
width: 100%;
text-align: center;
background: linear-gradient(90deg, #7E4BD2 0%, #DD472B 100%);
font-weight: 500;
font-size: 15px;
line-height: 18px;
color: #fff;
border-radius: 16px 16px  0 0;
left: 0;
padding: 16px 8px 12px 8px;
top: 0;
transform: translate(0, -100%);
}
.fbp-solutions-container.fbp-solutions-container-2.just-mobile .fbp-solutions-desktop-view {
display: block !important;
width: 100%;
}
.fbp-solutions-container.fbp-solutions-container-2.just-mobile .fbp-solutions-mobile-view {
display: none !important;
}
.fbp-solutions-container.fbp-solutions-container-2 .fbp-solution-card {
border-radius: 16px 16px 0 0!important; padding-top: 0;
}
.fbp-solution-content-2 {
display: flex;
padding: 24px;
flex-direction: column;
align-items: center;
gap: 0;
border-radius: 16px 16px 0 0;
background: #fff;
max-width: calc(100% - 2px) !important;
min-width: calc(100% - 2px) !important;
margin-left: 1px;
}
.fbp-solutions-container.fbp-solutions-container-2.just-mobile .fbp-solution-card {
border-radius: 16px !important;
}
.fbp-solution-content-2-options {
width: 100%;
border-top: 1px solid #D9DCEC;
border-bottom: 0px solid #D9DCEC;
padding: 8px 0 !important;
background: #fff !important;
max-width: calc(100% - 2px);
margin-left: 0px;
border-radius: 0 0 16px 16px;
}
.fbp-solution-content-2-options .fbp-solutions-list-item-options-1 {
min-height: auto;
}
.fbp-solution-content-2-options .fbp-solution-options > div {
padding: 0;
margin: auto;
text-align: left;
align-items: center;
min-height: auto;
}
.fbp-solution-card-one .fbp-solution-content-2 {
max-width: calc(100% - 2px);
margin-left: 1px;
}
.fbp-solution-card-one .fbp-solutions-options-1:not(.opened) .fbp-solution-options {
display: none;
}
.fbp-btn:hover::after {
transform: scale(1);
opacity: 1;
width: 26px;
}
.fbp-btn-primary {
background: #7900f0;
color: white;
}
.fbp-solution-links {
display: flex;
justify-content: space-between;
margin-top: 15px;
flex-wrap: wrap;
gap: 10px;
}
.fbp-link {
color: #6b7280;
text-decoration: none;
font-size: 0.9rem;
border-bottom: 1px solid transparent;
transition: all 0.3s ease;
}
.fbp-link:hover {
color: #8b5cf6;
border-bottom-color: #8b5cf6;
}
.fbp-solutions-footer {
background: #f9fafb;
padding: 30px;
border-radius: 15px;
margin-bottom: 40px;
}
.fbp-solutions-footer h3 {
color: #1f2937;
margin-bottom: 20px;
font-size: 1.3rem;
}
.fbp-criteria-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 8px;
flex-wrap: nowrap;
display: flex;
flex-direction: column;
}
a.with-image-link-acf.arrow-right-black {
color: #151515 !important;
}
.ewd-start-again-form:after, .ewd-start-again-form:before {
filter: brightness(0) saturate(100%) invert(0%) sepia(2%) saturate(2300%) hue-rotate(192deg) brightness(95%) contrast(84%) !important;
}
.arrow-right-black .span-2::after {
background-color: #151515 !important;
}
.arrow-right-black .span-1:before, .arrow-right-black .span-1:after {
filter: brightness(0) saturate(100%) invert(6%) sepia(5%) saturate(198%) hue-rotate(315deg) brightness(91%) contrast(93%);
}
.fbp-solutions-data {
display: flex;
gap: 24px;
justify-content: space-between;
align-items: start;
}
.fbp-solutions-list-item-options-1 h3 svg {
margin-right: 5px;
}
.fbp-solutions-container.fbp-solutions-container-2.fbp-solutions-container-2-page.just-mobile .fbp-solutions-grid h3 svg {
margin-right: 38px;
}
.fbp-solutions-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0;
justify-content: space-between;
max-width: 100%;
width: 100%;
margin: auto;
}
.fbp-solution-card.fbp-solution-card-one .fbp-solution-content-2-options {
border-radius: 0 0 0 0 !important;
}
.fbp-solutions-grid.soltutions-2results {
grid-template-columns: repeat(3, 1fr);
}
.fbp-solutions-grid.fbp-solutions-grid-2 {
grid-template-columns: repeat(3, 1fr);
}
.fbp-solutions-list-item-value-options-1:not(.checked) .option-icon {
display: none;
}
.fbp-solutions-list-item-value-options-1 {
font-weight: 400;
font-size: 15px;
line-height: 18px;
letter-spacing: -0.15px;
min-height: 50px;
display: flex;
align-items: center;
gap: 4px;
}
.fbp-solutions-list-item-value-options-1 {
min-height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.fbp-solutions-options-1 {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.fbp-solution-options {
display: flex;
flex-direction: column;
justify-content: space-between;
margin-left: 0;
}
.fbp-solutions-grid > div {
border-bottom: 1px solid #D9DCEC;
}
.fbp-solutions-list-item-options-1 {
font-weight: 400;
font-size: 15px;
line-height: 18px;
letter-spacing: -0.15px;
min-height: 50px;
display: flex;
align-items: center;
}
.fbp-solutions-options-1:not(.opened) .fbp-solutions-list-options-1 {
display:none;
}
.fbp-solution-options:not(.opened) .fbp-solutions-list-item-value-options-1 {
display:none !important;
}
.fbp-solutions-options-1:not(.opened) .fbp-solutions-list-item-options-1 h3 svg {
transform: rotate(180deg) !important;
transition: transform 0.3s;
}
.fbp-solutions-options-1.opened .fbp-solutions-list-item-options-1 h3 svg {
transform: rotate(0deg) !important;
}
.fbp-solutions-options-1 .fbp-solutions-list-item-options-1 h3 svg {
margin-right: 38px;
}
.fbp-solution-card-one .fbp-solutions-options-1:not(.opened) .fbp-solutions-list-options-1 {
display:none;
}
.fbp-solution-card-one .fbp-solution-options:not(.opened) .fbp-solutions-list-item-value-options-1 {
display:none !important;
}
.fbp-solution-card-one .fbp-solutions-options-1 .fbp-solutions-list-item-options-1 h3 svg {
transform: rotate(180deg) !important;
transition: transform 0.3s;
}
.fbp-solution-card-one .fbp-solutions-options-1.opened .fbp-solutions-list-item-options-1 h3 svg {
transform: rotate(0deg) !important;
}
.fbp-solution-description {
min-height: 80px;
}
.fbp-solution-card-one .fbp-solutions-options-1 {
display: flex;
flex-direction: column;
justify-content: space-between;
background: #fff;
max-width: calc(100% - 2px);
margin: auto;
width: 100%;
padding: 16px 24px !important;
}
.fbp-solution-card-one {
max-width: 500px;
width: 100%;
margin: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-bottom: 1px;
border-radius: 0 0 16px 16px !important;
background: linear-gradient(90deg, #D9DCEC 0%, #D9DCEC 100%);
}
.recommended.fbp-solution-card-one {
background: linear-gradient(90deg, #7E4BD2 0%, #DD472B 100%);
}
.fbp-solution-card-one:not(.recommended) {
border-radius: 16px !important;
padding-top: 1px;
}
.fbp-solution-options.fbp-solution-options-docs.fbp-single-solution-options-docs a.download-doc {
max-width: max-content !important;
}
.form-details-container {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
background: #ffffff;
border-radius: 12px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.section-header {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 20px;
border-radius: 8px;
margin-bottom: 20px;
text-align: center;
}
.section-header h2 {
margin: 0;
font-size: 24px;
font-weight: 600;
}
.data-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 30px;
background: white;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.data-table th {
background: #f8f9fa;
color: #495057;
font-weight: 600;
padding: 15px;
text-align: left;
border-bottom: 2px solid #dee2e6;
}
.data-table td {
padding: 15px;
border-bottom: 1px solid #dee2e6;
vertical-align: top;
}
.data-table tr:hover {
background-color: #f8f9fa;
}
.field-label {
font-weight: 600;
color: #495057;
min-width: 200px;
}
.field-value {
color: #6c757d;
}
.tech-info {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
padding: 20px;
border-radius: 8px;
margin: 20px 0;
border-left: 4px solid #007bff;
}
.tech-info h4 {
margin: 0 0 15px 0;
color: #495057;
font-size: 18px;
}
.tech-info p {
margin: 8px 0;
color: #6c757d;
}
.solution-card {
background: white;
border-radius: 12px;
padding: 25px;
margin: 20px 0;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
border: 1px solid #e9ecef;
}
.solution-header {
display: flex;
align-items: center;
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 2px solid #f8f9fa;
}
.solution-icon {
width: 48px;
height: 48px;
margin-right: 15px;
border-radius: 8px;
}
.solution-title {
flex: 1;
}
.solution-title h3 {
margin: 0;
color: #495057;
font-size: 22px;
}
.solution-category {
background: #007bff;
color: white;
padding: 4px 12px;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
margin-top: 5px;
display: inline-block;
}
.solution-price {
background: #28a745;
color: white;
padding: 8px 16px;
border-radius: 6px;
font-weight: 600;
font-size: 18px;
}
.recommended-badge {
background: #ffc107;
color: #212529;
padding: 4px 12px;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
margin-left: 10px;
}
.solution-description {
background: #f8f9fa;
padding: 15px;
border-radius: 6px;
margin: 15px 0;
color: #6c757d;
line-height: 1.6;
}
.benefits-section {
margin: 20px 0;
}
.benefits-title {
font-weight: 600;
color: #495057;
margin-bottom: 10px;
font-size: 16px;
}
.benefits-list {
list-style: none;
padding: 0;
margin: 0;
}
.benefits-list li {
background: #e3f2fd;
margin: 5px 0;
padding: 10px 15px;
border-radius: 6px;
border-left: 4px solid #2196f3;
color: #1565c0;
}
.documents-section {
margin: 20px 0;
padding: 20px;
background: #f8f9fa;
border-radius: 8px;
}
.documents-title {
font-weight: 600;
color: #495057;
margin-bottom: 15px;
font-size: 16px;
}
.document-link {
display: inline-block;
background: #007bff;
color: white;
padding: 10px 20px;
text-decoration: none;
border-radius: 6px;
margin: 5px 10px 5px 0;
font-weight: 500;
transition: background-color 0.3s ease;
}
.document-link:hover {
background: #0056b3;
color: white;
text-decoration: none;
}
.criteria-section {
margin: 20px 0;
padding: 20px;
background: #fff3cd;
border-radius: 8px;
border-left: 4px solid #ffc107;
}
.criteria-title {
font-weight: 600;
color: #856404;
margin-bottom: 15px;
font-size: 16px;
}
.criteria-item {
background: white;
padding: 10px 15px;
margin: 8px 0;
border-radius: 6px;
border: 1px solid #ffeaa7;
color: #856404;
}
.no-data {
text-align: center;
color: #6c757d;
font-style: italic;
padding: 40px;
background: #f8f9fa;
border-radius: 8px;
}
.fbp-solution-options > div {
display: flex;
flex-direction: column;
justify-content: space-between;
background: #fff;
max-width: calc(100% - 2px);
width: 100%;
height: 100%;
padding: 16px 0 7px 0;
margin: auto;
}
a.download-doc {
border-radius: 4px;
border: 1px solid #D9DCEC;
background: #F7F7F7;
display: flex;
padding: 8px;
align-items: center;
gap: 12px;
width: max-content;
color: #151515;
text-align: center;
font-family: Poppins;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 18px;
max-width: 215px;
width: 100%;
justify-content: center;
text-decoration: none;
}
.fbp-solution-content-2-options .fbp-solutions-list-item-value-options-1 {
color: #7A7A7A;
font-family: Poppins;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 18px;
letter-spacing: -0.15px;
flex-direction: row;
align-items: center;
justify-content: left !important;
gap: 8px;
}
.fbp-solution-content-2-options .fbp-solution-options {
margin-top: 12px;
gap: 8px;
}
a.download-doc:hover {
background: #fff;
}
.fbp-solution-options-docs {
border: none !important;
}
.fbp-solutions-grid-one {
display: grid;
grid-template-columns: minmax(0, 275px) 1fr;
gap: 20px;
width: 100%;
}
.fbp-solution-options.fbp-solution-options-docs.fbp-single-solution-options-docs {
width: 100%;
padding: 24px 0 !important;
background: #ffffff !important;
max-width: calc(100% - 2px);
border-radius: 0 0 15px 15px !important;
margin: auto !important;
border-top: 1px solid #D9DCEC !important;
}
.fbp-solution-options.fbp-solution-options-docs.fbp-single-solution-options-docs > div {
padding: 0 24px !important;
flex-direction: row !important;
gap: 12px;
flex-wrap: wrap;
justify-content: start;
}
.fbp-solution-options-docs > div {
padding: 6px 0 0 0;
display: flex;
flex-direction: column;
gap: 24px;
align-items: center;
justify-content: center;
}
.fbp-solution-options.recommended.opened {
background: linear-gradient(90deg, #7E4BD2 0%, #DD472B 100%);
}
.faq-item.faq-featured.faq-open .faq-answer-content {
opacity: 1 !important;
}
.fbp-solutions-options-1 {
padding: 16px 0 7px 0;
}
.fbp-solutions-list-item-value-options-1:last-child {
margin-bottom: 7px !important;
}
.fbp-solutions-list-item-options-1 h3 {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 4px;
margin: 0;
font-size: 20px;
}
.fbp-solution-category {
color: #7900F0;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 18px;
letter-spacing: -0.15px;
}
.fbp-solution-header-1 {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 12px;
width: 100%;
}
h3.fbp-solution-title, .fbp-solution-title h3 {
color: #151515;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 100%;
letter-spacing: -0.6px;
text-align: left;
margin-bottom: 8px;
min-height: 100px;
}
.fbp-solution-description p {
color: #7A7A7A;
font-family: Poppins;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 18px;
letter-spacing: -0.15px;
max-width: 644px;
margin: auto;
text-align: left;
}
.fbp-solution-price span {
color: #151515;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 18px;
letter-spacing: -0.13px;
}
.fbp-solution-price {
display: flex;
flex-direction: column;
gap: 2px;
width: 100%;
}
.fbp-solution-price .price {
color: #151515;
font-size: 37px;
font-style: normal;
font-weight: 600;
line-height: normal;
display: flex;
align-items: baseline;
line-height: 34px;
}
.fbp-criteria-item {
display: flex;
}
.fbp-solutions-user-data {
max-width: 275px;
width: 100%;
border-radius: 16px;
background: #F7F7F7;
display: flex;
padding: 24px;
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
.fbp-solutions-user-data h3 {
color: #727272 !important;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 100%;
letter-spacing: -0.18px;
}
.fbp-criteria-item span {
color: #727272 !important;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 18px;
letter-spacing: -0.15px;
}
.fbp-criteria-item strong {
color: #374151;
display: block;
margin-bottom: 5px;
}
.fbp-criteria-item span {
color: #6b7280;
}
.fbp-comparison-table {
background: white;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.fbp-comparison-table h3 {
background: #8b5cf6;
color: white;
padding: 20px;
margin: 0;
font-size: 1.3rem;
}
.fbp-table {
width: 100%;
border-collapse: collapse;
}
.fbp-table th,
.fbp-table td {
padding: 15px;
text-align: left;
border-bottom: 1px solid #e5e7eb;
}
.fbp-table th {
background: #f9fafb;
font-weight: 600;
color: #374151;
}
.fbp-table td.text-center {
text-align: center;
}
.fbp-table tr:hover {
background: #f9fafb;
}
.wp-admin .fbp-solution-actions {
display: none !important;
}
.fbp-solutions-error,
.fbp-solutions-no-match {
text-align: center;
padding: 40px;
background: #fef2f2;
border: 1px solid #fecaca;
border-radius: 10px;
color: #dc2626;
}
.fbp-solutions-no-match {
background: #fefbf2;
border-color: #fed7aa;
color: #ea580c;
}
.fbp-solutions-container.fbp-solutions-container-2.just-mobile .fbp-solutions-mobile-view .fbp-solutions-grid-1 {
display: none;
}
@media (max-width: 1330px) {
h3.fbp-solution-title, .fbp-solution-title h3 {
min-height: 135px;
}
}
@media (max-width: 1199px) {
h3.fbp-solution-title, .fbp-solution-title h3 {
min-height: auto;
}
}
@media (max-width: 991px) {
.fbp-solutions-list-item-options-1 h3 {
font-size: 18px;
}
.fbp-solutions-options-1 .fbp-solutions-list-item-options-1 h3 svg {
margin-right: 0;
}
.fbp-solutions-grid-one {
order: 2;
}
.fbp-solutions-grid-one.recommended {
order: 1;
}
.fbp-solutions-grid-1 {
order: 3;
}
.fbp-solutions-container.fbp-solutions-container-2.just-mobile .fbp-solution-content {
border-radius: 0 0 16px 16px !important;
}
.fbp-solutions-mobile-view .fbp-solutions-grid {
grid-template-columns: repeat(1, 1fr);
}
.fbp-solutions-container.fbp-solutions-container-2.just-mobile .fbp-solutions-data {
justify-content: center;
margin-top: 64px;
}
.fbp-solutions-container.fbp-solutions-container-2.just-mobile .fbp-solutions-desktop-view {
display: none !important;
}
.fbp-solutions-container.fbp-solutions-container-2.just-mobile .fbp-solutions-mobile-view {
display: block !important;
}
.fbp-solutions-container.fbp-solutions-container-2.fbp-solutions-container-2-page.just-mobile .fbp-solutions-grid {
grid-template-columns: repeat(1, 1fr) !important;
}
.fbp-solution-card-one .fbp-solution-content-2 {
margin-left: 1px;
}
.fbp-solution-card-one .fbp-solution-content-2 {
margin-left: 1px !important;
}
.fbp-solutions-grid-one {
display: flex;
flex-direction: column;
gap: 80px;
}
.fbp-solutions-header {
width: 100% !important;
transform: translate(0, 0) !important;
padding-top: 0;
}
.fbp-solutions-container.fbp-solutions-container-2 .fbp-solution-card {
border-radius: 16px!important;
}
.fbp-solutions-container.fbp-solutions-container-2.all .fbp-solution-content.recommended {
border-radius: 16px !important;
}
} @media (max-width: 768px) {
.fbp-solution-links {
flex-direction: column;
align-items: center;
}
.fbp-criteria-list {
grid-template-columns: 1fr;
}
}
@media (min-width: 1201px) {
.fbp-solutions-mobile-view {
display: none;
}
.fbp-solutions-desktop-view {
display: block;
}
}
@media (max-width: 1200px) {
.fbp-solutions-desktop-view {
display: none;
}
.fbp-solutions-mobile-view .fbp-solutions-grid-one .fbp-solutions-grid-1 {
display: none;
}
.fbp-solutions-grid-one {
display: flex;
flex-direction: column;
}
.fbp-solutions-grid-one {
gap: 80px;
}
.fbp-solution-card-one .fbp-solution-content-2 {
margin-left: 1px;
}
.fbp-solution-content-2-options {
margin-left: 1px;
}
div#fbp_solutions .fbp-solution-content-2-options {
margin-left: 0px;
}
.fbp-solutions-mobile-view {
display: block;
}
.fbp-solutions-grid {
grid-template-columns: repeat(1, 1fr);
gap: 24px;
max-width: 100%;
}
.fbp-solutions-mobile-view .fbp-solution-card.recommended.fbp-solution-card-one {
margin-top: 46px;
}
.fbp-solutions-container.fbp-solutions-container-2 .fbp-solutions-mobile-view .fbp-solution-card.recommended.fbp-solution-card-one{
margin-top: 0;
}
.fbp-solutions-grid > div {
border: none;
}
.fbp-solutions-data {
justify-content: center;
align-items: center;
}
.fbp-solutions-user-data {
margin: auto;
max-width: 100%;
}
}