body {
    font-family: 'Lato', sans-serif;
    color: #fff;
    background-color: #252525;
}

.funnel-article {
    font-family: 'Lato', sans-serif;
    color: #fff;
    background-color: #252525;
}

.title1 {
    color: #fca311;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
    margin-top: 30px;
    margin-bottom: 5px;
}

.title2 {
    color: #fca311;
    text-transform: uppercase;
    font-weight: 900;
    margin-top: 30px;
    margin-bottom: 5px;

}

.title3 {
    color: #fca311;
    text-transform: uppercase;
    font-weight: 900;
    /* margin-top: 30px; */
    margin-bottom: 5px;
    font-size: 22px;
    padding-top: 15px;
    text-align: center;

}

.subtitle1 {
    font-size: 22px;
    color: #fff;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
}

.video-div {
    background-color: black;
    width: 100%;
    height: 350px;
    border-radius: 15px;
    margin-top: 20px;
    text-align: center;
    padding-top: 60px;
    box-shadow: 0 0 10px gray;
    /* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); */


}

.register-div {
    background-color: #14213d;
    width: 100%;
    height: 350px;
    border-radius: 15px;
    margin-top: 20px;
}

.join-section {
    /* background-color: #fff; */
    /* height: 800px; */
}

.join-title {
    background-color: #fca311;
    padding: 8px 0px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 0;
}

.white-bg {
    background-color: #fff;
    /* height: 800px; */

}

.video-div1 {
    padding: 0 70px;
}

.join-us-now {
    color: #14213d;
}

.orange-bg {
    background-color: #fca311;

}

.circle-number {
    background-color: #fca311;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 20px;
    font-weight: 900;
    display: inline-block;
    text-align: center;

}

.grow-text {
    color: #14213d;
    /* font-weight: 300; */
    margin-left: 10px;
    font-size: 24px;
    text-transform: uppercase;
}

.increase-text {
    color: #14213d;
    font-weight: 900;
    margin-left: 10px;
    font-size: 24px;
    text-transform: uppercase;
}

.fw-900 {
    font-weight: 900;

}

.register-now-btn {
    width: 250px;
    height: 50px;
    border-radius: 15px;
    background-color: #14213d;
    color: white;
}

.reg-input {
    background-color: #2c3851;
    border: none;
    color: white;
}

.reg-input:focus {
    background-color: #2c3851;
    color: white;
    outline: none;
    border: none;
}

.reg-price {
    font-size: 14px;
    text-align: center;
    color: white;
    margin-bottom: 0;
    text-transform: uppercase;

}

.st {
    text-decoration: line-through;
}

.only-price {
    font-size: 24px;
    font-weight: 900;
    text-align: center;
    color: #fca311;
    margin-bottom: 0;
    text-transform: uppercase;

}

.next-step-btn {
    background-color: #fca311; /* Green */
    border: none;
    color: white;
    padding: 11px 65px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    border-radius: 10px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;

}

.regis-link {
    /* width: 250px;     */
    background-color: #14213d;
    border-radius: 15px;
    margin: auto;
    padding: 10px 70px;
    padding-left: 80px;
    position: relative;
    color: white;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;

}

.regis-link a {
    color: white;
}

.regis-link a:hover {
    color: white;
}

.key-img {
    position: absolute;
    left: 10px;
    top: 10px;
}

.p1 {
    color: #14213d;
    /* font-weight: 900; */
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0;

}

.p2 {
    color: #14213d;
    font-weight: 900;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0;

}
.p3 {
    color: #fca311;
    font-weight: 900;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0;

}


.p4 {
    color: #14213d;
    font-size: 14px;
    text-align: center;
    margin-bottom: 20px;

}

.happy-story-section {


}

.grey-bg {
    background-color: #ebebeb;
    padding-top: 30px;

}

.hp1 {
    color: #14213d;
    font-size: 26px;
    text-align: center;
    margin-bottom: 0px;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 15px;
}

.hp2 {
    color: #14213d;
    font-size: 20px;
    text-align: center;
    margin-bottom: 0px;
    text-transform: uppercase;
    position: relative;
}

.story-box {
    background-color: white;
    padding: 50px 30px;
    margin-bottom: 20px;
    color: #464646;
    text-align: center;
}
.quote {
    position: absolute;
    top: -3px;
    right: 85px;
}

.pcs {
    position: absolute;
    bottom: -45px;
    left: 60px;
}

.pos-rel {
    position: relative;

}

.what-you-get {
    background-color: #14213d;
    color: #fca311;
    font-weight: 900;
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
    padding: 12px 0px;
    margin-top: 10px;
}

