@charset "UTF-8";

@font-face {
  font-family: Mulish;
  src: url(../vendor/font-mulish/Mulish-VariableFont_wght.ttf);
}

@font-face {
  font-family: Kanit;
  src: url(../vendor/font-kanit/Kanit-Regular.ttf);
}

/* Common start */
.font-style-mulish {
  font-family: Mulish, Arial;
}

.font-style-kanit {
  font-family: Kanit, Arial;
}

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

.bg-color-gradient-pink-to-blue {
  background: linear-gradient(45deg, #8E2DE2, #4A00E0);
}

.bg-gradient-sublime-light {
  background: linear-gradient(45deg, #FC5C7D, #6A82FB);
}
/* Common end */

/* Main nav start */
#mainNav .navbar-brand:hover {
  font-family: Kanit, Arial;
  font-size: 1.5rem;
  color: #4A00E0;
  text-decoration: none;
}

#mainNav .navbar-brand {
  font-family: Kanit, Arial;
  font-size: 1.5rem;
}

#mainNav .navbar-nav .nav-item .nav-link {
  font-family: Kanit, Arial;
  font-size: 1.2rem;
  color: #212518;
}

#mainNav .navbar-nav .nav-item .nav-link:hover {
  font-family: Kanit, Arial;
  font-size: 1.2rem;
  color: #6c756e;
  text-decoration: none;
}

#mainNav .nav-link, #mainNav .btn {
  font-family: Kanit, Arial;
  font-size: 1.2rem;
}

#mainNav .navbar-toggler {
  font-family: Kanit, Arial;
  padding: 0.5rem 0.75rem;
  font-size: 1.2rem;
  line-height: 2;
}
/* Main nav end */

/* Cookies alert start */
#cookies-alert .alert {
  font-family: Mulish, Arial;
  font-size: 1.0rem;
}

#cookies-alert a {
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
  font-family: Mulish, Arial;
  font-size: 1.0rem;
}

#cookies-alert a:hover, a:active, a:focus {
  color: rgba(255, 255, 255, 1);
  text-decoration: underline;
  font-family: Mulish, Arial;
  font-size: 1.0rem;
}
/* Cookies alert end */

/* Overview start*/
#overview .font-text-header {
  font-family: Kanit, Arial;
  font-size: 1.5rem;
}
/* Overview end*/

/* video start*/
#video .font-text-header {
  font-family: Kanit, Arial;
  font-size: 2.0rem;
}

#video .font-text-body {
  font-family: Mulish, Arial;
  font-size: 1.25rem;
}
/* video end*/

/* video-trailer start*/
#video-trailer .font-text-header {
  font-family: Kanit, Arial;
  font-size: 2.0rem;
}

#video-trailer .font-text-body {
  font-family: Mulish, Arial;
  font-size: 1.25rem;
}
/* video-trailer end*/

/* CTA start*/
#cta .font-text-header {
  font-family: Mulish, Arial;
  font-size: 1.0rem;
}

#cta a {
  color: rgba(0, 0, 0, 1);
  text-decoration: none;
  font-family: Mulish, Arial;
}

#cta a:hover, a:active, a:focus {
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
  font-family: Mulish, Arial;
}
/* CTA end*/

/* Scope start*/
#scope .font-text-header {
  font-family: Kanit, Arial;
  font-size: 2.0rem;
}

#scope .font-text-body {
  font-family: Mulish, Arial;
  font-size: 1.25rem;
}

#scope .icon-size {
  font-size: 3.0rem;
}
/* Scope end*/

/* Trainers start*/
#trainers .font-text-section-header {
  font-family: Kanit, Arial;
  font-size: 4.0rem;
}

#trainers .font-text-header {
  font-family: Kanit, Arial;
  font-size: 2.5rem;
}

#trainers .font-text-body {
  font-family: Mulish, Arial;
  font-size: 1.25rem;
}

#trainers a {
  color: rgb(14, 13, 13);
  text-decoration: none;
  font-family: Mulish, Arial;
  font-size: 1.25rem;
}

#trainers a:hover, a:active, a:focus {
  color: rgb(14, 13, 13);
  text-decoration: underline;
  font-family: Mulish, Arial;
  font-size: 1.25rem;
}
/* Trainers end*/

/* Main footer start */
#mainFooter .font-text-header {
  color: rgba(255, 255, 255, 0.5);
  font-family: Mulish, Arial;
  font-size: 1.0rem;
}

#mainFooter a {
  color: rgba(255, 255, 255, 0.5);
  font-family: Mulish, Arial;
  text-decoration: none;
  font-size: 1.0rem;
}

#mainFooter a:hover, a:active, a:focus {
  color: rgba(255, 255, 255, 0.75);
  font-family: Mulish, Arial;
  text-decoration: underline;
  font-size: 1.0rem;
}
/* Main footer end */


/* offer-form-off-canvas start */
#offer-form-off-canvas .font-text-header {
  font-family: Kanit, Arial;
  font-size: 1.25rem;
}

#offer-form-off-canvas .font-text-body {
  font-family: Mulish, Arial;
  font-size: 1.0rem;
}

#offer-form-off-canvas a {
  color: rgba(0, 0, 0, 1);
  text-decoration: none;
  font-family: Kanit, Arial;
  font-size: 1.5rem;
}

#offer-form-off-canvas a:hover, a:active, a:focus {
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
  font-family: Kanit, Arial;
  font-size: 1.5rem;
}
/* offer-form-off-canvas end */

/* FAQ start*/
#faq .font-text-header {
  font-family: Kanit, Arial;
  font-size: 2.0rem;
  color: rgb(14, 13, 13);
}

#faq .font-text-body {
  font-family: Mulish, Arial;
  font-size: 1.25rem;
  color: rgb(14, 13, 13);
}
/* FAQ end*/

/* Detailed content start*/
#content .font-text-header {
  font-family: Kanit, Arial;
  font-size: 2.0rem;
  color: rgb(14, 13, 13);
}

#content .font-text-body {
  font-family: Mulish, Arial;
  font-size: 1.25rem;
  color: rgb(14, 13, 13);
}

#content li {
  font-family: Mulish, Arial;
  font-size: 1.25rem;
  color: rgb(14, 13, 13);
}
/* Detailed content end*/

/* Offer start*/
#offer a {
  color: rgba(0, 0, 0, 1);
  text-decoration: none;
  font-family: Kanit, Arial;
  font-size: 1.5rem;
}

#offer a:hover, a:active, a:focus {
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
  font-family: Kanit, Arial;
  font-size: 1.5rem;
}

#offer .font-text-body {
  font-family: Mulish, Arial;
  font-size: 1.25rem;
  color: rgb(14, 13, 13);
}

#offer li {
  font-family: Mulish, Arial;
  font-size: 1.25rem;
  color: rgb(14, 13, 13);
}
/* Offer end*/

/* terms content start */
#terms-content a {
  color: rgb(14, 13, 13);
  text-decoration: none;
  font-family: Mulish, Arial;
  font-size: 1.0rem;
}

#terms-content a:hover, a:active, a:focus {
  color: rgb(14, 13, 13);
  text-decoration: underline;
  font-family: Mulish, Arial;
  font-size: 1.0rem;
}
/* terms content end */

/* privacy content start */
#privacy-content a {
  color: rgb(14, 13, 13);
  text-decoration: none;
  font-family: Mulish, Arial;
  font-size: 1.0rem;
}

#privacy-content a:hover, a:active, a:focus {
  color: rgb(14, 13, 13);
  text-decoration: underline;
  font-family: Mulish, Arial;
  font-size: 1.0rem;
}
/* privacy content end */