.home-page { background-image: url(//www.fi-navigator.com/wp-content/uploads/2024/06/Fi-Navigator-Home-V-10.png);
background-repeat: no-repeat;
background-size: cover;
}
.grecaptcha-badge {
visibility: hidden;
}
.banner-title {
font-size: 48px;
}
.banner-section .banner-desc {
font-size: 24px;
}
.err-title {
font-size: 100px;
} .banner-btn {  line-height: 19px;
}
.cta-btn {
margin: 1.5rem; }
.banner-2-col {
padding: 85px 120px 85px 120px;
}
.banner-2-title {
padding-left: 5rem !important;
padding-right: 5rem !important;
}
.banner-3-col {
padding: 30px 70px 20px 70px;
}
.banner-3-col-fi {
padding: 0px 185px 20px 185px;
}
.green-text {
color: #8cc63f;
font-size: 24px;
}
.green-search-text {
color: #8cc63f;
}
.search-link {
color: #1a0dab;
}
.search-result-div {
h4 {
margin-bottom: 8px;
}
p {
font-size: 16px;
}
}
.privacy-ul {
margin-left: 30px;
}
.privacy-li {
list-style: disc;
}
.posted {
font-size: 14px;
font-weight: 700;
margin-bottom: 20px;
text-transform: uppercase;
a {
text-decoration: none;
color: #6c9d2b;
}
}
.thumb-post img {
width: 100%;
min-height: 356px;
object-fit: cover;
}
.single-content {
a {
text-decoration: none;
color: #6c9d2b;
}
}
.posted ul {
display: inline-block;
}
.pagination {
.page-numbers {
padding: 1rem;
font-size: 20px;
}
a {
color: #6c9d2b;
}
}  .solution-section,
.path-section {
padding-bottom: 40px;
.gallery_img {
border: 1px solid #cccccc;
}
.right-arrow { padding-top: 20px;
}
.left-arrow { padding-top: 20px;
}
.card {
background: transparent;
height: 100%;
}
.card-body {
border: 1px solid #8cc63f;
padding: 60px 40px 40px 40px;
border-radius: 20px;
background: rgb(255, 255, 255, 0.7);
position: relative;
}
.grey-border {
border: 1px solid #e6e6e7;
}
.card-body .card-logo {
position: absolute;
top: -40px;
left: 46%;
background: rgb(255, 255, 255, 0.7);
padding: 12px;
border-radius: 50px;
border: 2px solid #8cc63f;
}
.card-body .card-logo img {
width: 45px;
height: 45px;
}
.card-text {
margin-right: 1rem;
}
.desc {
font-size: 24px;
}
.card-img {
float: right;
vertical-align: baseline;
height: 80px;
width: 80px;
}
.card-img-bottom {
vertical-align: bottom;
}
.feature-card-body {
padding: 2rem 2.2rem 0rem 2.2rem !important;
}
.analytics-card-body {
padding: 1.2rem 2.2rem 0.25rem 2.2rem !important;
}
.feature-icon {
height: 53px;
width: 53px;
position: absolute;
top: 20px;
right: 20px;
}
.feature-icon-fi {
height: 5rem;
width: 5rem;
}
.px-3-path-section {
text-align: center;
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.choose-path-text {
padding-left: 3rem;
}
.path-button {
flex: 0 0 auto;
width: 50%;
}
.two-row-buttons {
display: flex;
}
.multirow-btns-2-cards {
display: none;
}
.single-row-buttons {
display: flex;
}
.single-row-buttons-soln {
display: none;
}
.two-row-buttons-soln {
display: flex;
}
.feature-card-title {
white-space: nowrap !important;
}
.btn-2 {
margin-top: 0.5rem !important;
margin-bottom: 1rem !important;
padding-right: 0.5rem !important;
}
.btn-3 {
padding-left: 0.5rem !important;
margin-top: 0.5rem !important;
}
.same-col {
display: flex;
}
.new-col {
display: none;
}
.abt-card-1 {
padding-left: 0px;
}
.abt-card-2 {
padding-right: 0px;
}
}
.solution-section {
.soln-card-info {
display: flex;
flex-direction: column;
justify-content: flex-start;
padding-right: 5px;
padding-bottom: 2px;
}
p {
margin-bottom: 1rem;
}
.soln-btn-1 {
padding-right: 0.25rem;
a {
padding: 1rem;
}
}
.soln-btn-2 {
padding-left: 0.25rem;
a {
padding: 1rem;
}
}
.soln-info-title {
margin-top: 4px;
margin-bottom: 1.5rem;
}
.soln-info-btn-row {
margin-top: auto;
margin-bottom: 10px;
}
.slick-dots li button:before {
font-size: 10px;
}
.slick-dotted.slick-slider {
margin-bottom: 20px;
}
.slick-dots {
bottom: -16px;
}
}
.slider-section {
.slide {
background: #fff;
background-image: url(//www.fi-navigator.com/wp-content/uploads/2024/06/artwork-bg.png);
background-position: center;
border: 1px solid #8cc63f;
border-radius: 15px;
height: 180px;
}
.slide_title {
color: #8cc63f;
display: inline;
}
.slide_sub_title {
color: #8cc63f;
display: inline;
}
.slide-spacing {
padding: 3rem 1.5rem 3rem 1.5rem;
}
.cta {  }
.cta:hover {
background-color: #6aa120;
}
.award_slide {
height: auto;
}
.slider-container-margin {
margin-left: 3rem !important;
margin-right: 3rem !important;
}
}
.coverage-section {
.step {
width: 30%;
padding: 0.5rem 1.5rem 0.5rem 1.5rem !important;
margin: 1rem 1rem 0rem 1rem !important;
}
.coverage-desc {
padding-left: 5rem !important;
padding-right: 5rem !important;
}
.img-mob-view {
display: none;
}
.img-tab-view {
display: flex;
}
}
.steps-section {
.w-80 {
width: 80% !important;
}
.step-row {
justify-content: space-between;
}
.step { border-radius: 15px;
background: rgba(255, 255, 255, 0.7);
padding: 40px;
border: 1px solid #e6e6e7;
}
.info-card {
border: 1px solid #8cc63f;
border-radius: 15px;
background: rgb(255, 255, 255, 0.7);
}
.step-count {
background: #8cc63f;
padding: 12px;
border-radius: 50px;
color: #fff;
width: 50px;
text-align: center;
}
.step-img {
width: 18rem;
}
.step-spacing {
padding: 3rem !important;
}
.flow-card-spacing {
padding: 1rem 3rem !important;
}
.blog-link {
text-decoration: none;
}
}
.cta-row {
background: rgb(255, 255, 255, 0.7);
border: 1px solid #8cc63f;
border-radius: 20px;
}
.chart-icon { padding-bottom: 20px;
}
.last-chart-icon {
padding-bottom: 20px;
}
.flow-icon-spacing {
padding-left: 1rem !important;
}
.card-row {
align-items: baseline;
}
.cta-img {
margin-top: -50px;
padding-bottom: 20px;
padding-right: 20px;
}
.cta-title {
padding-left: 100px;
}
.cta-spacing {
margin: 1.5rem 1.5rem 0 1.5rem !important;
}
.abt-banr-1 {
padding-bottom: 1rem !important;
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.abt-banr-2 {
white-space: nowrap !important;
}
.abt-banr-4 {
padding: 3rem !important;
}
.banner-section {
.right_arrow {
width: 90px;
padding-top: 20px;
}
.bullet-points {
font-weight: 700;
ul {
list-style-image: url(//www.fi-navigator.com/wp-content/uploads/2024/10/tick-circle.png);
padding-left: 20px;
span {
top: -5px;
position: relative; }
}
}
.support-banner-img {
width: 240px;
height: 194px;
}
.contact_form {
border: 1px solid #8cc63f;
background-color: #f9f9f9;
border-radius: 20px;
padding: 1.5rem 2.5rem 1.5rem 2.5rem;
box-shadow: 0px 4px 33px rgba(0, 0, 0, 0.14);
p {
margin-bottom: 0.75rem;
}
}
.name-row {
display: flex;
justify-content: space-between;
}
.astr {
color: #ff0000;
}
.cap-text {
p,
a {
color: #aba6a6;
}
}
.form-label {
font-weight: 700;
}
.form-label-rd {
font-weight: 500;
}
.name-text-box {
border: 1px solid #e6e6e7;
border-radius: 5px;
height: 50px;
width: 240px;
}
.email-text-box {
border: 1px solid #e6e6e7;
border-radius: 5px;
height: 50px;
width: 494px;
}
.comment-area {
border: 1px solid #e6e6e7;
border-radius: 5px;
height: 108px;
width: 494px !important;
}
.submit-btn {
width: 494px !important;
height: 50px;
}
.blog-link {
text-decoration: none;
}
}
.single-post .thumb-post {
position: relative;
float: left;
max-width: 585px;
margin-right: 35px;
margin-bottom: 30px;
}
@media all and (max-width: 600px) {
.left-arrow-div {
display: none;
}
.cta-img {
margin-top: 0;
}
}
.video-btn {
background: none;
color: black !important; padding: 10px 15px;
border: 1px solid #8cc63f; line-height: 19px;
height: 56px;
align-content: center;
}
.soln-btn {
background: none;
color: black !important;
border: 1px solid #8cc63f;
align-content: center;
}
.demo-btn {
padding: 10px 15px;
align-content: center;
height: 56px;
} .soln-btn:hover,
.video-btn:hover,
.video-btn-2:hover {
background-color: #edf6e0;
}
.video-btn-2 {
padding: 16px 42px;
background: none;
border-radius: 5px;
border: 1px solid #8cc63f;
color: black !important;
}
.w-22 {
width: 30%;
}
#modal {
position: fixed;
left: 20%;
top: 20%;
height: auto; width: 60%;
background-color: white;
z-index: 500;
display: none;
}
.close {
position: absolute;
right: -20px;
top: -20px;
background-color: white;
border-radius: 50%;
border: 1px solid black;
text-align: center;
width: 25px;
cursor: pointer;
}
iframe {
width: 100%;
height: 100%;
}
#overlay {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 100;
cursor: pointer;
}
.img_container {
position: relative;
}
.linkedin_button {
position: absolute;
top: 0;
right: 0;
z-index: 10;
cursor: pointer;
}
.wysiwyg {
ul {
list-style-image: url(//www.fi-navigator.com/wp-content/uploads/2024/07/FI-Navigator-arrow-1.svg);
padding-left: 20px;
span {
top: -12px;
position: relative;
padding-left: 10px;
}
} }
.member_card {
border-radius: 15px;
border: 1px solid #8cc63f;
overflow: hidden;
background-color: #8cc63f;
}
.member_details {
background-color: #8cc63f;
color: #fff;
} .leftright_blocks {
.item-margin {
margin-bottom: 20px;
}
.item {
position: relative;
.text_side {
width: 50%;
position: relative;
} .img {
position: absolute;
width: 50%;
height: 85%;
top: 1.5rem;
right: 0;
background-position: center;
background-repeat: no-repeat;
background-size: contain; }
&:nth-child(even) {
.text_side {
float: right; }
.img {
left: 0;
right: auto;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
}
.row {
display: none;
}
}
.img_mob {
display: none;
}
.left-right-arrow {
position: absolute;
left: 33rem;
top: -7rem;
}
}
.soln-desc {
font-weight: 500;
font-size: 24px;
line-height: 36px;
color: #404041;
}
.borderless-banner-title {
font-size: 64px; }
.section-name {
font-size: 20px;
line-height: 24px;
}
.px-6 {
padding-right: 5rem !important;
padding-left: 5rem !important;
}
.w-90 {
width: 90% !important;
}
.pb-6 {
padding-bottom: 5rem !important;
}
.pe-7 {
padding-right: 6rem !important;
}
.mx-6 {
margin-left: 4rem !important;
margin-right: 4rem !important;
}
.container-margin {
margin-left: 3rem !important;
margin-right: 3rem !important;
}
@media (max-width: 1400px) {
.solution-section,
.path-section {
.px-3-path-section {
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center;
}
.right-arrow {
width: 80px;
}
.left-arrow {
width: 80px;
}
.feature-icon-fi {
height: 4rem;
width: 4rem;
}
.multirow-btns-2-cards {
display: flex;
}
.single-row-buttons {
display: none;
}
.feature-card-title {
white-space: normal !important;
}
.btn-2 {
margin-bottom: 0 !important;
padding-right: 0.75rem !important;
}
.btn-3 {
padding-left: 0.75rem !important;
}
}
.solution-section {
.soln-info-title {
margin-top: 0.5rem;
margin-bottom: 12px;
} }
.slider-section {
.slide-spacing {
padding: 2rem 0.5rem 3rem 0.5rem;
}
}
.banner-section {
.banner-2-col {
padding: 85px 90px 85px 90px;
}
.banner-2-title {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.banner-3-col-fi {
padding: 0px 90px 20px 90px;
}
.borderless-banner-title {
font-size: 56px;
}
.abt-banr-1 {
padding-bottom: 1rem !important;
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.contact_form {
padding: 1.5rem 1.5rem 1.5rem 1.5rem;
}
.name-text-box {
width: 215px;
}
.email-text-box {
width: 434px;
}
.submit-btn {
width: 434px !important;
}
.demo-title {
white-space: nowrap;
}
.comment-area {
width: 434px !important;
}
.right_arrow {
width: 80px;
}
.form-title {
font-size: 28px;
}
}
}
@media (max-width: 1200px) {
.container-margin {
margin-left: 0 !important;
margin-right: 0 !important;
}
.slider-section {
.slider-container-margin {
margin-left: 0 !important;
margin-right: 0 !important;  } }
.solution-section,
.path-section {
.right-arrow {
width: 70px;
}
.left-arrow {
width: 70px;
}
.analytics-card-title {
font-size: 1.8rem;
}
}
.solution-section {
.soln-btn-1,
.soln-btn-2 {
a {
padding: 0.5rem;
}
}
}
.banner-section .right-bg-img {
width: 410px;
}
.steps-section {
.step-spacing {
padding: 1.5rem !important;
}
h3 {
font-size: 1.6rem;
}
.flow-card-spacing {
padding: 0.5rem 1.5rem !important;
}
}
.chart-icon {
height: 45px;
width: 65px;
}
.last-chart-icon {
height: 45px; }
.flow-icon-spacing {
padding-left: 0 !important;
}
.cta-title {
padding-left: 50px;
}
.cta-spacing {
margin: 1.5rem 0 0 0 !important;
}
.cta-btn {
margin-left: 0rem !important;
}
.banner-section {
.banner-2-col {
padding: 85px 60px 85px 60px;
}
.banner-2-title {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.banner-3-col-fi {
padding: 0px 50px 20px 50px;
}
.banner-3-col {
padding: 30px 60px 20px 60px;
}
.abt-banr-4 {
padding: 3rem 0rem 3rem 1rem !important;
}
.form-title {
font-size: 24px;
}
.name-row {
display: block;
}
.name-text-box {
width: 390px;
}
.email-text-box {
width: 390px;
}
.comment-area {
width: 390px !important;
}
.submit-btn {
width: 390px !important;
}
.demo-title {
white-space: normal;
}
.demo-subtitle {
white-space: nowrap;
font-size: 20px;
}
}
.coverage-section {
.step {
width: 40%;
}
}
}
@media (max-width: 995px) {
.container,
.container-md,
.container-sm {
max-width: 820px;
}
.banner-section {
.right-bg-img {
width: 310px;
}
.banner-title {
font-size: 38px;
}
.borderless-banner-title {
font-size: 48px;
}
}
.solution-section,
.path-section {
.right-arrow {
width: 60px;
}
.left-arrow {
width: 60px;
}
.px-3-path-section {
font-size: 27px;
text-align: center;
}
.card-title {
font-size: 1.5rem;
}
.path-button {
flex: 0 0 auto;
width: 50%;
}
.banner-title {
font-size: 48px;
}
.card-img {
width: 60px;
}
}
.solution-section {
.soln-btn-1,
.soln-btn-2 {
a {
padding: 1rem;
}
}
}
.cta {
padding: 16px 16px;
}
.steps-section {
h3 {
font-size: 1.4rem;
}
.flow-card-spacing {
padding: 0.5rem 1rem !important;
}
}
.banner-section {
.banner-2-col {
padding: 55px 20px 55px 20px;
}
.banner-2-title {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.demo-subtitle {
white-space: normal;
}
.contact_form {
.right_arrow {
display: none;
}
}
.name-text-box {
width: 320px;
}
.email-text-box {
width: 320px;
}
.comment-area {
width: 320px !important;
}
.submit-btn {
width: 320px !important;
}
.tag-line {
font-size: 20px;
}
.support-banner-img {
width: 200px;
}
} }
@media (max-width: 992px) {
.solution-section {
.single-row-buttons-soln {
display: flex;
}
.two-row-buttons-soln {
display: none;
}
}
}
@media (max-width: 840px) {
.container,
.container-md,
.container-sm {
max-width: 750px;
}
.banner-section {
.banner-title {
font-size: 35px;
}
.banner-3-col {
padding: 30px 30px 20px 30px;
}
.name-text-box {
width: 290px;
}
.email-text-box {
width: 290px;
}
.comment-area {
width: 290px !important;
}
.submit-btn {
width: 290px !important;
}
.tag-line {
white-space: nowrap;
}
.support-banner-img {
width: 180px;
}
}
.solution-section,
.path-section {
.right-arrow {
width: 50px;
}
.left-arrow {
width: 50px;
}
.px-3-path-section {
font-size: 24px;
text-align: center;
}
.card-title {
font-size: 1.4rem;
}
.path-button {
flex: 0 0 auto;
width: 50%;
}
.feature-icon-fi {
height: 3rem;
width: 3rem;
}
.banner-title {
font-size: 48px;
padding-right: 0 !important;
}
}
.cta {
padding: 16px 8px;
}
}
@media (max-width: 768px) {
.banner-section {
.right-bg-img {
width: 100%;
}
.banner-title {
font-size: 48px;
}
.btn-mob-view {
display: block;
}
.contact_form {
.right_arrow {
display: none;
}
}
}
.solution-section,
.path-section {
.left-arrow {
display: none;
}
.px-3-path-section {
font-size: 30px;
text-align: left;
}
.left-arrow-div {
display: none;
}
.choose-path-div {
padding-bottom: 2rem;
}
.choose-path-text {
padding-left: 15px;
}
.right-arrow {
transform: rotate(15deg);
width: 80px;
}
.card-2 {
margin-top: 3rem !important;
height: auto !important;
}
.path-button {
padding-top: 10px;
flex: 0 0 auto;
width: 100%;
}
.abt-card-1 {
padding-right: 0px;
}
.abt-card-2 {
padding-left: 0px;
}
.btn-mob-view {
display: block;
}
}
.slider-section {
.slider-button {
padding-left: 24px;
padding-right: 24px;
}
}
.steps-section {
h3 {
font-size: 1.9rem;
}
.steps-section-text {
padding-left: 12px;
padding-right: 12px;
}
.steps-section-button {
padding-left: 24px;
padding-right: 24px;
}
.step-row {
padding-left: 12px;
padding-right: 12px;
}
.banner-title {
font-size: 36px;
padding-left: 12px;
padding-right: 12px;
}
}
.cta-title {
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
.banner-title {
font-size: 36px;
}
}
.cta-btn {
margin: 1.5rem 0 1.5rem 0;
width: 100%;
}
.coverage-section {
.step {
width: 100%;
padding: 0.5rem 1.5rem 0.5rem 1.5rem !important;
margin: 1rem 1rem 0rem 1rem !important;
}
.coverage-desc {
padding-left: 0 !important;
padding-right: 0 !important;
}
.img-mob-view {
display: flex;
}
.img-tab-view {
display: none;
}
} }
@media (max-width: 480px) {
.banner-section {
.right-bg-img {
width: 100%;
}
.banner-btn {
width: 100%;
}
.borderless-banner-title {
font-size: 36px;
}
.banner-title {
font-size: 36px;
}
.banner-desc {
font-size: 16px;
}
.banner-3-col-fi {
padding: 0px 0px 20px 0px;
}
.banner-3-col {
padding: 30px 0px 20px 0px;
}
.abt-banr-2 {
white-space: normal !important;
}
.tag-line {
white-space: normal;
}
.contact_form {
.right_arrow {
display: none;
}
}
.name-text-box {
width: 275px;
}
.email-text-box {
width: 275px;
}
.comment-area {
width: 275px !important;
}
.submit-btn {
width: 275px !important;
}
}
.path-section {
.card-title {
font-size: 30px;
}
.card-img-bottom {
vertical-align: -webkit-baseline-middle;
}
.feature-icon-fi {
height: 4rem;
width: 4rem;
}
.btn-2 {
margin-bottom: 0 !important;
padding-right: 0.75rem !important;
}
.btn-3 {
padding-left: 0.75rem !important;
}
}
.solution-section {
.banner-title {
font-size: 36px;
}
.same-col {
display: none !important;
}
.new-col {
display: flex;
}
.soln-btn-1,
.soln-btn-2 {
padding-right: 12px;
padding-left: 12px;
}
.slick-dots {
bottom: -50px;
}
}
.leftright_blocks {
.left-right-arrow {
display: none;
}
.item {
.text_side {
display: none;
}
.img {
display: none;
}
.row {
display: flex;
}
.img_mob {
display: block;
width: 100%;
height: 320px;
background-size: contain;
}
}
}
}