.g1 {
    color: #464646;
    font-weight: 900;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0;
}

.gd {
    padding: 20px 10px 0px 10px;
}

.g5 {
    color: #464646;
    font-weight: 900;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0;
}

.br {
    border-right: 1px solid #464646;
}

.bl {
    border-left: 1px solid #464646;
}

.bord {
    border-right: 1px solid #464646;

    border-left: 1px solid #464646;

}

.enroll-btn {
    background-color: #fca311; /* Green */
    border: none;
    color: #14213d;
    margin-top: 10px;
    padding: 18px 85px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 32px;
    border-radius: 10px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    /* tp #454954 */

}

.countdown-box {
    padding: 20px 20px;
    background-color: #f19c10;
    margin-top: 15px;
    text-align: center;

}

.try {
    color: #14213d;
    font-size: 18px;
    text-align: center;
    margin-bottom: 0px;
    font-weight: 900;
    text-transform: uppercase;
}

.wh-t1 {
    color: white;
    font-size: 26px;
}


.order-s1 {
    height: 350px;
}

.o-row1 {
    position: absolute;
    top: -185px;
}

.o-con1 {
    /* height: 500px; */
}

.yes1 {
    color: #f19c10;
    font-size: 24px;
    text-align: center;
    margin-bottom: 0px;
    font-weight: 900;
    text-transform: uppercase;
}

.yes2 {
    color: #14213d;
}



.what-you-get-btn {
    display: block;
    color: #f19c10;
    font-size: 24px;
    text-align: center;
    margin-bottom: 0px;
    font-weight: 900;
    text-transform: uppercase;
    background-color: #14213d;
    border: none;
    width: 100%;
    padding-top: 7px;
    padding-bottom: 7px;

}

.ch-text {
    color: #464646;
    font-size: 20px;
    text-align: center;
    margin-bottom: 0px;
    font-weight: 900;
    text-transform: uppercase;
}

.b-txt {
    color: #14213d;

}
.o-txt {
    color: #f09c13;
}

.free-bonus {
    font-size: 24px;
    text-align: center;
    margin-bottom: 0px;
    font-weight: 900;
    text-transform: uppercase;
}

.reg-ord-1 {
    background-color: #ebebeb;
    padding: 20px;

}

.insane {
    color: #464646;
    font-weight: bold;
    font-size: 12px;
}

.one-time {
    border: 4px dashed #f09c13;
    padding: 20px;
}

.one-t {
    color: #464646;
    font-weight: bold;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
}

.by-cl {
    color: #464646;
    font-size: 12px;
    text-align: center;
}

.day-30 {
    color: #464646;
    font-size: 16px;
    font-weight: 900;
    margin-bottom: 0;
    text-transform: uppercase;

}

.if-we {
    color: #464646;
    font-size: 14px;

}

.success-div {
    text-align: center;
    position: relative;
}

.success-img-div {
    display: inline-block;
    background-color: white;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    position: relative;
    top: -50px;
    padding-top: 40px;
    width: 160px;
    height: 160px;

}
.hh {
    min-height: 500px;
}



.th1 {
    color: #fca311;
    font-weight: 900;
    font-size: 32px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0;

}
.th2 {
    color: #14213d;
    font-weight: 900;
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0;

}

.th3 {
    color: #14213d;
    font-weight: bold;
    font-size: 14px;
    /* text-transform: uppercase; */
    text-align: center;
    margin-bottom: 0;
}

.ord-det {
    color: #fff;
    background-color: #14213d;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    padding: 5px 15px;

}

.ord-det-2 {
    min-height: 200px;
    background-color: #ebebeb;
    padding-top: 30px;
    color: #14213d
}

.th6 {
    color: #14213d;
    /* font-weight: bold; */
    font-size: 14px;
    /* text-transform: uppercase; */
    text-align: center;
    margin-bottom: 0;
}

.th7 {
    color: #14213d;
    font-weight: bold;
    font-size: 18px;
    /* text-transform: uppercase; */
    text-align: center;
    margin-bottom: 0;
}

.th5 {
    color: #fca311;
    font-weight: 900;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0;

}


.vids-2 {
    background-color: white;

}



.v-title1 {
    color: #fca311;
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 0px;
}

.v-subtitle1 {
    font-size: 22px;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
}

.vids-2 {
    padding: 40px 0;
    padding-bottom: 50px;

}

.sub2 {
    color: #464646;
    margin-bottom: 0;
    font-size: 20px;
}

