@charset "UTF-8";
/* CSS Document */
html { scroll-behavior: smooth;}
* {margin:0px;padding:0px; box-sizing: border-box;border: 0 none;outline: 0;font-family: "Quicksand", sans-serif;}
img {max-width: 100%;height: auto;}
li {list-style: none;}
body {background:#ffffff;}
h1, h2, h3, h4, h5, h6, a {font-family:  "Inter", sans-serif;padding: 0px;margin:0px;color:#131313;font-weight: 700;}
h1, h2 {letter-spacing: -2px;}
h2 {text-align: center;}
p {line-height: 1.8em;letter-spacing: -0.2px; font-size: 1em;color:#131313;margin-bottom: 15px;text-align: left;}
.bt_buy {padding:25px 5px;border-radius: 15px;background-color: #63C360;font-size:1.2em;color:#ffffff;text-decoration: none;display: block;font-weight: 700;letter-spacing: -0.7px;transition-duration: 0.3s;text-align: center;width: 100%;box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1);}
.bt_buy:hover {background-color: #333333;transition-duration: 0.3s;}
.bt_align {margin:0px auto;text-align: center;max-width: 500px;}
.clear {clear: both;}
.space {display: block;height: 20px;}
.highlight {text-decoration: underline #713fff 5px;font-weight: 700;font-family:  "Inter", sans-serif;}
.purple {color:#713fff;font-weight: 700;font-family:  "Inter", sans-serif;}
.align-div {max-width: 1200px;margin:0px auto;padding:15px;}
.align-div-2 {max-width: 900px;margin:0px auto;padding:15px;}
.align-title {max-width: 800px;margin:0px auto;padding:15px;}
li {font-size:1em;color:#131313;font-family: "Quicksand", sans-serif;line-height: 1.8em;letter-spacing: -0.2px;}
.align-center {text-align: center;}
.deg {background: linear-gradient(90deg, #713fff 10%, #9851f9 41%);background-clip: text !important;-webkit-background-clip: text !important;color: transparent !important;-webkit-text-fill-color: transparent;font-family: "Inter", sans-serif;font-weight: 700;}

#warning {background: red;padding:10px;text-align: center;}
#warning h5 {font-size:1em;color:#fff;font-weight: 300;line-height: 1.5em;}
#warning strong {font-weight: 700;}

#header-center {padding:15px 15px;text-align: center;}
#header-center img  {margin-bottom: 15px;}
#header-center h6  {font-size: 1.1em;line-height: 1.7em;font-weight: 400;margin-bottom: 20px;text-align: center;}
#header-center h1 {font-size: 2.8em;line-height: 1.2em;margin-bottom: 0px;text-align: center;}

#pain {margin: 0px auto;padding:25px 15px 25px 15px;}
#pain h2 {font-size:2.5em;line-height: 1.1em;margin-bottom: 30px;text-align: center;}
#pain h3 {font-size:1.2em;line-height: 1.6em;margin-bottom: 15px;color:#131313;text-align: left;}
#pain h4 {font-size:1.2em;line-height: 1.6em;font-weight: 700;margin-bottom: 15px;letter-spacing: -1px;}
#pain-photo {width: 48%;float: left;}
#pain-text {width: 48%;float: right;text-align: left;}

#change {text-align: center;padding:50px 15px 50px 15px;}
#change h3 {font-size:1.2em;line-height: 1.5em;margin-bottom: 5px;color:#101010;font-weight: 500;}
#change h2 {font-size:2.8em;line-height: 1.1em;margin-bottom: 15px;}
.change-text {margin: 0px auto; max-width: 600px;}
#change .reviews-box li {padding:1%;max-width: 20%;float: left;display: block;}

#reviews-01, #reviews-02 {background: #fffffff;text-align: center;padding:25px 15px 50px 15px;}
#reviews-01 h2, #reviews-02 h2 {font-size:2.8em;line-height: 1.1em;margin-bottom: 10px;}
#reviews-01 h3, #reviews-02 h3 {font-size:1.1em;line-height: 1.5em;margin-bottom: 15px;color:#131313;font-weight: 400;}
.reviews-box li {padding:2%;max-width: 33%;float: left;display: block;}
.reviews-box li img {border-radius: 15px;}

#hook {padding:25px 15px 25px 15px;}
#hook h4 {font-size:1.3em;line-height: 1.1em;margin-bottom:5px !important;font-weight: 300;text-align: center;}
#hook h2 {font-size:2.3em;line-height: 1.2em;margin-bottom: 25px;}
#hook-photo {width: 48%;float: left;}
#hook-content {width: 48%;float: right;text-align: left;}
#hook-content h3 {text-align: left;margin-bottom: 15px;font-size: 1.7em;line-height: 1.4em;}
#hook-full {width: 80%;text-align: left !important;margin: 0px auto;}
#hook-content li {background:url("../Images/ico-checked.webp") no-repeat 0px 6px;padding-left: 25px;margin-bottom: 10px;}


#theplan {padding:50px 0px;background: #270b76;}
#theplan h2 {color: #713fff;text-align: center;font-size: 3em;line-height: 1.1em;margin-bottom: 10px;}
#theplan h3 {font-size:1.1em;color:#ffffff;text-align: center;font-weight: 400;margin-bottom: 50px;}
#theplan-photo {display: block;width: 45%;float: left;}
#theplan-box {display: block;width: 45%;float: right;}
#theplan p {color: #ffffff;margin-bottom: 15px;}
#theplan h6 {color:#713fff;font-weight: 500;font-size: 1.1em;text-align: left;margin-bottom: 0px;}
#theplan h5 {font-size:1.3em;color:#ffffff;line-height: 1.4em; margin-bottom: 5px;text-align: left;font-weight: 700;}
#theplan ul {display: block;}
#theplan li {background:url("../Images/ico-bullet.webp") no-repeat 0px 3px;text-align: left;font-family: "Quicksand", sans-serif;letter-spacing: -0.2px;color:#ffffff;margin-bottom: 10px;padding-left: 25px;}

#anyone {padding:25px 15px 15px 15px;;text-align: center;}
#anyone h2 {font-size:2.5em;line-height: 1.1em;margin-bottom: 10px;}
#anyone h3 {font-size:1.2em;line-height: 1.5em;font-weight: 300;margin-bottom: 0px;}
#anyone ul {display: block;}
#anyone li {display: block;float: left;padding:2%;max-width:16.6666666%;text-align: center;}
#anyone li img {border-radius: 15px;}


#steps {padding:15px 15px;}
#steps h2 {font-size:3em;line-height: 1.1em;margin-bottom: 10px;}
#steps h3 {font-size:1.2em;line-height: 1.5em;font-weight: 300;margin-bottom: 0px;text-align: center;}
#steps li {display: block;float: left;padding:2%;max-width:29%;text-align: center;border-radius: 15px;margin:2%;border:1px solid #eeeeee;}
#steps h4 {font-size: 1.2em;line-height: 1.4em;margin-bottom:1px;color:#131313;font-weight: 700;}
#steps p {font-size: 1em;color:#444444;}

#bonus {background: #fffffff;text-align: center;padding:25px 15px 25px 15px;}
#bonus h2 {font-size:2.8em;line-height: 1.1em;margin-bottom: 10px;}
.bonus-box li {padding:1%;max-width: 20%;float: left;display: block;}
.bonus-box li img {border-radius: 15px;}

#real-benefits {padding: 75px 15px;}
#real-benefits .div_intern {background: #131313;border-radius: 15px;padding:50px 25px;;}
#real-benefits h2 {font-size:2.5em;line-height: 1.1em;margin-bottom: 25px;text-align: center;color: #f8f9f2;}
#real-benefits h6 {font-size:1.1em;color:#f8f9f2;text-align: center;font-weight: 400;margin-bottom:0px;}
.options {display: flex;flex-wrap: wrap;justify-content: center;gap: 16px;margin-bottom: 24px;}
.option {border: 2px dashed #f6f6f6;border-radius: 40px;padding: 12px 20px;display: flex;align-items: center;gap: 10px;cursor: pointer;transition: all 0.3s ease;font-family: "Inter", sans-serif;color:#f8f9f2;font-size: 1em;letter-spacing: -0.5px;}
.option:hover {border-color: #fff;}
.circle {width: 16px;height: 16px;border: 2px solid #63C360;border-radius: 50%;}

#specialgift {padding:75px 15px;background: #DEFF1C;}
#specialgift h2 {font-size:2.5em;line-height: 1.1em;margin-bottom: 10px;text-align: center;}
#specialgift h3 {font-size:1.1em;color:#131313;text-align: center;font-weight: 400;}
.real-benefits-box {display: block;border-radius: 15px;background: #131313;}
#specialgift-content {width: 55%;float: left;}
#specialgift-photo {width: 38%;float: right;padding-top: 25px;margin-bottom:15px;}
#specialgift-photo img {border-radius: 15px;}
#specialgift-content h4 {font-size:1em;line-height: 1.2em;margin-bottom: 5px;text-align: left;font-weight: 500;}
#specialgift-content h6 {font-size:1.5em;line-height: 1.4em;margin-bottom: 10px;text-align: left}


#register {padding:75px 15px;text-align: center;background:radial-gradient(circle at 50% 0%, rgba(152, 81, 249, 1) 0%, rgba(113, 63, 255, 1) 50%);background-color: rgb(35 24 24);}
#register-box {border-radius: 15px;padding:40px;max-width:700px;margin:0px auto;text-align: center;box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.1);border:1px solid #ccc;background: #f6f6f6;}
.bt_buy_giant {max-width: 700px;margin: 0px auto; padding:25px 10px;border-radius: 15px;background-color: #63C360;font-size:1.2em;color:#ffffff;text-decoration: none;display: block;font-weight: 700;letter-spacing: -0.7px;text-align: center;width: 100%;box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1);transition-duration: 0.3s;}
.bt_buy_giant:hover {background-color: #131313;transition-duration: 0.3s;}
#register h2 {font-size:4em;line-height: 1.1em;margin-bottom: 10px;color:#f6f6f6;}
#register h5 {line-height: 1.4em;font-size: 1em;margin-bottom: 50px;text-align: center;font-weight: 400;color:#f6f6f6;}
#register #register-box-list {display: block;margin-bottom: 20px;}
#register #register-box-list li {text-align: left;font-family: "Quicksand", sans-serif;line-height: 1.8em;letter-spacing: -0.2px; font-size: 0.9em;color:#131313;background:url("../Images/ico-seta.webp") no-repeat 0px 20px;list-style:none;padding-left: 25px;padding-top:12px;padding-bottom:12px;border-bottom: 1px solid #ddd;}

.register-01 {display: block;text-align: center;font-size: 1em;font-family:  "Inter", sans-serif;line-height: 1em;font-weight: 700;}
.register-02 {display: block;text-align: center;font-size: 3.5em;font-family:  "Inter", sans-serif;font-weight: 800;line-height: 1.2em;color:#270b76;}
.register-03 {display: block;text-align: center;font-size: 1.2em;font-family:  "Inter", sans-serif;line-height: 1em;margin-bottom: 25px;color:#555555;}
.change {line-height: 1.4em;color: red;font-size: 1em;margin-top: 25px;text-align: center;font-weight: 400;}
#benefits {margin:0px auto;margin-top: 50px;max-width: 700px;}
#benefits li {float: left;width:25%;text-align: center;display: block;}
#benefits li img {margin-bottom: 5px;max-width: 40px;}
#benefits li h6 {line-height: 1.3em;color: #131313;display: block;font-size: 0.9em;text-align: center;font-weight: 400;}
#guarantee-box {max-width: 500px;margin: 0px auto;margin-top: 20px;}
#guarantee-box h4 {font-size:1.4em;line-height: 1.4em;margin-bottom: 15px;color:#f6f6f6;font-weight: 500;}
#guarantee-box p {color:#f6f6f6;text-align: center;}

#aboutus {padding:25px 15px;}
#aboutus-bio {width: 55%;float: left;}
#aboutus-foto {width: 38%;float: right;padding-top: 100px;margin-bottom:15px;}
#aboutus-foto img {border-radius: 15px;}
#aboutus-bio h3 {font-size:2.2em;line-height: 1.2em;margin-bottom: 10px;text-align: left}
#aboutus-bio h6 {font-size:1.1em;line-height: 1.7em;margin-bottom: 15px;text-align: left;color: #131313;font-weight: 500;}

#faq {padding:25px 15px 50px 15px;}
#faq-box {max-width: 900px;margin:0px auto;}
#faq h2 {font-size:3em;line-height: 1.1em;margin-bottom: 10px;text-align: center;}
.faq-question {background:url("../Images/ico-faq.webp") no-repeat 10px center;cursor: pointer;outline: none;transition: 0.4s;padding:15px 15px 15px 36px;background-color: #f6f6f6;margin-bottom: 10px;border-radius: 15px;border:1px solid #ddd;}
.faq-question:hover {background-color: #eeeeee;transition: 0.4s;}
.faq-question p {margin-bottom: 0px;font-weight: 800;color:#333333;}
.faq-answer {padding:15px 15px 15px 36px;margin-bottom: 10px;display: none;overflow: hidden;transition: 0.4s;}

footer {text-align: center;padding:50px 0px 75px 0px;}
address  {font-size: 0.9em;text-align: center;line-height: 1.8em;margin-bottom: 10px;font-style: normal;}
footer p {font-size: 0.7em;text-align: center;line-height: 2.2em;}
footer img {margin-bottom: 15px;}

@media only screen and (max-width: 800px) {
	#aboutus-bio {width: 100%;float: none;}
	#aboutus-foto {width: 100%;float: none;text-align: center;}
}
@media only screen and (max-width: 600px) {
    #warning h5 {font-size:1em;color:#fff;font-weight: 300;}
    #warning strong {font: 1em;}
    #header-center h1 {font-size: 2.5em;line-height: 1.1em;text-align: center;}
    #header-center h6 {text-align: center;}
    .align-div {max-width: 100%;margin:0px auto;padding:15px;}
    .align-div-2 {max-width: 100%;margin:0px auto;padding:15px;}
    .align-title {max-width: 100%;margin:0px auto;padding:15px;}
    #pain {padding:50px 15px 50px 15px;}
    #pain ul li {width: 98%;padding:15px 15px 15px 40px;margin:1%; float:none;margin-bottom: 15px;}
    #pain h2 {font-size:2.6em;line-height: 0.9em;}
    #pain h4 {font-size:1.1em;line-height: 1.3em;}
    #pain-photo {width: 100%;float: none;}
    #pain-text {width: 100%;float: none;}
    #hook-photo {width: 100%;float: none;}
    #hook-content {width: 100%;float: none;}
        #change h2 {font-size:2em;line-height: 1.1em;margin-bottom: 10px;}
    #change .reviews-box li {padding:1%;max-width: 50%;}
    .reviews-box li {padding:2%;max-width: 46%;}
    #theplan-photo {display: block;width: 100%;float: none;}
    #theplan-box {display: block;width: 100%;float: none;}
	#benefits li {float: left;width:50%;padding:10px;}
    .bonus-box li {max-width: 48%;}
    #register h2, #real-benefits h2, #reviews-01 h2, #hook h2, #steps h2, #reviews-02 h2, #faq h2, #bonus h2, #theplan h2 {font-size:2em;line-height: 1.2em;}
    #register-box {padding:20px;}
	#register .mockup-content {float: none;width: 100%;margin-bottom: 10px;}
	#register #register-box-list {float: none;width: 100%;}
    #steps li {float: none;padding:2%;max-width:92%;margin:2%;}    
    #faq {padding:25px 15px 75px 15px;}
    #real-benefits ul li {display: block;float: left;width:98%;margin:1%;}
    #real-benefits ul {padding:25px;display: block;float: none;width: 100%;}
}