@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Quicksand:wght@300..700&display=swap");
/* line 5, ../../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 1, ../sass/_common.scss */
* {
  box-sizing: border-box;
}

/* line 3, ../sass/_common.scss */
html {
  overflow-x: hidden;
  width: 100%;
  height: 100%;
}

/* line 9, ../sass/_common.scss */
body {
  width: 100%;
  height: auto;
  float: left;
  color: #646672;
  line-height: 110%;
  overflow-y: scroll;
  position: relative;
  overflow-x: hidden;
  font-family: "Quicksand", sans-serif;
  background: #F3F9FF;
}
/* line 21, ../sass/_common.scss */
body::-webkit-scrollbar {
  width: 6px;
}
/* line 25, ../sass/_common.scss */
body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
/* line 30, ../sass/_common.scss */
body::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

/* ----- Headings and P Styling ------ */
/* line 39, ../sass/_common.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  line-height: 1.1;
  font-weight: 600;
  font-family: "Fredoka", sans-serif;
  letter-spacing: -2.5%;
  line-height: 1;
}

/* line 55, ../sass/_common.scss */
a,
p,
ul,
li,
span,
b,
strong,
figcaption {
  line-height: 1.5;
}

/* line 66, ../sass/_common.scss */
b,
strong {
  font-weight: 700;
}

/* line 71, ../sass/_common.scss */
figcaption {
  line-height: 1.5;
}

/* line 73, ../sass/_common.scss */
p {
  margin: 0 0px 1rem 0;
  padding: 0 0 0 0;
  text-align: justify;
  color: #646672;
  font-size: 1rem;
  font-family: "Quicksand", sans-serif;
  font-weight: 400;
}

/* line 84, ../sass/_common.scss */
p::selection,
a::selection,
li::selection,
figure::selection,
figcaption::selection,
span::selection,
h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
h6::selection {
  background: #588891;
  color: #fff;
}

/* line 100, ../sass/_common.scss */
p::-moz-selection,
a::-moz-selection,
li::-moz-selection,
figure::-moz-selection,
figcaption::-moz-selection,
span::-moz-selection h1::-moz-selection,
h2::-moz-selection,
h3::-moz-selection,
h4::-moz-selection,
h5::-moz-selection,
h6::-moz-selection {
  background: #588891;
  color: #fff;
}

/* line 115, ../sass/_common.scss */
a {
  outline: none;
  text-decoration: none !important;
  display: flex;
}

/* line 121, ../sass/_common.scss */
img {
  width: 100%;
}

/* line 125, ../sass/_common.scss */
ul,
ol,
li {
  color: #646672;
  line-height: 1.2;
  font-size: 1rem;
  font-family: "Quicksand", sans-serif;
  font-weight: 400;
  display: flex;
}

/* ==================================================== */
/*  Common Styles                         */
/* ==================================================== */
/* line 140, ../sass/_common.scss */
.mainWrapper {
  width: 100%;
  height: auto;
  overflow-x: hidden;
  position: relative;
}

/* line 147, ../sass/_common.scss */
.nicescroll-cursors {
  margin-right: -15px !important;
}

/* line 151, ../sass/_common.scss */
.zero-mp {
  padding: 0 !important;
  margin: 0 !important;
}

/* line 156, ../sass/_common.scss */
.showMobile,
.showTab {
  display: none;
}

/* line 161, ../sass/_common.scss */
.hideMobile,
.hideTab {
  display: block;
}

/* line 166, ../sass/_common.scss */
.text-center {
  text-align: center !important;
}

/* line 170, ../sass/_common.scss */
.text-left {
  text-align: left !important;
}

/* line 174, ../sass/_common.scss */
.row-fluid {
  width: 100%;
  display: flex;
}

/* line 179, ../sass/_common.scss */
.container-full {
  width: 96%;
  position: relative;
  display: block;
  margin: 0 auto;
}

/* line 183, ../sass/_common.scss */
.custom-container {
  width: 94%;
  position: relative;
  margin: auto;
  display: block;
}

/* line 187, ../sass/_common.scss */
.row-section {
  width: 100%;
  position: relative;
  display: block;
  margin: 0 auto;
}

/* line 190, ../sass/_common.scss */
.common-padding {
  padding: 6rem 0 !important;
}

