#content-wrapper
{
	margin-top: 56px;
	word-wrap: break-word
}

.navbar-brand .img-logo,
.navbar-brand .img-icon
{
	height: 40px
}

.navbar-brand .img-icon,
body.sidebar-expanded .navbar-brand img.img-icon,
body.sidebar-collapsed .navbar-brand img.img-logo,
body.sidebar-collapsed .navbar-brand span.badge
{
	display: none
}

body.sidebar-collapsed .navbar-brand img.img-icon
{
	display: inline-block
}

.modal-header
{
	padding: .25rem 1rem
}

.navbar .dropdown-menu
{
	top: 56px
}

.navbar .dropdown-menu .dropdown-menu
{
	top: 0;
	position: relative;
	border-right: 0;
	border-left: 0;
	border-radius: 0
}

.navbar-nav .dropdown .dropdown .dropdown-toggle::after
{
	position: absolute;
	top: 1rem;
	right: 1rem
}

.navbar-nav .dropdown-menu::before,
.navbar-nav .dropdown-menu::after
{
	position: absolute;
	display: inline-block;
	content: ''
}

.navbar .dropdown-menu::before
{
	top: -9px;
	left: 19px;
	border-right: 9px solid transparent;
	border-bottom: 9px solid var(--bs-border-color-translucent);
	border-left: 9px solid transparent
}

.navbar .dropdown-menu::after
{
	top: -8px;
	left: 20px;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
	border-left: 8px solid transparent
}

.navbar .dropdown-menu.dropdown-menu-end:before
{
	left: auto;
	right: 19px
}

.navbar .dropdown-menu.dropdown-menu-end:after
{
	left: auto;
	right: 20px
}

.dropdown-menu .dropdown-header
{
	color: val(--bs-text-muted)!important
}

.dropdown-menu .nav-item
{
	position: relative
}

.dropdown-menu .nav-link
{
	color: var(--bs-dark);
	padding: .25rem 1rem
}

.dropdown-menu .nav-link i
{
	position: absolute;
	width: 1.5rem;
	line-height: 1.5rem
}

.dropdown-menu .nav-link span
{
	display: block;
	margin-left: 1.5rem
}

.text-muted
{
	color: #aaa!important
}

a
{
	text-decoration: none
}

.MsoTableGrid
{
	width: 100%
}

.MsoTableGrid tr:first-child td
{
	font-weight: bold
}

.MsoTableGrid td
{
	border: 1px solid #333;
	padding: 5px
}

@media (min-width: 992px) and (min-height: 360px)
{
	.navbar-expand-lg .navbar-nav .dropdown-menu
	{
		min-width: 240px
	}
	
	.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-menu
	{
		min-width: 238px
	}
	
	.sticky-top
	{
		top: 88px
	}
}

@media (max-width: 991px)
{
	.navbar .navbar-collapse
	{
		overflow-x: hidden;
	}
	
	.navbar .navbar-collapse,
	.navbar .navbar-nav,
	.navbar .nav-item.dropdown,
	.navbar .dropdown-menu.show
	{
		margin-left: -1rem!important;
		margin-right: -1rem!important;
		padding-left: 1rem!important;
		padding-right: 1rem!important
	}

	.navbar-nav .dropdown .dropdown-toggle::after
	{
		position: absolute;
		top: 1rem;
		right: 1rem
	}
	
	.navbar-nav .dropdown-menu
	{
		position: relative;
		top: 0;
		background-color: transparent;
		border: none
	}
	
	.navbar .navbar-nav .dropdown-menu.show
	{
		background: rgba(0, 0, 0, .2)
	}
	
	.navbar .navbar-nav .dropdown-menu .dropdown-menu
	{
		margin-left: 0;
		margin-right: 0
	}

	.navbar .navbar-nav .dropdown-menu::before,
	.navbar .navbar-nav .dropdown-menu::after
	{
		display: none
	}
	
	.navbar .navbar-nav .dropdown-menu .nav-link
	{
		color: var(--bs-nav-link-color)
	}
	
	.navbar .navbar-nav .dropdown-menu .nav-item:hover
	{
		background: transparent
	}
	
	.navbar .navbar-nav .dropdown-menu .nav-link
	{
		padding: .25rem 0!important
	}
	
	.navbar .navbar-nav .nav-link i
	{
		width: 2rem;
		display: inline-block
	}
	
	.sticky-top
	{
		top: 79px
	}
}

