html {
  scroll-behavior: smooth;
}

/* Reforma Gris - Headings */
@font-face {
  font-family: 'ReformaGris';
  src: url('../fonts/Reforma2018-Gris.woff2') format('woff2'),
       url('../fonts/Reforma2018-Gris.woff') format('woff');
  font-weight: 300; font-style: normal; font-display: swap;
}

/* Reforma Blanca - Body */
@font-face {
  font-family: 'ReformaBlanca';
  src: url('../fonts/Reforma2018-Blanca.woff2') format('woff2'),
       url('../fonts/Reforma2018-Blanca.woff') format('woff');
  font-weight: 400; font-style: normal; font-display: swap;
}

a {text-decoration: none;}

.nav-link:focus, .nav-link:hover {color: #444444;}

body {font-family: 'ReformaBlanca', sans-serif; font-weight: 400; letter-spacing: 0.1px; font-size: 18px; position: relative; color: #444444;line-height: 30px;}

.custom-toggler {width: 24px; height: 2px; background: #8b3dff; display: block; position: relative;}
  .custom-toggler::before, .custom-toggler::after {content: ""; position: absolute; width: 24px; height: 2px; background: #8b3dff; left: 0;}
  .custom-toggler::before {top: -8px;}
  .custom-toggler::after {top: 8px;}
  .navbar-toggler {border: none;box-shadow: none;}
  .navbar-toggler:focus {box-shadow: none;outline: none;}

.mobile-menu {background: #1c110b !important;}

body.home .custom-toggler {background: #FFFFFF; }
  body.home .custom-toggler::before, body.home .custom-toggler::after {background: #FFFFFF;}

h1, h2, h3, h4, h5, h6 { font-family: 'ReformaGris', sans-serif; font-weight: 300;color: #28282e;}

.heroBnr {background: #fdf7ff;width: 100%; background-size: cover; background-position: bottom center; background-repeat: no-repeat; position: relative;height: 400px;}
.heroBnr::before { content: "";  position: absolute; inset: 0;background: rgb(33 0 38 / 60%);}

.heroBnr.tcBnr, .heroBnr.privacyBnr, .heroBnr.refundPolicyBnr, .heroBnr.contactUsBnr, .heroBnr.faqBnr, .heroBnr.pricingBnr {background-image: url("../images/title-bnr.webp");background-position: center center; }

.heroBnr.whoWeServeBnr {background-image: url("../images/title-who-we-serve.webp");background-position: center center; }
  .heroBnr.whoWeServeBnr::before { background: rgb(0 0 0 / 60%);}
.heroBnr.aboutBnr {background-image: url("../images/title-about-bnr.webp");background-position: center center; }
  .heroBnr.aboutBnr::before { background: rgb(0 0 0 / 60%);}

h1.pageTitle {position: relative; z-index: 1;color: #FFFFFF;}

.navbar {padding: 20px 0;min-height: 50px;}

.homeMenu {position: absolute;width: 100%;z-index: 99;height: 90px;}
  .homeMenu .desktopMenu a.nav-link, .homeMenu .desktopMenu a.nav-link {color: #FFFFFF;}
  .homeMenu .desktopMenu a.nav-link.active, .homeMenu .desktopMenu a.nav-link:hover {color: #FFFFFF;}
  .homeMenu .desktopMenu a {color: #ffffff;letter-spacing: 0.2px;}
  .homeMenu .desktopMenu a:hover {color: #FFFFFF;text-decoration: none;}

.desktopMenu a.nav-link.active, .desktopMenu a.nav-link:hover {color: #444444; border-bottom: 2px solid #8b3dff;}
.desktopMenu a.nav-link {border-bottom: 2px solid transparent;}
.desktopMenu a {color: #444444;letter-spacing: 0.2px;}
.desktopMenu a:hover {color: #444444;text-decoration: none;}

a.tryFreeBtn {background-color: #b500ff; font-size: 14px; font-weight: 600; text-transform: uppercase; border-radius: 30px; padding: 10px; text-decoration: none;color: #FFFFFF;font-family: 'ReformaBlanca';text-decoration: none;transition: background-color 0.25s ease, color 0.25s ease;}
a.tryFreeBtn:hover {background-color: #ce5afd;}

header a.tryFreeBtn {padding: 6px 20px;}
.homeMenu a.tryFreeBtn {background-color: #fff; color: #E738FF;}
.homeMenu a.tryFreeBtn:hover {background-color: #EEEEEE;}

a.GetGuidanceBtn {background-color: #B500FF; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.5px; border-radius: 30px; padding: 15px 50px 15px 50px; text-decoration: none;color: #ffffff;font-family: 'ReformaBlanca';display: inline-block;transition: background-color 0.25s ease, color 0.25s ease;}
a.GetGuidanceBtn:hover {background-color: #CE5AFD;}

.mobile-menu {background: #444444;}
  .mobile-menu .nav-link {font-size: 22px; font-weight: 500;color: #ffffff;}
  .mobile-menu .btn-close { filter: invert(1);}

  .mobile-menu a.active {color:#b500ff; }


.homeBnr { position: relative; min-height: 100vh; height: 100vh; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; color: #ffffff;background-color: #939393 !important;}
.homeBnr-img { position: absolute; inset: 0;width: 100%;height: 100%;object-fit: cover; z-index: 1;object-position: center center;}

.homeBnr-content {position: relative; z-index: 2; width: 100%;}

  .homeBnr h1 {width: 500px;margin-bottom: 0px;color: #ffffff;}
  .homeBnr h1 a {color: #FFFFFF;}
  .homeBnr h1 a span {color: #ffd761;}
  .homeBnr a.GetGuidanceBtn {background-color: #fff;color: #B500FF;margin: 30px 0 15px;display: inline-block;}
    .homeBnr a.GetGuidanceBtn:hover {background-color: #CE5AFD;color: #ffffff;}
  .homeBnr p {font-size: 15px;}

.sec2 {padding: 40px 15px 25px;}
  .sec2 .fName img {border-radius: 100%;}

.whatYouWrap {background: #F8E8FE;padding: 70px 0;}
  .whatYouWrap .whatYou3Col .whatYou3Txt {background: #ffffff;margin: 10px;}
  .whatYouWrap .whatYou3Col .whatYou3Cnt {padding: 20px 10px 20px;}
  .whatYouWrap .whatYou3Col .whatYou3Txt a {color: #444444;}
  .whatYouWrap .whatYou3Col .whatYou3Txt a:hover {color: #000000;}

.mostAskWrap {padding: 70px 0;}
  .mostAskWrap .mostAskCntWrap {padding: 20px 0 0;}
  .mostAskWrap .mostAskCntWrap h3 {background: url(../images/border-line.jpg) no-repeat bottom left;padding-bottom: 10px;}
  .mostAskWrap .mostAskCntWrap h3 a {color: #28282e;transition: background-color 0.25s ease, color 0.25s ease;}
    .mostAskWrap .mostAskCntWrap h3 a:hover {color: #b500ff;}
  .mostAskWrap .mostAskCntWrap p a {color: #444444;}
    .mostAskWrap .mostAskCntWrap p a:hover {color: #000000;}

body.home .TestimonialsWrap {background: #F8E8FE;}
.TestimonialsWrap {padding:50px 0 70px 0;}
  .TestimonialsWrap h2 {margin-bottom: 30px;}
  .TestimonialsWrap .TestimonialsCnt {padding: 90px 40px 35px;color: #666;line-height: 32px;background: #FFFFFF url(../images/double-comma.jpg) no-repeat top left;background-position: 40px 40px;box-shadow: 0 10px 30px rgba(0,0,0,0.03);}
  .TestimonialsWrap .profileWrap img {border-radius: 50%;margin: 20px 0 5px;}
  .TestimonialsWrap .profileInfo {font-size: 14px;}

.contentWrap {padding: 50px 0;}

.howPersonalWrap h1 {width: 60%; margin: 0 auto;margin-bottom: 4%;}

.ourGuidingWrap {padding: 70px 0;background: #f0f4f7;}
  .ourGuidingWrap h5 {padding: 3% 0;line-height: 28px;}
  .ourGuidingWrap .ourGuidingCnt {border-left: 2px solid #ea9dff;padding-left: 30px;margin-top: 30px; }

.whatFindWrap {padding: 50px 0;background: #f0f4f7;}
  .weServeWrap ul, .whatFindWrap ul {padding:0;margin: 20px 0 0;list-style: none;}
  .weServeWrap ul li, .whatFindWrap ul li {margin: 20px 0 0;background: url(../images/icon-right-arrow.png) no-repeat left 8px;padding-left: 25px;}
  .whatYouCnt {padding-right: 100px;}

.choosePlanWrap {background: #F8E8FE;}
  .choosePlanCol {margin-top: 15px;}
  .choosePlanWrap .choosePlanTxt {background: #ffffff;padding: 30px 10px 5px;border-radius: 20px;box-shadow: 0 10px 30px rgba(0,0,0,0.08);}
  .choosePlanWrap .choosePlanTxt .price {margin: 15px 0 25px;}
  .choosePlanWrap .choosePlanTxt a.tryFreeBtn {text-transform: none;letter-spacing: 1px;padding: 10px 20px;margin-bottom: 10px;display: inline-block;}
  .choosePlanWrap .choosePlanTxt li {font-size: 16px;margin: 10px 0;}
  .choosePlanWrap .saveWrap {position: relative;}
  .choosePlanWrap .saveWrap .saveTag {position: absolute; top:-15px; left: 50%; background-color: #E4A1FF;padding: 0px 15px 3px;border-style: dashed;border-width: 2px; border-color: #981BC9; border-radius: 20px;color: #FFFFFF;transform: translateX(-50%);width: 145px;font-weight: 600;}
  .choosePlanWrap .saveWrap .saveTag a {color: #FFFFFF;}


/* accordion */

.accordion-body {background: #f9f7fe;}

.accordion-button::after {display: none;}
.accordion-button {position: relative; padding-right: 2.5rem;}

.accordion-button::before {content: "+"; position: absolute; right: 20px; font-size: 22px; font-weight: 600; transition: 0.3s;}

.accordion-button:not(.collapsed)::before {  content: "−";}
.accordion-button { font-weight: 400;font-size: 18px;}

.accordion-button:not(.collapsed) {background-color: #f5f0ff; color: #8b3dff; box-shadow: none;}
.accordion-item {border: none; margin-bottom: 10px; border-radius: 10px; overflow: hidden;}
.accordion-button:focus { box-shadow: none; outline: none; }
.accordion-button:not(.collapsed) { box-shadow: none;}

/* end accordion */

.telNo a, .emailCon a {color: #444444;}
.telNo a {background: url(../images/icon-phone.png) no-repeat 0px 9px;padding-left: 20px;}
.emailCon a {background: url(../images/icon-email.png) no-repeat 0px 9px;padding-left: 20px;}

.whySubscribeWrap {padding: 50px 0;}
  .whySubscribeWrap .whySubscribeCol {padding: 30px 0;}
  .whySubscribeWrap .whySubscribeCol h4 {margin: 20px 0 15px;}

.btn-close.YTv:focus {box-shadow: none;}

footer .callActionWrap {background: #F185FF;color: #ffffff;padding: 40px 0;}
  footer a { color: #444444;text-decoration: none;}
  footer a:hover {text-decoration: underline;}
  footer h2 {color: #ffffff;}
  footer ul {margin: 0; padding: 0; list-style: none;}
  footer ul li{margin: 10px 0;}
  footer a.telNum {margin: 10px 0;display: inline-block;}
  footer a.tryFreeBtn {padding: 12px 50px 12px 50px;margin-top: 25px;display: inline-block;letter-spacing: 1.5px;background: #FFFFFF;color: #E738FF}
  footer a.tryFreeBtn:hover {text-decoration: none;background: #F0EFEF;color: #E738FF}
  footer .footWrap {padding: 40px 0px 30px;}
  footer .footWrap h1 {margin-bottom: 25px;}
  footer .copyWrap {font-size: 14px;padding: 0 10px;}
    footer .copyWrap .container {    border-top: 1px solid #c2c2c2;padding: 10px 0;}


.socialWrap a {width: 45px;height: 45px;display: inline-block;}
  .socialWrap a.icoFb {background: url(../images/ico-social.png) no-repeat left top;}
    .socialWrap a.icoFb:hover {background: url(../images/ico-social.png) no-repeat left bottom;}
  .socialWrap a.icoIn {background: url(../images/ico-social.png) no-repeat -50px top;}
    .socialWrap a.icoIn:hover {background: url(../images/ico-social.png) no-repeat -50px bottom;}
  .socialWrap a.icoYt {background: url(../images/ico-social.png) no-repeat right top;}
    .socialWrap a.icoYt:hover {background: url(../images/ico-social.png) no-repeat right bottom;}


@media (max-width: 576px) {  
  .homeMenu {height: auto;}
  .homeBnr h1 {width: 230px;}
  .homeBnr a.GetGuidanceBtn {margin: 20px 0 5px;}
  a.GetGuidanceBtn {padding: 5px 20px 7px 20px;}
  .howPersonalWrap h1 {width: auto;}
  .navbar {padding: 5px 0;}
  .whatYouWrap .whatYou3Col .whatYou3Txt { margin: 0px;}
  .homeBnr p {margin-bottom: 50px;}
  .ourGuidingWrap h1 {margin-top: 20px;}
  footer a.tryFreeBtn {padding: 5px 30px 5px 30px;}
  .choosePlanWrap .choosePlanTxt a.tryFreeBtn {padding: 5px 20px;}
  .whatYouCnt {padding-right: 0px;}
  .whatYouCnt h1, .weServeWrap h1 {margin-top: 20px;}
  .sayHello {margin-top: 18px;}
  .heroBnr {height: 120px;background-attachment: unset;}

}


@media (min-width: 768px) {
  .homeBnr a.GetGuidanceBtn {margin: 20px 0 5px;}
  a.GetGuidanceBtn {padding: 10px 25px 10px 25px;}
  .howPersonalWrap h1 {width: auto;}
}

@media (max-width: 1024px) {
    .homeBnr {
        min-height: 90vh;
        height: 90vh;
    }
}

/* Mobile landscape fix */
@media (max-width: 992px) and (orientation: landscape) {
  .homeBnr { min-height: 135vh; height: 135vh; }
}