@charset "UTF-8";

@font-face {
  font-family: "playfair";
  src: url("/styles/fonts/PlayfairDisplay.ttf"); 
}
@font-face {
  font-family: "ind-med";
  src: url("/styles/fonts/Indivisible-Medium.ttf"); 
}
@font-face {
  font-family: "ind-reg";
  src: url("/styles/fonts/Indivisible-Regular.ttf"); 
}
@font-face {
  font-family: "noto-med";
  src: url("/styles/fonts/NotoSerifDisplay-Medium.ttf"); 
}
@font-face {
  font-family: "noto-reg";
  src: url("/styles/fonts/NotoSerifDisplay-Regular.ttf"); 
}
@font-face {
  font-family: "hand";
  src: url("/styles/fonts/Romelio-Handwriting-Regular.otf") format("opentype");
}

body {
  margin: 0px;
}

h1 {
  font-family: "ind-reg";
  font-size: 4.5rem;
  font-weight: normal;
}

h2 {
  /* caps font heading */
  font-family: "ind-med"; 
  font-size: 1.2rem;
  font-weight: normal;
  letter-spacing: 4px;
  text-transform: uppercase;
}

h3 {
  font-family: "noto-med";
  font-size: 2.8rem;
  font-weight: normal;
  letter-spacing: 0px;
  line-height: 1.3;
}

h4 {
  font-family: "noto-reg";
  font-size: 2rem;
  font-weight: normal;
}

p, li {
  font-family: "ind-reg";
  font-size: 1rem;
  font-weight: normal;
  letter-spacing: 0px;
  line-height: 1.5;
  color: #282828;
}

