/* ==================================================
***********************************
(1) General Setting
***********************************
===================================================
*/
html{
font-size: 16px;
}
body {
  overflow-x: hidden;
}
.no-padding {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.no-left {
  padding-left: 0px !important;
}
.no-right {
  padding-right: 0px !important;
}
button:focus {
  outline: 0 !important;
}
a:hover {
  text-decoration: none !important;
}

/* :root {
  --sub-font: 'Roboto Slab', serif;
  --compact-font:'compact';
} */

/* font-family: var(--sub-font); */
/* ==================================================
***********************************
(3) header
༼ つ ◕_◕ ༽つ
***********************************
===================================================
*/
#header {
  height: 100vh;
  /* 640 */
  /* border-top: 6px solid #ff6d00; */
  width: 100%;
  margin-top: 75px;
}

#header-episode {
  height: 100vh;
  /* 640 */
  border-top: 6px solid #ff6d00;
  width: 100%;
}

.episode-no {
  font-family: var(--compact-font);
  padding-left: 28px;
  font-size: 91px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
.cust-nav {
  padding-top: 33px;
  padding-left: 28px;
}
.social-links {
  text-align:center;
}
.social-links a{
  display: inline-block;
  width:33px;
  height: 33px;
  background-color: #fff;
  border-radius: 50%;
  line-height: 36px;
}
.social-links a i{
  color: #000;
  font-size: 16px;
}
.lil-none {
  font-family: var(--main-font);
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.13;
  color: #ffffff;
}
.logo {
  width: 72px;
  height: 45px;
  -o-object-fit: contain;
     object-fit: contain;
}
.inner-banner {
  margin-top: 10px;
}
.lacasa {
  width: 409.1px;
  height: auto;
  padding-left: 28px;
}
.lacasa-epi {
  padding-left: 28px;
  width: 409.1px;
  height: auto;
}
.ib-text {
  font-family: var(--main-font);
  font-size: 22px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.36;
  letter-spacing: -0.9px;
  color: #ffffff;
  padding-left: 28px;
}
.ib-text-h1 {
  font-family: var(--main-font);
  font-weight: bold;
  font-size: 30px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.36;
  letter-spacing: -0.9px;
  color: #ffffff;
  padding-left: 28px;
}
.top-20 {
  margin-top: 20px;
}
.iframe-vid {
  margin-top: 38px;
}
.learn-more {
  width: 133px;
  height: 40px;
  border-radius: 2px;
  background-color: #ff6d00;
  border: 0;
  font-family: var(--main-font);
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}
.learn-more:hover, .learn-more:active, .learn-more:focus {
    background-color: #fff;
    color: #ff6d00;
}
.episode-btn:hover, .episode-btn:active, .episode-btn:focus {
  background-color: #20114a;
      color: #fff;
}
/* ==================================================
***********************************
(4) binge-learning
༼ つ ◕_◕ ༽つ
***********************************
===================================================
*/
.binge-learning {
  -webkit-transform: translateY(-45%);
      -ms-transform: translateY(-45%);
          transform: translateY(-45%);
  position: absolute;
  left: 0;
  right: 0;
}

.binge-learning h2 {
  font-family: var(--main-font);
  font-size: 40px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.1;
  letter-spacing: -1px;
  color: #ffffff;
  padding-left: 28px;
}
#for-episode h1 {
  padding-left: 54px;
}
.orange-text {
  color: #ff6d00 !important;
}
.quote-text {
  padding: 20px 38px;
  margin-top: 24px;
  background-color: #fff;
}
.quote-text p {
  font-family: var(--sub-font);
  font-size: 22px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.45;
  letter-spacing: -0.9px;
  text-align: justify;
  color: #20114a;
}
/* ==================================================
***********************************
(5) flip-slider
༼ つ ◕_◕ ༽つ
***********************************
===================================================
*/
.flip-slider {
  padding: 40px 0;
  background-color: #f0f0f0;
  margin-top: 20vw;
}
.flip-top-head {
  font-family: var(--main-font);
  font-size: 40px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.1;
  letter-spacing: -1px;
  text-align: center;
  color: #20114a;
}
.head-para {
  font-family: var(--sub-font);
  font-size: 22px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.36;
  letter-spacing: -0.9px;
  text-align: center;
  color: #20114a;
}
.flip-grid {
  width: 618px;
  height: 352px;
  border-radius: 2.7px;
  display: block;
  margin: 0 auto;
  margin-top: 20px;
}
.card {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform-origin: center right;
      -ms-transform-origin: center right;
          transform-origin: center right;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  -o-transition: transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
}
.is-flipped {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.card__face {
  position: absolute;
  width: 100%;
  height: 100%;
  line-height: 260px;
  color: #000;
  text-align: center;
  font-weight: bold;
  font-size: 40px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.card__face--front {
  background: #fff;
}
.card__face--back {
  background: #70acd9;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.card__face--back .front-heading {
  color: #fff;
}
.item.slick-slide.slick-current.slick-active {
  outline: 0 !important;
}
.am-prev,.am-next {
  cursor: pointer;
}
.am-prev img, .am-next img {
  height: 40px;
  width: 40px;
}
.slide-count-wrap {
  padding: 10px 30px;
  font-family: var(--main-font);
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #3b8ecb;
}
.slider_nav {
  margin-top: 35px;
}
.front-heading {
  font-family: var(--main-font);
  font-size: 58px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  margin-top: 119px;
  letter-spacing: normal;
  color: #20114a;
}
.para {
  font-family: var(--sub-font);
  font-size: 23px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.45;
  letter-spacing: -0.9px;
  text-align: center;
  color: #64a5d6;
  width: 400px;
    display: block;
    margin: 0 auto;
}
.lil-b {
  color: #20114a;
}
.click-to-flick {
  font-family: var(--sub-font);
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #959595;
  margin-top: 35px;
}
/* ==================================================
***********************************
(6) Share this
༼ つ ◕_◕ ༽つ
***********************************
===================================================
*/
.share-this {
  margin-top: 20px;
}
.share-heading {
  font-family: var(--main-font);
  font-size: 22px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.45;
  letter-spacing: normal;
  color: #20114a;
}
.share-button {
  text-align: center;
  margin-top: 20px;
}
.share-button button {
  width: 250px;
  height: 50px;
  text-align: left;
  font-family: var(--main-font);
  border-radius: 0px !important;
  font-size: 22px;
  color: #fff;
  padding: 0px 30px;
  font-weight: 600;
  margin-top: 5px;
}
.share-button i {
  font-size: 18px;
  font-weight: normal !important;
}
.share-button button:hover, .share-button button:active, .share-button button:focus {
    background-color: #20114a;
    color: #fff;
}
.share-button .badge {
  background-color: transparent !important;
  font-size: 16px;
}
.share-show {
  display: none;
}
.share-show ul {
  text-align: center;
}
.share-show button {
  height: 50px;
  width: 50px;
  border-radius: 0px !important;
  color: #fff;
  font-size: 16px;
}
.share-show button:hover, .share-show button:active, .share-show button:focus {
  background-color: #20114a;
  color: #fff;
}
.share-button .btn-facebook, .btn-fb {
  background-color: #37569C;
}
.share-button .btn-twitter, .btn-tw {
  background-color: #00ABF3;
}
.share-button .btn-googleplus, .btn-g-plus {
  background-color: #E14929;
}
.share-button .btn-pinterest, .btn-pint {
  background-color: #CA2121;
}
.snd-share {
  background-color: #fff;
  margin-top: 0px !important;
  padding-bottom: 30px;
}
.snd-share .share-heading {
  margin-top: 0px !important;
  padding-top: 10px !important;
}
/* ==================================================
***********************************
(7) Checkout latest episodes
༼ つ ◕_◕ ༽つ
***********************************
===================================================
*/
.check-latest-episodes {
  margin-top: 45px;
}
.episodes-heading {
  font-family: var(--main-font);
  font-size: 40px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.1;
  letter-spacing: -1px;
  color: #20114a;
}
.episode-list {
  margin-top: 15px;
  text-align: center;
}
.episode-list button {
  width: 120px;
  height: 40px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.08);
  border: solid 2px #d4d4d4;
  background-color: #ffffff;
  font-size: 22px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.36;
  letter-spacing: -1px;
  text-align: center;
  color: #959595;
  font-family: var(--main-font);
}
.episode-list a{

}
.episode-list button:hover,.episode-list button:active {
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.08);
  background-color: #20114a;
  border-color: #20114a !important;
  color: #fff;
}
.episode-list li {
  margin-top: 15px;
}
/* ==================================================
***********************************
(8) Cool phrases
༼ つ ◕_◕ ༽つ
***********************************
===================================================
*/
.Cool-phrases {
  margin-top: 80px;
}
.heading-phrase {
  font-family: var(--main-font);
  font-size: 40px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.1;
  letter-spacing: -1px;
  text-align: center;
  color: #64a5d6;
  margin: 0px;
}
.cool-para {
  font-family: var(--sub-font);
  font-size: 22px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.9px;
  text-align: center;
  color: #64a5d6;
  margin: 0px !important;
  padding: 0px !important;
}
/* Accordian panel */
.cool-panels {
  margin-top: 35px;
}
.panel-heading  a:before {
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078";   /* adjust as needed, taken from bootstrap.css */
  float: none;        /* adjust as needed */
  color: grey;
  text-align: center;
  position: absolute;
  left: 0px;
  right: 0px;
  margin-top: 30px;
}
.panel-heading.active a:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
  position: absolute;
  bottom: 0px;
  min-width: 70px;
}