.logout-link {
    font-size: 18px;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 7px;
}

.logout-link:hover {
    color: #fff;

}

.accordion {
    background-color: #14213d;
    color: #fca311;
    cursor: pointer;
    padding: 14px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    font-weight: 900;
    margin-top: 3px;
    text-transform: uppercase;

  }

  .active, .accordion:hover {
    background-color: #fca311;
    color: white;
  }

  .accordion:after {
    content: '\002B';
    color: #fff;
    font-weight: 900;
    float: right;
    margin-left: 5px;
  }

  .active:after {
    content: "\2212";
  }

  .panel {
    /* padding: 0 18px; */
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    color: #464646;
  }

  .panel-item {
    background-color: #ebebeb;
    padding: 10px 17px;
    margin-top: 2px;
    cursor: pointer;
  }

  .panel-item:hover {
    color: #fca311;

}


.enroll-btn:hover {
    color: #14213d

}

.regis-link:hover {
    color: #fff
}

.ord-input {
    border: 1px solid white;
    border-radius: 0;
    height: 45px;
    background-clip: unset;

}

.grey-txt {
    color: #464646;
}

.what-you-get-btn:hover {
    color: #fca311;

}

.pl-order-btn:hover {
    text-decoration: underline;
}

.pzz-1 {
    padding: 0 40px;
}

.fix-1 {
    padding: 20px; margin-left: 6px; margin-top: 42px
}

.foot {
    padding: 20px 115px;
    text-transform: uppercase;
}

.actualyoutube {
    height: 415px;
    background-color: #ebebeb;
}







/* Let's highlight canvas boundaries */
#gjs {
    border: 3px solid #444;
  }

  /* Reset some default styling */
  .gjs-cv-canvas {
    top: 0;
    width: 100%;
    height: 100%;
  }

  .panel__top {
    padding: 0;
    width: 100%;
    display: flex;
    position: initial;
    justify-content: center;
    justify-content: space-between;
  }
  .panel__basic-actions {
    position: initial;
  }

  .editor-row {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    height: 300px;
  }

  .editor-canvas {
    flex-grow: 1;
  }

  .panel__right {
    flex-basis: 230px;
    position: relative;
    overflow-y: auto;
  }


  .panel__switcher {
    position: initial;
  }

  .plus-oto {
    background-color:  #c2c2c2;
    padding: 2px 10px;
    font-weight: 900;
    margin-right: 10px;
    font-size: 18px;
    display: inline-block;
    color: white;
    margin-bottom: 15px;
    cursor: pointer;
  }

  .plus-oto:hover {
    background-color:  #fca311;

  }

  .plus-oto.selected {
    background-color:  #fca311;

  }

  .ch-box {
    background-color:  #fca311;
    border: 3px solid white;
    padding: 4px 4px;
    font-weight: 900;
    margin-right: 10px;
    font-size: 18px;
    display: inline-block;
    color: white;
    position: relative;
    top: 1px;
  }

  .hidden {
      display: none;
  }

  .price2 {
      position: relative;
      top: -26px;
      left: -3px;
  }
  #video_desc{
      color: #464646;
      margin-top:20px
  }
  .accordion_exception{
      margin-top:8%
  }
  .login-input {
    display: inline-block;
    width: 80%;
    height: calc(1.5em + .75rem - 3px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #2d2d2e;
    background-color: #ebebeb;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border: none;
    border-left: 1px solid #2d2d2e;
    border-radius: 0rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.login-input:focus {
    outline: none;
}

.login-div {
    text-align: center;
    margin-top: 90px;
}

.login-t1 {
    font-size: 28px;
    font-weight: 900;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}

.login-t2 {
    font-size: 34px;
    font-weight: 900;
    text-transform: uppercase;
    color: #f09c13;
    text-align: center;
}

.logo-text {
    font-size: 22px;
    font-weight: 900;
    text-transform: uppercase;
    color: #f09c13;
    margin-top: 20px;
}

.login-t3 {
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}

.login-sign {
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    color: #ebebeb;
    text-align: center;
}


.login-input-div {
    background-color: #ebebeb;
    margin-bottom: 15px;
    padding: 12px 0;

}

.login-input-div1 {
    padding: 0 150px;
}

.login-in {
    background-color: #fca311; /* Green */
    border: none;
    color: white;
    padding: 12px 70px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
}

.login-forgot {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}

.login-forgot:hover{
    cursor: pointer;
    text-decoration: underline;
}

.log-in-exception{
    margin-bottom:25%;
}

.div_flex_welcome{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.logout{
    margin-top: -5%;
}