/* Prelaoder============================== */
/* line 197, ../sass/_common.scss */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/* line 205, ../sass/_common.scss */
.pace .pace-progress {
  background: #E487B7;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

/* line 215, ../sass/_common.scss */
.pace-inactive {
  display: none;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* line 241, ../sass/_common.scss */
.scrollup {
  width: 52px;
  height: 52px;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  display: none;
  text-indent: -9999px;
  background: url(../images/arrow-up.svg) center no-repeat #E487B7;
  background-size: 60%;
  z-index: 9999999999999;
  outline: none;
  border: none;
  color: #FFFFFF;
  border-radius: 100%;
}
/* line 258, ../sass/_common.scss */
.scrollup:hover {
  background: url(../images/arrow-up.svg) center no-repeat #1A1A2E;
  background-size: 60%;
  transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
}
/* line 262, ../sass/_common.scss */
.scrollup:hover::before {
  background: #2DBFB8;
}

/* line 271, ../sass/_common.scss */
.grayscale {
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(1);
  /* Google Chrome, Safari 6+ & Opera 15+ */
  -moz-filter: grayscale(80%);
  -ms-filter: grayscale(80%);
  -o-filter: grayscale(80%);
  filter: grayscale(80%);
  transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
}
/* line 279, ../sass/_common.scss */
.grayscale:hover {
  filter: none;
  /* IE6-9 */
  -webkit-filter: grayscale(0);
  /* Google Chrome, Safari 6+ & Opera 15+ */
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
}

/* line 291, ../sass/_common.scss */
.common-sec-intro .title {
  font-size: 2.3rem;
  font-family: "Fredoka", sans-serif;
  font-weight: 700;
  line-height: 1.3;
  margin: 14px auto;
  text-transform: capitalize;
  letter-spacing: 1px;
}
/* line 301, ../sass/_common.scss */
.common-sec-intro .sub-title {
  font-size: 1.5rem;
  font-family: "Fredoka", sans-serif;
  font-weight: 600;
  width: 100%;
  max-width: 650px;
  display: block;
  position: relative;
  margin: 20px auto;
}
/* line 312, ../sass/_common.scss */
.common-sec-intro .sub-para {
  font-size: 1.2rem;
  font-weight: 500;
  display: block;
  position: relative;
  margin: auto;
  color: #000000;
}
/* line 321, ../sass/_common.scss */
.common-sec-intro .description {
  font-size: .8rem;
  font-weight: 400;
  width: 100%;
  max-width: 950px;
  display: block;
  position: relative;
  margin: auto;
  color: #000000;
}
/* line 332, ../sass/_common.scss */
.common-sec-intro .overline {
  text-align: left;
  position: relative;
  width: fit-content;
  padding: 0;
  margin: auto;
  display: flex;
  font-size: .96rem;
  font-weight: 500;
}
/* line 342, ../sass/_common.scss */
.common-sec-intro .overline.left {
  text-align: left !important;
  margin-left: 0 !important;
}
/* line 347, ../sass/_common.scss */
.common-sec-intro .overline.right {
  text-align: right !important;
  margin-right: 0 !important;
}
/* line 352, ../sass/_common.scss */
.common-sec-intro .overline.center {
  text-align: center !important;
}
/* line 357, ../sass/_common.scss */
.common-sec-intro.left {
  text-align: left !important;
  margin-left: 0 !important;
}
/* line 362, ../sass/_common.scss */
.common-sec-intro.right {
  text-align: right !important;
  margin-right: 0 !important;
}
/* line 367, ../sass/_common.scss */
.common-sec-intro.center {
  text-align: center !important;
}
/* line 371, ../sass/_common.scss */
.common-sec-intro.white {
  color: #FFFFFF;
}

/* line 377, ../sass/_common.scss */
.page-title {
  font-size: 2rem;
  font-family: "Quicksand", sans-serif;
  font-weight: 600;
  line-height: 1.3;
  margin: 14px auto;
  text-transform: capitalize;
  letter-spacing: 1px;
}
/* line 385, ../sass/_common.scss */
.page-title.left {
  text-align: left !important;
  margin-left: 0 !important;
}
/* line 390, ../sass/_common.scss */
.page-title.right {
  text-align: right !important;
  margin-right: 0 !important;
}
/* line 395, ../sass/_common.scss */
.page-title.center {
  text-align: center !important;
}

/* line 400, ../sass/_common.scss */
.sub-title {
  font-size: 1.2rem;
  font-weight: 600;
  width: 100%;
  max-width: 650px;
  display: block;
  position: relative;
  margin: 0;
  color: #2c2c2c;
  margin-bottom: .5rem;
}

/* line 414, ../sass/_common.scss */
.multi-btn-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  column-gap: 10px;
}

/* line 417, ../sass/_common.scss */
.theme-btn,
a.theme-btn {
  display: flex;
  position: relative;
  color: #FFFFFF;
  background: #E487B7;
  padding: .8rem 1.3rem .8rem 1.2rem;
  column-gap: 5px;
  font-size: 1rem;
  font-weight: 300;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  font-family: "Quicksand", sans-serif;
  border: none;
  transition: all 0.3s;
  text-align: center;
  align-items: center;
  justify-content: center;
  letter-spacing: -2.5%;
  width: fit-content;
  font-weight: 600;
}
/* line 438, ../sass/_common.scss */
.theme-btn img,
a.theme-btn img {
  width: 24px;
  height: auto;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(130deg) brightness(111%) contrast(101%);
}
/* line 441, ../sass/_common.scss */
.theme-btn.medium span, .theme-btn.medium .text,
a.theme-btn.medium span,
a.theme-btn.medium .text {
  font-size: 1.1rem !important;
  line-height: 1.3;
}
/* line 442, ../sass/_common.scss */
.theme-btn.medium img,
a.theme-btn.medium img {
  width: 20px;
}
/* line 445, ../sass/_common.scss */
.theme-btn.large,
a.theme-btn.large {
  font-size: 1.2rem !important;
}
/* line 447, ../sass/_common.scss */
.theme-btn.large span, .theme-btn.large .text,
a.theme-btn.large span,
a.theme-btn.large .text {
  font-size: 1.2rem !important;
}
/* line 450, ../sass/_common.scss */
.theme-btn.small,
a.theme-btn.small {
  font-size: .9rem !important;
}
/* line 452, ../sass/_common.scss */
.theme-btn.small span, .theme-btn.small .text,
a.theme-btn.small span,
a.theme-btn.small .text {
  font-size: .9rem !important line;
  line-height: 1.2;
}
/* line 453, ../sass/_common.scss */
.theme-btn.small img,
a.theme-btn.small img {
  width: 18px;
}
/* line 456, ../sass/_common.scss */
.theme-btn:hover,
a.theme-btn:hover {
  background: #000000;
  color: #FFFFFF !important;
}
/* line 461, ../sass/_common.scss */
.theme-btn.close,
a.theme-btn.close {
  background: #68A9C7;
}
/* line 461, ../sass/_common.scss */
.theme-btn.close:hover,
a.theme-btn.close:hover {
  background: #618595;
}

/* line 467, ../sass/_common.scss */
.common-modal .modal-dialog {
  width: 90%;
  max-width: 800px;
}
/* line 471, ../sass/_common.scss */
.common-modal .modal-dialog .modal-content .modal-header {
  display: flex;
  position: relative;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  padding: 2rem 0 0 0;
  border: none;
}
/* line 479, ../sass/_common.scss */
.common-modal .modal-dialog .modal-content .modal-header .icon {
  width: 40px;
  height: auto;
  margin: 1rem auto;
}
/* line 483, ../sass/_common.scss */
.common-modal .modal-dialog .modal-content .modal-header .icon-head {
  width: 60px;
  height: auto;
  margin: 1rem auto;
}
/* line 486, ../sass/_common.scss */
.common-modal .modal-dialog .modal-content .modal-header .modal-title {
  font-size: 1.5rem;
  font-weight: 500;
  color: #000000;
}
/* line 486, ../sass/_common.scss */
.common-modal .modal-dialog .modal-content .modal-header .modal-title.center {
  text-align: center;
}
/* line 487, ../sass/_common.scss */
.common-modal .modal-dialog .modal-content .modal-header .close-btn {
  position: absolute;
  right: 1rem;
  top: 1rem;
  border: none;
  font-size: 3rem;
  font-weight: 200;
  background: transparent;
}
/* line 497, ../sass/_common.scss */
.common-modal .modal-dialog .modal-content .modal-body {
  padding: 2rem;
}

/* line 504, ../sass/_common.scss */
.list-counter {
  margin: 1rem;
  padding: 0;
  list-style-type: none;
}
/* line 509, ../sass/_common.scss */
.list-counter li {
  counter-increment: step-counter;
  margin-bottom: 10px;
  padding-left: 24px;
  position: relative;
  line-height: 1.5rem;
}
/* line 514, ../sass/_common.scss */
.list-counter li span {
  font-weight: 600;
}
/* line 517, ../sass/_common.scss */
.list-counter li::before {
  content: counter(step-counter);
  margin-right: 5px;
  font-size: 80%;
  color: #000;
  position: absolute;
  left: 0;
  top: 4px;
  font-weight: 500;
}
/* line 530, ../sass/_common.scss */
.list-counter.colm2 li {
  width: calc(50% - 20px);
}

/* line 536, ../sass/_common.scss */
.list-bullet {
  margin: 20px 0;
  padding: 0;
  list-style-type: none;
}
/* line 541, ../sass/_common.scss */
.list-bullet li {
  width: calc(100% - 2rem);
  float: left;
  margin-bottom: 1.5rem;
  padding-left: 2rem;
  position: relative;
  text-align: left;
  line-height: 1.5rem;
}
/* line 550, ../sass/_common.scss */
.list-bullet li::before {
  content: "";
  margin-right: 5px;
  width: 8px;
  height: 8px;
  background: #646672;
  position: absolute;
  left: 0;
  top: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

/* line 565, ../sass/_common.scss */
.footer {
  width: 100%;
  position: relative;
  padding: 2rem 0;
  background: #fff;
}
/* line 570, ../sass/_common.scss */
.footer .content-wrapper {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 576, ../sass/_common.scss */
.footer .content-wrapper li {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  padding: .2rem 1rem;
}
/* line 579, ../sass/_common.scss */
.footer .content-wrapper li:last-child {
  border: none;
}
/* line 581, ../sass/_common.scss */
.footer .content-wrapper p, .footer .content-wrapper a, .footer .content-wrapper span {
  margin: 0;
}

/* line 586, ../sass/_common.scss */
.flex {
  display: flex;
}

/* line 587, ../sass/_common.scss */
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 588, ../sass/_common.scss */
.flex-fill {
  display: flex;
  flex: 1 1;
}

/* line 589, ../sass/_common.scss */
.flex-vertical {
  display: flex;
  flex-direction: column;
}

/* line 590, ../sass/_common.scss */
.flex-vertical-center {
  display: flex;
  align-items: center;
}

/* line 591, ../sass/_common.scss */
.flex-between {
  display: flex;
  justify-content: space-between;
}

/* line 596, ../sass/_common.scss */
.custom-form.input-bg-white .form-control {
  background: #fff;
}
/* line 598, ../sass/_common.scss */
.custom-form .form-group {
  display: flex;
  row-gap: 3px;
  flex-direction: column;
  flex-wrap: nowrap;
  position: relative;
}
/* line 605, ../sass/_common.scss */
.custom-form .form-group .right-icon {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 18px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 614, ../sass/_common.scss */
.custom-form .form-group .right-icon.white-bg {
  background: #fff;
}
/* line 615, ../sass/_common.scss */
.custom-form .form-group .right-icon img {
  width: 22px;
  height: auto;
  filter: brightness(0) saturate(100%) invert(58%) sepia(8%) saturate(258%) hue-rotate(158deg) brightness(93%) contrast(84%);
}
/* line 618, ../sass/_common.scss */
.custom-form .form-label {
  margin: 0;
  font-size: .84rem;
  text-align: left;
}
/* line 619, ../sass/_common.scss */
.custom-form .form-control {
  min-height: 46px;
  padding: .6rem 1rem;
  border: 1px solid #E0E6EB;
  background: #F3F9FF;
  font-weight: 600;
}
/* line 625, ../sass/_common.scss */
.custom-form .form-control::placeholder {
  color: #646672;
  font-weight: 500;
}
/* line 634, ../sass/_common.scss */
.custom-form .form-select {
  min-height: 46px;
  padding: .6rem 1rem;
  border: 1px solid #E0E6EB;
  font-weight: 600;
}
/* line 639, ../sass/_common.scss */
.custom-form .form-select::placeholder {
  color: #646672;
  font-weight: 500;
}
/* line 645, ../sass/_common.scss */
.custom-form .note {
  display: flex;
  column-gap: 5px;
  font-size: .8rem;
}
/* line 649, ../sass/_common.scss */
.custom-form .note img {
  width: 14px;
  height: auto;
}
/* line 652, ../sass/_common.scss */
.custom-form.column {
  flex-direction: column !important;
}
/* line 656, ../sass/_common.scss */
.custom-form .row-half {
  width: calc(50% - 2rem);
}
/* line 660, ../sass/_common.scss */
.custom-form .row-full {
  width: calc(100% - 2rem);
}
/* line 664, ../sass/_common.scss */
.custom-form .row-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 2rem;
  align-items: flex-start;
  row-gap: 1rem;
  justify-content: space-between;
  width: 100%;
}
/* line 675, ../sass/_common.scss */
.custom-form .custom-radio {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 2rem;
  align-items: flex-start;
  row-gap: 1rem;
  column-gap: 1rem;
}
/* line 685, ../sass/_common.scss */
.custom-form input[type=file] {
  margin: auto;
  color: #646672;
  border: 2px dashed #bbb;
  padding: 0 !important;
}
/* line 690, ../sass/_common.scss */
.custom-form input[type=file]::file-selector-button {
  padding: .6em 1.5em;
  border-width: 0;
  border-radius: 4px 0 0 4px;
  background: #83A3B2;
  color: #fff;
  transition: all 0.25s;
  cursor: pointer;
  margin: auto 2.5rem auto auto;
  min-height: 46px;
}
/* line 700, ../sass/_common.scss */
.custom-form input[type=file]::file-selector-button:hover {
  background: #E487B7 !important;
}
/* line 704, ../sass/_common.scss */
.custom-form input[type=file]:hover {
  color: #000000;
}
/* line 705, ../sass/_common.scss */
.custom-form input[type=file]:hover::file-selector-button {
  background: #E487B7 !important;
}
/* line 709, ../sass/_common.scss */
.custom-form input[type=file]:hover::before {
  background: url(../images/file-upload.svg) left 10px center no-repeat #E487B7;
  background-size: contain;
}
/* line 714, ../sass/_common.scss */
.custom-form input[type=file]:focus {
  color: #E487B7;
}
/* line 716, ../sass/_common.scss */
.custom-form input[type=file]:focus::after {
  background: url(../images/icon-attached.svg) center center no-repeat;
}
/* line 720, ../sass/_common.scss */
.custom-form input[type=file]:focus::before {
  background: url(../images/file-upload.svg) left 10px center no-repeat #E487B7;
  background-size: contain;
}
/* line 725, ../sass/_common.scss */
.custom-form input[type=file]::after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 1000;
  display: block;
  background: url(../images/icon-attachment.svg) center center no-repeat;
  left: 150px;
  top: 35px;
}
/* line 736, ../sass/_common.scss */
.custom-form input[type=file]::before {
  content: " Upload file";
  width: 120px;
  height: 20px;
  position: absolute;
  z-index: 1000;
  display: block;
  background: url(../images/file-upload.svg) left 10px center no-repeat #83A3B2;
  background-size: contain;
  color: #fff;
  left: 5px;
  top: 32px;
  padding-left: 30px;
  text-align: left;
}

/* line 755, ../sass/_common.scss */
.common-form-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 2rem;
  align-items: center;
  row-gap: 1rem;
  justify-content: space-between;
}

/* line 1, ../sass/_main.scss */
:root {
  --purple: #7B5EA7;
  --yellow: #F9C832;
  --green: #4CAF82;
  --pink: #E487B7;
  --pink-dk: #C2185B;
  --teal: #2DBFB8;
  --teal-dk: #1A9E98;
  --orange: #F97316;
  --dark: #1A1A2E;
  --muted: #6B7280;
  --light: #F7FFFE;
  --white: #FFFFFF;
  --black: #000000;
  --tc-light: #8E919D;
  --tc-dark: #282530;
  --tc-nutral: #646672;
}

/* ===================== TOP BAR ===================== */
/* line 23, ../sass/_main.scss */
.topbar {
  background: #FFFFFF;
  color: #646672;
  font-size: .75rem;
  padding: .45rem 0;
}
/* line 28, ../sass/_main.scss */
.topbar img {
  width: 20px;
}
/* line 30, ../sass/_main.scss */
.topbar a {
  color: #646672;
  text-decoration: none;
}
/* line 31, ../sass/_main.scss */
.topbar a:hover {
  color: #E487B7;
}
/* line 32, ../sass/_main.scss */
.topbar .social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.12);
  transition: background .2s;
  font-size: .7rem;
}
/* line 39, ../sass/_main.scss */
.topbar .social-link:hover {
  background: #E487B7;
  color: #fff !important;
}
/* line 41, ../sass/_main.scss */
.topbar .header-top-info-items {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  column-gap: 10px;
}

