.lp-material {
display: grid;
grid-template-columns: 1.3fr 1.3fr;
gap: 60px;
background: var(--tm-dark-blue);
color: #fff;
padding: 60px 58px 60px 58px;
border-radius: 30px;
position: relative;
overflow: hidden;
}
.tm-border-lp {
border-top: var(--tm-border);
border-bottom: var(--tm-border);
margin: 150px 0 150px 0;
padding: 80px 0 80px 0;
}
.lp-material .video {
border-radius: 20px;
z-index: 1111;
}
.lp-material .about h2 {
margin: 0;
padding: 0;
text-align: left;
font-size: 32px;
line-height: 46px;
margin-bottom: 0;
color: #fff;
}
.lp-material .tm-button {
background-image: unset;
padding: 8px 24px 8px 24px;
margin: 0;
position: relative;
z-index: 1000;
}
.lp-material .video iframe {
width: 100%;
height: 100%;
border-radius: 30px;
}
.lp-material .about p {
line-height: 26px;
font-size: 16px;
margin: 0;
padding: 0;
margin-top: 30px;
}
.lp-material-image-post img,
.lp-second-content-material-rico img {
height: 100%;
width: auto;
object-fit: cover;
font-size: 0; border-radius: 30px; display: block;
}
.lp-material-mobile {
display: none;
}
.lp-content-material-rico .form-capture ._form-title,
.lp-content-material-rico ._html-code {
display: none;
}
.lp-content-material-rico ._checkbox-radio input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
transition: .3s
}
.lp-content-material-rico ._form label {
display: none !important;
}
.lp-content-material-rico ._form fieldset._form-fieldset label {
display: block !important;
}
.lp-content-material-rico ._checkbox-radio>span>label:before {
position: absolute;
content: "";
top: 0px;
left: 0;
height: 15px;
width: 15px;
background-color: #ffffff45;
border-radius: 50%;
border: 1px solid #ffffff29;
box-shadow: inset 1px 2px 1px #00000029;
font-size: 16px;
line-height: 12px;
padding-left: 2px;
color: #fff;
font-weight: 900;
transition: .3s;
padding-top: 10px
}
.lp-content-material-rico ._row._checkbox-radio label {
display: inline-block;
position: relative;
padding-left: 24px;
cursor: pointer
}
.lp-content-material-rico ._checkbox-radio input:checked~._checkbox-radio>span>label:before,
.lp-content-material-rico ._checkbox-radio input:checked~span>label:before {
background-color: var(--tm-pink);
content: "\2713";
box-shadow: inset 1px 2px 1px #00000029;
transition: .3s;
padding-top: 0;
cursor: pointer
}
.lp-content-material-rico ._checkbox-radio._row span {
display: flex;
align-items: center;
line-height: 17px;
margin-bottom: 7px
}
.lp-second-content-material-rico h2 {
color: var(--tm-dark-blue);
font-size: 30px;
font-weight: 800;
line-height: 38px;
letter-spacing: -0.2px;
margin-top: 90px;
margin-bottom: 20px;
}
.lp-second-content-material-rico h3 {
color: var(--tm-dark-blue);
font-weight: 700;
letter-spacing: -0.2px;
margin-bottom: 10px;
margin-top: 66px;
font-size: 24px;
}
.alignright {
float: right;
}
.lp-second-content-material-rico img {
margin-top: 20px;
margin-bottom: 32px;
}
.lp-content-material-rico ._form-content {
background: var(--tm-dark-blue);
border-radius: 30px;
font-size: 15px !important;
font-family: Nunito !important;
margin: auto !important;
}
.lp-content-material-rico legend._form-label {
letter-spacing: 0 !important;
text-align: left;
}
.lp-content-material-rico ._form-content input,
.lp-content-material-rico ._form-content select {
padding: 0 21px !important;
border-radius: 12px !important;
border: 2px solid transparent !important;
height: 46px !important;
}
.lp-content-material-rico ._form-content input:focus,
.lp-content-material-rico ._form-content select:focus {
border: 2px solid var(--tm-blue) !important;
transition: all 0.3s ease;
outline: unset;
}
.lp-content-material-rico ._form-title {
font-size: 22px !important;
font-weight: 800 !important;
margin-bottom: 0 !important;
}
.lp-content-material-rico ._form-content p {
margin-bottom: 34px !important;
font-size: 16px !important;
line-height: 24px !important;
}
.lp-content-material-rico ._form-content._checkbox-radio label {
font-size: 18px !important
}
.lp-content-material-rico ._form-content input::placeholder,
select:invalid {
font-size: 14px !important;
color: #666;
}
button#_form_138_submit,
#_form_659F6091A29EF_ ._submit:hover,
._form-content ._submit:hover,
#_form_667194E620467_ ._submit,
._submit:hover {
background-color: #2b00ca;
box-shadow: -1px 9px 19px -10px rgba(93, 49, 255, .65);
-ms-transform: scale(.98, .98);
-webkit-transform: scale(.98, .98);
transform: scale(.98, .98);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-ms-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out
}
.lp-content-material-rico #_form_669E9258A1D1F_ ._submit,
._form-content ._submit,
#_form_659F6091A29EF_ ._submit,
form ._submit,
#_form_65A5A30963C2D_ ._submit,
#_form_669E942F98A01_ ._submit {
border: none;
font-family: Nunito !important;
font-weight: 800 !important;
letter-spacing: 0;
touch-action: manipulation;
white-space: nowrap;
background: #5d31ff !important;
border-radius: 100px;
font-size: 18px !important;
color: rgba(255, 255, 255, .94) !important;
text-align: center;
line-height: 26px;
user-select: none;
padding: 8px 24px;
box-shadow: -4px 12px 25px -10px rgba(93, 49, 255, .65);
text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
-webkit-transition: .1s ease-in-out !important;
-moz-transition: .1s ease-in-out !important;
-ms-transition: .1s ease-in-out !important;
-o-transition: .1s ease-in-out !important;
transition: .1s ease-in-out !important;
cursor: pointer;
}
.lp-content-material-rico ._form_element {
margin-bottom: 16px !important;
}
.lp-content-material-rico ._button-wrapper._full_width {
margin-top: 40px;
}
.lp-content-material-rico ._form-content {
color: #fff;
padding: 0 36px 36px 36px;
}
.lp-content-material-rico ._form-content input,
._form-content select {
width: 100%;
}
.lp-content-material-rico ._form-content fieldset {
border: unset;
position: relative;
}
.custom-form-lp h2,
.custom-form-lp p {
margin: 0;
padding: 0;
}
.custom-form-lp h2,
.custom-form-lp p {
color: #fff;
max-width: 450px !important;
padding-left: 36px;
padding-right: 36px;
}
.lp-content-material-rico ul {
text-align: left;
}
.lp-content-material-rico h2,
.lp-content-material-rico h3 {
color: var(--tm-dark-blue);
margin-bottom: 18px;
}
.custom-form-lp h2 {
padding-top: 36px;
font-weight: 700;
color: #fff;
text-align: left;
font-size: 18px;
line-height: 27px;
letter-spacing: -0.2px;
margin-bottom: 10px;
}
.custom-form-lp p {
display: block;
margin-bottom: 0;
font-size: 14px;
line-height: 21px !important;
letter-spacing: 0;
text-align: left;
}
._error-inner {
margin: 6px 8px 20px 5px !important;
}
.lp-content-material-rico .form-capture {
max-height: max-content;
}
.lp-content-material-rico .tm-big-heading {
line-height: 44px;
}
.btn-lp {
margin-top: 36px;
position: relative;
z-index: 111111;
}
blockquote {
padding-left: 30px;
box-shadow: inset 3px 0 0 0 #242424;
margin: 40px 0px 90px 0; }
blockquote cite {
font-style: normal;
display: block;
margin-top: 16px;
font-weight: 600;
font-size: 18px;
}
li::marker {
color: var(--tm-dark-blue);
font-weight: 600;
margin-top: 10px;
padding-right: 10px;
}
li {
padding-left: 5px;
padding-top: 2px;
text-align: left;
}
ul,
ol {
padding-left: 22px;
}
.lp-second-content-material-rico strong, .lp-content-material-rico strong {
font-weight: 700 !important;
color: #000 !important;
}
.lp-material img.shape.shape-2 {
right: -508px;
top: -116px;
left: unset;
position: absolute;
width: 100%;
height: 578px;
}
.lp-material img.shape.shape-0 {
right: -508px;
top: -116px;
left: unset;
position: absolute;
width: 100%;
height: 578px;
}
.custom-thank-you {
color: #fff;
padding: 40px 22px 40px 22px;
text-align: center;
font-weight: 800;
font-size: 20px;
margin: 100px 0 200px 0;
display: flex;
align-items: center;
flex-direction: column;
}
.custom-thank-you img {
margin-bottom: 40px;
order: -1;
}
.lp-material img.shape.shape-1 {
height: 407px;
position: absolute;
bottom: -288px;
left: -360px;
z-index: 0;
max-width: 150%;
transform: rotate(-4deg);
}
.lp-second-content-material-rico h2:first-of-type {
margin-top: 0rem;
}
.lp-content-material-rico p, .lp-second-content-material-rico p {
overflow-wrap: break-word;
display: block;
text-size-adjust: 100%;
vertical-align: baseline;
margin-bottom: 32px;
margin-top: 0;
line-height: 32px;
margin-block-end: 28px;
margin-block-start: 0px;
}
.lp-second-content-material-rico iframe {
border-radius: 30px;
width: 100%;
height: 478px;
}
.tu-page-material-rico h1 {
margin-bottom: 24px;
}
@media (min-width: 1200px) and (max-width: 1500px) {
.lp-content-material-rico .shape-header {
left: -400px;
}
}
@media (min-width: 970px) and (max-width: 1200px) {
.lp-content-material-rico .shape-header {
left: -500px;
}
}
@media (max-width: 969px) {
.lp-content-material-rico .shape-header {
display: none;
}
}
@media (max-width: 768px) {
.lp-material-mobile.lp-material-mobile {
margin-top: 0;
}
.tu-page-material-rico p {
line-height: 26px;
}
.lp-material h2 {
font-size: 34px;
line-height: 48px;
text-align: center;
margin-bottom: 36px !important;
text-align: center !important;
}
.lp-material .video,
.lp-material p,
.lp-material .btn-lp {
padding: 0 12px 02px;
text-align: center;
}
.lp-material .tm-button {
margin: auto;
}
.lp-material .video iframe {
height: 200px;
}
.lp-content-material-rico .shape-header {
bottom: 19px;
}
form#_form_667198B25914D_ {
padding: 0 !important;
}
.lp-content-material-rico ._form-content {
padding: 24px !important;
}
._button-wrapper._full_width {
margin-bottom: 20px !important;
}
.lp-content-material-rico ._form {
padding: 6px !important;
}
.lp-material {
grid-template-columns: 1fr;
}
.lp-material-desktop {
display: none;
}
.lp-material-mobile {
display: block;
padding: 58px 32px 58px 32px;
margin-top: 100px;
}
.lp-second-content-material-rico h2 {
font-size: 24px;
line-height: 32px;
margin-top: 5rem;
}
.lp-second-content-material-rico h3 {
font-size: 21px;
line-height: 30px;
}
.material-rico-body.customize-support p {
font-size: 18px;
margin-top: 1.56em;
letter-spacing: -0.003em;
line-height: 28px;
}
.lp-second-content-material-rico iframe {
height: 260px;
}
.lp-material .about p {
margin-top: 36px !important;
}
.custom-form-lp h2 {
font-size: 20px;
padding-right: 42px;
margin-bottom: -6px;
}
p.custom-form-description {
padding-right: 42px;
font-size: 16px !important;
margin-bottom: 0;
}
.tu-page-material-rico.tm-mb-42 {
margin-bottom: 0;
}
}