a {
  text-decoration: none;
  cursor: pointer;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.white {
  color: #fff;
}

.hand {
  font-family: "hand";
}

.caps {
  text-transform: uppercase;
}

.underline {
  text-decoration: underline;
  text-decoration-color: #282828;
  text-underline-offset: 25%;
}

.bold {
  font-weight: bold;
}

.mobile {
  display: none;
}

.desktop {
  display: block;
}

.row {
  display: inline-flex;
  width: 100%;
}
.w-20 {
  width: 20%;
}
.w-25 {
  width: 25%;
}
.w-30 {
  width: 32%;
}
.w-40 {
  width: 40%;
}
.w-50 {
  width: 50%;
}
.w-60 {
  width: 60%;
}
.w-80 {
  width: 80%;
}

.green {
  color: #9CAB74 !important;
}

/* HOME PAGE */

.banner {
  position: relative;
  padding-inline-start: 5%;
  padding-block: 3%;
}
.banner-img {
  width: 100%;
}
.banner iframe {
  width: 100%;
  height: 100%;
}
.banner .play {
  position: absolute;
  top: 38%;
  z-index: 2;
  width: 6%;
  right: 20%;
}
.banner h3 {
  position: absolute;
  top: 62%;
  right: 10%;
  color: #fff;
}

.courses {
  padding-inline: 5% 1%;
  padding-block: 0% 4%;
  display: none;
}
.courses .row {
  gap: 5px;
}
.courses .w-30 {
  width: 34%;
}
.course_title {
  font-size: 2rem;
}
.courses .green {
  font-size: 1.2rem;
}
.topic-img {
  width: 85%;
}

.arrow {
  font-family: "ind-med";
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 6px;
  color: #282828;
}
.raise .w-40 {
  width: 26%;
  background-color: #27303C;
  color: #fff;
  padding-inline: 5%;
  padding-block: 5%;
}

.raise .w-60 {
  padding-inline-start: 5%;
}

.manual {
  background-image: url('/styles/images/home/manual.webp'); 
  background-repeat: no-repeat; 
  background-size: 100% 100%;
  margin-top: -25%;
  height: 115vh;
  opacity: 1;
  position: relative;
  z-index: -1;
}

.manual h3 {
  font-size: 2.5rem;
  letter-spacing: 0px;
}

.manual .w-60 {
  padding-inline-start: 10%;
  padding-block-start: 3%;
}

.manual p {
  font-size: 1rem;
  width: 92%;
}

.manual .hand {
  font-size: 7rem;
  text-align: center;
  margin-block: 0%;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  bottom: 5%;
  text-align: center;
}

.need {
  color: #282828;
  padding-block: 3%;
  text-align: center;
}

.need h2, .wisdom h2, .va h2 {
  color: #98A6B1;
}

.need p, .wisdom p {
  width: 75%;
  margin-inline: auto;
  margin-block: 2%;
}

.quote {
  color: #fff;
  padding-block: 3%;
  text-align: center;
}

.quotes-img {
  width: 10%;
}

.quote h2 {
  padding-block: 0% 3%;
}

.quote p {
  font-size: 1.5rem;
  width: 50%;
  margin-inline: auto;
  margin-block: -3% 5%;
}

.quote .hand {
  font-size: 8rem;
  margin-block-end: 0%;
}

/* ABOUT US */

.discover {
  padding-inline-start: 5%;
  padding-block-end: 3%;
}
.discover .row {
  padding-block: 3% 0%;
}
.discover h3, .philosophy h3 {
  font-size: 2.5rem;
  letter-spacing: 0px;
  margin-block: 1% 8%;
}
.discover img, .va img {
  width: 100%;
}
.discover .w-60 {
  width: 50%;
  padding-inline: 5%;
}

.philosophy {
  position: relative;
  z-index: -1;
  padding-block-end: 10%;
}
.philosophy .w-40 {
  padding-inline: 3vw 6vw;
  align-content: center;
  margin-block-start: -6vw;
}
.philosophy img {
  width: 90%;
}

.wisdom {
  background-color: #493B36;
  color: #fff;
  padding-block: 8%;
  width: 75%;
  margin-inline: auto;
  text-align: center;
  margin-block-start: -5%;
  display: none;
}

.resource {
  height: 125vh;
  text-align: center;
  position: relative;
  z-index: -1;
  margin-top: -5%;
}
.resource .hand {
  font-size: 6rem;
  width: 100%;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  top: 0%;
  text-align: center;
  margin: 0%;
}
.resource .slides {
  width: 603%;
}
.resource .slide {
  width: 16.6%;
}
.resource .slider {
  width: 100%;
  height: 100%;
}
.resource img {
  max-width: 100%;
}
.resource .tint {
  position: absolute;
/*  background: transparent linear-gradient(0deg, #0F0404EA 0%, #0E0404DF 1%, #00000008 83%, #00000001 100%, #00000000 100%) 0% 0% no-repeat padding-box;*/
  height: 20%;
  z-index: 5;
  bottom: 0%;
  left: 0%;
  width: 100%;
} 
.resource-navigation-manual {
  position: absolute;
  bottom: auto;
  display: flex;
  justify-content: center;
  width: 100%;
  z-index: 5;
  bottom: auto;
  margin-block-start: -4%;
}

.course {
  padding-block: 2% 8%;
}
.course h3 {
  font-size: 2.5rem;
  letter-spacing: 0px;
  padding-inline-start: 5%;
}

.va .w-50, .course .w-60 {
  padding-inline-start: 5%;
}
.va {
  position: relative;
  padding-block: 5%;
}
.va .play {
  position: absolute;
  z-index: 2;
  width: 5%;
  top: 43%;
  right: 20%;
}


/* UPCOMING PROGRAMS (VA RETREATS) */

.programs {
  position: relative;
  padding-block: 5%;
}
.programs img {
  width: 40%;
  position: absolute;
  z-index: 5;
}
.programs h1 {
  padding-inline: 5%;
  padding-block: 2%;
}
.programs h3, .intro h3, .course-programs h3 {
  font-size: 2.8rem;
  letter-spacing: 0px;
}
.orange {
  background-color: #BF7969;
  padding-inline: 16% 5%;
  padding-block: 2%;
  position: relative;
  z-index: 2;
  margin-inline-start: -10%;
}

.intro {
  padding-inline: 5%;
}
.upcoming {
  padding-block: 5% 0%;
}
.upcoming .w-50 {
  position: relative;
  padding-inline: 5%;
}
.upcoming .course_title {
  position: absolute;
  color: #fff;
  bottom: 30%;
  left: 14%;
}
.upcoming .beige {
  background-color: #F3ECE7;
  height: 55vh;
  margin-block-start: -25%;
}
.upcoming .topic-img {
  width: 100%;
  cursor: pointer;
}

.course-programs {
  padding-block: 3%;
  padding-inline: 5%;
}

.ongoing {
  padding-block: 0% 8%;
}
.ongoing h2, .ongoing p {
  padding-inline-start: 9%;
}
.mentor {
  background-color: #F3ECE7;
  padding-block: 5%;
  padding-inline: 9% 10%;
  width: 100%;
}
.mentor h2 {
  color: #BF7969;
  padding-inline-start: 0%;
}
.mentor p {
  padding-inline: 0% 15%;
}
.ongoing img {
  margin-block-start: 4%;
  width: 40%;
  position: absolute;
  z-index: 5;
}

/* FAQs page */
.faqs {
  padding-block: 5%;
}
.faqs .w-20 {
  background-color: #27303C;
  color: #fff;
  padding-inline: 5% 1%;
  padding-block: 2%;
  height: 30vh;
}
.faqs .w-70 {
  width: 70%;
  padding-block: 10% 5%;
  padding-inline: 5% 3%;
}
.accordion {
  font-family: "ind-med";
  font-size: 22px;
  font-weight: 500;
  color: #282828;
  cursor: pointer;
  padding: 30px 15px;
  width: 100%;
  margin: 0%;
  display: inline-flex;
  text-align: left;
  border: none;
  outline: none;
  transition: background-color 0.4s ease;
  letter-spacing: 0px;
  background-color: transparent;
}
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
  width: 81.5%;
  margin: auto;
}
.accordion:before {
  content: '+'; 
  color: #BF7969;
  float: left;
  margin-inline: 10px;
\  transition: transform 0.4s ease;
}

