@charset "UTF-8";
/* ------- VARIABLES -------- */
/* ------- MAIN INFO -------- */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #4245AC;
  font-size: 16px;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth;
}

body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #4245AC;
  font-size: 16px;
}

#wpadminbar {
    z-index: 999999 !important;
    pointer-events: auto !important;
}

/* ------- TITLES, TEXTS -------- */
h1, h2, h3, h4, h5, h6 {
  font-family: "Sora", sans-serif;
  font-weight: 600;
}

h1 {
  font-size: 2rem;
  font-weight: 700;
}

h2 {
  font-size: 2rem;
}

.f-size-1 {
  font-size: 4.5rem;
}

.f-size-2 {
  font-size: 3rem;
}

.f-size-3 {
  font-size: 2rem;
}

.f-size-4 {
  font-size: 1.25rem;
}

.f-size-5 {
  font-size: 1rem;
}

.f-size-6 {
  font-size: 0.875rem;
}

.fw-700 {
  font-weight: 700;
}

.fw-600 {
  font-weight: 600;
}

.fw-200 {
  font-weight: 200;
}

strong,
b {
  font-weight: 600;
}

.text-black {
  color: black;
}

.text-green {
  color: #00F1C2;
}

.text-blue {
  color: #4245AC;
}

.text-light-blue {
  color: #EBF7FF;
}

.text-editor h1,
.text-editor h2 {
  margin-top: 60px;
  margin-bottom: 1.5rem;
}
.text-editor h3,
.text-editor h4,
.text-editor h5 {
  font-size: 1.25rem;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
.text-editor h6 {
  font-size: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
.text-editor ul {
  list-style: none;
  padding: 0;
}
.text-editor ul li::before {
  content: "•";
  margin-right: 8px;
}

#breadcrumbs a,
#breadcrumbs span {
  color: rgba(66, 69, 172, 0.5) !important;  /* Applying opacity using rgba */
}

#breadcrumbs .breadcrumb_last {
  color: #4245AC !important;  /* Full opacity for last item */
}