/* ===================== NAVBAR ===================== */
/* line 54, ../sass/_main.scss */
.navbar {
  background: #fff;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.07);
  padding: .6rem 0;
  position: sticky;
  top: 0;
  z-index: 1030;
}

/* line 62, ../sass/_main.scss */
.navbar-brand {
  display: flex;
  align-items: center;
  gap: .6rem;
}
/* line 62, ../sass/_main.scss */
.navbar-brand img {
  height: 80px;
}

/* line 63, ../sass/_main.scss */
.brand-icon {
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #E487B7, #2DBFB8);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  animation: wobble 3.5s ease-in-out infinite;
  flex-shrink: 0;
}

@keyframes wobble {
  0%,100% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
}
/* line 76, ../sass/_main.scss */
.brand-text strong {
  display: block;
  font-family: "Fredoka", sans-serif;
  font-size: 1rem;
  font-weight: 800;
  color: #E487B7;
  line-height: 1.1;
}

/* line 82, ../sass/_main.scss */
.brand-text span {
  font-size: .68rem;
  font-weight: 700;
  color: #2DBFB8;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* line 87, ../sass/_main.scss */
.nav-link {
  font-weight: 500;
  font-size: .9rem;
  color: #1A1A2E !important;
  position: relative;
  padding: .4rem .8rem !important;
  transition: color .2s;
  font-family: "Quicksand", sans-serif;
}

/* line 94, ../sass/_main.scss */
.nav-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: .8rem;
  right: .8rem;
  height: 2px;
  background: #E487B7;
  border-radius: 2px;
  transform: scaleX(0);
  transition: transform .25s;
}