.accordion.active:before {
  content: '-';
}
.inner-row {
  margin-inline-start: 1%;
}
.inner-row .w-30 {
  padding-block-start: 1%;
}
.inner-row .w-60 {
  width: 55%;
}
.panel .row {
  padding-block-start: 1%;
  gap: 0px;
}
.answer {
  border-left: 2px solid #BF7969;
  margin-left: 10%;
  padding-left: 4%;
  margin: 20px 0;
  color: #282828;  
}
.divider {
  border: none;
  height: 1px;
  background-color: #BABABA;
  margin: 15px 0;
}

/* Contact us */
.contact {
  padding-block: 2%;
}
.contact h3, .contact p {
  color: #fff;
  padding-inline-start: 5%;
}
.contact img {
  width: 100%;
  height: 100%;
}

/* Active Campaign Form */

 #_form_15_ { font-size:14px; line-height:1.6; font-family:"ind-reg", sans-serif; margin:0; }
 #_form_15_ * { outline:0; }
 ._form_hide { display:none; visibility:hidden; }
 ._form_show { display:block; visibility:visible; }
 #_form_15_._form-top { top:0; }
 #_form_15_._form-bottom { bottom:0; }
 #_form_15_._form-left { left:0; }
 #_form_15_._form-right { right:0; }
 #_form_15_ input[type="text"],#_form_15_ input[type="tel"],#_form_15_ input[type="date"],#_form_15_ textarea { padding:6px; height:auto; border:#979797 1px solid; border-radius:4px; color:#000 !important; font-size:14px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
 #_form_15_ textarea { resize:none; }
 #_form_15_ ._submit { 
  width: 30%;
  -webkit-appearance:none; cursor:pointer; 
  font-family:"ind-med"; 
  font-size:14px; 
  text-align:center; 
  background:#9CAB74 !important; 
  border:0 !important; 
  -moz-border-radius:0px !important; -webkit-border-radius:0px !important; border-radius:0px !important; color:#fff !important; padding:10px !important; 
}
 #_form_15_ ._close-icon { cursor:pointer; background-image:url('https://d226aj4ao1t61q.cloudfront.net/esfkyjh1u_forms-close-dark.png'); background-repeat:no-repeat; background-size:14.2px 14.2px; position:absolute; display:block; top:11px; right:9px; overflow:hidden; width:16.2px; height:16.2px; }
 #_form_15_ ._close-icon:before { position:relative; }
 #_form_15_ ._form-body { margin-bottom:30px; }
 #_form_15_ ._form-image-left { width:150px; float:left; }
 #_form_15_ ._form-content-right { margin-left:164px; }
 #_form_15_ ._form-branding { color:#fff; font-size:10px; clear:both; text-align:left; margin-top:30px; font-weight:100; }
 #_form_15_ ._form-branding ._logo { display:block; width:130px; height:14px; margin-top:6px; background-image:url('https://d226aj4ao1t61q.cloudfront.net/hh9ujqgv5_aclogo_li.png'); background-size:130px auto; background-repeat:no-repeat; }
 #_form_15_ .form-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0; }
 #_form_15_ ._form-label,#_form_15_ ._form_element ._form-label { font-weight:bold; margin-bottom:5px; display:block; }
 #_form_15_._dark ._form-branding { color:#333; }
 #_form_15_._dark ._form-branding ._logo { background-image:url('https://d226aj4ao1t61q.cloudfront.net/jftq2c8s_aclogo_dk.png'); }
 #_form_15_ ._form_element { position:relative; margin-bottom:10px; font-size:0; max-width:100%; }
 #_form_15_ ._form_element * { font-size:14px; }
 #_form_15_ ._form_element._clear { clear:both; width:100%; float:none; }
 #_form_15_ ._form_element._clear:after { clear:left; }
 #_form_15_ ._form_element input[type="text"],#_form_15_ ._form_element input[type="date"],#_form_15_ ._form_element select,#_form_15_ ._form_element textarea:not(.g-recaptcha-response) { display:block; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family:inherit; }
 #_form_15_ ._field-wrapper { position:relative; }
 #_form_15_ ._inline-style { float:left; }
 #_form_15_ ._inline-style input[type="text"] { width:150px; }
 #_form_15_ ._inline-style:not(._clear) + ._inline-style:not(._clear) { margin-left:20px; }
 #_form_15_ ._form_element img._form-image { max-width:100%; }
 #_form_15_ ._form_element ._form-fieldset { border:0; padding:0.01em 0 0 0; margin:0; min-width:0; }
 #_form_15_ ._clear-element { clear:left; }
 #_form_15_ ._full_width { width:100%; }
 #_form_15_ ._form_full_field { display:block; width:100%; margin-bottom:10px; }
 #_form_15_ input[type="text"]._has_error,#_form_15_ textarea._has_error { border:#f37c7b 1px solid; }
 #_form_15_ input[type="checkbox"]._has_error { outline:#f37c7b 1px solid; }
 #_form_15_ ._error { display:block; position:absolute; font-size:14px; z-index:10000001; }
 #_form_15_ ._error._above { padding-bottom:4px; bottom:39px; right:0; }
 #_form_15_ ._error._below { padding-top:4px; top:100%; right:0; }
 #_form_15_ ._error._above ._error-arrow { bottom:0; right:15px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #f37c7b; }
 #_form_15_ ._error._below ._error-arrow { top:0; right:15px; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #f37c7b; }
 #_form_15_ ._error-inner { padding:8px 12px; background-color:#f37c7b; font-size:14px; font-family:"ind-reg"; color:#fff; text-align:center; text-decoration:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
 #_form_15_ ._error-inner._form_error { margin-bottom:5px; text-align:left; }
 #_form_15_ ._button-wrapper ._error-inner._form_error { position:static; }
 #_form_15_ ._error-inner._no_arrow { margin-bottom:10px; }
 #_form_15_ ._error-arrow { position:absolute; width:0; height:0; }
 #_form_15_ ._error-html { margin-bottom:10px; }
 .pika-single { z-index:10000001 !important; }
 #_form_15_ input[type="text"].datetime_date { width:69%; display:inline; }
 #_form_15_ select.datetime_time { width:29%; display:inline; height:32px; }
 #_form_15_ input[type="date"].datetime_date { width:69%; display:inline-flex; }
 #_form_15_ input[type="time"].datetime_time { width:29%; display:inline-flex; }
 @media all and (min-width:320px) and (max-width:667px) { ::-webkit-scrollbar { display:none; }
 #_form_15_ { margin:0; width:100%; min-width:100%; max-width:100%; box-sizing:border-box; }
 #_form_15_ * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:1em; }
 #_form_15_ ._form-content { margin:0; width:100%; }
 #_form_15_ ._form-inner { display:block; min-width:100%; }
 #_form_15_ ._form-title,#_form_15_ ._inline-style { margin-top:0; margin-right:0; margin-left:0; }
 #_form_15_ ._form-title { font-size:1.2em; }
 #_form_15_ ._form_element { margin:0 0 20px; padding:0; width:100%; }
 #_form_15_ ._form-element,#_form_15_ ._inline-style,#_form_15_ input[type="text"],#_form_15_ label,#_form_15_ p,#_form_15_ textarea:not(.g-recaptcha-response) { float:none; display:block; width:100%; }
 #_form_15_ ._row._checkbox-radio label { display:inline; }
 #_form_15_ ._row,#_form_15_ p,#_form_15_ label { margin-bottom:0.7em; width:100%; }
 #_form_15_ ._row input[type="checkbox"],#_form_15_ ._row input[type="radio"] { margin:0 !important; vertical-align:middle !important; }
 #_form_15_ ._row input[type="checkbox"] + span label { display:inline; }
 #_form_15_ ._row span label { margin:0 !important; width:initial !important; vertical-align:middle !important; }
 #_form_15_ ._form-image { max-width:100%; height:auto !important; }
 #_form_15_ input[type="text"] { padding-left:10px; padding-right:10px; font-size:16px; line-height:1.3em; -webkit-appearance:none; }
 #_form_15_ input[type="radio"],#_form_15_ input[type="checkbox"] { display:inline-block; width:1.3em; height:1.3em; font-size:1em; margin:0 0.3em 0 0; vertical-align:baseline; }
 #_form_15_ button[type="submit"] { padding:20px; font-size:1.5em; }
 #_form_15_ ._inline-style { margin:20px 0 0 !important; }
 }
 #_form_15_ { 
  position:relative; 
  text-align:left; 
  margin:25px auto 0; 
  padding:20px 20px 60px 20px; 
  -webkit-box-sizing:border-box; 
  -moz-box-sizing:border-box; 
  box-sizing:border-box; *zoom:1; 
  background:#fff !important; border:0px solid #b0b0b0 !important; max-width:500px; -moz-border-radius:0px !important; -webkit-border-radius:0px !important; border-radius:0px !important; color:#000 !important; 
}
 #_form_15_._inline-form,#_form_15_._inline-form ._form-content,#_form_15_._inline-form input,#_form_15_._inline-form ._submit { font-family:"IBM Plex Sans", Helvetica, sans-serif; }
 #_form_15_ ._form-title { font-size:22px; line-height:22px; font-weight:600; margin-bottom:0; }
 #_form_15_:before,#_form_15_:after { content:" "; display:table; }
 #_form_15_:after { clear:both; }
 #_form_15_._inline-style { width:auto; display:inline-block; }
 #_form_15_._inline-style input[type="text"],#_form_15_._inline-style input[type="date"] { padding:10px 12px; }
 #_form_15_._inline-style button._inline-style { position:relative; top:27px; }
 #_form_15_._inline-style p { margin:0; }
 #_form_15_._inline-style ._button-wrapper { position:relative; margin:27px 12.5px 0 20px; }
 #_form_15_ ._form-thank-you { position:relative; left:0; right:0; text-align:center; font-size:18px; }
 @media all and (min-width:320px) and (max-width:667px) { #_form_15_._inline-form._inline-style ._inline-style._button-wrapper { margin-top:20px !important; margin-left:0 !important; }
 }
 #_form_15_ .iti.iti--allow-dropdown.iti--separate-dial-code { width:100%; }
 #_form_15_ .iti input { width:100%; height:32px; border:#979797 1px solid; border-radius:4px; }
 #_form_15_ .iti--separate-dial-code .iti__selected-flag { background-color:#fff; border-radius:4px; }
 #_form_15_ .iti--separate-dial-code .iti__selected-flag:hover { background-color:rgba(0, 0, 0, 0.05); }
 #_form_15_ .iti__country-list { border-radius:4px; margin-top:4px; min-width:460px; }
 #_form_15_ .iti__country-list--dropup { margin-bottom:4px; }
 #_form_15_ .phone-error-hidden { display:none; }
 #_form_15_ .phone-error { color:#e40e49; }
 #_form_15_ .phone-input-error { border:1px solid #e40e49 !important; }