.truncate-multiline {
  display: -webkit-box;
  -webkit-line-clamp: 2;       /* number of lines to show */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ------- BACKGROUNDS -------- */
.bg-neat {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bg-blur {
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}

.bg-tone-dark {
  position: relative;
  overflow: hidden; 
}

.bg-tone-dark::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: brightness(60%);
  -webkit-backdrop-filter: brightness(60%);
}

.bg-white {
  background-color: white;
}

.bg-black {
  background-color: black;
}

.bg-green {
  background-color: #00F1C2;
}

.bg-blue {
  background-color: #4245AC;
}

.bg-light-blue {
  background-color: #EBF7FF;
}

.bg-light-blue-op-05 {
  background-color: rgba(235, 247, 255, 0.5);
}

.bg-light-grey {
  background-color: #F8F9F9;
}

/* -----  BORDERS, SHADOWS AND OTHER  ----- */
.border-white-tone {
  border-color: rgba(255, 255, 255, 0.5) !important;
}

.border-blue {
  border-color: rgba(66, 69, 172, 0.5)
}

hr {
  opacity: 0.5;
}

/* ------- NAVBAR -------- */
.navbar-brand img {
  width: 180px;
}

.navbar-inner {
    /* margin: 1rem; */
  }

.nav-link {
  color: #4245AC;
}

.navbar.is-sticky {
  position: fixed!important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1020;
  transition: all 0.3s ease;
}

.modal-backdrop {
  display: none !important;
}

/* ------- HEADER -------- */
.header-single {
  min-height: 50vh;
}

.header-img-1,
.header-img-2 {
  height: 35vh;
  max-width: 20vw;
}

.header-img-1 {
  /* transform: translateY(20px); */
}
.header-img-1 img {
  -o-object-position: top;
     object-position: top;
}

.header-img-2 {
  /* transform: translateY(30px); */
}
.header-img-2 img {
  -o-object-position: bottom;
     object-position: bottom;
}



/* ------- FOOTER -------- */
.list-footer {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.list-footer li {
  margin-bottom: 8px;
}
.list-footer li:last-child {
  margin-bottom: 0px;
}

/* ------- BUTTONS -------- */
.btn {
  min-width: 150px;
  padding: 10px 26px;
}

.btn-small {
  min-width: 110px;
  padding: 4px 18px;
}

.btn-green {
  background-color: #00F1C2;
  color: #4245AC;
  transition-duration: 0.3s;
}
.btn-green:hover {
  background-color: #02dbb0;
  color: #4245AC;
  transition-duration: 0.3s;
}

.btn-green-outline {
  background-color: transparent;
  border: 1px solid #00F1C2;
  color: #00F1C2;
  transition-duration: 0.3s;
}

.btn-green-outline:hover {
  background-color: #00F1C2;
  color: #4245AC;
  transition-duration: 0.3s;
}

.btn-blue {
  background-color: #4245AC;
  color: white;
  transition-duration: 0.3s;
}
.btn-blue:hover {
  background-color: #2b2e88;
  color: white;
  transition-duration: 0.3s;
}

.button-style-none {
  border: none !important;
  background: transparent !important;
}

button:active {
  outline: none !important;
  border: none !important;
}

button:focus {
  outline: 0 !important;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.link-simple {
  color: #4245AC;
}
.link-simple img {
  transition-duration: 0.3s;
}
.link-simple:hover {
  color: #4245AC;
}
.link-simple:hover img {
  transform: translateX(7px);
  transition-duration: 0.3s;
}

.link-simple-green {
  color: #00F1C2;
}
.link-simple-green img {
  transition-duration: 0.3s;
}
.link-simple-green:hover {
  color: #00F1C2;
}
.link-simple-green:hover img {
  transform: translateX(7px);
  transition-duration: 0.3s;
}

.tag-outline {
  min-width: 110px;
  padding: 4px 18px;
  border: 1px solid white;
  font-size: 0.875rem;
  color: white;
}

.tag-light-blue {
  min-width: 110px;
  padding: 10px 24px;
  background-color: #EBF7FF;
  font-size: 0.875rem;
  color: #4245AC;
}

.tag-mark-green {
  width: 8px;
  height: 8px;
  background-color: #00F1C2;
}

.tag-mark-blue {
  width: 8px;
  height: 8px;
  background-color: #4245AC;
}

.arrow-icon {
  transform: translateX(5px) rotate(15deg);
      background-color: #00F1C2;
  transition: transform 0.3s ease;
}

/* Reset transform for arrow */
.arrow-icon {
  transition: transform 0.3s ease;
}

/* ------- FORMS -------- */
.ff-default .ff-el-form-control::placeholder,
.ff-default .ff-el-form-control:-ms-input-placeholder,
.ff-default .ff-el-form-control::-ms-input-placeholder,
.ff-default .ff-el-form-control::-moz-placeholder {  
  color: rgba(66, 69, 172, 0.5)!important; /* 50% opacity */

}

.ff-default .ff-el-form-control {
  border: 1px solid #4245AC;
  border-radius: var(--bs-border-radius-xl);
  padding: 10px 20px;
  background-color: #EBF7FF;
  color: #4245AC;
}

.ff-default .ff-el-form-control:focus {
  border: 1px solid #00F1C2;
  background-color: #EBF7FF;
  color: #4245AC;
}

.ff_t_c {
  color: white;
  font-size: 0.875rem;
  font-weight: 200;
}

.ff_tc_checkbox {
  display: none!important;

}

.ff-el-form-check-label {
  display: flex!important; 
}

/* 2. Style the fake box */
.ff-el-form-check-label::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #EBF7FF;
  border-radius: 4px;
  background: transparent;
  box-sizing: border-box;
  vertical-align: middle;
  flex-shrink: 0;
  margin-right: 8px;
      /* margin-top: 1px; */
}

/* 3. Show checkmark only when selected */
.ff-el-form-check.ff_item_selected .ff-el-form-check-label::before {
  content: "✔";
  color: #00F1C2;
  display: inline-flex;       /* or block or flex */
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 2px;               /* ✅ now works */
  font-size: 16px;
  border: 1px solid #EBF7FF;
  border-radius: 4px;
  box-sizing: border-box;
  margin-right: 8px;
}

.ff-message-success {
  border: 1px solid #00F1C2;
  border-radius: 8px;
}

.ff-message-success p {
  color: #00F1C2;
  font-size: 32px;
}

.cbp-mc-column input {
  background-color:#00F1C2;
}

/* ------- POSITIONING -------- */

.shrink-0 {
  flex-shrink: 0;
}

.w-10 {
  width: 10%;
}

.min-h-35vh {
  min-height: 35vh;
}

.anchor {
  padding-top: 100px;
  margin-top: -100px;
}

.pt-nav {
  padding-top: 85px !important;
}

.mt-nav {
  margin-top: 85px !important;
}

.my-sec {
  margin-top: 50px;
  margin-bottom: 50px;
}

.py-sec {
  padding-top: 50px;
  padding-bottom: 50px;
}

.op-05 {
  opacity: 0.5;
}

.z-1 {
  z-index: 1;
}

.z-2 {
  z-index: 2;
}

.scroll-expand-container {
  width: 100%;
}

.mh-100-header {
  max-height: 50vh;
}

/* ------- SWIPER -------- */
.swiper-pagination {
  bottom: 20px !important;
}

.swiper-pagination-bullet {
  border: 1px solid #00F1C2;
  background-color: transparent;
  opacity: 1;
  width: 9px;
  height: 9px;
}

.swiper-pagination-bullet-active {
  background-color: #00F1C2;
}

/* Override for bg-primary context */
.swiper-pagination-bullet.pagination-primary-context {
  border-color: #4245AC; /* Replace with your blue color */
}

.swiper-pagination-bullet-active.pagination-primary-context {
  background-color: #4245AC; /* Replace with your blue color */
}

.swiper-button-next,
.swiper-button-prev {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 40px;
  z-index: 100;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}

.swiper-button-next {
  background-image: var(--arrow-right-green);
}
.swiper-button-next:hover {
  background-image: var(--arrow-right-full-green);
}
.swiper-button-prev {
  background-image: var(--arrow-left-green);
}
.swiper-button-prev:hover {
  background-image: var(--arrow-left-full-green);
}

/* Override for bg-primary context */
.swiper-button-next.btn-primary-context {
  background-image: var(--arrow-right-blue);
}
.swiper-button-next.btn-primary-context:hover {
  background-image: var(--arrow-right-full-blue);
}
.swiper-button-prev.btn-primary-context {
  background-image: var(--arrow-left-blue);
}
.swiper-button-prev.btn-primary-context:hover {
  background-image: var(--arrow-left-full-blue);
}

.swiperHeader .swiper-button-next,
.swiperHeader .swiper-button-prev {
  top: unset;
  bottom: 20px;
  z-index: 100;
}
.swiperHeader .swiper-button-next {
  right: 1.5rem;
}
.swiperHeader .swiper-button-prev {
  left: 1.5rem;
}



.swiperGallery .swiper-button-next {
  background-image: var(--arrow-right-green);
  transition-duration: 0.3s;
}
.swiperGallery .swiper-button-next:hover {
  background-image: var(--arrow-right-full-green);
  transition-duration: 0.3s;
}
.swiperGallery .swiper-button-prev {
  background-image: var(--arrow-left-green);
  transition-duration: 0.3s;
}
.swiperGallery .swiper-button-prev:hover {
  background-image: var(--arrow-left-full-green);
  transition-duration: 0.3s;
}



.swiperTags .swiper-wrapper {
  transition-timing-function: linear !important;
}


/* ------- ACCORDIONS -------- */
.accordion-button {
  border: none !important;
  box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
  color: #4245AC;
  background-color: inherit;
}

.accordion-button::after {
  background-image: url("../img/arrow-down-full.svg") !important;
  background-size: contain;
  width: 35px;
  height: 35px;
}

/* ------- OTHER ELEMENTS -------- */
.icon-xs {
  width: 19px;
  height: 19px;
  -o-object-fit: contain;
     object-fit: contain;
  flex-shrink: 0;
}

.icon-sm {
  width: 25px;
  height: 25px;
  -o-object-fit: contain;
     object-fit: contain;
  flex-shrink: 0;
}

.icon-contact {
  width: 40px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
  flex-shrink: 0;
}

.icon-service {
  width: 30px;
  height: 30px;
  -o-object-fit: contain;
     object-fit: contain;
  flex-shrink: 0;
}

.service-item svg circle {
  fill: transparent;
  transition-duration: 0.3s;
}
.service-item svg path {
  stroke: #00F1C2;
  transition-duration: 0.3s;
}

.service-item:hover svg circle {
  fill: #00F1C2;
  transition-duration: 0.3s;
}
.service-item:hover svg path {
  stroke: #4245AC;
  transition-duration: 0.3s;
}


.read-more-label svg circle {
  fill: #00F1C2;
  transition-duration: 0.3s;
}
.read-more-label svg path {
  stroke: #4245AC;
  transition-duration: 0.3s;
}

.read-more-label:hover svg circle {
  fill: #02dbb0;
  transform: translateX(5px) rotate(45deg);
  transition-duration: 0.3s;
}
.read-more-label:hover svg path {
  stroke: #4245AC;
  transform: translateX(5px) rotate(45deg);
  transition-duration: 0.3s;
}

.read-more-label svg circle,
.read-more-label svg path {
  transition: all 0.3s ease;
  transform-origin: center;
}

.read-more-label svg {
  overflow: visible;
}


.links-styled a {
  color: inherit;
}

.map-iframe-wrapper iframe {
  width: 100% !important;
  border-radius: var(--bs-border-radius-xl) !important;
  height: 65vh;
}

/* ------- ACTIONS -------- */
.pointer {
  cursor: pointer;
}

.cursor-grab {
  cursor: grab;
}

a,
a:hover {
  text-decoration: none;
}

.hover-u {
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  transition-duration: 0.3s;
}
.hover-u:hover {
  text-decoration: underline;
  text-decoration-color: white;
  text-decoration-thickness: 1px;
  transition-duration: 0.3s;
}

/* ------- QUERIES -------- */
@media (max-width: 991px) {
  .w-mob-100 {
    width: 100%;
  }

  .pt-nav-mob {
    padding-top: 85px !important;
  }

  .rounded-bottom-mob-4 {
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: var(--bs-border-radius-xl) !important;
    border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  }
  .rounded-top-mob-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .rounded-bottom-mob-0 {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
}
@media (min-width: 576px) {
  .position-sm-absolute {
    position: absolute;
  }
  .w-sm-45 {
    width: 45%;
  }
}
@media (min-width: 768px) {
  .w-md-50 {
    width: 50%;
  }

  .bg-tone-dark {
    border-radius: 1rem;
  }

  .scroll-expand-container {
    padding-left: 15vw;
    padding-right: 15vw;
  }

  .overflow-md-hidden {
    overflow: hidden !important;
  }

  .navbar-inner {
    margin: 1rem;
    padding-top:1rem;
    padding-bottom:1rem;
  }
}
@media (min-width: 992px) {
  .position-lg-absolute {
    position: absolute;
  }
  .min-h-lg-400 {
    min-height: 400px;
  }
  .w-lg-50 {
    width: 50%;
  }
  .w-lg-75 {
    width: 75%;
  }
  .w-lg-85 {
    width: 85%;
  }
  .w-lg-100 {
    width: 100%!important;
  }
  .h-lg-100 {
    height: 100%;
  }
  .my-sec {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .py-sec {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .pt-nav {
    padding-top: 133px !important;
  }
  .mt-nav {
    margin-top: 133px !important;
  }
  .header-main {
    height: 100vh;
    max-height: 800px;
  }

  .mh-100-header {
    max-height: calc(100% - 120px);
  }

  h1 {
    font-size: 3rem;
  }
  h2 {
    font-size: 3rem;
  }

  .f-size-3 {
    font-size: 1.5rem;
  }

  .swiperPosts-nav .swiper-button-next {
    right: -60px;
  }
  .swiperPosts-nav .swiper-button-prev {
    left: -60px;
  }
  /* .header-img-1 {
    transform: translateY(30px);
  }
  .header-img-2 {
    transform: translateY(40px);
  } */
  .min-h-lg-35vh {
    min-height: 35vh;
  }
  .min-h-lg-45vh {
    min-height: 45vh;
  }
  .min-h-lg-55vh {
    min-height: 55vh;
  }
}

@media (min-width: 1200px) {
  .f-size-3 {
    font-size: 2rem;
  }
}

@media (min-width: 1440px) {
  .container {
    width: 88%;
  }
  h1 {
    font-size: 4rem;
  }
}
/*# sourceMappingURL=style.css.map */


[fm-fade-in],
.header-img-1,
.header-img-2 {
  opacity: 0;
}