.font-os, .badge, .foi-footer .footer-widget-area p, .foi-footer .nav-link, .team-section-title, .team-member-card .team-member-designation {
  font-family: 'Open Sans', sans-serif; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.33; }

.text-gray {
  color: #989898; }

.page-about p {
  font-size: 18px;
  line-height: 1.56;
  color: #3a3a3a;
  margin-bottom: 45px; }

.badge {
  font-size: 12px;
  font-weight: 600; }

.foi-breadcrumb {
  background-color: transparent;
  padding: 0; }
  .foi-breadcrumb a {
    color: inherit; }
  .foi-breadcrumb .breadcrumb-item {
    font-size: 14px; }
    .foi-breadcrumb .breadcrumb-item.active {
      color: inherit; }
    .foi-breadcrumb .breadcrumb-item + .breadcrumb-item {
      padding-left: 20px; }
      .foi-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        content: ">";
        color: inherit;
        padding-right: 20px; }

button:focus {
  outline: none; }

.btn {
  padding: 16px 20px;
  line-height: 1;
  font-weight: 700; }

.btn-rounded {
  border-radius: 24px; }

.btn-app-download {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 1px solid #f0f0f0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0; }

.pricing-card {
  border: 0;
  border-top: 4px solid transparent;
  border-radius: 6px;
  box-shadow: 0 2px 13px 0 rgba(218, 215, 215, 0.5);
  padding: 55px 35px 35px;
  text-align: center; }
  .pricing-card .payment-period {
    margin-bottom: 28px; }
  .pricing-card p {
    font-size: 14px;
    color: #77838f; }
  .pricing-card:not(.active) button {
    opacity: 0.6; }

.landing-faq-card {
  box-shadow: 0 2px 30px 0 rgba(207, 207, 207, 0.5);
  border: 0;
  border-radius: 0; }
  .landing-faq-card .card-header a {
    color: inherit;
    text-decoration: none; }
    .landing-faq-card .card-header a:hover {
      color: inherit; }
  .landing-faq-section .landing-faq-card .card-header h6 {
    font-weight: 400; }
  .landing-faq-card .card-header i {
    color: #152c5b; }
  .landing-faq-card .card-body p {
    font-size: 14px; }

.feature-faq-card {
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #e9ecf1; }
  .feature-faq-card:last-child {
    border-bottom: 0; }
  .feature-faq-card .card-header {
    border-bottom: 0;
    padding-top: 23px;
    padding-bottom: 23px;
    padding-left: 0; }
    .feature-faq-card .card-header h6 {
      line-height: 1.25; }
    .feature-faq-card .card-header a {
      color: inherit; }
      .feature-faq-card .card-header a:hover {
        text-decoration: none; }
      .feature-faq-card .card-header a i {
        color: #152c5b;
        font-size: 18px; }
  .feature-faq-card .card-body {
    background-color: #f5f6f8; }
    .feature-faq-card .card-body p {
      font-size: 14px;
      line-height: 1.76; }

.faq-card {
  border: 0;
  border-radius: 6px;
  box-shadow: 0 2px 30px 0 rgba(207, 207, 207, 0.5);
  margin-bottom: 32px; }
  .faq-card .card-header {
    padding: 22px 42px 22px 54px;
    border-bottom: 0; }
    .faq-card .card-header a {
      color: inherit; }
      .faq-card .card-header a:hover {
        text-decoration: none; }
  .faq-card .card-body {
    background-color: #f5f6f8; }

.career-card {
  border: 0;
  border-radius: 6px;
  box-shadow: 0 2px 30px 0 rgba(207, 207, 207, 0.5); }
  .career-card .card-body {
    padding: 34px 105px 42px 62px; }
    @media (max-width: 767px) {
      .career-card .card-body {
        padding: 15px 35px; } }
  .career-card .careers-list-group .list-group-item {
    padding: 30px 0; }
    @media (min-width: 768px) {
      .career-card .careers-list-group .list-group-item {
        display: flex; } }
    .career-card .careers-list-group .list-group-item .position-title {
      margin-bottom: 0; }
    .career-card .careers-list-group .list-group-item .position-location {
      font-size: 14px;
      line-height: 2.57;
      color: #77838f;
      margin-bottom: 0; }
    .career-card .careers-list-group .list-group-item .apply-btn {
      margin: auto 0 auto auto; }
      @media (max-width: 767px) {
        .career-card .careers-list-group .list-group-item .apply-btn {
          display: flex;
          margin: 10px 0 0; } }

.landing-client-carousel .clients-logo {
  width: 116px;
  height: 61px;
  margin: 7.5px;
  border: 0.5px solid #cdcecf;
  border-radius: 0.25rem;
  padding: 20px 25px; }

.landing-client-carousel .carousel-indicators {
  position: static; }
  .landing-client-carousel .carousel-indicators li {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #cdcecf; }
    .landing-client-carousel .carousel-indicators li.active {
      background-color: #6206a8; }

.foi-footer {
  padding-top: 150px;
  padding-bottom: 110px;
  background-color: #ffffff;
  background-image: url(../../images/Footer_bg.svg);
  background-repeat: no-repeat;
  background-size: cover; }
  .foi-footer .footer-content {
    padding-bottom: 34px; }
  .foi-footer .footer-widget-area {
    padding-top: 70px; }
    .foi-footer .footer-widget-area p {
      font-size: 15px;
      font-weight: 600;
      color: #fefefe; }
  .foi-footer .nav-link {
    font-size: 15px;
    line-height: 2.33;
    font-weight: 600;
    color: #fefefe;
    padding: 0; }
  .foi-footer .social-menu a {
    display: inline-block;
    margin-right: 10px; }

.contact-form-wrapper {
  margin-bottom: 120px; }

.form-group {
  margin-bottom: 35px; }
  .form-group label {
    margin-bottom: 9px;
    color: #3a3a3a;
    font-weight: 700;
    line-height: 1.75; }

.form-footer-text {
  font-size: 14px;
  font-weight: 700;
  left: 1.5; }

.form-actions-wrapper {
  margin-bottom: 31px; }
  .form-actions-wrapper .form-check-input {
    margin-top: 0.6rem; }

.form-check-label, .forgot-password-link {
  font-size: 14px;
  font-weight: 700;
  line-height: 2;
  color: #3a3a3a;
  margin-bottom: 0; }

.forgot-password-link:hover, .forgot-password-link:focus {
  color: #000000; }

.btn-auth-submit {
  margin-bottom: 22px;
  padding: 16px 28px; }

.foi-navbar .navbar-nav .nav-link {
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  color: #000000; }
  .foi-navbar .navbar-nav .nav-link:hover, .foi-navbar .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.8); }

.navbar-toggler {
  border: 0; }

.privay-policy-nav {
  flex-direction: column;
  position: -webkit-sticky;
  position: sticky;
  top: 50px; }
  @media (max-width: 767px) {
    .privay-policy-nav {
      margin-bottom: 24px; } }
  .privay-policy-nav .nav-link {
    font-size: 14px;
    font-weight: 700;
    line-height: 2.57;
    padding: 0;
    color: #000000; }
    .privay-policy-nav .nav-link:hover, .privay-policy-nav .nav-link:focus {
      text-decoration: none;
      color: rgba(0, 0, 0, 0.69); }

html {
  scroll-behavior: smooth; }

.foi-header {
  padding-top: 24px; }
  .foi-header .header-content {
    padding-top: 105px;
    padding-bottom: 40px; }
    .foi-header .header-content h1 {
      font-size: 45px;
      line-height: 1.22; }
  .foi-header.landing-header {
    background-image: url("../../images/bg_1@2x.png");
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-size: 167px, 65%;
    background-position: left bottom, right top; }

.landing-feature-icon {
  display: inline-block;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #2db7d2;
  margin-right: 1rem; }
  .landing-feature-icon::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 7px;
    border: 2px solid #ffffff;
    border-color: transparent transparent #f0f0f0 #f0f0f0;
    transform: rotate(-45deg);
    position: relative;
    top: -6px;
    left: 4px; }

.landing-feature p {
  font-size: 14px;
  color: #77838f;
  line-height: 1.79; }

.foi-rating {
  margin-bottom: 12px; }
  .foi-rating .fa-star {
    color: #77838f;
    font-size: 15px; }
  .foi-rating .checked {
    color: #f7b731; }

.foi-review .foi-review-heading {
  font-size: 18px;
  margin-bottom: 18px; }

.foi-review .foi-review-content {
  font-size: 14px;
  line-height: 1.71;
  color: #77838f;
  margin-bottom: 28px; }

.foi-review .foi-review-user .avatar {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 10px; }

.foi-review .foi-review-user p {
  font-size: 12px;
  color: #77838f;
  margin-bottom: 0; }

.page-header {
  padding-top: 80px;
  padding-bottom: 75px; }
  @media (max-width: 767px) {
    .page-header {
      padding-top: 30px;
      padding-bottom: 35px; } }
  .page-header h2 {
    font-size: 30px;
    line-height: 1.33; }

.about-section-one-title {
  font-size: 38px;
  margin-bottom: 28px; }

.about-section-one-content {
  max-width: 380px; }

.foi-page-section {
  padding-top: 75px;
  padding-bottom: 75px; }

.about-section-two-title {
  font-size: 30px;
  max-width: 334px;
  margin-bottom: 24px; }

.about-section-two-content {
  max-width: 395px; }

.team-section-title {
  font-weight: 600;
  text-align: center;
  line-height: 1.33;
  margin-bottom: 69px; }

.team-member-card {
  text-align: center; }
  .team-member-card .team-member-avatar {
    width: 108px;
    height: 108px;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
    margin-bottom: 24px; }
  .team-member-card .team-member-name {
    margin-bottom: 0;
    line-height: 1; }
  .team-member-card .team-member-designation {
    font-size: 14px;
    line-height: 2.86;
    color: #77838f;
    margin-bottom: 0; }

.foi-feature {
  margin-bottom: 46px; }
  .foi-feature .feature-icon {
    width: 30px;
    margin-bottom: 17px; }
  .foi-feature .feature-title {
    line-height: 1.75;
    font-size: 20px; }
  .foi-feature .feature-content {
    font-size: 18px;
    color: #3a3a3a;
    margin-bottom: 12px;
    line-height: 1.56; }
  .foi-feature .feature-link {
    font-size: 14px;
    font-weight: 700;
    color: #6206a8; }
    .foi-feature .feature-link:hover, .foi-feature .feature-link:focus {
      color: #54058f; }

.feature-faq-title {
  font-size: 30px;
  line-height: 1.33;
  margin-bottom: 24px; }

.contact-content {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 80px; }
  @media (max-width: 767px) {
    .contact-content {
      flex-direction: column; } }

.contact-widget {
  padding: 22px 45px 14px;
  align-items: flex-end; }
  @media (max-width: 767px) {
    .contact-widget {
      padding: 22px 0; } }
  .contact-widget:first-child {
    border-right: 1px solid #e0e0e0;
    padding-left: 0; }
    @media (max-width: 767px) {
      .contact-widget:first-child {
        border-right: 0;
        border-bottom: 1px solid #e0e0e0; } }
  .contact-widget img {
    margin-right: 20px; }
  .contact-widget .widget-title {
    margin-bottom: 0; }
  .contact-widget .widget-content {
    font-size: 13px;
    line-height: 1;
    margin-bottom: 0; }

.career-section {
  margin-bottom: 150px; }

.auth-section-title {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1.33; }

.auth-section-subtitle {
  font-size: 14px;
  line-height: 1.79;
  color: #77838f;
  margin-bottom: 30px; }

.auth-wrapper {
  padding-top: 100px;
  padding-bottom: 150px; }
  @media (max-width: 767px) {
    .auth-wrapper {
      padding-top: 50px;
      padding-bottom: 75px; } }

.page-error {
  padding-top: 150px;
  padding-bottom: 200px; }
  @media (max-width: 767px) {
    .page-error {
      padding-top: 50px;
      padding-bottom: 75px; } }

.error-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .error-section .error-code {
    font-size: 90px;
    line-height: 1;
    margin-bottom: 8px; }
  .error-section .error-message {
    font-size: 14px;
    line-height: 1.79;
    color: #77838f;
    margin-bottom: 59px; }
  .error-section .error-img {
    width: 350px;
    max-width: 100%;
    margin-bottom: 47px; }
  .error-section .btn-error-action {
    padding: 16px 28px; }

.privacy-policy-section {
  padding-top: 0;
  padding-bottom: 150px; }
  @media (max-width: 767px) {
    .privacy-policy-section {
      padding-top: 30px;
      padding-bottom: 55px; } }

.privay-policy-card {
  border: 0;
  border-radius: 6px;
  box-shadow: 0 2px 30px 0 rgba(207, 207, 207, 0.5); }
  .privay-policy-card .card-body {
    padding: 35px 60px; }
    @media (max-width: 767px) {
      .privay-policy-card .card-body {
        padding: 24px; } }
  .privay-policy-card .policy-title {
    margin-bottom: 20px; }
  .privay-policy-card p {
    font-size: 14px;
    line-height: 1.71;
    color: #3a3a3a;
    margin-bottom: 35px; }

.page-blog .blog-post {
  margin-bottom: 60px; }
  @media (max-width: 767px) {
    .page-blog .blog-post {
      flex-direction: column; } }
  .page-blog .blog-post .blog-post-thumbnail-wrapper {
    position: relative; }
    @media (max-width: 767px) {
      .page-blog .blog-post .blog-post-thumbnail-wrapper {
        margin-bottom: 28px;
        width: 100%; }
        .page-blog .blog-post .blog-post-thumbnail-wrapper img {
          width: 100%; } }
    .page-blog .blog-post .blog-post-thumbnail-wrapper .blog-post-badge {
      position: absolute;
      left: 14px;
      bottom: 14px; }
  .page-blog .blog-post .blog-post-thumbnail {
    width: 155px;
    max-width: 100%;
    border-radius: 4px; }
  .page-blog .blog-post .blog-post-date {
    font-size: 12px;
    font-weight: 700;
    line-height: 2.33;
    color: #77838f; }
  .page-blog .blog-post .blog-post-title {
    position: relative;
    padding-bottom: 10px; }
    .page-blog .blog-post .blog-post-title::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 50%;
      height: 1px;
      background-color: #dddddd; }
  .page-blog .blog-post .blog-post-excerpt {
    font-size: 14px;
    line-height: 1.79;
    color: #77838f; }

.page-blog .load-more-link {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: rgba(0, 0, 0, 0.6); }

.page-blog-post .blog-post-date {
  font-size: 12px;
  font-weight: 700;
  line-height: 2.33;
  color: #77838f; }

.page-blog-post .blog-post-title {
  margin-bottom: 40px; }

.page-blog-post .blog-post-content p {
  font-size: 14px;
  line-height: 1.71;
  color: #3a3a3a; }

.page-blog-post .blog-post-content blockquote {
  position: relative;
  padding-left: 27px;
  margin-bottom: 40px; }
  .page-blog-post .blog-post-content blockquote p {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.45; }
  .page-blog-post .blog-post-content blockquote::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 7px;
    background-color: #6206a8;
    left: 0;
    top: 8px;
    bottom: 10px; }

.page-blog-post .blog-post-author-info-section .blog-post-author-info-section-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 2.78;
  margin-bottom: 13px; }

.page-blog-post .blog-post-author-info-section .blog-post-author-info {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding-top: 27px;
  padding-bottom: 27px;
  margin-bottom: 57px; }
  .page-blog-post .blog-post-author-info-section .blog-post-author-info .blog-post-author-avatar {
    width: 68px;
    max-width: 100%;
    margin-right: 27px; }
  .page-blog-post .blog-post-author-info-section .blog-post-author-info h6 {
    font-size: 16px;
    line-height: 2;
    font-weight: 700; }
  .page-blog-post .blog-post-author-info-section .blog-post-author-info .author-social-links a {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #000000;
    border-radius: 50%;
    color: #ffffff;
    text-align: center;
    font-size: 10px;
    line-height: 20px;
    margin-right: 5px; }
  .page-blog-post .blog-post-author-info-section .blog-post-author-info .author-description {
    font-size: 14px;
    line-height: 1.71;
    color: #3a3a3a;
    margin-bottom: 0; }

.page-blog-post .related-posts-section {
  margin-bottom: 100px; }
  .page-blog-post .related-posts-section .related-posts-section-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.45;
    margin-bottom: 28px; }
  .page-blog-post .related-posts-section .related-post .related-post-thumbnail-wrapper {
    position: relative;
    margin-bottom: 20px; }
    .page-blog-post .related-posts-section .related-post .related-post-thumbnail-wrapper img {
      max-width: 100%; }
    .page-blog-post .related-posts-section .related-post .related-post-thumbnail-wrapper .blog-post-badge {
      position: absolute;
      left: 20px;
      bottom: 20px; }
  .page-blog-post .related-posts-section .related-post .post-published-date {
    font-size: 12px;
    font-weight: 700;
    line-height: 2.33;
    color: #77838f;
    margin-bottom: 0; }
  .page-blog-post .related-posts-section .related-post .post-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.45;
    color: #000000;
    margin-bottom: 0; }

.blog-post-badge {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 11px;
  background-color: #c9a013;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  color: #ffffff; }