/* line 100, ../sass/_main.scss */
.nav-link:hover, .nav-link.active {
  color: #E487B7 !important;
}

/* line 101, ../sass/_main.scss */
.nav-link:hover::after, .nav-link.active::after {
  transform: scaleX(1);
}

/* line 103, ../sass/_main.scss */
.btn-enroll {
  border: 2px solid #7B5EA7;
  border-radius: 50px;
  font-family: "Quicksand", sans-serif;
  font-weight: 800;
  font-size: .85rem;
  padding: .45rem 1.2rem;
  background: transparent;
  color: #7B5EA7;
  transition: all .25s;
}

/* line 112, ../sass/_main.scss */
.btn-enroll:hover {
  background: #7B5EA7;
  color: #fff;
}

/* line 114, ../sass/_main.scss */
.btn-talk {
  border-radius: 50px;
  font-family: "Quicksand", sans-serif;
  font-weight: 800;
  font-size: .85rem;
  padding: .45rem 1.3rem;
  background: linear-gradient(135deg, #7B5EA7, #E487B7);
  color: #fff;
  border: none;
  box-shadow: 0 4px 16px rgba(233, 78, 154, 0.35);
  transition: transform .2s, box-shadow .2s;
}
/* line 124, ../sass/_main.scss */
.btn-talk img {
  width: 20px;
  filter: brightness(0) saturate(100%) invert(95%) sepia(0%) saturate(7466%) hue-rotate(190deg) brightness(127%) contrast(100%);
}

/* line 126, ../sass/_main.scss */
.btn-talk:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(233, 78, 154, 0.5);
  color: #fff;
}

