/*
Theme Name: Finano Child
Theme URI: https://example.com
Description: Child theme for Finano
Author: Your Name
Template: finano
Version: 1.0.0
*/

/* Custom CSS goes below */


:root {
  --blue-primary: #4059FF;
  --blue-soft: #F4F8FF;
  --off-white: #FBFAF8;
  --blue-deep: #0F1E45;
}

html body,
html body p,
html body span:not(.dashicons):not(.fa):not([class*="icon"]):not(.investorspn):not(span.diff-font),
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body li,
html body a,
html body label,
html body input,
html body textarea,
html body select,
html body button {
  font-family: 'Inter', sans-serif !important;
}

.elementor-widget-text-editor,
.elementor-heading-title,
.elementor-widget-button,
.elementor-widget-icon-box,
.elementor-widget-testimonial,
.elementor-widget-accordion,
.elementor-widget-toggle,
.elementor-widget-tabs {
  font-family: 'Inter', sans-serif !important;
}

html body .elementor-widget-container span.pxl-heading--text span.diff-font {
  font-family: "Playfair Display", serif !important;
  font-style: italic !important;
}

html body * {
  box-sizing: border-box !important;
}

html body h2,
html body h3,
html body h4,
html body h5,
html body h6 {
  font-weight: 600 !important;
}