.panel-heading:not(.active)>.panel-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.panel-default > .panel-heading {
  text-align: center;
  height: 70px;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.07);
  /* border: solid 1px #d4d4d4; */
  background-color: #ffffff;
}
.panel-collapse.collapse.in {
  /* border: solid 1px #d4d4d4; */
  background-color: #ffffff;
  border-top: 0px !important;
}
.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
  font-family: var(--main-font);
  font-size: 22px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.36;
  letter-spacing: -1px;
  text-align: center;
  color: #a7a7a7;
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 25px;
  text-align: center;
}
.acc-line {
  width: 168px;
  height: 2px;
  background-color: #d4d4d4;
  display: block;
  margin: 0 auto;
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
}
.mean {
  font-family: var(--main-font);
  font-size: 22px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.36;
  letter-spacing: -0.9px;
  text-align: center;
  color: #ff6d00;
}
.panel-title > a:active, .panel-title > a:hover, .panel-title > a:focus {
  text-decoration: none !important;
}
a.accordion-toggle[aria-expanded="true"] {
  color: #000 !important;
}
.panel-group .panel {
  margin-bottom: 12px;
  position: relative;
}
/* ==================================================
***********************************
(9) Test you knowledge
༼ つ ◕_◕ ༽つ
***********************************
===================================================
*/
.test-your-knowledge {
  margin-top: 70px;
  background-image: -webkit-radial-gradient(97% 2%, circle, #d7ab6d, #743e9b 54%, #3d2066 88%, #20114a);
  background-image: -o-radial-gradient(97% 2%, circle, #d7ab6d, #743e9b 54%, #3d2066 88%, #20114a);
  background-image: radial-gradient(circle at 97% 2%, #d7ab6d, #743e9b 54%, #3d2066 88%, #20114a);
  padding-bottom: 95px;
}
.test-heading {
  font-family: var(--main-font);
  font-size: 40px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.1;
  letter-spacing: -1px;
  text-align: center;
  color: #ffffff;
  padding-top: 40px;
  margin: 0px;
}
.test-para {
  font-family: var(--sub-font);
  font-size: 22px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.36;
  letter-spacing: -0.9px;
  text-align: center;
  color: #ffffff;
}
.questions {
  background-color: #ffffff;
  margin-top: 35px;
}
.question-numbers {
  padding: 30px;
}
.number {
  font-family: var(--main-font);
  font-size: 22px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ff6d00;
  margin: 0px;
}
.actual-question h3 {
  font-family: var(--main-font);
  font-size: 22px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.45;
  letter-spacing: normal;
  text-align: center;
  color: #20114a;
  margin-top: 5px;
}
.actual-question .list-inline > li {
  vertical-align: middle;
}
.question-one button {
  width: 476px;
  height: 60px;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.07);
  border: solid 2px #d4d4d4;
  background-color: #ffffff;
  font-family: var(--main-font);
  font-size: 22px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.45;
  letter-spacing: normal;
  text-align: center;
  color: #a7a7a7;
  margin-top: 20px;
}
.question-one button:hover {
  background-color: #d4d4d4;
  color: #fff;
}
/* .question-one a {
font-size: 22px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.45;
letter-spacing: normal;
text-align: center;
color: #ffffff;
} */
.questions hr {
  padding: 0px !important;
  margin: 0px !important;
  border: solid 1.5px #f0f0f0;
}
/* Question two */
.question-two button {
  width: 200px;
  height: 60px;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.07);
  border: solid 2px #d4d4d4;
  background-color: #ffffff;
  font-family: var(--main-font);
  font-size: 22px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #a7a7a7;
  margin-top: 20px;
}
.question-two button:hover, .question-two button:active, .question-two button:focus {
  background-color: #d4d4d4;
  color: #fff;
}
/* .question-two a {
font-family: var(--main-font);
font-size: 22px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.45;
letter-spacing: normal;
text-align: center;
color: #ffffff;
} */
/* ==================================================
***********************************
(10) check-out-episodes
༼ つ ◕_◕ ༽つ
***********************************
===================================================
*/
.check-out-episodes {
  margin-top: 25px;
}
.check-episode-heading {
  font-family: var(--main-font);
  font-size: 40px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.1;
  letter-spacing: -1px;
  color: #20114a;
  text-align: center;
  margin-bottom: 50px;
}
.inner-ep-cover {
  background-color: #f8f8f8;
  margin-bottom: 15px;
}
.forep1 {
  margin-bottom: 12px !important;
}
.episode-img {
  position: relative;
}
.episode-img img {
  width: 100%;
}
.img-over-text {
  position: absolute;
  font-family: var(--main-font);
  font-size: 30px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #ffffff;
  top: 14px;
  left: 16px;
}
.episode-desp {
  font-family: var(--main-font);
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.22;
  letter-spacing: -0.5px;
  color: #20114a;
  padding: 16px;
  height: 120px;
}
.btn-flash {
  padding: 0px 16px;
  padding-bottom: 13px !important;
}
.episode-btn {
  width: 100%;
  height: 48px;
  border-radius: 2.4px;
  background-color: #ff6d00;
  font-family: var(--main-font);
  font-size: 22px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  border: 0px !important;
}
/* ==================================================
***********************************
(11) Binge Learning method
༼ つ ◕_◕ ༽つ
***********************************
===================================================
*/
.binge-learning-method {
  margin-top: 70px;
  padding: 40px 0px;
  background-image: -webkit-radial-gradient(96% 6%, circle, #d7ab6d, #743e9b 37%, #3d2066 87%, #20114a);
  background-image: -o-radial-gradient(96% 6%, circle, #d7ab6d, #743e9b 37%, #3d2066 87%, #20114a);
  background-image: radial-gradient(circle at 96% 6%, #d7ab6d, #743e9b 37%, #3d2066 87%, #20114a);
}
.binge-heading {
  font-family: var(--main-font);
  font-size: 40px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.48;
  letter-spacing: normal;
  color: #ffffff;
  text-align: center;
}
.binge-para {
  width: 900px;
  font-family: var(--sub-font);
  font-size: 22px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.45;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  margin-top: 20px;
}
.binge-learning-method__how-it-works-section{
  margin-top: 30px;
  text-align: center;
  color: white;
}
.binge-learning-method__how-it-works-section header{
  margin-bottom: 30px;
}
.binge-learning-method__how-it-works-section ul{
  list-style: none;
  margin: 0px;
  padding: 0px;
}
/* ==================================================
***********************************
(12) Hunderd of hours
༼ つ ◕_◕ ༽つ
***********************************
===================================================
*/
.hunderd-of-hours {
  background-color: #f0f0f0;
  padding: 50px 0px 70px;
}
.hunderd-heading {
  font-family: var(--main-font);
  font-size: 40px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: -0.9px;
  text-align: center;
  color: #ff6d00;
}
.hunderd-para {
  font-family: var(--sub-font);
  font-size: 22px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.45;
  letter-spacing: normal;
  text-align: center;
  color: #20114a;
}
.shows-cover img {
  width: 606px;
  padding: 35px 0px;
}
.img-showxs {
  display: none;
}
img.simple-showxs {
  display: none !important;
}
/* ==================================================
***********************************
(13) its this simple
༼ つ ◕_◕ ༽つ
***********************************
===================================================
*/
.its-this-simple {
  padding: 20px 0px;
}
.simple-heading {
  font-family: var(--main-font);
  font-size: 40px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: -1.1px;
  text-align: center;
  color: #3b8ecb;
}
.simple-cover img {
  width: 588px;
  margin-top: 50px !important;
  display: block;
  margin: 0 auto;
}
.play-manana {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.manana-text {
  margin-left: 15px;
}
.manana-head {
  font-family: var(--sub-font);
  font-size: 22px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.41;
  letter-spacing: normal;
  color: #20114a;
}
.manana-head strong {
  color: #23104D !important;
}
.manana {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.icon-img img {
  width: 34px;
  height: 29px;
}
.p-manana {
  margin-top: 7px;
}
.click-manana {
  margin-left: 55px;
}
.read-manana {
  -webkit-transform: translateX(50px);
      -ms-transform: translateX(50px);
          transform: translateX(50px);
}
.mobile-manana {
  text-align: center;
  padding: 50px 0px;
  display: none;
}
.mobile-manana p {
  font-family: var(--sub-font);
  font-size: 30px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: center;
  color: #20114a;
}
.m-line {
  width: 68px;
  height: 2px;
  border: solid 1px #ff6d00;
  margin: 20px auto;
}
/* ==================================================
***********************************
(14) Start for free
༼ つ ◕_◕ ༽つ
***********************************
===================================================
*/
.start-free {
  background-color: #ff6d00;
  padding: 52px 0px;
  margin-top: 50px;
}
.free-para {
  font-family: var(--main-font);
  font-size: 22px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.41;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}
.cust-free {
  width: 220.8px;
  height: 48px;
  border-radius: 2.4px;
  background-color: #ffffff;
  font-family: var(--main-font);
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ff6d00;
  margin-left: 25px;
}
.cust-freebtn {
  width: 100%;
  height: 80px;
  border-radius: 4px;
  background-color: #ff6d00;
  color: #fff;
  font-family: var(--main-font);
  font-size: 30px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  display: none;
}
.cust-freebtn:hover, .cust-freebtn:active, .cust-freebtn:focus {
  color: #ff6d00;
background-color: #20114a;
}
.freembl-badge {
  border-radius: 20.5px;
  background-color: #ffffff;
  color: #ff6d00;
  padding: 1px 5px;
}
.cust-free:hover, .cust-free:active, .cust-free:focus   {
  color: #fff;
background-color: #20114a;
}
.free-badge {
  font-family: var(--main-font);
  background-color: #ff6d00;
  color: #fff !important;
  border-radius: 10px;
  padding: 1px 5px;
  margin-right: 3px;
}
.cust-free .fa-caret-right {
  -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
          transform: translateY(2px);
}
.start-free-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
/* ==================================================
***********************************
(15) Member achieve
༼ つ ◕_◕ ༽つ
***********************************
===================================================
*/
.member-achieve {
  padding: 35px 0px 50px;
  background-color: #f0f0f0;
}

.member-heading {
  font-family: var(--main-font);
  font-size: 40px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: -1.1px;
  text-align: center;
  color: #20114a;
}
.double-slider {
  margin-top: 50px;
}
.s-bg {
  background-color: #fff;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 50px 20px 40px;
}
.slider-dp {
  width: 92px;
  height: 92px;
}
.img-caption {
  font-family: var(--sub-font);
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.41;
  letter-spacing: normal;
  text-align: center;
  color: #20114a;
}
.slider-parao {
  margin-left: 37px;
  padding: 30px;
  border-left: 1.5px solid #f0f0f0;
}
.slider-parao p {
  font-family: var(--sub-font);
  font-size: 20px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.45;
  letter-spacing: normal;
  color: #20114a;
}
.slider-parao1 {
  margin-right: 37px;
  padding: 30px;
  border-right: 1.5px solid #f0f0f0;
}
.slider-parao1 p {
  font-family: var(--sub-font);
  font-size: 20px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.45;
  letter-spacing: normal;
  color: #20114a;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 10px;
  height: 10px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: #fff;
  border-radius: 50%;
}
.slick-active button {
  background-color: #ff6d00 !important;
}
.slick-dots {
  text-align: center !important;
  margin-top: 50px;
}
.slider-cust {
  background-color: #ffffff;
  margin: 0px 20px;
  padding: 15px 25px;
  position: relative;
}
.slider-cust p {
  font-family: var(--sub-font);
  font-size: 30px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: center;
  color: #20114a;
}
.slider-cust::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0d7";
  position: absolute;
  bottom: -40px;
  font-size: 50px;
  left: 50%;
  color: #fff;
}
.slider-custtext img {
  width: 180px;
  height: 180px;
  margin-top: 20px;
}
.mbl-caption {
  font-family: var(--sub-font);
  font-size: 30px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: center;
  color: #20114a;
  margin-top: 10px;
  margin-bottom: 0px !important;
}
.date {
  font-family: var(--sub-font);
  font-size: 30px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: center;
  color: #20114a;
  margin: 0px;
}
img.mbl-dp.block-center {
    display: block;
    margin: 0px auto;
    margin-top: 30px;
}
.doublembl-slider {
  display: none !important;
}
/* ==================================================
***********************************
(16) footer
༼ つ ◕_◕ ༽つ
***********************************
===================================================
*/
footer {
  background-color: #000;
  padding: 35px 0px;
}
.footer-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.f-logo {
  width: 72px;
  height: 45px;
  margin-left: 15px;
}
.footer-text {
  margin-left: 70px;
  margin-top: 10px;
  color: #fff;
  font-family: var(--main-font);
  font-size: 14px;
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.44;
  letter-spacing: normal;
  color: #ffffff;
}
.wrong{
  background-color: red !important;
  color: #fff !important;
}
.wrong::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f057";
  position: relative;
  float: right;
  right: 20px;
  }
.right{
  background-color: green !important;
  color: #fff !important;
}
.right::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f058";
  position: relative;
  float: right;
  right: 20px;
  }