/* ===================== HERO SLIDER ===================== */
/* line 129, ../sass/_main.scss */
#heroSlider {
  position: relative;
}

/* line 131, ../sass/_main.scss */
.carousel-item {
  height: 88vh;
  min-height: 520px;
  position: relative;
  overflow: hidden;
}

/* Slide backgrounds using gradient + SVG pattern as placeholder for real images */
/* line 137, ../sass/_main.scss */
.slide-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transition: transform 8s ease;
}

/* line 142, ../sass/_main.scss */
.carousel-item.active .slide-bg {
  transform: scale(1.06);
}

/* Slide 1 */
/* line 145, ../sass/_main.scss */
.slide-bg-1 {
  background: url(../images/bg-slide-1.png) center no-repeat;
  background-size: cover;
}

/* Slide 2 */
/* line 153, ../sass/_main.scss */
.slide-bg-2 {
  background: url(../images/bg-slide-2.png) center no-repeat;
  background-size: cover;
}

/* Slide 3 */
/* line 161, ../sass/_main.scss */
.slide-bg-3 {
  background: url(../images/bg-slide-3.png) center no-repeat;
  background-size: cover;
}

/* SVG scene layered on right side */
/* line 170, ../sass/_main.scss */
.slide-scene {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  width: 55%;
  pointer-events: none;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 1rem;
  opacity: 0.18;
}

/* line 178, ../sass/_main.scss */
.hero-overlay-content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2rem 0;
}

/* ---- TEXT ANIMATIONS ---- */
/* line 185, ../sass/_main.scss */
.slide-badge {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  background: rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(8px);
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  border-radius: 50px;
  padding: .35rem 1rem;
  font-size: .78rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: .06em;
  width: fit-content;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity .6s ease, transform .6s ease;
}

/* line 198, ../sass/_main.scss */
.slide-badge .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #F9C832;
  animation: pulse 1.8s infinite;
}

/* line 204, ../sass/_main.scss */
.slide-title {
  font-family: "Fredoka", sans-serif;
  font-size: clamp(2rem, 5.5vw, 4rem);
  font-weight: 900;
  color: #fff;
  line-height: 1.1;
  margin: 1rem 0 .9rem;
  opacity: 0;
  transform: translateY(35px);
  transition: opacity .7s .15s ease, transform .7s .15s ease;
}

/* line 212, ../sass/_main.scss */
.slide-title .accent-teal {
  color: #2DBFB8;
}

/* line 213, ../sass/_main.scss */
.slide-title .accent-pink {
  color: #E487B7;
}

/* line 214, ../sass/_main.scss */
.slide-title .accent-yellow {
  color: #F9C832;
}