.gradient-text {
  background: linear-gradient(135deg, #40B6FF, #4059FF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.yllow {
  color: #FFA81C !important;
  text-align: center;
}

.hugefont {
  font-size: 52px !important;
}

.whitefont {
  color: #fff !important;
}

html body h2.pxl-item--title {
  font-size: 36px !important;
}

html body .elementor-323 .elementor-element.elementor-element-eaab75e .pxl-nav-menu .pxl-menu-primary>li>a {
  color: #000;
}

html body.page-id-73 .elementor-element-f8d3ee6 .pxl-post--category {
  display: none !important;
}

html body .elementor-element-4339d74 {
  background-color: #fff !important;
}

html body .pxl-service-carousel.pxl-service-style1 .pxl-post--content {
  min-height: 80px;
}

html body .elementor-element-d31560e .pxl-swiper-slide {
  max-width: 400px !important;
}

html body .btn-slider.btn-link {
  background: linear-gradient(135deg, #40B6FF, #4059FF) !important;
}

/* Apply gradient to all primary buttons */
html body button,
input[type="submit"],
.btn,
.btn-primary,
.elementor-button {
  background: linear-gradient(135deg, #40B6FF, #4059FF) !important;
  border: none !important;
  color: #fff !important;
  transition: 0.3s ease-in-out;
}

input[type="submit"]:hover,
.btn-primary:hover,
.elementor-button:hover {
  background: linear-gradient(135deg, #4059FF, #40B6FF) !important;
}

/* Links */
/* html body a, a:visited {
  color: #40B6FF !important;
}
html body a:hover {
  color: #4059FF !important;
} */

/* Add gradient to header/footer background */
.site-header,
.site-footer {
  background: linear-gradient(135deg, #40B6FF, #4059FF) !important;
}

/* Input focus border */
input:focus,
textarea:focus,
select:focus {
  border-color: #40B6FF !important;
  box-shadow: 0 0 5px rgba(64, 182, 255, 0.6) !important;
}

html body .elementor-element-651e33a button,
html body .elementor-element-651e33a .btn {
  background: #fff !important;
  border: none !important;
  color: #4059FF !important;
  transition: 0.3s ease-in-out;
  font-weight: 600 !important;
}

html body .elementor-element-651e33a button:hover,
html body .elementor-element-651e33a .btn:hover {
  background: #fff !important;
  border: none !important;
  color: #40B6FF !important;
  transition: 0.3s ease-in-out;
  font-weight: 600 !important;
}

.btn-slider.btn-link i {
  color: #fff !important;
  background: linear-gradient(135deg, #4059FF, #40B6FF) !important;
}

html body .sr7-layer .investorspn {
  color: #FFA81C !important;
}

html body .elementor-element-d31560e .pxl-swiper-wrapper {
  display: flex;
  justify-content: center;
}

html body .elementor-element-3eac5aa .pxl-case-study-carousel1 .pxl-item--content,
html body .elementor-element-d31560e .pxl-case-study-carousel1 .pxl-item--content,
html body .elementor-element-c68d124 .pxl-case-study-carousel1 .pxl-item--content {
  min-height: 56px !important;
}

html body .pxl-icon-box1 .pxl-item--title {
  padding-top: 20px !important;
  font-size: 30px !important;
}

html body .pxl-icon-box1 .pxl-item--content .pxl-item--description {
  min-height: 80px !important;
}

/*html body .elementor-element-cfc2eb2 span.italic-font{*/
/*    font-family: "Playfair Display", serif !important;*/
/*    font-style: italic !important;*/
/*    font-weight: 800 !important;*/
/*}*/

html body .elementor-element-af7251d .btn.btn-icon-box3 .pxl--btn-text {
  margin: 0 !important;
}

/*html body .pxl-service-carousel.pxl-service-style2 .pxl-post--inner::before {*/
/*    background-image: webkit-linear-gradient(180deg, transparent, #091394 60%);*/
/*}*/

/* anchor overlay to bottom quarter, override theme */
html body .pxl-service-carousel.pxl-service-style2 .pxl-post--inner {
  position: relative;
  overflow: hidden;
}

html body .pxl-service-carousel.pxl-service-style2 .pxl-post--inner::before {
  content: "";
  position: absolute;
  inset: auto 0 0 0 !important;
  /* top:auto; right:0; bottom:0; left:0 */
  height: 35% !important;
  /* bottom 25% only */
  background: linear-gradient(to top, rgba(64, 89, 255, .9) 0%, rgba(64, 89, 255, 0) 100%) !important;
  pointer-events: none;
  z-index: 1;
}

html body .elementor-element-91b6d79 .pxl-service-carousel.pxl-service-style2 .pxl-post--holder-front,
html body .elementor-element-7f25251 .pxl-service-carousel.pxl-service-style2 .pxl-post--holder-front {
  bottom: -40px;
  display: flex;
  gap: 10px;
  align-items: center;
}

html body .elementor-element-a920d72 .btn-slider.btn-link {
  line-height: 47px;
  padding-left: 30px;
  padding-right: 35px;
}

html body .diff-font {
  font-family: "Playfair Display", serif !important;
  font-style: italic !important;
}

html body .elementor-element-3eac5aa .pxl-post--category,
html body .elementor-element-d31560e .pxl-post--category,
html body .elementor-element-592a7df .pxl-post--category {
  display: none !important;
}

html body form.wpcf7-form {
  border: 1px solid black;
  padding: 25px !important;
}

html body .wpcf7 input.wpcf7-text {
  border: 1px solid black;
}

/* Hide checkbox input */
.cf7-btn input[type="checkbox"] {
  display: none;
}

/* Wrapper spacing */
.cf7-btn {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

/* Label */
.cf7-btn label {
  cursor: pointer;
}

/* Pill button */
.cf7-btn label span {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 12px 28px;
  min-width: 160px;

  border: 2px solid #222;
  border-radius: 999px;

  background: #fff;
  color: #222;
  font-size: 14px;
  font-weight: 500;

  transition: all 0.25s ease;
}

/* Selected */
.cf7-btn input:checked+span {
  background: #4063ff;
  color: #fff;
}

.pxl-contact-form label {
  display: inline-block;
  margin-bottom: 8px !important;
  margin-top: 8px !important;
}

.pxl-contact-form .row>div>p>label {
  margin-bottom: 12px;
  margin-top: 8px !important;
}

input[type="date"] {
  border: 1px solid #000000 !important;
}

.range-value {
  margin-top: -2px;
}

.wpcf7-form-control-wrap[data-name="number-33"] {
  margin-bottom: -2px !important;
}

html body .elementor-element-6bc4c83 .pxl-icon-box1.style-2 .pxl-item--icon {
  background-image: none !important;
  background-color: #FFA81C !important;
}

html body .elementor-element-40def58 .pxl-icon-box1 .pxl-item--content .pxl-item--description {
  min-height: 108px !important;
}

.icon::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f058";
}

/* html body .pxl-swiper-slide a.pxl-post--link {
  pointer-events: none !important;
  cursor: default;
} */


html body .pxl-case-study-carousel1 .pxl-post--featured img {
  width: 110px !important;
  height: 110px !important;
  margin: 20px !important;
}

html body .pxl-header-mobile-search {
  display: none !important;
}

html body .elementor-element-3eac5aa .pxl-post--button,
html body .elementor-element-d31560e .pxl-post--button,
html body .elementor-element-c68d124 .pxl-post--button {
  display: none !important;
}

html body .elementor-73 .elementor-element.elementor-element-2c1f824 .pxl-swiper-slider .pxl-swiper-container .pxl-swiper-slide {
  padding: 0px 48px !important;
}


html body .pxl-swiper-arrow-wrap.style-2 .pxl-swiper-arrow-prev {
  width: 90px;
  height: 90px;
  background-color: unset !important;
  color: #fff;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  border-radius: 52px !important;
}

html body .pxl-swiper-arrow-wrap.style-2 .pxl-swiper-arrow-next {
  width: 90px;
  height: 90px;
  background-color: unset !important;
  color: #fff;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  border-radius: 52px !important;
}

html body .pxl-arrow-white-left {
  height: 90px !important;
  background-image: url("/wp-content/uploads/2025/12/arrow-prev-2.svg") !important;
}

html body .pxl-arrow-white-right {
  height: 90px !important;
  background-image: url("/wp-content/uploads/2025/12/arrow-prev-2.svg") !important;
}

.pxl-swiper-arrow-wrap.style-2 .pxl-swiper-arrow-prev:hover {
  background-color: unset !important;
  padding-left: 20px !important;
}


html body .pxl-swiper-arrow-wrap.style-2 .pxl-swiper-arrow-next:hover {
  background-color: unset !important;
  padding-right: 20px !important;
}


html body .pxl-arrow-small-right,
html body .pxl-arrow-small-left {
  width: 90px;
  height: 90px;
  background-image: url("/wp-content/uploads/2025/12/arrow-prev-2.svg") !important;
}

html body .elementor-element-3eac5aa a.pxl-post--link,
html body .elementor-element-d31560e a.pxl-post--link,
html body .elementor-element-c68d124 a.pxl-post--link {
  pointer-events: none;
  cursor: default;
}

html body .elementor-element-b2ae6dc .btn-video.pxl-action-popup {
  pointer-events: none;
  cursor: default;
}

html body .elementor-element-5dc8320 img {
  min-width: 100%;
}

html body .white-text {
  color: #fff !important;
}

html body .elementor-element-16fe96b .elementor-button {
  border-radius: 50px !important
}

html body .elementor-element-91b6d79 .pxl-swiper-arrow-wrap.style-1 .pxl-swiper-arrow-prev {
  margin: 0 -100px;
}

html body .elementor-element-91b6d79 .pxl-swiper-arrow-wrap.style-1 .pxl-swiper-arrow-next {
  margin: 0 -100px;
}


html body h1 span {
  font-family: "Playfair Display", serif !important;
}

html body h1 .investorspn {
  font-family: "Playfair Display", serif !important;
}

.pxl-contact-form .wpcf7-form-control.wpcf7-not-valid {
  border-color: #ffa81c !important;
}


@media(max-width: 1440px) {
  .elementor-sticky--active {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    transform: none !important;
  }

  .elementor-sticky--active .e-con-inner,
  .elementor-sticky--active .elementor-container {
    max-width: 1440px !important;
    margin: 0 auto !important;
  }

  html,
  body {
    overflow-x: hidden;
  }
}

@media(max-width: 1024px) {
  html body .elementor-73 .elementor-element.elementor-element-20bdc56 iframe {
    height: 761px;
    filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);
  }

  html body .elementor-element-1ddc39a .elementor-column-gap-wider {
    flex-direction: column !important;
    align-content: center;
  }

  html body .elementor-73 .elementor-element.elementor-element-84c3e76 {
    width: 70%;
    order: 1;
    margin-top: 30px;
  }

  html body .elementor-73 .elementor-element.elementor-element-59e400c {
    display: none !important;
  }

  .elementor-73 .elementor-element.elementor-element-16fe96b:not(.elementor-motion-effects-element-type-background),
  .elementor-73 .elementor-element.elementor-element-16fe96b>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-image: url("/wp-content/uploads/2026/01/tsm-phone-banner.webp");
    background-size: cover !important;
    background-repeat: no-repeat;
  }

  .text-center {
    text-align: center !important;
  }
}



@media (max-width: 767px) {
  html body .elementor-element-d31560e .pxl-post-carousel .pxl-swiper-wrapper {
    display: flex !important;
    justify-content: flex-start !important;
    /* center single slide */
    transform: translate3d(0, 0, 0) !important;
    /* remove leftover offset */
  }

  html body.elementor-element-d31560e .pxl-post-carousel .pxl-swiper-slide {
    width: 100% !important;
    float: none !important;
    margin: 0 0 20px 0 !important;
    /* spacing between slides */
  }

  html body .elementor-element-d31560e .pxl-swiper-wrapper {
    display: flex;
    justify-content: flex-start !important;
  }

  html body .elementor-element-d31560e .pxl-swiper-slide {
    max-width: unset !important;
  }

  html body .elementor-element-1ddc39a .elementor-element-84c3e76 {
    width: 100% !important;
  }

  html body .elementor-element-59e400c {
    display: none !important;
  }

  html body .elementor-50 .elementor-element.elementor-element-d8a5c50>.elementor-element-populated {
    padding: 25px 15px 25px 15px;
  }

  html body .pxl-breadcrumb li {
    display: inline-block;
    font-size: 13px;
    color: #fff;
    font-weight: 400;
  }

  html body .elementor-50 .elementor-element.elementor-element-62e1b3c .pxl-heading .pxl-item--title {
    font-size: 28px;
  }

  html body ul#pxl-link-pxl_link-2bef824-5224 {
    display: flex !important;
    flex-direction: row !important;
  }

  html body .elementor-1385 .elementor-element.elementor-element-2bef824 .pxl-link.type-vertical li+li {
    margin-top: 0px !important;
  }

  html body .pxl-link.type-vertical li+li {
    margin-top: 0px !important;
  }

  .elementor-73 .elementor-element.elementor-element-16fe96b:not(.elementor-motion-effects-element-type-background),
  .elementor-73 .elementor-element.elementor-element-16fe96b>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-image: url("/wp-content/uploads/2026/01/tsm-phone-banner.webp");
    background-size: cover !important;
    background-repeat: no-repeat;
  }

  .hidemobile {
    display: none !important;
  }

  .elementor-73 .elementor-element.elementor-element-96f36f5 {
    padding-top: 524px;
  }

  html body .elementor-element-16fe96b h1 {
    font-size: 31px !important;
  }

  .text-center {
    text-align: center !important;
  }
}

@supports (-webkit-touch-callout: none) {
  /* iOS devices only */

  html body form .pxl-contact-form:nth-child(3) {
    max-width: 50% !important;
  }
}

@media (max-width: 480px) {
  html body .elementor-element-4251e7c .hugefont {
    font-size: 28px !important;
    margin-bottom: 0px !important;
  }

  html body .pxl-image-carousel1 .pxl-item--image .pxl-item--body {
    padding: 0 50px 10px !important;
  }

  html body .elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-deea9d1.pxl-column-none.pxl-column-overflow-hidden-no {
    margin-top: 60px !important;
  }

  html body .pxl-image-carousel1 .pxl-item--image .pxl-item--body .pxl-item--body-inner .pxl-item--title {
    font-size: 21px !important;
  }

  html body .elementor-73 .elementor-element.elementor-element-3b6ee4f {
    padding: 30px 0px 30px 0px !important;
  }

  html body .elementor-element-efbb4ae {
    margin-bottom: 15px !important;
  }
}