body {font-size: 17px; line-height: 1.5;}


.header.-type-4 {padding: 0;}
.masthead.-type-1{padding-top: 200px; padding-bottom: 250px;}

.button.-purple-1 {
    background-color: transparent ;
    color: var(--color-purple-1) !important;
    border: 2px solid var(--color-purple-1);
}

.button.-purple-1:hover {
    background-color: var(--color-purple-1) !important;
     color: var(--color-white) !important;
}
.button{font-size: 18px !important; font-weight: 700 !important;}
.g-review img{width: 200px; height: auto;}
.tag-offer-wrapp .tag-offer{    width: 100%; text-align: center; display: flex; align-items: center;}
.tag-offer-wrapp .tag-offer span{margin: 0px 5px;}
.tag-offer-wrapp .tag-offer span { margin: 0px 10px; font-size: 20px;}
.tag-offer-wrapp .tag-offer .btm-img{ padding-bottom: 5px;
    background: url(../img/line.svg) no-repeat;
    background-size: 146px;
    background-position: 65px 26px; }
.masthead.-type-1 .masthead-image {
    display: grid
;
    gap: 66px;
    grid-template-columns: 1fr;
    padding-left: 80px;
}
.masthead.-type-1 .masthead__title{line-height: normal;}
.masthead.-type-1 .masthead__text {
    margin-top: 13px;
    font-size: 17px;
    line-height: 1.65;
    color: white;
}
.hero_list svg{stroke: var(--color-green-1);}
.offer-blink{font-weight: 600; font-size: 20px; color:var(--color-white); line-height: normal;}
.offer-blink span{color:var(--color-green-1);}
.hero-btn{font-weight: 600; font-size: 21px;}
.blink {
 animation: blink 0.5s step-start infinite;
}
@keyframes blink {
 0% {
  opacity: 1;
 }
 50% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}
.element-bg{background: url(../img/bg.png) no-repeat; background-size: contain; background-position: center;}

.course-overview{background:rgba(242,246,250,1) url(../img/bg1.png) no-repeat; background-size: cover; background-position: center;}
.coursesCard__image > img{width: 100px; height: auto;}
.coursesCard.-type-2{width: 100%;}
.section-bg__item.-height-half {
    height: calc(100% - 40%);
}
.coursesCard.-type-1 .coursesCard-footer__author{display: flex; flex-direction: column; align-items: flex-start;}
.coursesCard.-type-1 .coursesCard-footer__author div{font-weight: 600; font-size: 18px; padding:0; margin: 0; margin-bottom: 5px;}
.coursesCard.-type-1 .coursesCard-footer__author  span{font-size: 15px; font-weight: 400;}
.mbl-shw{display: none; opacity: 0; visibility: hidden;}
.mbl-shw, .dsk-shw{width: 100%; height: auto;}

.priceCard__button .button.-purple-3 {
    background-color: var(--color-purple-3);
    border: 2px solid var(--color-purple-3);
    color: #fff !important; width: 100%; padding: 12px 25px;
}

.priceCard__button .button.text-purple-1{width: 100%; padding: 12px 25px; background-color: var(--color-green-1);
    border: 2px solid var(--color-green-1);}

.priceCard__button .button.-purple-3:hover {
    color: white !important;
    background-color: var(--color-purple-1) !important;
}
.discount-box-img img{width: 95%; height: auto;}
.discount-box-price span{text-decoration: line-through; font-style: italic;}
.priceCard__list-224 > div{position: relative; padding-left: 21px; line-height: 25px;}
.priceCard__list-224 > div svg{position: absolute; left: 0; top: 0px;}
.priceCard.-type-1 .priceCard__list > * + *{margin-top: 5px;}
.priceCard__list-224 > div  svg.close{top:7px;}
.stepCard.-type-1 .stepCard__content{padding:40px 30px;}
.stepCard__icon img{width: auto; height: 80px;}
 p{
    margin: 0;
    font-size: 17px;
    line-height: 1.5;
}

