/*
Theme Name: Finology tech
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Marijan Gudelj
Author URI: https://marijangudelj.com
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1752074646
Updated: 2025-07-09 15:24:06

*/
/* Global */
.text-primary {
  color: #1A56DB;
}

@media screen and (min-width: 768px) {
  .mobile-only {
    display: none;
  }

}

@media screen and (max-width: 767px) {
  .header-right {
    display: none;
  }

  .hfe-submenu-animation-slide_up {
    display: inline-block;
    width: auto;
    max-width: min-content !important;
    margin: 0;
    text-align: right;
  }

  .hfe-nav-menu__toggle {
    /* margin: intial; */
  }
}


.trapezoid {
  position: absolute;
  width: 1246px;
  height: 40px;
  left: 50%;
  transform: translateX(-50%);
  top: -40px;
  z-index: 2;
  /* border-radius: 40px; */
  clip-path: polygon(5% 0%, 95% 0%, 100% 100%, 0% 100%);
  ;
}

@media screen and (max-width: 767px) {
  .hfe-nav-menu__toggle {
    margin: 0 0 0 auto;
  }

  .trapezoid {
    width: 80vw;

  }

}

.trapezoid-white {
  background: #fff;
}

footer {
  background: #F3F4F6;
}

footer .footer-width-fixer {
  max-width: 1440px;
  margin: 0 auto;
}

/* End global */

main {
  padding-top: 5rem;
}

main .page-header {
  display: none;
}


/* Home */
.home-title h1,
.home-title h2,
.home-title h3,
.home-title h4,
.home-title h5 {
  font-size: 48px;
  line-height: 150%;
  font-weight: 800;
  ;
}

.hero-home {
  position: relative;
  background-color: #fff;
  /* your base background */
  overflow: hidden;
  z-index: 0;
  margin-top: -165px;
  padding-top: 150px;
  /* background-color: #fff; */
  /* or any other background */
  /* overflow: hidden; */
  /* ensures circles don’t overflow */
}

/* Blue circle (top-left) */
.hero-home::before {
  content: "";
  position: absolute;
  width: 40%;
  padding-top: 112%;
  top: -40%;
  left: -15%;
  background: radial-gradient(circle, rgba(123, 200, 255, 0.5), transparent 70%);
  filter: blur(80px);
  border-radius: 50%;
  z-index: -1;

}

/* Orange circle (bottom-right) */
.hero-home::after {
  content: "";
  position: absolute;
  width: 40%;
  padding-top: 105%;
  bottom: -44%;
  right: -20%;
  background: radial-gradient(circle, rgba(255, 165, 123, 0.4), transparent 70%);
  filter: blur(100px);
  border-radius: 50%;
  z-index: -1;
}

.hero-home-inverted {
  position: relative;
  background-color: #fff;
  /* your base background */
  overflow: hidden;
  z-index: 0;
  margin-top: -165px;
  padding-top: 150px;
  /* background-color: #fff; */
  /* or any other background */
  /* overflow: hidden; */
  /* ensures circles don’t overflow */
}

/* Blue circle (top-left) */
.hero-home-inverted::before {
  content: "";
  position: absolute;
  width: 50%;
  padding-top: 112%;
  top: 15%;
  left: -11%;
  background: radial-gradient(circle, rgba(255, 165, 123, 0.4), transparent 70%);
  filter: blur(80px);
  border-radius: 50%;
  z-index: -1;

}

/* Orange circle (bottom-right) */
.hero-home-inverted::after {
  content: "";
  position: absolute;
  width: 50%;
  padding-top: 105%;
  top: 15%;
  right: -20%;
  background: radial-gradient(circle, rgba(123, 200, 255, 0.5), transparent 70%);
  filter: blur(100px);
  border-radius: 50%;
  z-index: -1;
}

.elementor-image-carousel .swiper-slide img {
  filter: grayscale(100%);
  opacity: 0.5;
  transition: filter 0.4s ease, opacity 0.4s ease;
}

.elementor-image-carousel .swiper-slide:hover img {
  filter: grayscale(0%);
  opacity: 1;
}

.testimonial-container {
  width: 50%;

}

.testimonial {
  margin-top: 2.5rem;
  max-width: 1120px;
  z-index: 10;
}

.testimonial .testimonial-wrap {
  position: relative;
  z-index: 0;

}

.testimonial-wrap::before,
.testimonial-wrap::after {
  content: "";
  position: absolute;
  background: url('/wp-content/uploads/2025/07/Quote.png') no-repeat center;
  background-size: cover;
  /* Adjust */
  /* opacity: 0.05; */
  /* Faded look */
  z-index: 0;
}

.testimonial-wrap::before,
.testimonial-wrap::after {
  width: 248px;
  height: 248px;
}

.testimonial-wrap::before {
  top: -100px;
  left: 17%;
}