/* line 216, ../sass/_main.scss */
.slide-sub {
  font-size: clamp(0.88rem, 1.8vw, 1.05rem);
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.7;
  max-width: 520px;
  margin-bottom: 1.8rem;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .7s .3s ease, transform .7s .3s ease;
}

/* line 224, ../sass/_main.scss */
.slide-btns {
  display: flex;
  gap: .9rem;
  flex-wrap: wrap;
  opacity: 0;
  transform: translateY(25px);
  transition: opacity .7s .45s ease, transform .7s .45s ease;
}

/* Activate on active slide */
/* line 231, ../sass/_main.scss */
.carousel-item.active .slide-badge {
  opacity: 1;
  transform: none;
}

/* line 232, ../sass/_main.scss */
.carousel-item.active .slide-title {
  opacity: 1;
  transform: none;
}

/* line 233, ../sass/_main.scss */
.carousel-item.active .slide-sub {
  opacity: 1;
  transform: none;
}

/* line 234, ../sass/_main.scss */
.carousel-item.active .slide-btns {
  opacity: 1;
  transform: none;
}

/* line 236, ../sass/_main.scss */
.btn-hero-primary {
  padding: .75rem 1.9rem;
  border-radius: 50px;
  border: none;
  background: linear-gradient(135deg, #E487B7, #f06292);
  color: #fff;
  font-family: "Quicksand", sans-serif;
  font-weight: 800;
  font-size: .95rem;
  box-shadow: 0 6px 22px rgba(233, 78, 154, 0.45);
  transition: transform .2s, box-shadow .2s;
  cursor: pointer;
}

/* line 244, ../sass/_main.scss */
.btn-hero-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(233, 78, 154, 0.6);
}

/* line 246, ../sass/_main.scss */
.btn-hero-secondary {
  padding: .75rem 1.9rem;
  border-radius: 50px;
  background: #7FCAD0;
  backdrop-filter: blur(8px);
  color: #fff;
  border: 1.5px solid rgba(255, 255, 255, 0.55);
  font-family: "Quicksand", sans-serif;
  font-weight: 800;
  font-size: .95rem;
  transition: background .2s, transform .2s;
  cursor: pointer;
}

/* line 254, ../sass/_main.scss */
.btn-hero-secondary:hover {
  background: rgba(255, 255, 255, 0.28);
  transform: translateY(-3px);
  color: #fff;
}

/* line 256, ../sass/_main.scss */
.btn-hero-ghost {
  padding: .75rem 1.6rem;
  border-radius: 50px;
  background: transparent;
  color: rgba(255, 255, 255, 0.9);
  border: 1.5px solid rgba(255, 255, 255, 0.38);
  font-family: "Quicksand", sans-serif;
  font-weight: 800;
  font-size: .95rem;
  display: flex;
  align-items: center;
  gap: .4rem;
  transition: border-color .2s, transform .2s;
  cursor: pointer;
}
/* line 264, ../sass/_main.scss */
.btn-hero-ghost img {
  width: 24px;
}

/* line 266, ../sass/_main.scss */
.btn-hero-ghost:hover {
  border-color: #fff;
  transform: translateY(-3px);
  color: #fff;
}

/* Carousel controls */
/* line 269, ../sass/_main.scss */
.carousel-control-prev,
.carousel-control-next {
  width: 46px;
  height: 46px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(6px);
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  opacity: 1;
  transition: background .2s;
  margin: 0 1rem;
}

/* line 278, ../sass/_main.scss */
.carousel-control-prev:hover,
.carousel-control-next:hover {
  background: rgba(255, 255, 255, 0.35);
}

/* line 280, ../sass/_main.scss */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 18px;
  height: 18px;
}

/* line 283, ../sass/_main.scss */
.carousel-indicators {
  bottom: 1.5rem;
}

/* line 286, ../sass/_main.scss */
.carousel-indicators button {
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.5) !important;
  border: none !important;
  margin: 0 4px;
  transition: background .3s, transform .3s !important;
}

/* line 293, ../sass/_main.scss */
.carousel-indicators button.active {
  background: #fff !important;
  transform: scale(1.4) !important;
}

/* ===================== SECTION COMMON ===================== */
/* line 299, ../sass/_main.scss */
.section-label {
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: .6rem;
}
/* line 303, ../sass/_main.scss */
.section-label.pink {
  color: #E487B7;
}
/* line 304, ../sass/_main.scss */
.section-label.teal {
  color: #2DBFB8;
}

/* line 306, ../sass/_main.scss */
.section-title {
  font-family: "Fredoka", sans-serif;
  font-size: clamp(1.6rem, 3.5vw, 2.4rem);
  font-weight: 600;
  color: #282530;
  text-align: center;
  margin-bottom: .7rem;
}

/* line 311, ../sass/_main.scss */
.section-sub {
  text-align: center;
  color: #6B7280;
  font-size: .97rem;
  line-height: 1.7;
  max-width: 540px;
  margin: 0 auto 2.8rem;
}

/* Scroll reveal */
/* line 318, ../sass/_main.scss */
.reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity .7s ease, transform .7s ease;
}

/* line 322, ../sass/_main.scss */
.reveal.visible {
  opacity: 1;
  transform: none;
}

/* line 323, ../sass/_main.scss */
.reveal-delay-1 {
  transition-delay: .12s;
}

/* line 324, ../sass/_main.scss */
.reveal-delay-2 {
  transition-delay: .24s;
}

/* line 325, ../sass/_main.scss */
.reveal-delay-3 {
  transition-delay: .36s;
}

/* ===================== PROGRAMS ===================== */
/* line 328, ../sass/_main.scss */
#programs {
  background: #fff;
  padding: 5rem 0;
}