.abs-img > img{width: 140px; height: auto; position: absolute;right: 0; top: 0;}
.ppl-label {
    padding: 8px 20px;
    border-radius: 10px 10px 10px 0px;
    background-color: var(--color-green-1);
    width: auto;
    text-transform: uppercase;
    position: absolute;
    top: -10px;
    
}

.masthead.-type-1 .masthead-image{gap:30px;}
.button.-md{padding: 12px 40px;}
.priceCard__content.bg-white {
    border: 1px solid rgba(0, 75, 155, 0.2);
    border-radius: 0px 0px 15px 15px;
}


.main-content  {padding-bottom: 85px;}
.use-code{width: 100%; background: #602E71; position: fixed; z-index: 9999; bottom: 0; left: 0;
background: radial-gradient(circle,rgba(96, 46, 113, 1) 0%, rgba(52, 0, 103, 1) 50%, rgba(16, 1, 67, 1) 100%); padding: 20px 40px; display: flex;}
.treat-25-box{    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;}
.treat-25-box .mn-one{  font-weight: 700; color: #fff;}
input.treat-link{animation: glow 800ms ease-out infinite alternate;
      font-weight: 500;
    letter-spacing: 4px;
    border-color: #ccfe05; padding: 11px 20px; margin-left: 15px;
    box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1), 0 2px 0 #000;
    background: #222;   
    background: linear-gradient(#333, #222);    
    border: 2px solid #444;
    border-radius: 50px;
    padding: 11px 20px; letter-spacing: 2px;
    box-shadow: 0 0 0 0 #ec008c; font-size: 21px;
    width: 170px; color: #fff; text-align: center;
   }

.code-box{display: flex; align-items: center; width: auto;     position: relative;}
.treat-25-box .mn-offer{ text-shadow: 0 0 5px #fde008, 0 0 15px #fde008, 0 0 30px #fde008; font-weight: 700; color: #fde008; font-size: 28px;   animation-name:glow1;
  animation-duration:1s; margin: 0px 10px;
  animation-iteration-count:infinite;
  animation-direction:alternate;}
  .code-box img {
    position: absolute;
    right: -26px;
    width: 58px;
    height: 58px;
    top: 10px;
}
@keyframes glow1{
  from{text-shadow:0px 0px 5px #fde008,0px 0px 5px #fde008;}
  to{text-shadow:0px 0px 20px #fde008,0px 0px 20px #fde008;}
}

@keyframes glow {
    0% {
        border-color: #ccfe05;
        box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1), 0 2px 0 #000;
    }   
    100% {
        border-color: #ccfe05;
        box-shadow: 0 0 20px rgba(0,255,0,.6), inset 0 0 20px rgba(0,255,0,.4), 0 2px 0 #000;
    }
}

.use-code.mbl-shw,
.use-code.smbl-shw{display: none; opacity: 0; visibility: hidden;}
.copy-code {
    margin-left: 20px;
    padding: 10px 20px;
    border-radius: 50px;
    border: 1px dashed #fff;
    font-size: 18px; color: #fff;
}

/*------------------------------------------------------------*/

@media(max-width:1190px)
{
    .use-code .container{width: 100%; max-width: 100%;}
}

@media (max-width: 1025px) 
{
    .header.-type-4 .header__container .row{flex-wrap: wrap;}
    .hdr-three-box{flex:0 0 100%; width: 100%; margin-top: 10px;}
    .hdr-three-box > .header-right{justify-content: space-between;}
    .masthead.-type-1{padding-top: 255px;}
    h1{font-size: 45px !important}
    h2, .text-45{font-size: 36px !important;}
    h3{font-size: 28px !important;}
    .hdr-offer-box{flex: 0 0  41.66667%; width: 41.66667%;}
    .masthead.-type-1 .masthead-image{padding-left:40px;}
    .text-40{font-size: 30px !important;} 
    .stepCard.-type-1 .stepCard__content{padding: 30px 20px;}
    .stepCard.-type-1 .stepCard__title {font-size: 21px; line-height: 27px; font-weight: 600;}
    .priceCard__header, .priceCard__content{padding:30px 15px 15px 15px !important}
    .priceCard__button .button.text-purple-1{padding: 12px;}
    .use-code{display: none; visibility: hidden; opacity: 0;}
    .use-code.mbl-shw{display: flex; visibility: visible; opacity: 1;}
    .code-box{margin-right: 16px;}
}    


@media (max-width: 980px) 
{
.dsk-shw{display: none; opacity: 0; visibility: hidden;}
.mbl-shw{display: flex; opacity: 1; visibility: visible;}
.header.-type-4 *.-before-border::before,
.header.-type-4 *.-before-border::after{content: none;}
.col-auto.hdr-one-box, .col-auto.hdr-two-box{flex: 0 0 100%; width: 100%; display: flex; justify-content: center;}
.col-auto.hdr-two-box h5{text-align: center; font-weight: 500; font-size: 16px;}
.header__logo{padding: 0 !important; margin: 0px 0px 10px 0px !important; }
.tag-offer h3{font-size: 21px !important;}
.badge-wrapp{flex: 0 0 auto; width: 25%;}
.masthead.-type-1 .masthead-image {padding-left: 0px; width: 100%;}
.masthead__title.is-in-view{text-align: center;}
.masthead__content p{text-align: center;}
.hero-content{flex: 0 0 auto; width: 100%;}
.badge-box{display: flex; justify-content: center;}
.txt-cntr{text-align: center;}
.element-bg{display: flex; justify-content: center;}
.element-bg img{width: 80% !important;}
.course-overview-video{padding: 20px !important;}
.course-overview{text-align: center;}
.-stepCard-hover, .stepCard.-type-1 .stepCard__content{width: 100%;}
.ftr-bx {text-align: center; display: flex;  justify-content: center !important; align-items: center !important; margin: 5px 0px;}
.treat-25-box{flex-wrap: wrap;}
.in-code-box{width: 100%;}


}

@media (max-width: 767px) 
{
   .hdr-three-box .header-right__buttons, .hdr-three-box .header-right__icons{margin: 0 !important; width: 100%; justify-content: center;} 
   .hdr-three-box .header-right__buttons button{margin: 0 !important;}
   .badge-box{flex-direction: column;}
   .badge-wrapp{max-width: 60%; width: 60%;}
   .hdr-offer-box {flex: 0 0 100%; width: 100%; }
   h2.sectionTitle__title > span{width: auto;}
   .ftr-btm {flex: 0 0 100%; width: 100%; text-align:center; display: flex; justify-content: center;}
   .use-code.smbl-shw{display: flex; visibility: visible; opacity: 1;}
   .use-code.mbl-shw{display: none; visibility: hidden; opacity: 0;}
   .treat-25-box{flex-direction: column; white-space: nowrap; font-size: 18px;}
   .use-code.smbl-shw{padding:20px 5px;}
   .in-code-box{display: flex; align-items: center; margin: 5px 0px; justify-content: center;}
   .main-content  {padding-bottom: 160px;}
     .treat-25-box > .in-code-box:first-child {
        text-align: center;
        display: flex;
        justify-content: center;
    }
   input.treat-link {        font-size: 17px;
        margin: 0;
        padding: 10px 15px;
        width: 130px; }
    .copy-code{margin-left: 0;}
    .copy-code{padding: 10px 15px;}
    .treat-25-box .mn-offer{font-size: 21px;}
}

.scroll-down .btm-box {
  transform: translate3d(0, 100%, 0);
}

.scroll-up .btm-box {
  transform: none;
}

.btm-box{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
 
  transition: transform 0.3s;
  z-index: 1;
  
}
.btm-box .use-code{position: relative;}