/*  Gallery  */
.brown {
  background-color: #493B36 !important;
}

.elevate {
  background: #493B36 0% 0% no-repeat padding-box;
  padding-inline: 5% 0%;
  padding-block: 5%;
}
.elevate img {
  height: 100%;
  width: auto;
}
.elevate h1 {
  margin-block-start: 30%;
}
.elevate .underline {
  text-decoration-color: #fff;
}

/* Gallery - Elevate Slider section */

.slider {
  width: 84%;
  height: 620px;
  position: relative;
  overflow: hidden;
}

.slides {
  width: 600%;
  height: 100%;
  display: flex;
  transition: transform 0.6s ease;
}

.slide {
  width: 16.66%;
  transition: 0.6s ease;
}

.navigation-manual {
  position: absolute;
  bottom: 75px;
  display: flex;
  justify-content: center;
  width: 100%;
  z-index: 5;
}

input[type="radio"] {
    display: none;
}

.manual-btn {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0.18;
    margin: 0 10px;
    transition: opacity 0.4s;
}

input[type="radio"]:checked + .manual-btn {
    opacity: 1;
}

/* Gallery - Elevate Slider section ends */

.four-section {
  padding-inline-start: 5%;
}
.four-section img {
  width: 70%;
}
.four-section h3 {
  letter-spacing: 0px;
}
.four-section a {
  text-decoration: none;
  color: #282828;
}
.four-section a:hover {
  text-decoration: underline;
}