.testimonial-wrap::after {
  bottom: -23%;
  right: 13%;
}

.testimonial .elementor-testimonial-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 6rem;
}

.testimonial .elementor-testimonial-wrapper * {
  position: relative;
  z-index: 1;
}

.testimonial .elementor-testimonial-wrapper .elementor-testimonial-meta.elementor-has-image.elementor-testimonial-image-position-top {
  order: 1;
  position: absolute;
  top: -2rem;
}

.testimonial .elementor-widget-container {
  padding-bottom: 4rem;
  padding-left: 5.5rem;
  padding-right: 5.5rem;
  max-width: 820px;
  margin: 0 auto !important
}

.testimonial .elementor-testimonial-wrapper .elementor-testimonial-content {
  order: 2;
  padding-top: 3.5rem;
  /* padding-left: 6rem;
  padding-right: 6rem; */
}

.testimonial .elementor-testimonial-name {
  padding-bottom: 0.5rem;
}

.testimonial .elementor-testimonial-job {
  padding-bottom: 1rem;
}

.features-card {
  background: #FFFFFF;
  border: 1px solid #F3F4F6;
  /* shadow-3 */
  box-shadow: 0px 4px 12px rgba(13, 10, 44, 0.06);
  border-radius: 20px;
  padding: 3rem 2rem;
}