/* line 330, ../sass/_main.scss */
.program-card {
  border-radius: 1.25rem;
  border: 2px solid #f0f0f0;
  padding: 2rem 1.8rem 1.6rem;
  height: 100%;
  transition: transform .3s, box-shadow .3s, border-color .3s;
  position: relative;
  overflow: hidden;
  background: #fff;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1rem;
}
/* line 343, ../sass/_main.scss */
.program-card p {
  margin: 0;
}

/* line 345, ../sass/_main.scss */
.program-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: --card-accent, #2DBFB8;
  border-radius: 1.25rem 1.25rem 0 0;
  transform: scaleX(0);
  transition: transform .35s;
  transform-origin: left;
}

/* line 353, ../sass/_main.scss */
.program-card:hover::before {
  transform: scaleX(1);
}

/* line 354, ../sass/_main.scss */
.program-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
  border-color: transparent;
}

/* line 356, ../sass/_main.scss */
.program-card.card-1 {
  --card-accent: #4CAF82;
  background: linear-gradient(160deg, #f0fff8, #fff);
}
/* line 358, ../sass/_main.scss */
.program-card.card-1 .card-list li::before, .program-card.card-1 .card-link {
  color: #36AC78;
}

/* line 360, ../sass/_main.scss */
.program-card.card-2 {
  --card-accent: #F9C832;
  background: linear-gradient(160deg, #fffdf0, #fff);
}
/* line 362, ../sass/_main.scss */
.program-card.card-2 .card-list li::before, .program-card.card-2 .card-link {
  color: #D78011;
}

/* line 364, ../sass/_main.scss */
.program-card.card-3 {
  --card-accent: #7B5EA7;
  background: linear-gradient(160deg, #f5f0ff, #fff);
}
/* line 366, ../sass/_main.scss */
.program-card.card-3 .card-list li::before, .program-card.card-3 .card-link {
  color: #4C85EB;
}

/* line 370, ../sass/_main.scss */
.card-emoji img {
  height: 100px;
  width: auto;
}

/* line 372, ../sass/_main.scss */
.card-age {
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

/* line 376, ../sass/_main.scss */
.card-1 .card-age {
  color: #4CAF82;
}

/* line 377, ../sass/_main.scss */
.card-2 .card-age {
  color: #c4a000;
}

/* line 378, ../sass/_main.scss */
.card-3 .card-age {
  color: #7B5EA7;
}

/* line 380, ../sass/_main.scss */
.card-title {
  font-family: "Quicksand", sans-serif;
  font-size: 1.3rem;
  font-weight: 600;
}

/* line 381, ../sass/_main.scss */
.card-desc {
  font-size: .87rem;
  color: #6B7280;
  line-height: 1.65;
}

/* line 382, ../sass/_main.scss */
.card-list {
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: .55rem;
}

/* line 386, ../sass/_main.scss */
.card-list li {
  font-size: .84rem;
  padding: .2rem 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  column-gap: 10px;
}

/* line 395, ../sass/_main.scss */
.card-list li::before {
  content: '✦ ';
  color: #E487B7;
  font-size: .6rem;
}

/* line 396, ../sass/_main.scss */
.card-link {
  font-weight: 800;
  font-size: .88rem;
  color: #2DBFB8;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  transition: gap .2s;
}

/* line 401, ../sass/_main.scss */
.card-link:hover {
  gap: .6rem;
  color: #2DBFB8;
}

/* ===================== APPROACH ===================== */
/* line 406, ../sass/_main.scss */
#approach {
  background: linear-gradient(150deg, #f0fffe 0%, #fdf4ff 100%);
  padding: 5rem 0;
}

/* line 408, ../sass/_main.scss */
.photo-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

/* line 409, ../sass/_main.scss */
.photo-card {
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  aspect-ratio: 4/3;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  transition: transform .3s;
  border: 6px solid #fff;
  border-bottom-width: 20px;
}

/* line 417, ../sass/_main.scss */
.photo-card:hover {
  transform: scale(1.03);
}

/* line 418, ../sass/_main.scss */
.photo-card svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* line 419, ../sass/_main.scss */
.photo-label {
  position: absolute;
  bottom: 0;
  left: 0;
  backdrop-filter: blur(6px);
  border-radius: 0;
  padding: .8rem .65rem .5rem .65rem;
  font-size: .88rem;
  color: #282530;
  font-weight: 500;
  width: 100%;
}
/* line 428, ../sass/_main.scss */
.photo-label.bg1 {
  background: rgba(255, 226, 252, 0.75);
}
/* line 429, ../sass/_main.scss */
.photo-label.bg2 {
  background: rgba(223, 234, 255, 0.75);
}
/* line 430, ../sass/_main.scss */
.photo-label.bg3 {
  background: rgba(255, 247, 215, 0.75);
}
/* line 431, ../sass/_main.scss */
.photo-label.bg4 {
  background: rgba(227, 255, 222, 0.75);
}

/* line 433, ../sass/_main.scss */
.photo-label small {
  display: block;
  opacity: .75;
  font-size: .62rem;
  font-weight: 400;
}

/* line 435, ../sass/_main.scss */
.approach-label {
  text-align: left;
}

/* line 436, ../sass/_main.scss */
.approach-title {
  text-align: left;
  font-size: clamp(1.55rem, 3vw, 2.1rem);
}

/* line 437, ../sass/_main.scss */
.approach-desc {
  color: #6B7280;
  font-size: .95rem;
  line-height: 1.7;
  margin-bottom: 1.5rem;
}

/* line 439, ../sass/_main.scss */
.point-wrap {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 1.2rem;
}

/* line 440, ../sass/_main.scss */
.point-num {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(135deg, #2DBFB8, #E487B7);
  color: #fff;
  font-weight: 800;
  font-size: .85rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 447, ../sass/_main.scss */
.point-content strong {
  display: block;
  font-size: .95rem;
  margin-bottom: .2rem;
}

/* line 448, ../sass/_main.scss */
.point-content p {
  font-size: .85rem;
  color: #6B7280;
  line-height: 1.55;
  margin: 0;
}

/* ===================== CTA ===================== */
/* line 453, ../sass/_main.scss */
#cta {
  padding: 6rem 0;
  text-align: center;
  position: relative;
  overflow: hidden;
  background: url(../images/patten.png) center repeat #E487B7;
  background-size: contain;
}

/* line 459, ../sass/_main.scss */
#cta::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.08) 1px, rgba(0, 0, 0, 0) 1px);
  background-size: 36px 36px;
}

/* line 465, ../sass/_main.scss */
.cta-label {
  font-size: .75rem;
  font-weight: 800;
  text-align: center;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.65);
  margin-bottom: .9rem;
}

/* line 466, ../sass/_main.scss */
.cta-title {
  font-family: "Fredoka", sans-serif;
  font-size: clamp(2rem, 5vw, 3.4rem);
  font-weight: 900;
  color: #fff;
  line-height: 1.15;
  margin-bottom: .9rem;
}

/* line 467, ../sass/_main.scss */
.cta-sub {
  color: rgba(255, 255, 255, 0.75);
  font-size: .97rem;
  max-width: 500px;
  margin: 0 auto 2.4rem;
  line-height: 1.65;
}

/* line 468, ../sass/_main.scss */
.btn-cta-white {
  padding: .85rem 2.2rem;
  border-radius: 50px;
  background: #fff;
  color: #E487B7;
  font-family: "Quicksand", sans-serif;
  font-weight: 800;
  font-size: .97rem;
  border: none;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.2);
  transition: transform .2s, box-shadow .2s;
  cursor: pointer;
}

/* line 474, ../sass/_main.scss */
.btn-cta-white:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3);
  color: #E487B7;
}