/* Terms and conditions */
.tcs {
  padding-inline: 5%;
  padding-block: 5%;
}
.tcs .bold {
  font-weight: 900;
  font-family: "ind-med"; 
}

/* Mobile Phones */
@media only screen and (max-width: 768px) {

  .desktop {
     display: none !important; 
  }

  .mobile {
    display: block !important;
  }

  h1 {
    font-size: 3rem;
    margin-block-start: 0%;
  }
  h2 {
    font-size: 1rem;
    letter-spacing: 1px;
  }
  h3 {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  h4 {
    margin-block: 5vw;
  }
  p {
    font-size: 1rem;
    letter-spacing: 0px;
  }

  .underline {
    text-underline-offset: 10%;
  }

  .row {
    flex-direction: column;
  }

  .w-40, .w-60 {
    width: 95%;
  } 

  .w-20, .w-25, .w-30, .w-50, .w-70, .w-80 {
    width: 100%;
    text-align: center;
  } 

  /*  HOME */

  .banner {
    padding-inline: 2%;
  }
  .banner .w-50 {
    align-content: center;
  }
  .banner iframe {
    width: auto;
    height: 100%;
  }
  .banner .play {
    top: 65%;
    width: 15vw;
    right: 45%;
  }
  .banner h3 {
    top: 77%;
    right: 10%;
    text-align: center;
    color: #fff;
  }

  .courses {
    padding-inline: 2%;
  }
  .course_title {
    text-align: center;
  }
  .courses .w-30 {
    width: 100%;
  }

  .raise .w-40 {
    width: 95%;
    padding-inline: 2.5%;
    text-align: center;
  }

  .manual {
    margin-top: 0%;
    height: 121vh;
  }
  .manual .w-60 {
    padding-inline: 2%;
  }
  .manual .hand {
    font-size: 6rem;
    margin-block: 90% 0%;
    left: 45%;
    line-height: 1;
  }
  .manual h3 {
    text-align: center;
    margin-block: 1%;
  }
  .manual p {
    margin-inline: 5%; 
    line-height: 1.4; 
  }

  .need p {
    width: 85%;
    margin-inline-start: 5%;
    text-align: left;
  }

  .quote p {
    width: 90vw;
    font-size: 1rem;
    margin-block-start: -6vw;
  }
  .quotes-img {
    width: 18vw;
  }
  .quote .hand {
    font-size: 4rem;
    padding-block: 10% 0%;
  }

  /*  ABOUT US */

  .discover {
    width: 90vw;
    margin-inline: auto;
    padding-inline: 0%;
  }
  .discover .w-60 {
    padding-inline: 0%;
    width: 100%;
  }
  .discover h3, .philosophy h3 {
    font-size: 2rem;
  }

  .philosophy {
    width: 90vw;
    margin-inline: auto;
  }
  .philosophy .w-40 {
    width: 90vw;
    padding-inline: 0vw;
  }
  .philosophy h3 {
    margin-block: 7% 5%;
  }
  .philosophy h3, .course h3 {
    width: 90vw;
    margin-inline: auto;
    font-size: 1.5rem;
  }
  .philosophy img {
    width: 90vw;
  }

  .wisdom {
    width: 90vw;
    margin-top: 0%;
  }
  .wisdom p {
    width: 80%;
  }

  .resource {
    margin-top: 0%;
    height: 33vh;
  }
  .resource .tint {
    bottom: 19%;
  }
  .resource .hand {
    font-size: 3.5rem;
    top: 25%;
    padding-block-end: 2%;
  }
  .resource-navigation-manual {
    margin-block-start: -8%;
  }
  .manual-btn {
    width: 15px;
    height: 15px;
  }

  .va {
    width: 90vw;
    margin-inline: auto;
  }
  .va .play {
    width: 15vw;
    top: 71%;
    right: 42%;
  }
  .va .w-50 {
    padding-inline-start: 0%;
  }

  .course {
    width: 90vw;
    margin-inline: auto;
  }
  .course h2 {
    text-align: center;
  }
  .course h3 {
    padding-inline-start: 0%;
  }
  .course .w-60 {
    padding-inline: 0vw;
  }
  .course .w-40 {
    width: 90%;
  }

  .discover p, .philosophy p, .va p, .course p {
/*    width: 90vw;*/
    text-align: left;
  }

  /* Upcoming Programs (VA Retreats) */
  .programs img {
    width: 90%;
    left: 5%;
  }
  .programs h1 {
    font-size: 2.5rem;
    padding-inline: 5% 0%;
  }
  .orange {
    padding-block: 34% 10%;
    padding-inline: 15% 5%;
    margin-block-start: 60%;
    width: 95%;
  }
  .programs h3, .intro h3, .course-programs h3 {
    font-size: 1.8rem;
    margin-block: 2%;
  }

  .upcoming .row {
    width: 100%;
    padding-inline-start: 0%;
  }
  .upcoming .w-50 {
    width: 90%;
    margin-inline: auto;
  }
  .upcoming p {
    text-align: left;
  }
  .upcoming .course_title {
    text-align: left;  
    bottom: 49%;
    left: 8%;
    line-height: 1;
  }

  .course-programs {
    width: 90%;
    padding-inline: 5%;
  }

  .ongoing .w-60 {
    width: 100%;
  }
  .ongoing h2, .ongoing p {
    padding-inline: 5%;
  }
  .ongoing img {
    position: relative;
    margin-block-start: 0%;
    left: 5%;
    width: 90%;
  }
  .mentor {
    width: 100%;
    padding-inline: 0%;
  }

  /* FAQs */
  .faqs .w-20 {
    height: auto;
    padding-inline-start: 0%;
  }
  .faqs .w-70 {
    width: 94%;
    padding-block: 10%;
    padding-inline: 3%;
  }
  .accordion {
    width: 90%;
    padding: 25px 5px;
  }
  .answer {
    text-align: left;
  }

  /* Contact us */
  .contact .w-50 {
    padding-block: 0% 7%;
  }

  /* Gallery */
  .elevate h1 {
    margin-block-start: 5%;
    text-align: center;
  }
  .elevate .slider {
    height: 37vh;
    margin-inline: auto;
  }
  .elevate .navigation-manual {
    bottom: 10px;
  }

  .four-section {
    padding-inline-start: 0%;
    margin-inline: auto;
  }
  .four-section h3 {
    text-align: center;
  }
  .four-section p {
    margin-block: 3%;
  }
  
}

/* Tablets - Portrait mode */
@media only screen and (min-width: 600px) and (max-width: 1024px) and (orientation: portrait) {
  h1 {
    font-size: 4rem;
    letter-spacing: -2px;
  }
  
  h3 {
    font-size: 2rem;
  }
  .arrow {
    font-size: 0.8rem;
    letter-spacing: 2px;
  }

  /*  Home page */
  .banner h3 {
    right: 3%;
  }
  .banner .play {
    top: 33%;
    right: 20%;
  }

  .raise .w-40 {
    width: 35%;
  }
  .manual {
    height: 55vh;
  }
  .manual h3 {
    font-size: 2rem;
  }

  .need p, .wisdom p {
    width: 80%;
  }

  .quote p {
    width: 70%;
  }

  /* About us */
  .discover h1 {
    font-size: 3.3rem;
  }

  .discover h3, .philosophy h3 {
    font-size: 2rem;
  }
  .philosophy img {
    width: 95%;
  }
  .philosophy .w-40 {
    width: 50%;
    padding-inline: 5% 3%;
    margin-block-start: 0vw;
  }

  .wisdom {
    margin-block-start: -5%;
  }

  .resource {
    height: 55vh;
  }
  .resource .hand {
    top: 62.5%; 
  }


  .va h4 {
    margin-block: 1%;
  }
  .course h3 {
    font-size: 2rem;
  }
  .course p {
    font-size: 1rem;
  }

}


/* Tablets - Landscape mode */
@media only screen and (min-width: 600px) and (max-width: 1024px) and (orientation: landscape) {

  .manual {
    height: 85vh;
  }

  .resource {
    height: 100vh;
  }
  .resource .hand {
    top: 67.5%;
  }
  
}

/* Tablets - Landscape mode */
@media only screen and (min-width: 1025px) and (max-width: 1130px) and (orientation: landscape) {
  .resource {
    height: 102vh;
  }
}

/* Tablets - Landscape mode */
@media only screen and (min-width: 1131px) and (max-width: 1366px) and (orientation: landscape) {
  h1 {
    font-size: 4rem;
  }
  h3 {
    font-size: 2.5rem;
  }

  .underline {
    text-underline-offset: 40%;
  }

  .manual {
    height: 100vh;
  }

  .resource {
    height: 105vh;
  }
  .resource .hand {
    top: 70.5%;
  }
  .va {
    padding-block-start: 5%;
  }
  .va .play {
    top: 45%;
  }

  .ongoing .row {
    width: 92%;
  }
  .ongoing img {
    width: 45%;
  }

}

@media only screen and (min-width: 1450px) and (max-width: 1512px) {
  .resource {
    height: 114vh;
  }
  .resource .hand {
  }
  .resource .tint {
  }
  .resource-navigation-manual {
  }

}

/* Larger screen laptops */
@media only screen and (min-width: 1600px) {
  .resource .hand {
    top: 58.5%;
    padding-block-end: 5%;
  }
  .resource .tint {
    padding-block-end: 25%;
  }

  .resource-navigation-manual {
    margin-block-start: -4%;
  }

  .va {
    padding-block-start: 5%;
  }
  .va .play {
    top: 50%;
  }
}