.book-a-demo {
  background: linear-gradient(180deg, #FFFFFF 0%, #F3F4F6 100%);
  border: 1px solid #F3F4F6;
  border-radius: 16px;
}

.hubspot-button .elementor-button-link .elementor-button-content-wrapper {
  padding: 0.5rem 1rem;
}

@media screen and (max-width:767px) {

  .hero-home,
  .hero-pricing {
    margin-top: -220px;
  }

  .home-title h1,
  .home-title h2,
  .home-title h3,
  .home-title h4,
  .home-title h5 {
    font-size: 40px;
  }

  .testimonial-wrap::before,
  .testimonial-wrap::after {
    width: 50px;
    height: 50px;
  }

  .testimonial-wrap::before {
    top: 18px;
    left: -1%;
  }

  .testimonial-wrap::after {
    bottom: -2%;
    right: -1%;
  }

  .testimonial .elementor-widget-container {
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    max-width: 100%;
  }

  .features-card {
    padding: 1rem 2rem;
  }


}

/* End Home */

/* Pricing */

.hero-pricing {
  position: relative;
  background-color: #fff;
  /* your base background */
  overflow: hidden;
  z-index: 0;
  margin-top: -165px;
  padding-top: 150px;
  /* background-color: #fff; */
  /* or any other background */
  /* overflow: hidden; */
  /* ensures circles don’t overflow */
}

/* Blue circle (top-left) */
.hero-pricing::before {
  content: "";
  position: absolute;
  width: 0%;
  padding-bottom: 11%;
  bottom: -132%;
  right: -10%;
  background: radial-gradient(circle, rgba(255, 165, 123, 0.4), transparent 70%);
  filter: blur(80px);
  border-radius: 50%;
  z-index: -1;
}

/* Orange circle (bottom-right) */
.hero-pricing::after {
  content: "";
  position: absolute;
  width: 20%;
  padding-top: 100%;
  bottom: -60%;
  right: -10%;
  background: radial-gradient(circle, rgba(123, 200, 255, 0.5), transparent 70%);
  filter: blur(100px);
  border-radius: 50%;
  z-index: -1;
}

.pricing-card-grid {
  grid-template-columns: auto auto !important;
  column-gap: 1rem !important;
  /* adjust for spacing */
  justify-content: center !important;
  /* center the whole grid */
  align-items: center !important;
  /* optional: vertical centering */
}

.pricing-card {
  float: right;
}

.pricing-card-grey {
  float: left;
  max-width: 400px;
  border: 1px solid #E5E7EB;
  border-radius: 0.5rem;
}

.green-circle-icons .elementor-icon-list-item .elementor-icon-list-text,
.red-circle-icons .elementor-icon-list-item .elementor-icon-list-text,
.blue-circle-icons .elementor-icon-list-item .elementor-icon-list-text {
  margin-left: 0.5rem;
}

.green-circle-icons .elementor-icon-list-icon:after {
  content: '';
  position: absolute;
  top: -3px;
  left: -3px;
  width: 100%;
  height: 100%;
  min-width: 20px;
  min-height: 20px;
  border-radius: 50%;
  background-color: #DEF7EC;
}

.red-circle-icons .elementor-icon-list-icon:after {
  content: '';
  position: absolute;
  top: -3px;
  left: -3px;
  width: 100%;
  height: 100%;
  min-width: 20px;
  min-height: 20px;
  border-radius: 50%;
  background-color: #FDE8E8;
}

.blue-circle-icons .elementor-icon-list-icon:after {
  content: '';
  position: absolute;
  top: -3px;
  left: -3px;
  width: 100%;
  height: 100%;
  min-width: 20px;
  min-height: 20px;
  border-radius: 50%;
  background-color: #E1EFFE;
}

.finology-faq .elementor-icon-list-icon:after {
  content: '';
  position: absolute;
  top: -3px;
  left: -3px;
  width: 100%;
  height: 100%;
  min-width: 20px;
  min-height: 20px;
  border-radius: 50%;
  background-color: #E1EFFE;
}

.green-circle-icons .elementor-icon-list-icon svg,
.red-circle-icons .elementor-icon-list-icon svg,
.blue-circle-icons .elementor-icon-list-icon svg,
.finology-faq .elementor-icon-list-icon svg {
  z-index: 1;
  ;
}

/* End Pricing */


/* About */
.track-record-wrapper {
  background: linear-gradient(180deg, #1C64F2 0%, #3F83F8 100%);
}

.features-card.about {
  padding: 1rem 1.5rem;
}

.echosystem-grid .elementor-button {
  padding: 0.8rem 0;
}

@media screen and (max-width:767px) {
  main.post-523 {
    padding-top: 2rem;
  }

  .hero-home-inverted {
    margin-top: 0;
    padding-top: 3rem;
  }
}

/* End About */


/* F.A.Q. 5 */
.faq-accordion .e-n-accordion-item .elementor-element[role="region"] .elementor-widget-text-editor {
  margin-left: auto;
  width: 96.5%;
}

.faq-accordion .e-n-accordion-item .elementor-element[role="region"] .elementor-widget-text-editor p {
  margin-bottom: 0;
}

/* End F.A.Q. 5 */

/* Blog list*/
.cbge-post a {
  text-decoration: none;
  color: #1F2A37;
}

.cbge-post .cbge-title {
  text-align: center;
  color: #1F2A37;
  text-decoration: none;
}

.cbge-excerpt {
  padding: 1rem 0.5rem;
  color: #6B7280;
  font-size: 16px;
  line-height: 1.5;
}

/* End Blog list */

/* Blog single */
.blog-container {
  max-width: 1120px;
  margin: 0 auto;
  padding: 1rem 2rem;
  margin-bottom: 2rem;
}

.blog-container header {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
}

.blog-container h1 {
  text-align: center;
  color: #1F2A37;
  font-size: 36px;
  line-height: 1.5;
  font-weight: 800;
}

.blog-container h1,
.blog-container h2,
.blog-container h3,
.blog-container h4,
.blog-container h5,
.blog-container h6{
    color: #111928 !Important;
}

.blog-container h2,
.blog-container h3,
.blog-container h4,
.blog-container h5,
.blog-container h6{
    margin-top: 2rem;
}

.blog-container a{
    color: #1A56DB;
}
.blog-container a:hover{
    color: #1C64F2;
}

.blog-container .blog-meta {
  display: inline-block;
}


.blog-container .single-meta .single-reading-time {
  float: right;
}

.blog-container .single-meta .single-date {
  margin-right: 1rem;
}
.blog-container .single-content{
    padding: 1rem 2rem;
}

.blog-container p,
.blog-container p.has-color {
  color: #6B7280 !important;
  margin-bottom: 1.5rem;
}
.single-comments {
  padding: 1rem 0.5rem;
}

.single-comments [type="submit"] {
  background: #1A56DB;
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  border: none;
  cursor: pointer;
}

/* End Blog single */

/* 404 */
.page-404 {
  max-width: 1360px;
  margin: 0 auto;
  padding: 6rem 2rem;
  text-align: center;
}

.page-404 h1 {
  font-family: "Inter", Sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 128px;
  line-height: 128px;
  /* identical to box height, or 100% */
  text-align: center;
  padding: 0.5rem 0;
  /* primary/600 */
  color: #1C64F2;
}

.page-404 h2 {
  /* Heading */
  /* text-4xl/font-extrabold */
  font-family: "Inter", Sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 36px;
  line-height: 150%;
  padding: 0.5rem 0;
  text-align: center;
  color: #1F2A37;

}

.page-404 p {
  font-family: "Inter", Sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  /* identical to box height, or 27px */
  text-align: center;

  /* gray/500 */
  color: #6B7280;
  padding: 0.5rem 0;
}

.page-404 .button-div {
  display: flex;
  justify-content: center;
}

.page-404 a {
  /* Button */

  padding: 1rem 2rem;
  margin-top: 2rem;
  gap: 8px;
  /* primary/700 */
  background: #1A56DB;
  color: #fff;
  border-radius: 8px;

  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 0;
}

.page-404 a:hover {
  background: #1C64F2;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .page-404 {
    padding: 4rem 2rem;
  }
}

/* End 404 */