@charset "utf-8";
@font-face {src: url('https://mikefisher.co/fonts/GiorgioSans-Bold-Web.woff2') format('woff2');font-family: 'Giorgio Sans Web'; font-weight:  700; font-style:   normal; font-stretch: normal; line-height: 1em;}
*{margin:0;padding:0;text-decoration:none;outline:none;border:none;position:relative;line-height:1.2em;}
*, *:before, *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
body, html{width:100%;min-width:320px;overflow-x: hidden}
body{margin:0;padding:0;font-family: 'Helvetica',sans-serif;background-color:#FFCB2E;font-weight:normal;font-size:16px;letter-spacing:0;color:#292927;min-width:320px;overflow: hidden;  }
strong {font-weight: bold}
.no-ws{white-space: nowrap;}
html {scroll-behavior: smooth;}
.cf:before,.cf:after {content: "";display: block;}
.cf:after {clear: both;}
.cf {clear: both;}
.panel > .row{height: 100%;}
.right-sec{overflow-y: auto;scrollbar-color: #ffcb2f #ffcb2f;scrollbar-width: thin;}
img{max-width:100%;width:auto;height:auto;}
.row{width:100%;}
.container{width:100%;margin:0 auto;max-width: 1360px}
.bg{cursor: pointer;}
input[type=submit],input[type=button], input[type="text"],input[type="email"], textarea, button {-webkit-border-radius:0px; border-radius:0px; -webkit-appearance: none; appearance: none;}

.product-pg ul{color: #fff;}
.product-pg li{list-style-position: inside; padding-left: 0;}
.list li, .t-links li, nav li,.tick-list li{list-style-type: none; }

.banner-pic img{width:100%; display: block;}
.flex{display: flex; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: wrap; justify-content: space-between;  }
.align-center{align-items: center}
.justify-center{justify-content: center}
.align-end{align-self: flex-end}
.justify-end{justify-content: flex-end}
.justify-left{justify-content: flex-start}
.direction-column{flex-direction: column;}
.inner-cont .main-pic{display: none !important;}
.product-list .pic a{color:inherit; display: block;}
.tabs.wc-tabs,.summary.entry-summary,.woocommerce-product-gallery{display: none;}
.scrollToTop{bottom:10%;display:none;position:fixed;right:20px;background:rgba(0, 0, 0, 0.5) url(../images/arw-up.png) no-repeat center center;width:35px;height:35px;text-align:center;border-radius:3px;box-shadow:1px 1px 5px rgba(0, 0, 0, 0.5);}

.text-left{text-align: left;}
.text-center{text-align: center}
.text-right{text-align: right}
.brd-btm{background: #F7CC52;display: inline-block;height: 6px;width: 100%;margin-top: 0.5em;}
br{line-height: 0;}
.bold{font-weight: bold;}

::placeholder{color: inherit; font-family: 'Helvetica',sans-serif; font-size: 12px; font-style: normal;}
::-webkit-input-placeholder{color: inherit; font-family: 'Helvetica',sans-serif; font-size: 12px; font-style: normal;}
::-moz-placeholder{color: inherit; font-family: 'Helvetica',sans-serif; font-size: 12px; font-style: normal;}

.loaderz:before {
  content:"";
  border: 6px solid #f3f3f3; /* Light grey */
  border-top: 6px solid #292929; /* Blue */
  border-radius: 60%;
  width: 30px;
  height: 30px;
  animation: spin 2s linear infinite;
  position: absolute;
  z-index: 999;
  left: 30%;
  top:12%;
}
.loaderz .col.flex{opacity: 0.5;}
@-webkit-keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}


@media only screen and (min-width : 320px){

  .scrolltop{width: 2.0625rem; height: 2.0625rem; background: url(../images/black-arrow.svg) no-repeat; background-size: contain; display: inline-block; cursor: pointer; transform: rotate(90deg); -webkit-transform: rotate(90deg); position: absolute; right: 1.3125em; bottom: 1em;}

  #counter circle {
    stroke-dashoffset: 0;
    stroke: #ffcb2e;
    stroke-width: 2.5px;
  }
  /* #counter.act circle {
    transition: stroke-dashoffset 1s linear;
    -webkit-transition:  stroke-dashoffset 1s linear;
  } */
  #counter #bar {
    stroke: #bab6a8;
  }
  #timer {
    display: block;
    height: 100px;
    width: 100px;
    position: absolute;
    top:-28px;
    left:auto;
    transform: scale(0.55);
    -webkit-transform: scale(0.55);
    right: -27px;
  }
  
  
  .slider .slider-cont{height:auto }
  .slider .slides{position: absolute; left: 0;top:0; width: 100%; opacity: 0;-webkit-transition: opacity .75s ease-out; transition: opacity .75s ease-out; z-index: 0}
  .slider .slides.act{opacity: 1; z-index: 1}
  .slider .slides:first-child{left: 0}
  .slides.act{opacity: 1; z-index: 1}
  .slider-cont{overflow: hidden; width: 100%;}
  .slider .nv{width: 2.8125rem; height: 2.8125rem; background: url(../images/arrow.svg) no-repeat; background-size: contain; display: inline-block; cursor: pointer;}
  .slider .nv:last-child{transform: rotate(180deg); -webkit-transform: rotate(180deg);}
  .slider .navz .text{color: #ffffff; font-size: 0.75em; text-align: center;}

  .container .cont{padding: 0 1.3125em;}
  .btn{background-color: #292927; border: 1px solid #292927; width: auto; font-size: 1.625em; height: 3.125rem; font-family: 'Giorgio Sans Web',Helvetica,sans-serif; color: #ffffff; line-height: 2.9375rem; text-align: center; display: inline-block; cursor: pointer; width: 12.625rem; }

  .yello-btn{background-color: #FFCB2E; color: #292927; border: 1px solid #FFCB2E;}

  header .logo{max-width: 7.3125rem; display: inline-block;}
  header{padding: 1.1875em 1.3125em 1.125em;  position: fixed; top: 0; left: 0; z-index: 99; width: 100%; background: #FFCB2E;}
  .main-banner{margin-top: 82.45px;}


  p{font-size: 1em; line-height: 1.625em; color: #292927; letter-spacing: -0.05px; margin-bottom: 1.5625rem;}
  p:last-of-type{margin-bottom: 0;}
  h1{color: #292927; font-weight: 500; font-family: 'Giorgio Sans Web'; font-size: 3.125em; line-height: 0.88em; text-transform: uppercase;}
  h1 span{line-height: inherit}
  /* h1 span{line-height: 0.88em} */
  h1 span.small{font-size: 0.8em;}
  h1 span.small::after{display: none;}


  .main-banner p{font-size: 0.875em; line-height: 1.928571428571429em;}

  .main-banner .cont{padding: 1.3125rem 1.3125em 1.5rem; width: 100%;}
  .main-banner h1{font-size: 5.6875em; line-height: 0.7912087912087912em;}
  .main-banner h2{font-size: 1.9375em;}

  .main-banner .cm-title{margin-bottom: 2em;}
  .main-banner .btn-sec{margin-top: 1.125rem;}
  .main-banner .pic{width: 100%;}
  .main-banner picture{width: 100%;}

  .real-deal{background-color: #FFFAE4; padding: 7.4375rem 0 8.875rem;}
  .real-deal h1 span::after{background-color: #ffcb2f;}
  .real-deal .cm-title{margin-bottom: 3.1875rem;}
  .real-deal p br{display: none;}


  
  .list li{font-size: 1em; line-height: 1.625em; color: #292927; letter-spacing: -0.05px; border-bottom: 1px solid #292927; padding: 0.844rem 0;}
  .list li:last-child{border-bottom: 0; padding-bottom: 0;}
  .you-will-discover{background-color: #FFF2C6;}
  
  .pic img{display: block; width: 100%;}

  .sticky-footer{padding: 1.25em 1.3125em; position: fixed; bottom: -100%; left: 0; width: 100%; background-color: #FFCB2E; z-index: 3; transition: all 0.5s ease; -webkit-transition: all 0.5s ease}
  .sticky-footer.act{ bottom: 0}
  .sticky-footer .btn-sec{width: 100%; flex-direction: row-reverse; align-items: center;}
  .sticky-footer .link{font-size: 0.875em; color: #292927; font-weight: bold; text-decoration: underline;}
  
  .page{padding-bottom: 5.625rem;}
  
  
  
  .video-container iframe{width: 100%; height: 100%;left: 0; top: 0; position: absolute; display: inline-block; z-index: 2;}
  .testimonials .desc{width: 100%;}
  .testimonials .desc br{display: none;}
  .sticky-footer .container{padding: 0;}
  .sticky-footer .logo{display: none;}
  

  .btn:hover{background-color: #4E4E4E; border-color:#4E4E4E;}
  .btn.yello-btn:hover{background-color: #E2A900; border-color: #E2A900;}
  
  h1.sp sup{font-size: .35em; top: -32%; position: absolute; font-weight: bolder;}
  /* h1 span.cus-border::after{display: none;} */
  /* h1 span.cus-border{text-decoration: underline; text-decoration-line: underline;text-decoration-thickness: auto; text-decoration-line: underline; text-decoration-color: #FFCB2E; text-decoration-thickness: .1em; text-underline-offset:-0.0119047619047619em; text-underline-position: under;} */
  h1 span.cus-border{text-decoration: underline; text-decoration-line: underline;text-decoration-thickness: auto; text-decoration-line: underline; text-decoration-color: #FFCB2E; text-decoration-thickness: .1em; text-underline-offset:0.05em; text-underline-position: unset;}
  @-moz-document url-prefix() {
    h1 span.cus-border{text-underline-offset:0.1em;  text-decoration-thickness: .1em; }
  }
  h1 span.cus-border.white{text-decoration-color: #ffffff; }
    
    
    .seven-cs .anim{margin-bottom: 2.5625em;text-align: center;margin-top: 0.6875em;}
    .anim #svgobject, .anim svg{width: 100%;  max-width: 330px;}
    .seven-cs .slides{padding-left: 1.3125rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%)}
    .seven-cs .desk-text{display: none;}
    .seven-cs{padding: 3.25em 0 3.125em; background-color: #FFF2C6;}
    .seven-cs .cm-title{margin-bottom: 2.4375rem;}
    .seven-cs .slider-cont::before{background-color: #ffcb2e;width: 3px;content: '';height: 92%;left: 0;position: absolute;top: 51%;
      transform: translateY(-50%);-webkit-transform: translateY(-50%);}
    .seven-cs .slider-cont p{margin-bottom: 0;}
    .seven-cs .arw-sec{margin-top: 3.125em;}
    .seven-cs .navz .nv{margin-right: 0.9875em;}
    .seven-cs  .slider .nv{background: url(../images/arrow-black.svg) no-repeat center center; border-radius: 50%; margin-right:0; border: 1px solid #bab6a8;}
    .seven-cs  .slider .nv:last-child{border: 0; transform: none; -webkit-transform: none; z-index: 3;}
    .seven-cs  .slider .nv:first-child{transform: rotate(180deg); -webkit-transform: rotate(180deg);}

    .self-asse .col-sm{width: 100%;}
.slider .black .nv{background: url(../images/black-arrow.svg) no-repeat; background-size: contain;}
.self-asse .nav-arw{margin-top: 0.9375rem;}
.self-asse{padding: 3.3125em  0 2.1875em;}
.self-asse .cm-title{margin-bottom: 2.375rem;}
.self-asse .slider{margin-top: 1.5em;}

.real-deal h1{line-height: 0.88em;}
.real-deal h1:last-child{line-height: 1em; margin-top: 1.1875rem;}

.discounts{background-color: #292927; padding: 3.3125em  0 4em; text-align: center;}
.discounts h1{color: #ffffff;}
.discounts .price-sec{margin-bottom: 1.5em;}
.discounts .price-sec h3{font-size: 1.875em; color: #FFCB2E; font-weight: 500; font-family: 'Giorgio Sans Web'; line-height: 0.8em;}
.discounts .price-sec h2{font-size: 2.625em; color: #ffffff; font-weight: 500; font-family: 'Giorgio Sans Web'; line-height: 0.85em;}
.discounts .price-sec .price{font-size: 1.25em; color: #FFCB2E; font-weight: 500;  font-family: 'Giorgio Sans Web';}
.discounts .discount-sec .price{color: #ffffff; font-size: 2.125em;}
.discounts .cm-title{margin-bottom: 2.375rem;}
.discounts .code-text{font-size: 1.25em; font-weight: 500; font-family: 'Giorgio Sans Web'; color: #ffffff;}
.discounts .btn-sec{margin-top: 2em; text-align: center;}
.discounts .btn{padding: 0 1.75rem;}
.discounts .price-sec .price .small{font-size: 0.6em;}
.discounts .price-sec.discount-sec .price .small{font-size: 0.7em;}

sup{font-size: 0.6em;}

.know-wr{padding: 8em 0 9.6875em; text-align: center;}
.know-wr .btn-sec{margin-top: 4em; text-align: center;}

/* .main-banner h1 span.cus-border{text-underline-offset:-0.0119047619047619em;} */

.real-dea p br{display: none;}


.the-course .slider{padding: 0 1.3125em; margin-top: 2.875em;}
.the-course{padding: 2.75em 0 3.125rem; background-color: #292927;}
.the-course h1{color: #ffffff;}
.the-course h1 span::after{background-color: #FFCB2E;}
.the-course p{color: #ffffff;}
.the-course .cm-title{margin-bottom: 2.125rem;}
.the-course .navz{margin-top: 0.8125rem;}
.the-course .btn{min-width: 11.375rem;}
.the-course .i-cont p{ display: inline-block; }
.the-course .i-cont p:last-child{border-bottom: 0; margin-bottom:0; padding-bottom: 0;}

.pricing h2{font-weight: 500; font-family: 'Giorgio Sans Web'; color: #FFCB2E; font-size: 1.375rem; line-height: 1em;}
.pricing .price{font-weight: 500; color: #ffffff; font-size: 2rem; font-family: 'Giorgio Sans Web'; line-height: 1em;}
.pricing .price span{font-size: 0.5em;}
.the-course .pricing{margin-top: 3.5em;}
.the-course .btn-sec{margin-top: 3.5625rem;}
.the-course .list li{color: #ffffff; border-bottom: 1px solid #F7CC52;}
.the-course .list li:last-child{border-bottom: 0;}

h2{font-size: 1.8em; font-weight: 500; font-family: 'Giorgio Sans Web'; line-height: 0.8157894736842105em;}



.custom-design h1{/*line-height: 0.96em;*/ line-height: 1em; color: #ffffff;}
.custom-design{padding: 2.75em 0; background-color: #292927;}
.custom-design .cm-title{margin-bottom: 2.8125rem;}

.comp-course{text-align: center; padding: 2.1875em 0 2.28125em;}
.course-sec .comp-course h1{color: #292927; line-height: 0.76em;}

.comp-course .button{margin-top: 1.2em;}
.amount{font-size: 1.875em; font-weight: 700; font-family: 'Giorgio Sans Web'; margin: 0.0833333333333333em 0 1.125rem;}
.amount span{font-size: 0.6666666666666667em;}

.select-course{margin-top: 2.3125em; padding-top:2.1875em; border-top: 2px solid #97803d; text-align: center;}
.select-course .amount{color: #ffffff; margin: 0 0 1.4375rem;}
.select-course .label{color: #ffffff; font-size: 1em; font-weight: 700;}
.check-sec{border: 1px solid #ffcb2e; margin-top: 0.6875rem;}
.check-sec > .row{border-bottom: 1px solid #ffcb2e; height: 2.0675em; padding-left: 0.5625em; cursor: pointer;}
.check-sec input{appearance: auto; -webkit-appearance: auto; opacity: 0; position: absolute; left: 0; top: 0; height: 100%; width: 100%; cursor: pointer;}
.check-sec label{font-size: 1em; color: #ffffff;}
.check-sec > .row:last-child{border: 0;}
.check-sec > .row.act{background-color: #ffcb2e; color: #292927;}
.check-sec > .row.act label{color: #292927; font-weight: 700;}
.check-sec > .row.act label::before{border: 1px solid #292927;}

.custom-check + label::before{width: 0.845625em; height: 0.845625em; display: inline-block; content: ''; border: 1px solid #ffcb2e; margin-right: 0.4375em;}
.custom-check:checked + label::after{width: 0.8125em; height: 0.8125em; position: absolute; content: ''; background: url(../images/tick.svg) no-repeat left top; background-size: contain; left: 4px; top: 3px;}
.custom-check:checked::after{content: '';}
.select-course .details {margin-top: 1.25em;}
.custom-design  p{color: #ffffff;}
.custom-design  p a{color: #FFCB2E; text-decoration: underline;}
.select-course .details p:last-child{padding-bottom: 0;}
.select-course .button{color: #292927; background-color: #ffcb2e; margin-top: 1em;}
.select-course:last-child{padding-bottom: 2em; border-bottom: 2px solid #8d7c49; margin-bottom: 2.125em;}
.course-sec .comp-course{ background-color: #ffcb2e;}
.course-sec .btn-sec{margin-top: 1.125em;}
.course-sec .col{flex-basis: 100%;}
.custom-design .sub-text{text-align: center; margin-top: 2.21875em; padding-top: 1.125rem;}
.course-sec .comp-course p{color: #292927; line-height: 1.25em; margin-bottom: 0.6875rem;}
.course-sec .comp-course p.last{line-height: 1.875em; margin-bottom: 0;}
.course-sec{justify-content: center;}
/* .course-sec .col{max-width: 22.5rem;} */



.the-course .list{margin-top: 0.1875rem;}
.the-course .desk-btn{display: none;}
.the-course .mob-btn{text-align: center;}

.course-sec .btn{width: 7.25rem;}
.seven-cs h1{line-height: 0.84em;}

.custom-design .select-course h1{line-height: 0.76em;}
.custom-design .details p{line-height: 1.25em; margin-bottom: 1.25rem;}

.custom-design .sub-text p{font-size: 0.875em; line-height: 1.714285714285714em;}

.custom-design .select-course.onec-course h1{margin-bottom: 0.375rem;}
.custom-design .sub-text{border-top: 1px solid #F7CC52;}

.know-wr h1{line-height: 0.8em;}
.know-wr h1:last-child{/*line-height: 0.96em;*/ line-height: 1em; margin-top: 0.9375rem;}
.know-wr h1 span::after{background-color: #ffffff;}




.know-wr .cm-title.dsk-hdr{display: none;}
/* .know-wr h1 span{display: inline !important;} */

.custom-design .cm-title.desk-hdr{display: none;}
.the-course .video-container > div{position: static;}

header .logo img {max-width: 116.26px;}
header .logo {display: inline-block;line-height: 0;}

/* border */
h1 span{text-decoration: none !important; display: inline-block !important; line-height: 0.76em;}
h1 span::after {content: '';  width: 100%; background-color: #ffcb2f; position: absolute; display: inline-block; left: 0; height: 5px; bottom: -11px;}
.main-banner h1 span{line-height: 0.75em;}
.main-banner h1 span::after{background-color: #ffffff; height: 9px; bottom: -19px; }


@-moz-document url-prefix() {
  h1 span{line-height: 0.75em;}
}
/* border */

.cm-title h1 sup{display: inline-block; font-size: 0.35em; top: -0.6em; left: 0;}
 

}



@media only screen and (min-width : 375px){
   /* border */

   /* border */
}
@media only screen and (min-width : 480px){
  .real-deal h1 .mob-break{display: none;}
  .discounts h1 br{display: none;}

  .know-wr .cm-title.dsk-hdr{display: block;}
  .know-wr .cm-title.mob-hdr{display: none;}
.know-wr h1 br{display: block;}
.real-deal h1 br{display: none;}
.real-deal h1:last-child{margin-top: 0.5rem;}
.slider .navz .text br{display: none;}
}
@media only screen and (min-width : 640px){
  h1{font-size: 3.75em;}
  .real-deal{text-align: center;}
  .container .cont{padding: 0;}
  .container{padding: 0 1.3125em;}
  .main-banner .container{padding: 0;}
  .main-banner .container .cont{padding: 1.5em 1.3125em;}

  
  .discounts h1 br{display: none;}

  /* h1 span.cus-border{text-decoration-thickness: .09em; text-underline-offset: -0.0333333333333333em;}
  .main-banner h1 span.cus-border{text-decoration-thickness: .1em;} */

  .the-course .slider{width: 50%; margin-top: 0; padding: 0;}
  .the-course .cont{width: 47%;}
  .the-course .navz{flex-wrap: nowrap;}
  .custom-design h1 br{display: none;}

  
  .course-sec .select-cource-main .col{flex-basis: 46%;}
  .course-sec .comp-course h1 br{display: block;}
  .anim #svgobject{max-width: 300px;}
  .seven-cs .slider{width: 41%; margin-top: 5em; margin-left: 2.625rem;}
  .seven-cs .slider-cont p br{display: none;}
  .seven-cs .nav-arw{justify-content: flex-start}
  .seven-cs .slider .nv:last-child{margin-left: 0.5rem;}
  #timer{left: 25px; right: auto;}
  .seven-cs .arw-sec{margin-top: 1.875em;}
  
  .custom-design .cm-title.desk-hdr{display: block;}
  .custom-design .cm-title.mob-hdr{display: none;}
  
  /* border */
  .real-deal h1:last-child,.custom-design h1,.know-wr h1:last-child{line-height: 0.88em;}
  h1 span{line-height: 0.76em;}
  h1 span::after,.seven-cs h1 span::after{height: 6px; bottom: -13px;}
  .seven-cs h1 span::after{bottom: -12px;}
  /* border */

  
}
@media only screen and (min-width : 670px){
  .real-deal p br{display: block}
}
@media only screen and (min-width : 768px){
  .main-banner .container .cont{padding: 3.5em 1.3125em 2em;}
  .know-wr h1 br{display: block;}
  .seven-cs .m-cont{width: 59%;}
  .seven-cs .slider{width: 41%; margin-top: 6em; margin-left: 5.625rem;}
  .seven-cs .anim{margin-bottom: 0;}
  .seven-cs h1 br{display: none;}
  .self-asse .col-lg{flex-basis: 64%; max-width: 64%;}
  .self-asse .col-sm{flex-basis: 34%; max-width: 34%;}
  .self-asse .slider{margin-top: 0.625rem;}
  .know-wr{padding: 8em 0;}
  .main-banner .cm-title{margin-bottom: 2.5em;}
  .main-banner .btn-sec{margin-top: 1.25em;}

  .course-sec{padding: 0; justify-content: space-between;}
  .course-sec .col{flex-basis: 32%; max-width: 32%}
  .select-course{padding-top: 0; border: 0; }
  .course-sec .comp-course .btn-sec{margin-top: 9.5em;}
  .custom-design .sub-text{margin-top: 2em;}
  .custom-design .sub-text p br{display: none;}
  .select-course:last-child{padding-bottom: 0; border-bottom:0; margin-bottom:0;}
  .custom-design .btn{max-width: 9.0625rem; min-width: auto; width: 9.0625rem;}
  .select-cource-main{flex-basis: 66%; max-width: 66%;}
  .course-sec .select-cource-main .col{flex-basis: 46%; max-width: 46%;;}

   /* border */
   h1 span{line-height: 0.77em;}
   .seven-cs h1 span::after {bottom: -13px;}
   /* border */

   .custom-design .select-course.onec-course h1{margin-bottom: 0;}
   .course-sec .comp-course p{padding: 0 0.5em;}
}
@media only screen and (min-width : 1024px){
  .main-banner{margin-top: 0;}
  .main-banner .pic{width: 50.625%;}
  .main-banner picture{width: auto;}
  .main-banner .container .cont{width: 49.375%; padding: 6em 3em 0 5.1em;}
  .main-banner .container{flex-direction: row-reverse;}
  header{position: absolute; left: 0; top: 0; z-index: 1; width: auto;}
  .container{padding: 0 5em; max-width: 1261px;}
  
  .list{width: auto; display: inline-block;}
  
  
  
  .sticky-footer .logo{display: block; max-width: 7.3125rem;}
  .sticky-footer .btn-sec{width: auto; flex-direction: row;}
  .sticky-footer .link{margin-right: 1.3125rem;}
  .main-banner .container,.sticky-footer .container{max-width: 100%;}
  .btn,.the-course .btn{min-width: 9.375rem;}
  
  /* .seven-cs .slider-cont p.mob-text{display: none;}
  .seven-cs .slider-cont p.desk-text{display: block;} */

  .the-course .i-cont{flex-direction: column;}
  .the-course .i-cont p{min-width: auto;}

.check-sec > .row:hover:not(.act){background-color: #fff;}
.check-sec > .row:hover:not(.act) .custom-check + label::before{border: 1px solid #292927;}
.check-sec > .row:hover:not(.act)  label{color: #292927; background-color: #fff; font-weight: 700;}

.main-banner .btn{min-width: 11.375rem;}
.real-deal, .the-course, .seven-cs, .custom-design, .know-wr{min-height: 100vh; align-items: center;}
.the-course .slider{margin-top: 0.5rem;}
.course-sec .col{flex-basis: 30%;}
.btn, .the-course .btn,.know-wr .btn{min-width: 11.375rem; padding: 0;}

/* .course-sec .comp-course .btn-sec{margin-top: 9.75em;} */
.course-sec .comp-course h1 br{display: block;}



  .custom-design .sub-text{border-top: 0; padding-top: 0;}
  .the-course .mob-btn{display: none;}
  .the-course .desk-btn{display: block;}

  .seven-cs .slider-cont p br{display: block;}

  .select-course .details p:first-child br{display: block;}
  
  .main-banner .pic{width: 57.375%;}
  .main-banner .container .cont{width: 42.625%;}
  .real-deal, .the-course, .seven-cs, .custom-design, .know-wr{min-height: auto;}
  .custom-design{height: auto !important; max-height: none !important;}

  header {position: absolute; left: 0; top: 0; z-index: 1; width: 16%; background: transparent; max-width: 164px; padding: 0 !important;    margin-left: 2.625rem; margin-top: 2.5rem;}
  header .logo img {max-width: 100%;}
  .main-banner .container .cont{padding: 6em 3em 0 6.5em;}

    /* border */
    .main-banner h1 span{line-height: 0.77em;}
    .main-banner h1 span::after {bottom: -18px;}
    h1 span::after, .seven-cs h1 span::after{bottom: -12px;}
    .the-course h1 span::after ,.custom-design  h1 span::after{bottom: -13px;}
    /* border */
}

@media only screen and (min-width : 1280px){
  .main-banner h1{font-size: 6.625rem; max-width: 3.5em;}
  .main-banner p, .real-deal p, p{font-size: 1.125rem; line-height: 1.714285714285714em;}
  .main-banner .container .cont{padding: 9em 3em 0 5.1em;}
  h1 span.cus-border {
    text-underline-offset: 0.09em;
    text-decoration-thickness: .09em;
  }
  h1{font-size: 4.375rem;}
  p, .list li{font-size: 1rem;}
  .real-deal,.testimonials{padding: 9.375em 0;}
  .real-deal .cm-title{margin-bottom: 3em;}
  
  .slider .navz .text{font-size: 0.875em;}
  .testimonials .arws{flex-basis: 87.6%; width: 87.6%; max-width: 87.6%;}
  
  .discounts .price-sec h3{font-size: 2.875em;}
  .discounts .price-sec .price, .discounts .code-text{font-size: 1.625em;}
  .discounts .price-sec h2{font-size: 3.625em;}
  .discounts .price-sec .price{font-size: 2.5em;}
  .discounts .price-sec{margin-bottom: 3.5em;}
  
  .know-wr{padding: 10em 0;}
  .know-wr .btn-sec{margin-top: 4em;}

  .anim #svgobject{max-width: 24.188rem}

  .main-banner .container.flex{flex-wrap: nowrap;}
  .main-banner .pic{width: auto;}
  .main-banner .container .cont{width: 42.625%;}

  /* h1 span.cus-border{text-underline-offset: -0.0285714285714286em;} */

  .pic img{max-height: 100vh; width: auto;}
  .main-banner .pic{justify-content: flex-end;}
  .main-banner h2{font-size: 2.27em;}
  .course-sec .comp-course .btn-sec{margin-top: 3.8em;}

  .select-cource-main{flex-basis: 62%; max-width: 62%;}

    

    .select-course .label br{display: none;}
    .custom-design .details p br{display: none;}
    .course-sec .comp-course .btn-sec{margin-top: 6.5625em;}

    .scrolltop {width: 2.8125rem;height: 2.8125rem;}

    .pic img{max-height: none;}
    .main-banner .pic{width: 57.375%;}
    .custom-design,.the-course{padding: 4.75em 0;}
    .main-banner .container .cont{padding: 9em 3em 0 7.1em;}

    header .logo,.sticky-footer .logo{max-width: 100% !important;}
    .main-banner .container .cont{padding: 9em 3em 0 9.1em;}
    .custom-design h1{line-height: 0.9715em;}
    .page{padding-bottom: 6.49em;}

  

    .the-course{height: auto !important; min-height: auto !important; max-height: none !important;}

    /* border */
    .main-banner h1 span{line-height: 0.755em;}
    .main-banner h1 span::after {height: 10px; bottom: -20px;}
    h1 span{line-height: 0.75em; }
    h1 span::after, .seven-cs h1 span::after { height: 7px; bottom: -14px;}
    .seven-cs h1 span, .know-wr h1 span{line-height: 0.74em;}
    .the-course h1 span::after ,.custom-design  h1 span::after{bottom: -15px;}
    /* border */

}

@media screen and (min-width: 1280px) and (max-height: 800px) {
  /* window-height-css */
  /* .main-banner, section{min-height: 100vh !important; max-height: 100vh !important; height: 100vh !important;}
  .main-banner .pic{width: auto;}
  .main-banner .pic img,.best-life .pic img{min-height: 100vh; max-height: 100vh;}
  .main-banner .container .cont{padding-top: 7em;}
  .best-life .pic{width: auto;} */
  /* window-height-css */
} 


@media only screen and (min-width : 1400px){
  /* window-height-css */
  /* .main-banner, section{min-height: 100vh !important; max-height: 100vh !important; height: 100vh !important;}
  .main-banner .pic{width: auto;}
  .main-banner .pic img,.best-life .pic img{min-height: 100vh; max-height: 100vh;}
  .best-life .pic{width: auto;} */
  /* window-height-css */
}

@media only screen and (min-width : 1600px){
  h1 span.cus-border{ text-decoration-thickness: .09em;}
  @-moz-document url-prefix() {
    h1 span.cus-border{text-underline-offset:0.085em;  text-decoration-thickness: .085em; }
  }
  header .logo,.sticky-footer .logo{max-width: 10.25rem;}
  h1{font-size: 6.25rem;}
  p{font-size: 1.375rem; line-height: 1.454545454545455em;}
  .list li{font-size: 1.375rem; line-height: 1.454545454545455em;}
  .main-banner h1{font-size: 8.5rem; line-height: 0.7867647058823529em;}
  .main-banner p,.real-deal p{font-size: 1.375rem; line-height: 1.454545454545455em;}
  
  .the-course .slider{width: 100%; max-width: 620px;}
  .btn, .the-course .btn{font-size: 2rem; width: 12.125rem; height: 4.0625rem; line-height: 3.75rem; min-width: auto;}
  .main-banner .btn, .sticky-footer .btn{width: 9.625rem; height: 4.0625rem; max-width: 9.625rem; min-width: auto; line-height: 3.75rem; font-size: 1.875rem;}
  header{padding: 2.5em 2.625em;}
  .sticky-footer{padding:1.6875em 2.625em;}
  .main-banner .container .cont{padding: 12.125em 2em 0 7.8em;}
  .main-banner .cm-title{margin-bottom: 3.5625em;}
  .main-banner .btn-sec{margin-top: 2.5em;}
  .real-deal{padding: 16em 0 8.3125em;}
  .real-deal .cm-title{margin-bottom: 6.0625em;}
  .real-deal p{margin-bottom: 1.875rem;}
  .real-deal p:last-child{margin-bottom: 0;}
  
  
  .container{padding: 0;}
  
  .the-course .slider{margin-top: 0.625rem;}
  .the-course .cm-title{margin-bottom: 4.3125em;}
  .the-course .i-cont p{margin-bottom: 1.125rem; padding-bottom: 1.125rem;}
  .the-course .pricing{margin-top: 4.6875em;}
  
  #timer{left: 32px;}
  
  .scrolltop{right: 2.65em; bottom: 1.5625em;}
  .page{padding-bottom: 7.5rem;}

  .anim #svgobject{max-width: 30.5rem;}

  .discounts .price-sec h3{font-size: 3.75em; line-height: 0.85em;}
  .discounts .price-sec .price,.discounts .code-text{font-size: 2.5em;}
  .discounts .price-sec h2{font-size: 4.5em;}
  .discounts .price-sec.discount-sec .price{font-size: 3.375em;}
  .btn, .discounts .btn, .know-wr .btn{width: 17.1875rem; padding: 0;}
  .discounts .price-sec .price .small{font-size: 1.5rem;}
  .discounts .price-sec.discount-sec .price .small{font-size: 2rem;}
  .discounts{padding: 6.25rem 0 8.375rem;}
  .discounts .cm-title{margin-bottom: 5.25rem;}
  .discounts .btn-sec{margin-top: 3.125rem;}
  .discounts .price-sec{margin-bottom: 2.5625rem;}

  .seven-cs{padding: 7.5em 0 5em;}
  .seven-cs .cm-title{margin-bottom: 3rem;}
  .seven-cs .anim{margin-top: 2.8125rem;}
  .seven-cs .slider{margin-left: 9.375rem; margin-top: 8.75rem;}
  .seven-cs .slides{padding-left: 1.875rem;}
  .seven-cs .arw-sec{margin-top: 3.4375rem;}
  .seven-cs .slider .nv:last-child{margin-left: 0.875em;}

  .self-asse{padding: 7.3125rem 0 7.1875rem;}
  .self-asse .cm-title{margin-bottom: 5.875rem;}
  .self-asse p{margin-bottom: 0.5rem;}
  .self-asse .col-sm{flex-basis: 35%; max-width: 27.125rem;}
  .self-asse .list{min-width: 35.8125rem;}

  .list li{padding: 1rem 0;}

  .know-wr{padding: 14.625rem 0 13.3125rem;}
  .know-wr .btn-sec{margin-top: 4.4375rem;}


 /* .main-banner h1 span.cus-border{text-decoration-thickness: .09em; text-underline-offset: -0.0220588235294118em;}
 h1 span.cus-border{text-underline-offset: -0.014706em;} */

 .the-course .list li{font-size: 1.125em; line-height: 1.555555555555556em;}

 .the-course{padding: 7.625em 0 11.75em;}
  .the-course .slider{width: 100%; max-width: 620px; margin-top: 0.625rem;}
  .the-course .cm-title{margin-bottom: 4.3125em;}
  .the-course .i-cont p{margin-bottom: 1.125rem; padding-bottom: 1.125rem;}
  .the-course .pricing{margin-top: 4.6875em;}

  .main-banner h2{font-size: 2.90625em;}

  .main-banner .btn, .btn, .the-course .btn, .know-wr .btn,.sticky-footer .btn{min-width: 15.4375rem; width: 15.4375rem;}
  .btn,.main-banner .btn, .sticky-footer .btn{font-size: 2em;}
  .main-banner .container .cont{padding: 15.9375em 2em 0 9em;}
  /* .real-deal h1{line-height: 1.2em;} */
  .the-course .list li{font-size: 1.125em; line-height: 1.555555555555556em;}
  .the-course .i-cont p{font-size: 1.125em;}
  .the-course .cm-title{margin-bottom: 4.3125em;}

  .the-course{padding: 8.6875em 0 9.6875em;}
  .the-course .navz{margin-top: 1.25rem;}
  .slider .navz .text{font-size: 1em;}
  .the-course .cm-title{margin-bottom: 3.5625em;}
  .the-course .i-cont p{margin-bottom: 0; padding-bottom: 0.625rem;}
  .the-course .list li{padding: 0.875rem 0;}
  .the-course .btn-sec{margin-top: 2.1875em;}
  .course-sec .comp-course h1{font-size: 4.5em; line-height: 0.8333333333333333em;}
  .comp-course{padding: 2.1875em 1em 2.9375em;}
  .custom-design .btn{max-width: 9.1875rem; min-width: auto; width: 9.1875rem; line-height: 3.875rem;}
  .custom-design .amount{font-size: 2.5em;}
  .custom-design .amount span{font-size: 0.5em;}
  .course-sec .comp-course p{font-size: 1em; line-height: 1.625em;}
  .course-sec .comp-course p:last-of-type{line-height: 2.25em; margin-top: 1.5625rem;}

  /* .main-banner h1{line-height: 0.7867647058823529em;} */
  .custom-design h1{font-size: 4.5em;}
  .select-course .amount{font-size: 2.5em; margin-bottom: 1.6875rem;}
  .select-course .details p{font-size: 1em; line-height: 1.125em;}
  .custom-design .sub-text p{font-size: 1em; line-height: 1em;}
  .custom-design{padding: 5.5em 0 6.3125em;}
  .custom-design .cm-title{margin-bottom: 5.875rem;}
  .custom-design .cm-title h1{font-size: 6.25rem;line-height: 0.88em;}
  .course-sec .comp-course{max-width: 22.75em;}
  .course-sec .select-course{max-width: 19.5625rem;}
  .comp-course{padding: 2.5em 1em 2.9375em;}
  .custom-design .comp-course .amount{margin-top: 1rem; margin-bottom: 1.5625rem;}
  .check-sec > .row{height: 2.1875rem; padding-left: 0.75rem;}
  .select-course .details{margin-top: 1.25em;}
  .course-sec .comp-course .btn-sec{margin-top: 2.0625em}

  .select-cource-main{max-width: 750px;}
  .course-sec .select-cource-main .col{max-width: 312px;}
  .course-sec .btn-sec{margin-top: 1.125em;}
  .know-wr .btn-sec{margin-top: 9.0625rem;}
  .the-course .list{max-width: 34.9375rem; margin-top: 0;}
  .seven-cs .anim{margin-top: 1.375rem;}

  
  .real-deal h1:last-child{margin-top: 1.3125rem;}
  .course-sec .select-cource-main .col{margin-top: 2.8125em;}
  .select-course .amount{margin-top: 0.4375rem; margin-bottom: 1.5rem;}
  .select-course .details p{margin-bottom: 1.6875rem;}
  /* .custom-design .select-course.onec-course h1{margin-bottom: 0.625rem;} */
  .check-sec{margin-top: 0.875rem;}
  
  .real-deal, .the-course, .seven-cs, .custom-design, .know-wr{align-items: flex-start;}
  
  .know-wr h1:last-child{line-height: 0.8em;}
  
  
  .the-course{height: 100vh !important; min-height: 100vh !important; max-height: 100vh !important;}
  
  .real-deal{padding: 0; align-items: center;}
  


  /* border */
  .main-banner h1 span{line-height: 0.76em; }
  .main-banner h1 span::after {height: 13px; bottom: -26px; width: calc(100% - 3px);}
   h1 span,.seven-cs h1 span,.know-wr h1 span{line-height: 0.76em;}
   h1 span::after,.seven-cs h1 span::after {height: 10px; bottom: -20px;}
   .the-course h1 span::after,.custom-design  h1 span::after {bottom: -21px;}
  /* border */

  .cm-title h1 sup{font-size: .3em; top: -0.75em;}

}

@media only screen and (min-width : 1700px){
  .main-banner .container .cont {margin: auto; width: auto; padding: 0;}
 }

@media only screen and (min-width : 1800px){
  .main-banner .pic{ display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; justify-content: flex-end;}
  .main-banner .pic img{width: auto;}
  .real-deal, .the-course, .seven-cs, .custom-design, .know-wr{align-items: center}
  .main-banner .container .cont{padding-top: 0; align-self: center;}
}

@media only screen and (max-width : 767px){
  .select-course .label br,.select-course .details p:last-child br{display: none;}
}

@media only screen and (max-width : 373px){
  /* h1{font-size: 2.9375em;} */
  .slider .navz .text{font-size: 0.675em;}
  .seven-cs .slider-cont p br{display: none;}
}
@media only screen and (max-width : 359px){
  h1{font-size: 2.5625em;}
  h1 span::after {height: 4px; bottom: -9px;}
  .slider .navz .text{font-size: 0.6em;}
}
@media only screen and (max-width : 1100px){
  .the-course{height: auto !important;}
}


/* IE-Hack */
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  
}
/* IE-Hack */


@media screen and (min-width: 1024px) and (max-width: 1599px) {
  .main-banner .container .cont{padding-top: 4em; align-self: center;}
} 


@media screen and (min-width: 1024px) and (min-aspect-ratio: 16/9) {
  /* set viewport height*/
  .main-banner, section{min-height: 100vh !important; max-height: 100vh !important; height: 100vh !important;}
  .main-banner .pic{width: auto;}
  .main-banner .pic img,.best-life .pic img{min-height: 100vh; max-height: 100vh;}
  .best-life .pic{width: auto;}
}
@media screen and (min-width: 1024px) and (min-aspect-ratio: 8/5) {
  /* set viewport height*/
  .main-banner, section{min-height: 100vh !important; max-height: 100vh !important; height: 100vh !important;}
  .main-banner .pic{width: auto;}
  .main-banner .pic img,.best-life .pic img{min-height: 100vh; max-height: 100vh;}
  .best-life .pic{width: auto;}
}

/* Maximum aspect ratio */
@media screen and (min-width: 1024px) and (max-aspect-ratio: 3/2) {
 /* set 16/9 height*/
}

/* Exact aspect ratio, put it at the bottom to avoid override*/
@media screen and (min-width: 1024px) and (aspect-ratio: 1/1) {
  /* set 16/9 height*/
}

@media
  only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-width: 1024px) and ( min--moz-device-pixel-ratio: 2),
  only screen and (min-width: 1024px) and ( -o-min-device-pixel-ratio: 2/1),
  only screen and (min-width: 1024px) and ( min-device-pixel-ratio: 2),
  only screen and (min-width: 1024px) and ( min-resolution: 192dpi),
  only screen and (min-width: 1024px) and ( min-resolution: 2dppx) {
  
  /* Retina-specific stuff here */
  header .logo{max-width: 100%;}
  header{max-width: 180px;}
  header .logo img,header .logo{
    width: 100%;
  }
  }