/* line 475, ../sass/_main.scss */
.btn-cta-outline {
  padding: .85rem 2.2rem;
  border-radius: 50px;
  background: transparent;
  color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.55);
  font-family: "Quicksand", sans-serif;
  font-weight: 800;
  font-size: .97rem;
  transition: border-color .2s, transform .2s;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
}

/* line 482, ../sass/_main.scss */
.btn-cta-outline:hover {
  border-color: #fff;
  transform: translateY(-3px);
  color: #fff;
}

/* ===================== FOOTER ===================== */
/* line 485, ../sass/_main.scss */
.footer {
  background: #fff;
  padding: 1.5rem 0;
  font-size: .82rem;
}
/* line 488, ../sass/_main.scss */
.footer .footer-brand {
  color: #8E919D;
  font-weight: 700;
}
/* line 489, ../sass/_main.scss */
.footer a {
  color: #282530;
  text-decoration: none;
  margin: 0 .6rem;
}
/* line 490, ../sass/_main.scss */
.footer a:hover {
  color: #000000;
  font-weight: 600;
}
/* line 491, ../sass/_main.scss */
.footer .footer-link {
  display: flex;
}

/* Floating doodle on slides */
/* line 497, ../sass/_main.scss */
.hero-doodles {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

/* line 500, ../sass/_main.scss */
.doodle {
  position: absolute;
  opacity: .14;
  animation: floatDoodle var(--dur, 6s) ease-in-out infinite alternate;
}

@keyframes floatDoodle {
  0% {
    transform: translateY(0) rotate(var(--r0, 0deg));
  }
  100% {
    transform: translateY(var(--ty, -18px)) rotate(var(--r1, 10deg));
  }
}
@keyframes pulse {
  0%,100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: .5;
    transform: scale(1.4);
  }
}
/* line 515, ../sass/_main.scss */
.custom-popup .modal-header {
  border: none;
  padding-bottom: 0;
}
/* line 516, ../sass/_main.scss */
.custom-popup .modal-content {
  padding: 2rem;
}
/* line 517, ../sass/_main.scss */
.custom-popup .modal-title {
  font-family: "Quicksand", sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
}
/* line 518, ../sass/_main.scss */
.custom-popup .multi-btn-wrap {
  justify-content: center;
}

/* ----------------------------------- */
/*  Break-Points Min-1200px - Desktop 
/* ----------------------------------- */
/* ----------------------------------- */
/*  Break-Points Min-1200px - Desktop 
/* ----------------------------------- */
/* ----------------------------------- */
/*  Break-Points MAx-1600px -  
/* ----------------------------------- */
/* ----------------------------------- */
/*  Break-Points MAx-1400px -  
/* ----------------------------------- */
/* ----------------------------------- */
/*  Break-Points Max-1199px - Laptop 
/* ----------------------------------- */
/* ----------------------------------- */
/*  Break-Points Max-1050px - Min-desktop
/* ----------------------------------- */
/* ----------------------------------- */
/*  Break-Points Max-992px - Laptop 
/* ----------------------------------- */
/* ----------------------------------- */
/*  Break-Points Max-768px - Tab 
/* ----------------------------------- */
/* ----------------------------------- */
/*  Break-Points Max-680px - Tab 
/* ----------------------------------- */
/* ----------------------------------- */
/*  Break-Points Max-500px - Mobile 
/* ----------------------------------- */