@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap);
@font-face {
  font-family: "CreatoDisplay regular";
  src: url(/advanclymfb/wp-content/themes/advanclyMFB-main/assets/fonts/creato_display/CreatoDisplay-Regular.otf) format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "CreatoDisplay medium";
  src: url(/advanclymfb/wp-content/themes/advanclyMFB-main/assets/fonts/creato_display/CreatoDisplay-Medium.otf) format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "CreatoDisplay Bold";
  src: url(/advanclymfb/wp-content/themes/advanclyMFB-main/assets/fonts/creato_display/CreatoDisplay-Bold.otf) format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "CreatoDisplay Bolditalic";
  src: url(/advanclymfb/wp-content/themes/advanclyMFB-main/assets/fonts/creato_display/CreatoDisplay-BoldItalic.otf) format("woff");
  font-weight: 700;
  font-style: italic;
}
@keyframes float {
  0% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
  50% {
    box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
    transform: translatey(-20px);
  }
  100% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
}
html {
  font-size: 10px;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
*::before, *::after {
  box-sizing: border-box;
}

body {
  font-family: "CreatoDisplay regular";
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 2rem;
  color: #060214;
  font-size: calc(15px + 0.390625vw);
  min-height: 100vh;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  background-color: #F8F8F8;
}

main {
  min-height: 100vh;
  padding: 0 2rem;
}
@media only screen and (min-width: 768px) {
  main {
    padding: 0 4rem;
  }
}

p {
  padding: 0;
  margin: 0;
  font-family: "CreatoDisplay regular";
  font-size: calc(14px + 0.390625vw);
  line-height: 1.5;
  letter-spacing: -1%;
  color: #060214;
}

h1, h2, h3, h4 {
  font-family: "CreatoDisplay Bold";
  padding: 0;
  margin: 0;
  color: #0A0819;
  font-weight: 700;
  letter-spacing: -0.4px;
  line-height: 1.1;
}

h2 {
  color: #0A0819;
  font-size: calc(20px + 0.390625vw);
}
@media only screen and (min-width: 1024px) {
  h2 {
    font-size: calc(33px + 0.390625vw);
  }
}

a, button {
  font-weight: 400;
  color: #150849;
  border: none;
  outline: none;
  background: transparent;
  cursor: pointer;
  text-decoration: none;
}
a:hover, button:hover {
  text-decoration: none;
  color: #150849;
}

a {
  color: #150849;
}
a:hover {
  color: #150849;
}

ul, ol {
  list-style: none;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

figure {
  width: 100%;
  margin: 0;
  border-radius: 20px;
  overflow: hidden;
}
figure img {
  height: 100%;
}

.wp-block-image img {
  height: 100%;
}

img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

em {
  color: #1E1E1E;
}

.main-wrapper-x {
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (min-width: 768px) {
  .main-wrapper-x {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media only screen and (min-width: 1024px) {
  .main-wrapper-x {
    padding-left: 10rem;
    padding-right: 10rem;
  }
}

.wp-block-group {
  padding: 3rem 2rem;
  border-radius: 20px;
  overflow: hidden;
  margin-top: 3rem;
}
@media only screen and (min-width: 768px) {
  .wp-block-group {
    padding: 4rem;
    border-radius: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .wp-block-group {
    padding: 4rem;
  }
}
@media only screen and (min-width: 1440px) {
  .wp-block-group {
    padding: 6rem 10rem;
  }
}
.wp-block-group.no-px {
  padding: 3rem 0;
}
@media only screen and (min-width: 768px) {
  .wp-block-group.no-px {
    padding: 5rem 0;
  }
}
@media only screen and (min-width: 1024px) {
  .wp-block-group.no-px {
    padding: 6rem 0;
  }
}
@media only screen and (min-width: 1440px) {
  .wp-block-group.no-px {
    padding: 8rem 0;
  }
}
.wp-block-group.sm-pt {
  padding-top: 3rem;
}
@media only screen and (min-width: 768px) {
  .wp-block-group.sm-pt {
    padding-top: 6rem;
  }
}
@media only screen and (min-width: 1024px) {
  .wp-block-group.sm-pt {
    padding-top: 8rem;
  }
}
.wp-block-group.sm-pb {
  padding-bottom: 3rem;
}
.wp-block-group.no-pb {
  padding-bottom: 0;
}
.wp-block-group.no-py {
  padding-top: 0;
  padding-bottom: 0;
}
.wp-block-group:has(.wp-block-cover) {
  padding: 0;
}
.wp-block-group:has(.wp-block-cover) .wp-block-cover {
  padding: 3rem 2rem;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .wp-block-group:has(.wp-block-cover) .wp-block-cover {
    padding: 5rem 4rem;
  }
}
@media only screen and (min-width: 1024px) {
  .wp-block-group:has(.wp-block-cover) .wp-block-cover {
    padding: 8rem;
  }
}
@media only screen and (min-width: 1440px) {
  .wp-block-group:has(.wp-block-cover) .wp-block-cover {
    padding: 8rem 10rem;
  }
}
.wp-block-group:has(.wp-block-cover) .wp-block-cover .wp-block-columns {
  max-width: 1440px;
  margin: 0 auto;
}
.wp-block-group .wp-block-group {
  padding: 0;
  border-radius: 0;
}

.section-with-video-bg {
  position: relative;
}
.section-with-video-bg .video-js, .section-with-video-bg .colored-bg-video {
  margin-block-start: 0;
}
.section-with-video-bg video {
  -o-object-fit: cover;
     object-fit: cover;
}
.section-with-video-bg > .wp-block-columns {
  position: relative;
  margin-top: 0;
  z-index: 1;
}

.video-js {
  background: transparent;
}

.section-w-image-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .section-w-image-text {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.section-w-image-text .text-content {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .section-w-image-text .text-content {
    width: 50%;
    align-items: flex-start;
  }
}
.section-w-image-text .text-content .section-title, .section-w-image-text .text-content .main-parent .text-container h2, .main-parent .text-container .section-w-image-text .text-content h2, .section-w-image-text .text-content .digital-banking-section h2, .digital-banking-section .section-w-image-text .text-content h2 {
  margin-bottom: 1rem;
}
.section-w-image-text .text-content .button-group {
  margin-top: 2rem;
}
@media only screen and (min-width: 768px) {
  .section-w-image-text .text-content .button-group {
    margin-top: 4rem;
  }
}
.section-w-image-text .image-wrapper {
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .section-w-image-text .image-wrapper {
    width: 50%;
  }
}
.section-w-image-text .image-wrapper .wp-block-image {
  height: 260px;
}
@media only screen and (min-width: 425px) {
  .section-w-image-text .image-wrapper .wp-block-image {
    height: 360px;
  }
}
@media only screen and (min-width: 768px) {
  .section-w-image-text .image-wrapper .wp-block-image {
    height: 460px;
  }
}
@media only screen and (min-width: 1024px) {
  .section-w-image-text .image-wrapper .wp-block-image {
    height: 512px;
  }
}
.section-w-image-text .image-wrapper img {
  height: 100%;
}
.section-w-image-text.alt .text-content {
  margin-top: 2rem;
}
@media only screen and (min-width: 768px) {
  .section-w-image-text.alt .text-content {
    margin-top: 0;
    padding-left: 2rem;
    padding-right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .section-w-image-text.alt .text-content {
    padding-left: 5rem;
    padding-right: 0;
  }
}

.wp-block-image img {
  width: 100% !important;
}

.flex-sb {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media only screen and (min-width: 768px) {
  .flex-width {
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) {
  .flex-width .width-1-3 {
    flex: 1;
  }
}
@media only screen and (min-width: 768px) {
  .flex-width .width-2-3 {
    flex: 2;
  }
}
@media only screen and (min-width: 1024px) {
  .flex-width .width-2-3 {
    flex: 3;
  }
}

.grid, .list-section .section-list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 3rem;
}
@media only screen and (min-width: 425px) {
  .grid.grid-4, .list-section .grid-4.section-list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .grid.grid-4, .list-section .grid-4.section-list {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 4rem;
  }
}
@media only screen and (min-width: 768px) {
  .grid.grid-3, .list-section .section-list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .grid.grid-3, .list-section .section-list {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 4rem 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .grid.grid-2, .list-section .grid-2.section-list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2rem;
  }
}
@media only screen and (min-width: 1280px) {
  .grid.grid-2l, .list-section .grid-2l.section-list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2rem;
  }
}

.grid-2-1 {
  display: grid !important;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 2rem;
}
.grid-2-1 > * {
  grid-column: 1/13;
}
@media only screen and (min-width: 425px) {
  .grid-2-1 > *:nth-child(4n+1) {
    grid-column: 1/7;
  }
  .grid-2-1 > *:nth-child(4n+2) {
    grid-column: 7/13;
  }
  .grid-2-1 > *:nth-child(4n+3) {
    grid-column: 1/7;
  }
  .grid-2-1 > *:nth-child(4n+4) {
    grid-column: 7/13;
  }
}
@media only screen and (min-width: 768px) {
  .grid-2-1 > *:nth-child(4n+1) {
    grid-column: 1/6;
  }
  .grid-2-1 > *:nth-child(4n+2) {
    grid-column: 6/13;
  }
  .grid-2-1 > *:nth-child(4n+3) {
    grid-column: 1/8;
  }
  .grid-2-1 > *:nth-child(4n+4) {
    grid-column: 8/13;
  }
}

.section-tag {
  display: inline-block;
  padding: 0.5rem 1rem;
  font-size: 1.2rem;
  font-weight: 500;
  border-radius: 20px;
}
@media only screen and (min-width: 768px) {
  .section-tag {
    padding: 1rem 1.5rem;
  }
}

.button-group {
  display: flex;
  align-items: center;
}

.main-bg {
  background: #000000;
}

.stack-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.form-wrapper {
  border-top: 4px solid #fff;
  padding: 2rem 0;
}
@media only screen and (min-width: 768px) {
  .form-wrapper {
    padding-top: 3rem 0;
    padding-left: 4rem;
    border-top: none;
    border-left: 4px solid #fff;
  }
}
@media only screen and (min-width: 1024px) {
  .form-wrapper {
    padding-left: 7rem;
  }
}
.form-wrapper label {
  display: block;
  text-align: left;
}

.max-width {
  width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.bg-white {
  background: #fff;
}

input[type=range] {
  -webkit-appearance: none;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 300px;
  height: 10px;
  background: #fff;
  border: none;
  border-radius: 23px;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #fff;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 10px;
  background: #fff;
  border: none;
  border-radius: 23px;
}

input[type=range]::-moz-range-thumb {
  border: none;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background: #713FFF;
}

/*hide the outline behind the border */
input[type=range]:-moz-focusrin {
  outline: 1px solid transparent;
  outline-offset: -1px;
}

input[type=range]:focus::-moz-range-track {
  background: #fff;
}

input[type=email], textarea {
  width: 100%;
}

.vlarge-text, .single-heros h2 {
  font-size: 4rem;
  line-height: 1.3;
}
@media only screen and (min-width: 425px) {
  .vlarge-text, .single-heros h2 {
    font-size: 4rem;
  }
}
@media only screen and (min-width: 782px) {
  .vlarge-text, .single-heros h2 {
    font-size: 5rem;
  }
}
@media only screen and (min-width: 1024px) {
  .vlarge-text, .single-heros h2 {
    font-size: 7rem;
  }
}
@media only screen and (min-width: 1440px) {
  .vlarge-text, .single-heros h2 {
    font-size: 8rem;
  }
}

.large-text, .what-matter-section .what-matter-list .wp-block-group h3, .list-section .section-list .wp-block-group h3, .footer-wrapper .footer-header h2 {
  font-size: 1.8rem;
}
@media only screen and (min-width: 768px) {
  .large-text, .what-matter-section .what-matter-list .wp-block-group h3, .list-section .section-list .wp-block-group h3, .footer-wrapper .footer-header h2 {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 1024px) {
  .large-text, .what-matter-section .what-matter-list .wp-block-group h3, .list-section .section-list .wp-block-group h3, .footer-wrapper .footer-header h2 {
    font-size: 3rem;
  }
}
@media only screen and (min-width: 1440px) {
  .large-text, .what-matter-section .what-matter-list .wp-block-group h3, .list-section .section-list .wp-block-group h3, .footer-wrapper .footer-header h2 {
    font-size: 3.2rem;
  }
}

.section-title, .main-parent .text-container h2, .digital-banking-section h2 {
  font-size: 2.5rem;
}
@media only screen and (min-width: 768px) {
  .section-title, .main-parent .text-container h2, .digital-banking-section h2 {
    font-size: 3.8rem;
  }
}
@media only screen and (min-width: 1024px) {
  .section-title, .main-parent .text-container h2, .digital-banking-section h2 {
    font-size: 4.8rem;
  }
}

.section-title-lg, .advancly-offering-section h2, .what-matter-section h2, .about-growth h2, .advanclymfb-about-hero h2, .list-section h2, .engineered-for-progress-section .wp-block-columns h2, .bank-for-progress h2, .personal-hero-section .text-container h2 {
  font-size: 3rem;
}
@media only screen and (min-width: 768px) {
  .section-title-lg, .advancly-offering-section h2, .what-matter-section h2, .about-growth h2, .advanclymfb-about-hero h2, .list-section h2, .engineered-for-progress-section .wp-block-columns h2, .bank-for-progress h2, .personal-hero-section .text-container h2 {
    font-size: 5rem;
  }
}
@media only screen and (min-width: 782px) {
  .section-title-lg, .advancly-offering-section h2, .what-matter-section h2, .about-growth h2, .advanclymfb-about-hero h2, .list-section h2, .engineered-for-progress-section .wp-block-columns h2, .bank-for-progress h2, .personal-hero-section .text-container h2 {
    font-size: 4rem;
  }
}
@media only screen and (min-width: 1024px) {
  .section-title-lg, .advancly-offering-section h2, .what-matter-section h2, .about-growth h2, .advanclymfb-about-hero h2, .list-section h2, .engineered-for-progress-section .wp-block-columns h2, .bank-for-progress h2, .personal-hero-section .text-container h2 {
    font-size: 5.8rem;
  }
}
@media only screen and (min-width: 1440px) {
  .section-title-lg, .advancly-offering-section h2, .what-matter-section h2, .about-growth h2, .advanclymfb-about-hero h2, .list-section h2, .engineered-for-progress-section .wp-block-columns h2, .bank-for-progress h2, .personal-hero-section .text-container h2 {
    font-size: 6.4rem;
  }
}

.section-title-lgl, .growth-hero h2 {
  font-size: 3rem;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .section-title-lgl, .growth-hero h2 {
    font-size: 5rem;
  }
}
@media only screen and (min-width: 782px) {
  .section-title-lgl, .growth-hero h2 {
    font-size: 3.8rem;
  }
}
@media only screen and (min-width: 1024px) {
  .section-title-lgl, .growth-hero h2 {
    font-size: 5rem;
  }
}
@media only screen and (min-width: 1280px) {
  .section-title-lgl, .growth-hero h2 {
    font-size: 7.5rem;
  }
}
@media only screen and (min-width: 1440px) {
  .section-title-lgl, .growth-hero h2 {
    font-size: 8rem;
  }
}

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

.medium-text, .personal-hero-section .text-container .social-impressions p:last-of-type, .personal-hero-section .text-container .social-impressions p:first-of-type strong {
  font-size: 1.8rem;
}
@media only screen and (min-width: 768px) {
  .medium-text, .personal-hero-section .text-container .social-impressions p:last-of-type, .personal-hero-section .text-container .social-impressions p:first-of-type strong {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .medium-text, .personal-hero-section .text-container .social-impressions p:last-of-type, .personal-hero-section .text-container .social-impressions p:first-of-type strong {
    font-size: 2.4rem;
  }
}

.medium-text-20 {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  .medium-text-20 {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .medium-text-20 {
    font-size: 2rem;
  }
}

.medium-text-22 {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  .medium-text-22 {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .medium-text-22 {
    font-size: 2.2rem;
  }
}

.medium-text-24, .advanclymfb-about-hero .image-wrapper .play-btn span:last-child {
  font-size: 1.8rem;
}
@media only screen and (min-width: 768px) {
  .medium-text-24, .advanclymfb-about-hero .image-wrapper .play-btn span:last-child {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .medium-text-24, .advanclymfb-about-hero .image-wrapper .play-btn span:last-child {
    font-size: 2.4rem;
  }
}

.medium-text-26 {
  font-size: 2rem;
}
@media only screen and (min-width: 768px) {
  .medium-text-26 {
    font-size: 2.2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .medium-text-26 {
    font-size: 2.6rem;
  }
}

.medium-text-28 {
  font-size: 2rem;
}
@media only screen and (min-width: 768px) {
  .medium-text-28 {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 1024px) {
  .medium-text-28 {
    font-size: 2.8rem;
  }
}

.small-text {
  font-size: 1.2rem;
}
@media only screen and (min-width: 768px) {
  .small-text {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 1024px) {
  .small-text {
    font-size: 1.4rem;
  }
}

.vsmall-text {
  font-size: 1.2rem;
}
@media only screen and (min-width: 768px) {
  .vsmall-text {
    font-size: 1.2rem;
  }
}

.rf-15 {
  font-size: 1.3rem;
}
@media only screen and (min-width: 768px) {
  .rf-15 {
    font-size: 1.5rem;
  }
}

.rf-16 {
  font-size: 1.4rem;
}
@media only screen and (min-width: 768px) {
  .rf-16 {
    font-size: 1.6rem;
  }
}

.rf-18, .personal-hero-section .text-container .social-impressions p:first-of-type em {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  .rf-18, .personal-hero-section .text-container .social-impressions p:first-of-type em {
    font-size: 1.8rem;
  }
}

.btn a, .btn button, .wp-block-button a, .wp-block-button button {
  position: relative;
  display: inline-block;
  min-width: 148px;
  padding: 2.4rem 2rem;
  font-family: "CreatoDisplay regular";
  font-weight: 400;
  font-size: 1.4rem !important;
  color: #fff;
  text-align: center;
  line-height: 0;
  text-transform: none;
  border-radius: 24px;
  border: none;
  background: #0E81FF;
  transition: all 0.2s ease-in;
  overflow: hidden;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .btn a, .btn button, .wp-block-button a, .wp-block-button button {
    padding: 2.4rem 2.4rem;
    font-size: 1.6rem !important;
  }
}
.btn a img, .btn a svg, .btn button img, .btn button svg, .wp-block-button a img, .wp-block-button a svg, .wp-block-button button img, .wp-block-button button svg {
  margin-left: 5px;
  transition: transform 0.3s ease-in-out;
}
.btn a:hover img, .btn a:hover svg, .btn button:hover img, .btn button:hover svg, .wp-block-button a:hover img, .wp-block-button a:hover svg, .wp-block-button button:hover img, .wp-block-button button:hover svg {
  transform: translateX(2px);
}
.btn.text-icon-btn a, .wp-block-button.text-icon-btn a {
  padding-right: 5rem;
}
@media only screen and (min-width: 768px) {
  .btn.text-icon-btn a, .wp-block-button.text-icon-btn a {
    padding-right: 6rem;
  }
}
.btn.text-icon-btn a::after, .wp-block-button.text-icon-btn a::after {
  content: "";
  display: block;
  position: absolute;
  right: 3px;
  top: 50%;
  width: 36px;
  height: 36px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #fff url("/advanclymfb/wp-content/themes/advanclyMFB-main/assets/images/stroke.svg") no-repeat center;
  background-size: 14px;
  transition: transform 0.2s ease;
}
@media only screen and (min-width: 768px) {
  .btn.text-icon-btn a::after, .wp-block-button.text-icon-btn a::after {
    width: 44px;
    height: 44px;
  }
}
.btn.text-icon-btn a:hover, .wp-block-button.text-icon-btn a:hover {
  filter: brightness(1.1);
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
  box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
  will-change: box-shadow, filter;
}
.btn.text-icon-btn a:hover::after, .wp-block-button.text-icon-btn a:hover::after {
  transform: translateY(-50%) scale(1.1);
}
.btn.primary-btn a:hover, .btn.primary-btn button:hover, .wp-block-button.primary-btn a:hover, .wp-block-button.primary-btn button:hover {
  filter: brightness(1.1);
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
  box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
  will-change: box-shadow, filter;
}
.btn.outline-btn a, .btn.outline-btn button, .wp-block-button.outline-btn a, .wp-block-button.outline-btn button {
  border: 1px solid #1E1E1E;
  background: transparent;
  color: #1E1E1E;
}
.btn.outline-btn a:hover, .btn.outline-btn button:hover, .wp-block-button.outline-btn a:hover, .wp-block-button.outline-btn button:hover {
  color: #fff;
}
.btn.no-fill-primary-btn a, .btn.no-fill-primary-btn button, .wp-block-button.no-fill-primary-btn a, .wp-block-button.no-fill-primary-btn button {
  background: transparent;
  color: #0E81FF;
  border-radius: none;
  border: 1px solid transparent;
}
.btn.no-fill-primary-btn a:hover, .btn.no-fill-primary-btn button:hover, .wp-block-button.no-fill-primary-btn a:hover, .wp-block-button.no-fill-primary-btn button:hover {
  border-color: #0E81FF;
}
.btn.no-fill-secondary-btn a, .btn.no-fill-secondary-btn button, .wp-block-button.no-fill-secondary-btn a, .wp-block-button.no-fill-secondary-btn button {
  background: transparent;
  color: #fff;
}
.btn.no-fill-secondary-btn a::after, .btn.no-fill-secondary-btn button::after, .wp-block-button.no-fill-secondary-btn a::after, .wp-block-button.no-fill-secondary-btn button::after {
  display: none;
}

.horizontal-slider-section {
  background: #fff;
}
.horizontal-slider-section h2 {
  max-width: 515px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.horizontal-slider-section .highlighted-text {
  max-width: 393px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #C60000;
  font-weight: 500;
}
.horizontal-slider-section p {
  text-align: center;
}
.horizontal-slider-section > .wp-block-columns {
  max-width: 1069px;
}

.horizontal-slider {
  position: relative;
  width: 100%;
  padding-bottom: 70px;
}
.horizontal-slider .slideshow-items {
  min-height: 40vh !important;
}
@media only screen and (min-width: 425px) {
  .horizontal-slider .slideshow-items {
    min-height: 32vh !important;
  }
}
@media only screen and (min-width: 782px) {
  .horizontal-slider .slideshow-items {
    min-height: 45vh !important;
  }
}
.horizontal-slider .slide-item {
  background: #fff;
}
@media only screen and (min-width: 782px) {
  .horizontal-slider .slide-item {
    align-items: center !important;
  }
}
.horizontal-slider .slide-item h3 {
  font-weight: 500;
  font-size: 1.8rem;
}
@media only screen and (min-width: 768px) {
  .horizontal-slider .slide-item h3 {
    font-size: 2rem;
  }
}
.horizontal-slider .slide-item p {
  width: 80%;
  max-width: 552px;
  text-align: left;
  font-size: 1.6rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 768px) {
  .horizontal-slider .slide-item p {
    font-size: 1.6rem;
  }
}
.horizontal-slider .slide-item a {
  margin-left: 2px;
}
.horizontal-slider .slide-item .image-holder {
  display: none;
}
@media only screen and (min-width: 782px) {
  .horizontal-slider .slide-item .image-holder {
    display: block;
  }
}
@media only screen and (min-width: 1024px) {
  .horizontal-slider .slide-item .image-holder figure {
    height: 442px;
  }
}
.horizontal-slider .slide-item .image-holder figure img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.horizontal-slider .horizontal-slider-nav {
  display: flex;
  align-items: center;
}
.horizontal-slider .uk-dotnav {
  margin: 0;
}
.horizontal-slider .uk-dotnav > * > * {
  width: 8px;
  height: 8px;
  border: none;
  background: #D2D2D2;
}
.horizontal-slider .uk-dotnav > .uk-active > * {
  border: none;
  background: #150849;
}
.horizontal-slider .uk-dotnav > * {
  padding-left: 10px;
}
.horizontal-slider .uk-dotnav > *:first-child {
  padding-left: 0;
}
.horizontal-slider .uk-position-left {
  position: relative !important;
}
.horizontal-slider .uk-position-left.right-btn {
  background: url("/advanclyMFB/wp-content/themes/advanclyMFB/assets/images/right.svg") no-repeat center;
}
.horizontal-slider .uk-position-right {
  position: relative !important;
}
.horizontal-slider .slide-nav-container {
  position: absolute;
  display: flex;
  align-items: center;
  z-index: 4;
}
.horizontal-slider .slide-dot-nav {
  display: flex;
  align-items: center;
  margin: 0 2rem;
  transition: all 0.5s ease;
}
.horizontal-slider .slide-dot-nav li {
  width: 8px;
  height: 8px;
  margin: 0 5px;
  border: none;
  background: #D2D2D2;
  border-radius: 50%;
}
.horizontal-slider .position-nav {
  width: 40px;
  height: 40px;
  border: thin solid #D2D2D2;
  border-radius: 100%;
  color: red;
  background: #000;
  background-size: contain;
  filter: grayscale(1);
}
.horizontal-slider .position-nav:hover {
  filter: grayscale(0);
  border-color: transparent;
  background-color: #F4F5F6;
}
.horizontal-slider .position-nav.slide-nav-right {
  background: url("/advanclyMFB/wp-content/themes/advanclyMFB/assets/images/right.svg") no-repeat center;
}
.horizontal-slider .position-nav.slide-nav-left {
  background: url("/advanclyMFB/wp-content/themes/advanclyMFB/assets/images/left.svg") no-repeat center;
}

:root {
  --counter-x: 0;
}

.header-container {
  position: relative;
  z-index: 3;
  background: transparent;
  padding: 0 2rem;
}
@media only screen and (min-width: 768px) {
  .header-container {
    padding: 0 4rem;
  }
}
.header-container.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #FDFDFD;
  z-index: 5;
  animation: fixedheader 0.5s ease-out;
}

.header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
.header-wrapper .logo-holder {
  position: relative;
  display: block;
  flex-grow: 3;
  min-width: 100px;
  max-width: 170px;
  z-index: 3;
}
@media only screen and (min-width: 768px) {
  .header-wrapper .logo-holder {
    margin-right: 3%;
  }
}
.header-wrapper .logo-holder a {
  display: block;
  padding: 1rem 0;
}
.header-wrapper .navigation {
  position: absolute;
  left: 0;
  top: 0;
  padding: 2rem;
  padding-top: 7rem;
  background: #fff;
  transform: translateY(-100%);
  transition: transform 0.2s ease;
}
.header-wrapper .navigation.active {
  width: 100%;
  transform: translateY(0);
}
@media only screen and (min-width: 768px) {
  .header-wrapper .navigation {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: center;
    padding: 0;
    min-width: calc(100% - 120px);
    background: transparent;
    transform: none;
    transition: none;
  }
  .header-wrapper .navigation.active {
    min-width: calc(100% - 120px);
  }
}
@media only screen and (min-width: 768px) {
  .header-wrapper .navigation .menu-main-menu-container {
    flex: 1;
  }
}
@media only screen and (min-width: 768px) {
  .header-wrapper .navigation .main-navigation {
    display: flex;
    align-items: center;
  }
  .header-wrapper .navigation .main-navigation li:nth-of-type(3) {
    margin-left: auto;
  }
}
.header-wrapper .navigation .main-navigation a {
  display: block;
  padding: 1rem 1rem;
  color: #060214;
  font-weight: 400;
  transition: all 0.3s ease-in;
}
@media only screen and (min-width: 768px) {
  .header-wrapper .navigation .main-navigation a {
    padding: 2.2rem 1rem;
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1024px) {
  .header-wrapper .navigation .main-navigation a {
    padding: 2.2rem 1.5rem;
  }
}
@media only screen and (min-width: 1280px) {
  .header-wrapper .navigation .main-navigation a {
    font-size: 1.6rem;
    padding: 2.2rem 2rem;
  }
}
.header-wrapper .navigation .main-navigation a:hover {
  color: #170D33;
}
.header-wrapper .navigation .main-navigation li.current_page_item a, .header-wrapper .navigation .main-navigation li.current-menu-item a, .header-wrapper .navigation .main-navigation li.is_active_parent a {
  font-weight: 700;
  color: #181818;
}
.header-wrapper .navigation .user-navigation {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .header-wrapper .navigation .user-navigation {
    justify-content: flex-end;
  }
}
.header-wrapper .navigation .user-navigation li:first-of-type a {
  display: block;
  padding: 2.4rem 1rem;
  color: #0E81FF;
  font-weight: 400;
  font-size: 2rem;
  line-height: 0;
}
@media only screen and (min-width: 768px) {
  .header-wrapper .navigation .user-navigation li:first-of-type a {
    padding: 2.4rem 1rem;
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1024px) {
  .header-wrapper .navigation .user-navigation li:first-of-type a {
    padding: 2.4rem 1.5rem;
  }
}
@media only screen and (min-width: 1280px) {
  .header-wrapper .navigation .user-navigation li:first-of-type a {
    font-size: 1.6rem;
    padding: 2.4rem 2rem;
  }
}
.header-wrapper .navigation .user-navigation li:last-of-type {
  margin-left: 1rem;
}
.header-wrapper .navigation .user-navigation li:last-of-type a {
  display: block;
  padding: 2.4rem 2rem;
  color: #0E81FF;
  font-weight: 400;
  line-height: 0;
  background: rgba(14, 129, 255, 0.1);
  border-radius: 24px;
}
@media only screen and (min-width: 768px) {
  .header-wrapper .navigation .user-navigation li:last-of-type a {
    padding: 2.4rem 2rem;
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1024px) {
  .header-wrapper .navigation .user-navigation li:last-of-type a {
    padding: 2.4rem 2rem;
  }
}
@media only screen and (min-width: 1280px) {
  .header-wrapper .navigation .user-navigation li:last-of-type a {
    font-size: 1.6rem;
    padding: 2.4rem 2.4rem;
  }
}

.mobile-toggler {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 20px;
  z-index: 5;
}
@media only screen and (min-width: 768px) {
  .mobile-toggler {
    display: none;
  }
}
.mobile-toggler span {
  background: #150849;
  width: 18px;
  height: 2px;
  border-radius: 100px;
}
.mobile-toggler::before, .mobile-toggler::after {
  content: "";
  position: absolute;
  background: #150849;
  border-radius: 100px;
  width: 24px;
  height: 2px;
  left: 1px;
  transition: transform 0.3s ease-in-out;
}
.mobile-toggler::before {
  top: 2px;
}
.mobile-toggler::after {
  bottom: 2px;
}
.mobile-toggler.show-mobile span {
  display: none;
}
.mobile-toggler.show-mobile::before, .mobile-toggler.show-mobile::after {
  transform-origin: 0;
}
.mobile-toggler.show-mobile::before {
  transform: rotate(50deg);
  top: 0;
}
.mobile-toggler.show-mobile::after {
  transform: rotate(-50deg);
  bottom: 0;
}

@keyframes fixedheader {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  25% {
    transform: translateY(40px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.main-footer {
  position: relative;
  padding: 3rem 2rem;
  overflow: hidden;
}
@media only screen and (min-width: 425px) {
  .main-footer {
    padding: 3rem 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .main-footer {
    padding: 3rem 2rem;
  }
}
.footer-wrapper {
  padding: 0;
}
.footer-wrapper .footer-header {
  position: relative;
  width: 90%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 3rem;
  background: linear-gradient(90deg, #CFF584 0%, #F5FDE6 100%);
  background-size: cover;
  border-radius: 24px;
  z-index: 1;
}
@media only screen and (min-width: 782px) {
  .footer-wrapper .footer-header {
    align-items: center !important;
    padding: 4rem 6rem;
  }
}
.footer-wrapper .footer-header h2, .footer-wrapper .footer-header p, .footer-wrapper .footer-header a {
  color: #1A293F;
}
.footer-wrapper .footer-header p {
  max-width: 590px;
}
.footer-wrapper .footer-header .download-cta {
  margin-top: 3rem;
}
@media only screen and (min-width: 782px) {
  .footer-wrapper .footer-header .download-cta {
    margin-top: 0;
  }
}
.footer-wrapper .footer-header .download-cta a {
  padding: 2.4rem 3rem;
  font-size: 1.8rem;
  color: transparent;
  border-radius: 12px;
}
.footer-wrapper .footer-header .download-cta .appstore-cta {
  margin-right: 1rem;
}
.footer-wrapper .footer-header .download-cta .appstore-cta a {
  background: url("/advanclymfb/wp-content/themes/advanclyMFB-main/assets/images/apple.svg") no-repeat center;
  background-size: cover;
}
.footer-wrapper .footer-header .download-cta .googleplay-cta a {
  background: url("/advanclymfb/wp-content/themes/advanclyMFB-main/assets/images/google.svg") no-repeat center;
  background-size: cover;
}

.footer-container .footer-nav-wrapper {
  flex-wrap: wrap !important;
  justify-content: space-between;
}
.footer-container .footer-navigation {
  max-width: 100%;
  padding: 1rem 2rem;
  padding-top: 13rem;
  margin-top: -7rem;
  background: #153461;
  border-radius: 32px;
}
@media only screen and (min-width: 768px) {
  .footer-container .footer-navigation {
    padding: 1rem 4rem;
    padding-top: 13rem;
  }
}
@media only screen and (min-width: 1024px) {
  .footer-container .footer-navigation {
    padding: 1rem 6rem;
    padding-top: 13rem;
  }
}
@media only screen and (min-width: 1440px) {
  .footer-container .footer-navigation {
    padding: 1rem 10rem;
    padding-top: 13rem;
  }
}
.footer-container .footer-navigation h2 {
  margin-bottom: 1rem;
  font-size: 1.8rem;
  color: #FFFFFF;
}
@media only screen and (min-width: 1024px) {
  .footer-container .footer-navigation h2 {
    font-size: 2.4rem;
  }
}
.footer-container .footer-navigation p {
  color: #fff;
  font-size: 1.4rem;
}
.footer-container .footer-navigation p img {
  margin-left: 1rem;
}
.footer-container .footer-navigation a {
  display: inline-block;
  color: #fff;
  font-size: 1.4rem;
  transition: all 0.3s ease;
}
.footer-container .footer-navigation a:hover {
  opacity: 0.8;
}
.footer-container .footer-navigation .advancly-footer-contact-list {
  max-width: 90%;
  margin-top: 3rem;
  padding-top: 2rem;
  padding-left: 0;
  border-top: 1px solid #404C5C;
}
.footer-container .footer-navigation .advancly-footer-contact-list li {
  margin-bottom: 1rem;
  color: #fff;
  font-size: 1.4rem;
  transition: all 0.3s ease;
}
.footer-container .footer-navigation .advancly-footer-contact-list li:hover {
  opacity: 0.8;
}
.footer-container .footer-navigation .advancly-footer-contact-list img {
  margin-right: 1rem;
}
.footer-container .advancly-footer .footer-logo {
  width: 121px;
}
.footer-container .footer-foot ul {
  display: flex;
  align-items: center;
  margin: 0 !important;
  padding-left: 0;
}
.footer-container .footer-foot ul a {
  display: inline-block;
  padding-right: 1rem;
  color: #D2D2D2;
  font-size: 1.4rem;
  transition: all 0.3s ease;
}
.footer-container .footer-foot ul a:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 1024px) {
  .footer-container .advancly-footer {
    flex-basis: 33% !important;
    flex-grow: 0 !important;
  }
}
.footer-container .footer-page-navs {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
  max-width: 280px;
}
@media only screen and (min-width: 768px) {
  .footer-container .footer-page-navs {
    flex-basis: 50% !important;
    flex-grow: 0 !important;
  }
}
@media only screen and (min-width: 1024px) {
  .footer-container .footer-page-navs {
    order: 0;
    flex-basis: 30% !important;
    flex-grow: 0 !important;
    max-width: 100%;
    justify-content: space-around;
    margin-top: 0;
  }
}
.footer-container .footer-page-navs .widget_nav_menu {
  margin-top: 0;
}
.footer-container .share-newsletter {
  max-width: 300px;
  margin-top: 3rem;
}
@media only screen and (min-width: 782px) {
  .footer-container .share-newsletter {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .footer-container .share-newsletter {
    padding-left: 2rem;
    flex-basis: 30% !important;
  }
}
.footer-container .share-newsletter .wp-block-social-links .wp-social-link {
  background: transparent;
}
.footer-container .share-newsletter .wp-block-social-links .wp-social-link a {
  padding: 1rem;
  border-radius: 50%;
  border: 1px solid #4B586B;
}
.footer-container .share-newsletter .wp-block-social-links .wp-social-link svg {
  width: 20px;
  height: 20px;
}

.footer-foot {
  border-top: 1px solid rgba(210, 210, 210, 0.3);
}
.footer-foot .wp-block-column {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  padding-top: 2rem;
}
.footer-foot .wp-block-column h3, .footer-foot .wp-block-column p, .footer-foot .wp-block-column h2, .footer-foot .wp-block-column a {
  color: #8B8699;
  font-size: 1.4rem;
}
.footer-foot .wp-block-column h2 {
  max-width: 669px;
  font-weight: 500;
}
.footer-foot .wp-block-column p {
  margin-bottom: 2rem;
}
.footer-foot .wp-block-column p:first-of-type {
  font-weight: 400;
  color: #FFFFFF;
}
.footer-foot .wp-block-column a {
  color: #5C5A66;
}

.newsletter-holder .input-holder {
  position: relative;
  border-radius: 100px;
  background: #4B586B;
  overflow: hidden;
}
.newsletter-holder .input-holder label {
  position: absolute;
  top: 50%;
  left: 2rem;
  transform: translateY(-50%);
  color: #fff;
  font-size: 1.3rem;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.newsletter-holder .input-holder input {
  position: relative;
  display: block;
  padding: 2rem 2rem;
  font-size: 1.6rem;
  width: 100%;
  outline: none;
  border: none;
  background: transparent;
  color: #FFFFFF;
}
.newsletter-holder .input-holder input::-moz-placeholder {
  font-size: 1.6rem;
  color: #FFFFFF;
}
.newsletter-holder .input-holder input::placeholder {
  font-size: 1.6rem;
  color: #FFFFFF;
}
.newsletter-holder .input-holder:focus-within {
  background: #fff;
}
.newsletter-holder .input-holder:focus-within label {
  color: #1A293F;
  opacity: 1;
  transform: translateY(-127%);
}
.newsletter-holder .input-holder:focus-within input {
  color: #1A293F;
}
.newsletter-holder button {
  display: block;
  width: 100%;
  padding: 1.4rem;
  border-radius: 100px;
  background: #4791FE;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
}
.newsletter-holder button:hover {
  filter: brightness(1.1);
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
  box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
  will-change: box-shadow, filter;
}

.home-hero .wp-block-cover .has-background-dim:not([class*=-background-color]) {
  background: linear-gradient(243.85deg, rgba(0, 0, 0, 0) 37.54%, rgba(0, 0, 0, 0.8) 74.43%);
  opacity: 1;
}
.home-hero .wp-block-columns {
  position: relative;
}
.home-hero h2 {
  letter-spacing: -0.4px;
  line-height: 1.1;
  color: #fff;
  font-size: calc(33px + 0.390625vw);
  max-width: 728px;
}
@media only screen and (min-width: 425px) {
  .home-hero h2 {
    font-size: calc(50px + 0.390625vw);
  }
}
@media only screen and (min-width: 768px) {
  .home-hero h2 {
    font-size: calc(60px + 0.390625vw);
  }
}
@media only screen and (min-width: 1024px) {
  .home-hero h2 {
    font-size: calc(70px + 0.390625vw);
  }
}
.home-hero h2 > span {
  position: relative;
  font-family: "CreatoDisplay Bolditalic";
}
.home-hero .leading-text {
  max-width: 539px;
}
.home-hero .wp-block-buttons {
  margin-top: 4rem;
}
.home-hero .licensed-text {
  margin-top: 3rem;
}
.home-hero .licensed-text p {
  font-size: 1.4rem;
}
.home-hero .licensed-text p img {
  margin-left: 5px;
}
.home-hero .licensed-text p:last-of-type {
  margin-left: 1rem;
}
.home-hero .hero-customer p:has(img) {
  animation-name: scale-text;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 2s;
}
.home-hero .hero-customer p:has(img) img {
  width: 35px !important;
}
@media only screen and (min-width: 425px) {
  .home-hero .hero-customer p:has(img) img {
    width: 42px !important;
  }
}
.home-hero .hero-customer p:has(img) img:not(:first-child) {
  margin-left: -10px;
}
.home-hero .hero-customer .customer-text {
  position: relative;
  display: inline-block;
  padding: 0.75rem 1.4rem;
  margin-left: -20px;
  font-size: 1.2rem;
  color: #242A33;
  background: #F5F7F9;
  border-radius: 100px;
  z-index: 1;
}
.home-hero .pop-image {
  position: absolute;
  right: 3rem;
  bottom: 0;
  width: 100px;
  opacity: 0;
  display: none;
}
@media only screen and (min-width: 768px) {
  .home-hero .pop-image {
    display: block;
  }
}
.home-hero .pop-image img {
  width: 100%;
}

.personal-hero-section {
  padding: 0;
}
.personal-hero-section .wp-block-columns {
  gap: 0;
}
.personal-hero-section .text-container {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  padding-top: 3rem;
  border-radius: 40px;
  background: linear-gradient(289.6deg, #2C6EEC 0%, rgba(31, 16, 119, 0.74) 101.2%);
}
@media only screen and (min-width: 768px) {
  .personal-hero-section .text-container {
    padding: 3rem;
    padding-top: 8rem;
  }
}
@media only screen and (min-width: 1024px) {
  .personal-hero-section .text-container {
    padding: 4rem;
    padding-top: 12rem;
  }
}
.personal-hero-section .text-container h2 {
  color: #fff;
}
.personal-hero-section .text-container p {
  margin-top: 3rem;
  color: #FFFFFF;
}
.personal-hero-section .text-container .wp-block-buttons {
  margin-top: 3rem;
}
.personal-hero-section .text-container .licensed-text {
  margin-top: 3rem;
}
.personal-hero-section .text-container .licensed-text p {
  font-size: 1.4rem;
}
.personal-hero-section .text-container .licensed-text p img {
  margin-left: 5px;
}
.personal-hero-section .text-container .licensed-text p:last-of-type {
  margin-left: 1rem;
}
.personal-hero-section .text-container .social-impressions {
  justify-content: space-around;
  margin-top: auto;
  padding-top: 2rem;
  border-top: 1px solid #D1CFD6;
}
.personal-hero-section .text-container .social-impressions p {
  margin-top: 0;
}
.personal-hero-section .text-container .social-impressions p:first-of-type {
  display: flex;
  align-items: center;
}
.personal-hero-section .text-container .social-impressions p:first-of-type em {
  color: #fff;
  font-style: normal;
  line-height: 1;
  margin-left: 1rem;
}
.personal-hero-section .text-container .social-impressions p:first-of-type strong {
  display: block;
}
.personal-hero-section .text-container .social-impressions p:first-of-type img {
  animation-name: scale-text;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 2s;
}
.personal-hero-section .text-container .social-impressions p:last-of-type a:first-child {
  margin-left: 1rem;
}
.personal-hero-section .text-container .social-impressions p:last-of-type a:not(:first-child) {
  margin-left: -1rem;
}
.personal-hero-section .text-container .social-impressions p:last-of-type a img {
  position: relative;
  transition: transform 0.2s ease;
}
.personal-hero-section .text-container .social-impressions p:last-of-type a:hover img {
  z-index: 2;
  transform: scale(1.05);
}
.personal-hero-section .image-container {
  margin-top: 2rem;
}
@media only screen and (min-width: 782px) {
  .personal-hero-section .image-container {
    margin-top: 0;
  }
}
.personal-hero-section .image-container figure {
  height: 350px;
}
@media only screen and (min-width: 782px) {
  .personal-hero-section .image-container figure {
    height: 100%;
  }
}

.bank-for-progress {
  background: linear-gradient(78.65deg, #6A80E3 0%, #3284EA 24.84%, #80ABD8 50.08%, #A4C3BE 75.3%, #AECB95 100%);
  padding-top: 0;
  padding-bottom: 0;
}
@media only screen and (min-width: 425px) {
  .bank-for-progress .wp-block-columns {
    padding: 2rem 0;
  }
}
@media only screen and (min-width: 768px) {
  .bank-for-progress .wp-block-columns {
    align-items: center !important;
    padding: 0;
  }
}
.bank-for-progress h2 {
  color: #fff;
}
.bank-for-progress p {
  width: 70%;
  max-width: 545px;
  font-weight: 500;
  color: #FFFFFF;
}
.bank-for-progress .video-in-view {
  height: 440px;
}
@media only screen and (min-width: 782px) {
  .bank-for-progress .video-in-view {
    margin-left: 3rem;
  }
}
.bank-for-progress .video-in-view video {
  height: 100%;
}

.digital-banking-section {
  padding-left: 0;
  padding-right: 0;
}
.digital-banking-section h2 {
  max-width: 406px;
  margin: 0 !important;
  margin-bottom: 1rem !important;
  color: #150849;
  letter-spacing: -2px;
}
.digital-banking-section h2 sub {
  display: inline-block;
  padding: 0.5rem;
  font-size: 1rem;
  font-style: italic;
  line-height: 1;
  color: #000000;
  background: #DEFADE;
  border: 1px solid #FFFFFF;
  border-radius: 24px;
  bottom: -1rem;
  left: -4rem;
  transform: rotate(-8.53deg);
}
@media only screen and (min-width: 768px) {
  .digital-banking-section h2 sub {
    font-size: 1.4rem;
    bottom: -1.5rem;
    left: -7rem;
  }
}
@media only screen and (min-width: 768px) {
  .digital-banking-section .pin-spacer:nth-of-type(2) .scroll-speed-section .image-list figure {
    bottom: 120vh;
  }
}
.digital-banking-section .scroll-speed-section {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
  grid-template-rows: 300px;
  align-items: flex-start;
}
@media only screen and (min-width: 768px) {
  .digital-banking-section .scroll-speed-section {
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .digital-banking-section .scroll-speed-section {
    grid-template-columns: repeat(7, 1fr);
  }
}
.digital-banking-section .scroll-speed-section .text-list, .digital-banking-section .scroll-speed-section .video-list, .digital-banking-section .scroll-speed-section .image-list {
  position: relative;
}
.digital-banking-section .scroll-speed-section .text-list {
  grid-column: span 2;
}
@media only screen and (min-width: 768px) {
  .digital-banking-section .scroll-speed-section .text-list {
    grid-column: span 3;
  }
}
@media only screen and (min-width: 1024px) {
  .digital-banking-section .scroll-speed-section .text-list {
    grid-column: span 2;
  }
}
.digital-banking-section .scroll-speed-section .text-container {
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 0;
}
.digital-banking-section .scroll-speed-section .video-list {
  position: relative;
  order: 3;
  grid-column: span 3;
}
@media only screen and (min-width: 768px) {
  .digital-banking-section .scroll-speed-section .video-list {
    order: 0;
    grid-column: span 2;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .digital-banking-section .scroll-speed-section .video-list {
    grid-column: span 3;
  }
}
.digital-banking-section .scroll-speed-section .video-list .scroll-speed-video {
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .digital-banking-section .scroll-speed-section .video-list .scroll-speed-video:nth-of-type(3) {
    margin-top: 3rem;
  }
}
.digital-banking-section .scroll-speed-section .video-list .scroll-speed-video video {
  position: relative;
  width: 100%;
  height: 90%;
  display: none;
}
@media only screen and (min-width: 768px) {
  .digital-banking-section .scroll-speed-section .video-list .scroll-speed-video video {
    height: auto;
  }
}
.digital-banking-section .scroll-speed-section .image-list {
  grid-column: span 1;
}
@media only screen and (min-width: 1024px) {
  .digital-banking-section .scroll-speed-section .image-list {
    grid-column: span 2;
  }
}
.digital-banking-section .scroll-speed-section .image-list figure {
  left: 0;
  width: 100%;
  max-width: 150px;
  margin-top: 0;
  margin-left: auto;
}
@media only screen and (min-width: 1024px) {
  .digital-banking-section .scroll-speed-section .image-list figure {
    max-width: 240px;
  }
}

.engineered-for-progress-section {
  padding-left: 2rem;
  padding-right: 2rem;
}
.engineered-for-progress-section .wp-block-columns h2 {
  margin-bottom: 3rem;
  color: #150849;
}
@media only screen and (min-width: 768px) {
  .engineered-for-progress-section .wp-block-columns h2 {
    margin-bottom: 5rem;
  }
}
.engineered-for-progress-section .wp-block-columns h2 mark {
  font-style: italic;
}
.engineered-for-progress-section .wp-block-columns p:has(img) {
  position: relative;
  width: 90%;
  max-width: 660px;
  padding-bottom: 4rem;
  margin-bottom: 2rem;
  color: #170D33;
}
@media only screen and (min-width: 768px) {
  .engineered-for-progress-section .wp-block-columns p:has(img) {
    padding-bottom: 7rem;
  }
}
@media only screen and (min-width: 1024px) {
  .engineered-for-progress-section .wp-block-columns p:has(img) {
    padding-bottom: 10rem;
  }
}
.engineered-for-progress-section .wp-block-columns p:has(img)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  height: 1px;
  width: 90%;
  background: #8B8699;
}
.engineered-for-progress-section .wp-block-columns p:has(img) img {
  margin-bottom: 2rem;
}
.engineered-for-progress-section .wp-block-columns p {
  line-height: 1.5;
  color: #170D33;
}
@media only screen and (min-width: 782px) {
  .engineered-for-progress-section .wp-block-columns figure {
    height: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .engineered-for-progress-section .wp-block-columns figure {
    height: 662px;
  }
}
.engineered-for-progress-section .wp-block-columns figure img {
  height: 100%;
}

.list-section {
  background: #F8F8F8;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.list-section h2 {
  text-align: center;
  color: #060214;
}
@media only screen and (min-width: 782px) {
  .list-section h2 {
    margin-bottom: 3rem;
  }
}
.list-section .section-list {
  grid-gap: 4rem;
}
.list-section .section-list .wp-block-group {
  background: #fff;
  border-radius: 40px;
  margin: 0 !important;
  padding: 2rem;
}
@media only screen and (min-width: 425px) {
  .list-section .section-list .wp-block-group {
    padding: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .list-section .section-list .wp-block-group {
    padding: 4rem;
  }
}
.list-section .section-list .wp-block-group h3 {
  margin-top: 80px;
  color: #060214;
  font-weight: 700;
}
.list-section .section-list .wp-block-group h3 br {
  display: none;
}
.list-section .section-list .wp-block-group h3:has(img) {
  margin-top: 0;
}
.list-section .section-list .wp-block-group h3:has(img) br {
  display: block;
}
.list-section .section-list .wp-block-group p {
  color: #060214;
}

@keyframes swap-text {
  0% {
    transform: translateY(100%);
  }
  10% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes scale-text {
  0% {
    transform: scaleX(0.9);
  }
  10% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(1);
  }
}
.stick-it-section {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  margin-top: 0;
}

.parent-wrapper {
  min-height: 100vh !important;
  overflow: hidden;
}

.main-parent {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
  grid-template-rows: 300px;
  align-items: flex-start;
}
@media only screen and (min-width: 768px) {
  .main-parent {
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .main-parent {
    grid-template-columns: repeat(7, 1fr);
  }
}
.main-parent .text-container-wrapper, .main-parent .video-holder, .main-parent .image-container {
  height: calc(100vh - 100px);
  overflow: hidden;
}
.main-parent .text-container-wrapper {
  grid-column: span 2;
}
@media only screen and (min-width: 768px) {
  .main-parent .text-container-wrapper {
    grid-column: span 3;
  }
}
@media only screen and (min-width: 1024px) {
  .main-parent .text-container-wrapper {
    grid-column: span 2;
  }
}
.main-parent .video-holder {
  position: absolute;
  width: 100%;
  order: 3;
  grid-column: span 3;
}
@media only screen and (min-width: 768px) {
  .main-parent .video-holder {
    position: relative;
    order: 0;
    grid-column: span 2;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .main-parent .video-holder {
    grid-column: span 3;
  }
}
.main-parent .image-container {
  display: none;
  grid-column: span 1;
}
@media only screen and (min-width: 1024px) {
  .main-parent .image-container {
    display: block;
    grid-column: span 2;
  }
}
.main-parent .image-container .image-holder:nth-of-type(2n) {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.main-parent .image-container figure {
  width: 100%;
  max-width: 150px;
  margin-top: 0;
  margin-left: auto;
}
@media only screen and (min-width: 1024px) {
  .main-parent .image-container figure {
    max-width: 240px;
  }
}
.main-parent .image-track,
.main-parent .text-track,
.main-parent .video-track {
  display: flex;
  flex-direction: column;
  height: 400%;
}
.main-parent .text-container, .main-parent .scroll-speed-video, .main-parent .image-holder {
  height: calc(100vh - 100px);
}
.main-parent .text-container {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.main-parent .text-container h2 {
  max-width: 406px;
  margin: 0 !important;
  margin-bottom: 1rem !important;
  color: #150849;
  letter-spacing: -2px;
}
.main-parent .text-container p {
  max-width: 400px;
  margin-left: 0 !important;
  margin-right: 0 !important;
  letter-spacing: 0;
  line-height: 1.5;
  color: #8B8699;
}
.main-parent .text-container .wp-block-buttons {
  margin-top: 2rem;
}
.main-parent .scroll-speed-video {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-top: 0;
  margin-block-start: 0;
}
@media only screen and (min-width: 768px) {
  .main-parent .scroll-speed-video {
    display: block;
  }
}
.main-parent .scroll-speed-video video {
  height: 60vh;
}
@media only screen and (min-width: 768px) {
  .main-parent .scroll-speed-video video {
    height: auto;
  }
}
.main-parent .image-holder {
  padding-bottom: 3rem;
  margin-right: 0 !important;
}

h2 mark {
  background: linear-gradient(90deg, #000, #fff, #000);
  background-repeat: no-repeat;
  background-size: 80%;
  animation: animate 5s linear infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(247, 158, 27, 0.9);
}

@keyframes animate {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }
}
.about-us main {
  padding: 0;
}

.advanclymfb-about-hero {
  margin-top: 0;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .advanclymfb-about-hero {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.advanclymfb-about-hero.grow-testimonial {
  padding: 4rem 2rem;
}
@media only screen and (min-width: 1024px) {
  .advanclymfb-about-hero.grow-testimonial {
    padding: 6rem 4rem;
  }
}
.advanclymfb-about-hero.grow-testimonial .wp-block-column:first-of-type p {
  max-width: 547px;
  margin: 2rem 0;
}
@media only screen and (min-width: 782px) {
  .advanclymfb-about-hero .wp-block-columns {
    align-items: center !important;
  }
}
.advanclymfb-about-hero h2 {
  max-width: 90%;
  margin: 0 auto;
  text-align: center;
  color: #170D33;
}
@media only screen and (min-width: 782px) {
  .advanclymfb-about-hero h2 {
    text-align: left;
    max-width: 100%;
    margin: 0;
  }
}
.advanclymfb-about-hero .image-wrapper {
  position: relative;
  width: 100%;
  margin-top: 3rem;
}
@media only screen and (min-width: 782px) {
  .advanclymfb-about-hero .image-wrapper {
    margin-top: 0;
    width: 50%;
    padding-left: 2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .advanclymfb-about-hero .image-wrapper {
    max-width: 653px;
  }
}
.advanclymfb-about-hero .image-wrapper .wp-block-image {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  height: 400px;
  margin-bottom: 0;
  -webkit-mask-image: url(/advanclymfb/wp-content/themes/advanclyMFB-Main/assets/images/subtract.png);
          mask-image: url(/advanclymfb/wp-content/themes/advanclyMFB-Main/assets/images/subtract.png);
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
@media only screen and (min-width: 768px) {
  .advanclymfb-about-hero .image-wrapper .wp-block-image {
    height: 460px;
  }
}
@media only screen and (min-width: 1024px) {
  .advanclymfb-about-hero .image-wrapper .wp-block-image {
    height: 580px;
  }
}
@media only screen and (min-width: 1440px) {
  .advanclymfb-about-hero .image-wrapper .wp-block-image {
    height: 650px;
  }
}
.advanclymfb-about-hero .image-wrapper .wp-block-image::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 23.09%, rgba(0, 0, 0, 0.5) 65.8%);
}
.advanclymfb-about-hero .image-wrapper .wp-block-image img {
  -o-object-fit: cover;
     object-fit: cover;
}
.advanclymfb-about-hero .image-wrapper .wp-block-embed {
  display: none;
}
.advanclymfb-about-hero .image-wrapper .play-btn {
  position: absolute;
  top: 70%;
  left: 20px;
  color: #fff;
  padding: 2rem 0;
  padding-left: 50px;
  background: url("/advanclymfb/wp-content/themes/advanclyMFB-Main/assets/images/play-icon.svg") no-repeat;
  background-position: left center;
  background-size: 40px 40px;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .advanclymfb-about-hero .image-wrapper .play-btn {
    top: 80%;
    left: 50px;
    padding: 2rem 0;
    padding-left: 65px;
    background-position: left center;
    background-size: 53px 53px;
  }
}
.advanclymfb-about-hero .image-wrapper .play-btn span {
  display: block;
  text-align: left;
}
.advanclymfb-about-hero .image-wrapper .play-btn span:first-child {
  font-weight: 400;
  font-size: 1.4rem;
}
.advanclymfb-about-hero .image-wrapper .play-btn span:last-child {
  font-weight: 700;
}

.about-text-section {
  background: #FFFFFF;
  border-radius: 0;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (min-width: 768px) {
  .about-text-section {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.about-text-section h2 {
  max-width: 90%;
  margin: 0 auto;
  text-align: center;
  color: #150849;
  line-height: 1;
  letter-spacing: -2.2%;
}
@media only screen and (min-width: 782px) {
  .about-text-section h2 {
    text-align: left;
    max-width: 100%;
    margin: 0;
  }
}
@media only screen and (min-width: 782px) {
  .about-text-section .text-holder {
    padding-left: 2rem;
  }
}
.about-text-section p {
  max-width: 90%;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (min-width: 782px) {
  .about-text-section p {
    text-align: left;
    max-width: 100%;
    margin: 0;
  }
}
.about-text-section .wp-block-image {
  margin-top: 3rem;
}
@media only screen and (min-width: 782px) {
  .about-text-section .wp-block-image {
    margin-top: 5rem;
  }
}

.about-growth {
  margin-top: 0;
}
@media only screen and (min-width: 782px) {
  .about-growth .wp-block-columns {
    align-items: center !important;
  }
}
.about-growth h2 mark {
  font-style: italic;
}
.about-growth p {
  max-width: 547px;
}
.about-growth figure {
  width: 100%;
  max-height: 300px;
  -webkit-mask-image: url(/advanclymfb/wp-content/themes/advanclyMFB-Main/assets/images/subtract.png);
          mask-image: url(/advanclymfb/wp-content/themes/advanclyMFB-Main/assets/images/subtract.png);
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
@media only screen and (min-width: 782px) {
  .about-growth figure {
    margin-left: auto;
    max-width: 540px;
    max-height: 560px;
  }
}

.what-matter-section h2 {
  text-align: center;
  color: #150849;
}
@media only screen and (min-width: 782px) {
  .what-matter-section h2 {
    margin-bottom: 3rem;
  }
}
.what-matter-section .what-matter-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.what-matter-section .what-matter-list .wp-block-group {
  background: #fff;
  border-radius: 40px;
  margin-top: 0;
  margin-bottom: 2rem;
  padding: 2rem;
}
@media only screen and (min-width: 425px) {
  .what-matter-section .what-matter-list .wp-block-group {
    width: 48%;
    padding: 1rem;
    margin-bottom: 3rem;
  }
}
@media only screen and (min-width: 768px) {
  .what-matter-section .what-matter-list .wp-block-group {
    padding: 4rem;
  }
}
.what-matter-section .what-matter-list .wp-block-group h3 {
  font-weight: 700;
}
.what-matter-section .what-matter-list .wp-block-group h3 img {
  margin-bottom: 2rem;
}

.about-modal .wp-block-embed {
  margin-bottom: 0;
}
.about-modal .wp-block-embed figure {
  border-radius: 0;
}
.about-modal .wp-block-embed iframe {
  width: 100%;
  border-radius: 0;
}
@media only screen and (min-width: 768px) {
  .about-modal .wp-block-embed iframe {
    min-height: 80vh;
    min-width: 90%;
  }
}

.growth-hero {
  margin-top: 0;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 3rem;
}
@media only screen and (min-width: 1024px) {
  .growth-hero {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media only screen and (min-width: 782px) {
  .growth-hero .wp-block-columns {
    align-items: center !important;
  }
}
.growth-hero .text-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 782px) {
  .growth-hero .text-content {
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.growth-hero h2 {
  max-width: 90%;
  margin: 0 auto;
  text-align: center;
  color: #170D33;
}
@media only screen and (min-width: 782px) {
  .growth-hero h2 {
    text-align: left;
    max-width: 100%;
    margin: 0;
  }
}
.growth-hero h2 mark {
  font-style: italic;
}
.growth-hero p {
  max-width: 544px;
  text-align: center;
}
@media only screen and (min-width: 782px) {
  .growth-hero p {
    text-align: left;
  }
}
.growth-hero .wp-block-buttons {
  margin-top: 4rem;
}
.growth-hero .image-wrapper {
  position: relative;
  width: 100%;
  margin-top: 3rem;
}
@media only screen and (min-width: 782px) {
  .growth-hero .image-wrapper {
    margin-top: 0;
    width: 50%;
    padding-left: 2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .growth-hero .image-wrapper {
    max-width: 550px;
  }
}
.growth-hero .image-wrapper .wp-block-image {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  height: 400px;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .growth-hero .image-wrapper .wp-block-image {
    height: 460px;
  }
}
@media only screen and (min-width: 1024px) {
  .growth-hero .image-wrapper .wp-block-image {
    height: 560px;
  }
}

.grow-money main {
  padding-left: 0;
  padding-right: 0;
}

.advancly-offering-section {
  padding-left: 2rem;
  padding-right: 2rem;
  border-radius: 60px;
  background: #FFFFFF;
}
@media only screen and (min-width: 1024px) {
  .advancly-offering-section {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.advancly-offering-section h2 {
  margin-top: 3rem;
  color: #200865;
}
.advancly-offering-section .summary-text {
  max-width: 720px;
}
.advancly-offering-section .pricing-list {
  margin-top: 5rem;
}
@media only screen and (min-width: 1024px) {
  .advancly-offering-section .pricing-list {
    gap: 3rem;
  }
}
@media only screen and (min-width: 1280px) {
  .advancly-offering-section .pricing-list {
    gap: 4rem;
  }
}
.advancly-offering-section .pricing-list .wp-block-column {
  position: relative;
  padding: 4rem 2rem;
  border-radius: 40px;
  padding-bottom: 100px;
}
@media only screen and (min-width: 1280px) {
  .advancly-offering-section .pricing-list .wp-block-column {
    padding: 4rem;
  }
}
.advancly-offering-section .pricing-list .wp-block-column img {
  display: block;
}
.advancly-offering-section .pricing-list .wp-block-column h3 {
  font-weight: 700;
  font-size: 2.4rem;
}
@media only screen and (min-width: 782px) {
  .advancly-offering-section .pricing-list .wp-block-column h3 {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 992px) {
  .advancly-offering-section .pricing-list .wp-block-column h3 {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1280px) {
  .advancly-offering-section .pricing-list .wp-block-column h3 {
    font-size: 2.4rem;
  }
}
.advancly-offering-section .pricing-list .wp-block-column ul {
  padding-left: 0;
  margin-bottom: 5rem;
}
.advancly-offering-section .pricing-list .wp-block-column ul li {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  color: #170D33;
  font-size: 1.4rem;
}
@media only screen and (min-width: 782px) {
  .advancly-offering-section .pricing-list .wp-block-column ul li {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .advancly-offering-section .pricing-list .wp-block-column ul li {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1280px) {
  .advancly-offering-section .pricing-list .wp-block-column ul li {
    font-size: 1.6rem;
  }
}
.advancly-offering-section .pricing-list .wp-block-column ul li::before {
  content: "";
  width: 13px;
  height: 13px;
  margin-right: 0.6rem;
  background: url("/advanclymfb/wp-content/themes/advanclyMFB/assets/images/checkli.svg") no-repeat center;
  background-size: 100%;
}
.advancly-offering-section .pricing-list .wp-block-column p:has(a) {
  display: flex;
  align-items: center;
  color: #0E81FF;
}
.advancly-offering-section .pricing-list .wp-block-column p:has(a) a {
  color: #0E81FF;
}
.advancly-offering-section .pricing-list .wp-block-column p:has(a) img {
  margin-left: 0.8rem;
  transition: transform 0.2s ease-in;
}
.advancly-offering-section .pricing-list .wp-block-column p:has(a):hover img {
  transform: translateX(1rem);
}
.advancly-offering-section .pricing-list .wp-block-column:first-of-type {
  background: #DEFADE;
}
.advancly-offering-section .pricing-list .wp-block-column:nth-of-type(2) {
  background: #F8F5FF;
}
.advancly-offering-section .pricing-list .wp-block-column:last-of-type {
  background: rgba(14, 129, 255, 0.1);
}

.book-a-call-section {
  padding: 0;
}
.book-a-call-section .wp-block-columns {
  position: relative;
}
@media only screen and (min-width: 782px) {
  .book-a-call-section .wp-block-columns {
    align-items: flex-start;
    justify-content: space-between;
  }
}
.book-a-call-section .wp-block-column:first-of-type {
  max-width: 600px;
}
@media only screen and (min-width: 782px) {
  .book-a-call-section .wp-block-column:first-of-type {
    position: sticky;
    top: 0;
    align-self: flex-start;
  }
}
.book-a-call-section figure {
  width: 265px;
  height: 265px;
}

.book-a-call-form-holder {
  padding: 3rem 2rem;
  background: #fff;
  border-radius: 20px;
}
@media only screen and (min-width: 1024px) {
  .book-a-call-form-holder {
    max-width: 569px;
  }
}
.book-a-call-form-holder .wp-block-buttons, .book-a-call-form-holder .wp-block-button, .book-a-call-form-holder a {
  width: 100%;
}
.book-a-call-form-holder a {
  position: relative;
  padding: 2rem;
  font-size: 2rem !important;
  text-align: left;
  background: #153461;
  border: 20px;
}
.book-a-call-form-holder a::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 2rem;
  top: calc(50% - 8px);
  width: 16px;
  height: 16px;
  background: url("/advanclymfb/wp-content/themes/advanclyMFB-Main/assets/images/arrow.svg") no-repeat center;
  background-size: 20px;
  background-position: center right;
  z-index: 1;
}
.book-a-call-form-holder a strong {
  font-family: "CreatoDisplay Bold";
  font-weight: 700;
  font-size: 2.4rem !important;
}
.book-a-call-form-holder .divider {
  display: flex;
  align-items: center;
  text-transform: capitalize;
  color: #8B8699;
}
.book-a-call-form-holder .divider::before, .book-a-call-form-holder .divider::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background: #D1CFD6;
}
.book-a-call-form-holder .divider::before {
  margin-right: 1rem;
}
.book-a-call-form-holder .divider::after {
  margin-left: 1rem;
}
.book-a-call-form-holder .contact-me-form-holder h3 {
  margin-bottom: 2rem;
  font-size: 1.8rem;
  color: #170D33;
}
@media only screen and (min-width: 768px) {
  .book-a-call-form-holder .contact-me-form-holder h3 {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .book-a-call-form-holder .contact-me-form-holder h3 {
    font-size: 2.4rem;
  }
}
.book-a-call-form-holder .contact-me-form-holder label {
  color: #8B8699;
}
.book-a-call-form-holder .contact-me-form-holder input {
  outline: none;
  font-size: 1.6rem;
}
.book-a-call-form-holder .contact-me-form-holder .form-field:has(.frm_submit) {
  margin-bottom: 0;
}
.book-a-call-form-holder .contact-me-form-holder .frm_submit .frm_button_submit {
  margin: 0;
  width: 100%;
  font-family: "Open Sans";
  font-weight: 500;
  background: #4791FE;
  border-color: #4791FE;
  padding: 1.6rem 0;
}
.book-a-call-form-holder .contact-me-form-holder .frm_submit .frm_button_submit:hover {
  background: #4791FE;
  border-color: #4791FE;
}
.book-a-call-form-holder .contact-me-form-holder .frm_form_fields > fieldset {
  padding-bottom: 0;
}

.frm_style_formidable-style.with_frm_style .form-field input:not([type=file]):not([type=range]):not([readonly]):focus {
  box-shadow: none;
  border-color: #D1CFD6;
}

:root {
  --top: 70px;
  --space: 30px;
}

.single-heros {
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 782px) {
  .single-heros .wp-block-columns {
    align-items: center !important;
  }
}
.single-heros h2 {
  max-width: 607px;
}
.single-heros p {
  max-width: 540px;
  color: #060214;
}
.single-heros .wp-block-buttons {
  margin-top: 3rem;
}
.single-heros .wp-block-buttons a {
  background: #33297B;
}
.single-heros .image-container {
  position: relative;
  margin-top: 3rem;
  max-width: 580px;
}
@media only screen and (min-width: 768px) {
  .single-heros .image-container {
    margin-top: 0;
    padding-left: 4rem;
  }
}
@media only screen and (min-width: 1024px) {
  .single-heros .image-container {
    padding-left: 4rem;
  }
}
.single-heros .image-container figure {
  max-height: 350px;
}
@media only screen and (min-width: 782px) {
  .single-heros .image-container figure {
    max-height: 560px;
  }
}
.single-heros .image-container figure img {
  height: 100%;
}
.single-heros .image-container .anim-wrapper {
  position: absolute;
  bottom: 0;
  left: 2rem;
  margin-top: -100%;
  width: 60%;
  max-width: 325px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .single-heros .image-container .anim-wrapper {
    left: 6rem;
  }
}
.single-heros .image-container .animated-pop-image {
  position: relative;
  margin: 0;
}
.single-heros .image-container .animated-pop-image figure {
  position: absolute;
  width: 100%;
  max-width: 325px;
  max-height: 80px;
}
.single-heros .image-container .animated-pop-image.short {
  width: 70%;
}

.sticky-section-wrapper {
  position: relative;
  padding: 0;
  border-radius: 0;
  overflow: visible;
}
.sticky-section-wrapper .inner-sticky-section {
  position: sticky;
  padding: 3rem 2rem;
  max-width: 100%;
  border-radius: 40px;
}
@media only screen and (min-width: 768px) {
  .sticky-section-wrapper .inner-sticky-section {
    padding: 5rem 4rem;
  }
}
@media only screen and (min-width: 1024px) {
  .sticky-section-wrapper .inner-sticky-section {
    padding: 5rem;
  }
}
@media only screen and (min-width: 1440px) {
  .sticky-section-wrapper .inner-sticky-section {
    padding: 5rem 10rem;
  }
}
.sticky-section-wrapper .inner-sticky-section .wp-block-columns {
  max-width: 1440px;
  margin: 0 auto;
  justify-content: space-between;
}
.sticky-section-wrapper .inner-sticky-section .wp-block-columns .wp-block-column:first-child {
  max-width: 642px;
}
.sticky-section-wrapper .inner-sticky-section .wp-block-columns .wp-block-column:last-child {
  margin: auto;
  max-width: 400px;
}
@media only screen and (min-width: 768px) {
  .sticky-section-wrapper .inner-sticky-section .wp-block-columns .wp-block-column:last-child {
    margin: 0;
  }
}
.sticky-section-wrapper .inner-sticky-section .wp-block-columns h2 {
  font-size: 3rem;
  font-weight: 700;
  color: #150849;
}
@media only screen and (min-width: 768px) {
  .sticky-section-wrapper .inner-sticky-section .wp-block-columns h2 {
    max-width: 457px;
    font-size: 4rem;
  }
}
@media only screen and (min-width: 1024px) {
  .sticky-section-wrapper .inner-sticky-section .wp-block-columns h2 {
    font-size: 5rem;
  }
}
@media only screen and (min-width: 1440px) {
  .sticky-section-wrapper .inner-sticky-section .wp-block-columns h2 {
    font-size: 5.6rem;
  }
}
.sticky-section-wrapper .inner-sticky-section .wp-block-columns p {
  max-width: 540px;
}
.sticky-section-wrapper .inner-sticky-section:nth-of-type(1) {
  background: #DEFADE;
  top: calc(var(--top) + 10px);
}
.sticky-section-wrapper .inner-sticky-section:nth-of-type(2) {
  background: #F8F5FF;
  top: calc(var(--top) + var(--space) * 1);
}
.sticky-section-wrapper .inner-sticky-section:nth-of-type(3) {
  background: #f8efe2;
  top: calc(var(--top) + var(--space) * 2);
}
.sticky-section-wrapper .inner-sticky-section:nth-of-type(4) {
  background: #E5EBF9;
  top: calc(var(--top) + var(--space) * 3);
}
.sticky-section-wrapper .inner-sticky-section:nth-of-type(5) {
  background: #E3F0E3;
  top: calc(var(--top) + var(--space) * 4);
}
.sticky-section-wrapper .inner-sticky-section:nth-of-type(6) {
  top: calc(var(--top) + var(--space) * 5);
}

@keyframes slider {
  0% {
    transform: translateY(-300%);
    opacity: 0.1;
  }
  10% {
    transform: translateY(-300%);
    opacity: 0.1;
  }
  12% {
    transform: translateY(-200%);
    opacity: 0.4;
  }
  22% {
    transform: translateY(-200%);
    opacity: 0.4;
  }
  24% {
    transform: translateY(-100%);
    opacity: 1;
  }
  33% {
    transform: translateY(-100%);
    opacity: 1;
  }
  33.33% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(-300%);
    opacity: 0;
  }
}
@keyframes slider1 {
  100% {
    transform: translateY(-100%);
    opacity: 1;
  }
  1% {
    transform: translateY(-300%);
    opacity: 0.1;
  }
  12% {
    transform: translateY(-200%);
    opacity: 0.4;
  }
  22% {
    transform: translateY(-200%);
    opacity: 0.4;
  }
  24% {
    transform: translateY(-100%);
    opacity: 1;
  }
  33% {
    transform: translateY(-100%);
    opacity: 1;
  }
  66.66% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    bottom: 47%;
    transform: scale(0);
  }
}
@keyframes slider2 {
  65% {
    transform: scale(0);
  }
  69% {
    transform: scale(1);
  }
  71% {
    bottom: 47%;
    transform: scale(1);
  }
  73% {
    bottom: 42%;
    transform: scale(1);
  }
  74% {
    bottom: 44%;
    transform: scale(1);
  }
  75% {
    bottom: 42%;
    transform: scale(1);
  }
  76% {
    bottom: 43%;
    transform: scale(1);
  }
  77% {
    bottom: 42%;
    transform: scale(1);
  }
  95% {
    bottom: 80%;
    transform: scale(1);
  }
  99.99% {
    bottom: 80%;
    transform: scale(0);
  }
  100% {
    bottom: 47%;
    transform: scale(0);
  }
}
.is-relative {
  position: relative;
}

.m-0 {
  margin: 0;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.my-1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.mt-0 {
  margin-top: 0;
}

.mt-0i {
  margin-top: 0 !important;
}

.mt-h {
  margin-top: 0.5rem;
}

.mt-1 {
  margin-top: 1rem;
}

.mt-1h {
  margin-top: 1.5rem;
}

.mt-2-px {
  margin-top: 2px;
}

.mt-2 {
  margin-top: 2rem;
}

.mt-2h {
  margin-top: 2.5rem;
}

.mt-3 {
  margin-top: 3rem;
}

.mt-5 {
  margin-top: 5rem;
}

.mx-auto {
  margin-right: auto;
  margin-left: auto;
}

.m-auto {
  margin: auto;
}

.mr-h {
  margin-right: 0.5rem;
}

.mr-1 {
  margin-right: 1rem;
}

.mr-1h {
  margin-right: 1.5rem;
}

.ml-h {
  margin-left: 0.5rem;
}

.ml-1 {
  margin-left: 1rem;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-hh {
  margin-bottom: 0.25rem;
}

.mb-h {
  margin-bottom: 0.5rem;
}

.mb-1 {
  margin-bottom: 1rem;
}

.mb-1h {
  margin-bottom: 1.5rem;
}

.mb-2 {
  margin-bottom: 2rem;
}

.mb-2i {
  margin-bottom: 2rem !important;
}

.mb-3 {
  margin-bottom: 3rem;
}

.mb-3-7 {
  margin-bottom: 3.9rem;
}

.mb-5 {
  margin-bottom: 5rem;
}

.mb-6 {
  margin-bottom: 6.5rem;
}

.p-0 {
  padding: 0;
}

.p-1 {
  padding: 1rem;
}

.p-1h {
  padding: 1.5rem;
}

.p-2 {
  padding: 2rem;
}

.p-3 {
  padding: 3rem;
}

.pt-7 {
  padding-top: 7rem;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.py-h {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-1 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-2 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-3 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.px-h {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-1 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-3 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.pt-h {
  padding-top: 0.5rem;
}

.pt-1 {
  padding-top: 1rem;
}

.pt-1h {
  padding-top: 1.5rem;
}

.pt-2 {
  padding-top: 2rem;
}

.pb-h {
  padding-bottom: 0.5rem;
}

.pb-1 {
  padding-bottom: 1rem;
}

.pb-1h {
  padding-bottom: 1.5rem;
}

.pb-2 {
  padding-bottom: 2rem;
}

.pb-5 {
  padding-bottom: 5rem;
}

.pb-7 {
  padding-bottom: 7rem;
}

.p-1s {
  padding: 0 1rem;
}

.pl-1 {
  padding-left: 0.5rem;
}

.pl-75 {
  padding-left: 0.75rem;
}

.pr-75 {
  padding-right: 0.75rem;
}

.pr-1 {
  padding-right: 0.5rem;
}

.sr:not(:focus):not(:active) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  clip-path: inset(100%);
  overflow: hidden;
  white-space: nowrap;
}