:root {   --gold: linear-gradient(to bottom, #ebbe78 0%, #c28e2f 100%);   --swiper-theme-color: white; } :root .white .swiper-item-list {  --swiper-theme-color: #011330; } body {   font-size:16px; } .fullbg {  background: url(//jjrsolutions.com.br/__jjr3/imgs/bgfull.webp) no-repeat center top;   background-attachment: fixed;   background-size: cover; } .content-center {   display: flex;   flex-direction: column;   justify-content: center;   align-items: center;   text-align: center;   max-width: 750px;   margin: 95px auto;   color: white; } .text {   font-size: 22px; }  ul.start {   text-align: left; } ul.start li, .list-separ ul li {   display:flex;   align-items:center;   gap:10px;   margin-bottom:10px; } ul.start li:before, .list-separ ul li:before { --icon: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M229.66%2C77.66l-128%2C128a8%2C8%2C0%2C0%2C1-11.32%2C0l-56-56a8%2C8%2C0%2C0%2C1%2C11.32-11.32L96%2C188.69%2C218.34%2C66.34a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); content: ""; display: inline-block; width: 30px; height: 30px; color:white; background: var(--icon) no-repeat center / 80%,   var(--gold); border-radius:50%; flex: 0 0 auto; }  .list-separ ul li:before {   width:20px;   height:20px;   background: var(--icon) no-repeat center / 70%,   #5bb167; } .button-call {  color:white;  padding:15px 30px;  border-radius:30px;  font-size:22px;  display: inline-flex;  gap:5px;  transition:0.5s ease;  background: linear-gradient(to bottom,   #ebbe78 0%,   #c28e2f 50%,   #ebbe78 100%  );  background-size: 100% 200%;  background-position: top; } .button-call:hover {  background-position: bottom; } @media screen and (min-width:601px){ .button-call:after { --icon: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20d%3D%22M224.49%2C136.49l-72%2C72a12%2C12%2C0%2C0%2C1-17-17L187%2C140H40a12%2C12%2C0%2C0%2C1%2C0-24H187L135.51%2C64.48a12%2C12%2C0%2C0%2C1%2C17-17l72%2C72A12%2C12%2C0%2C0%2C1%2C224.49%2C136.49Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");   content: "";   display: inline-block;   width: 1.5em;   height: 1.5em;   background-color: currentColor; mask: var(--icon) no-repeat center / contain;   -webkit-mask: var(--icon) no-repeat center / contain; } } .videoup {   position:relative;   padding: 30px 0 90px;   text-align: center; } .uppervideo {   margin-top: -229px;  text-align: center;   margin-bottom: 40px; } .headerbg {   padding-bottom: 205px; } .uppervideo a {   filter: drop-shadow(3.936px 4.528px 12px rgba(0,0,0,0.14)); } .swiper-passos-primeiro-embarque .swiper-slide {   max-width: 180px; } article.passo-item {   padding: 0 20px; } article.passo-item img {   border-radius: 30px; } .passo-item .step {   font-size: 20px;   font-weight: bold;   margin: 10px 0;   color: #011330; } .passo-item .tititem {   color: #666666;   font-weight: bold;   font-size: 18px;   margin-bottom: 20px; } .passo-item .txtitem {   color: #808080;   font-size: 18px; } .steps {   margin-top: 50px;   margin-bottom: 40px; } .tocenter {   text-align: center; } .box {   padding:60px 0;   text-align:center; } .seebg {   color:white; } .cada-curso {   margin-top:30px } .swiper-cursos-primeiro-embarque .swiper-slide {   max-width:360px } .curso-item {   background:white;   color:#343434;   padding:30px;   text-align:left;   border-radius:30px; } .curso-item img {  display:block;   margin-bottom:20px;   border-radius:15px; } .curso-item .curso {   text-align:left;   font-size:24px; } .curso-item .tititem {   font-size:30px;   font-weight:bold;   color:#011330;   } .curso-item .subtitle {   margin-top: 20px;   font-weight: bold;   color: #011330;   font-size: 18px; } .wrapbenefits {   margin-top: 20px;   display: flex;   flex-wrap: wrap;   align-items: center;   justify-content: center;   margin-bottom: 20px; } .wrapbenefits span.benetag {   width: 145px; } .motivos-list {   margin: 40px 0; } article.motivo-item img {   border-radius: 50%; } article.motivo-item .tititem {   font-weight: bold;   font-size: 30px; } article.motivo-item .txtitem {   font-size: 18px; } .swiper-porque-escolher-primeiro-embarque .swiper-slide {   max-width: 250px; } article.motivo-item {   padding: 0 15px; } article.depo-item {   background: white;   color: #011330;   padding: 30px;   display: flex;   flex-direction: column;  border-radius: 30px;   justify-content: center;   text-align: left; }  article.depo-item .txtitem {   font-style: italic;   font-size: 18px;   margin-bottom: 30px; } .depo-item .autor {  font-weight: bold;   font-size: 22px; } .depo-item .local {   font-size: 18px; } .destaq {   background: #091152;   border-radius: 30px;   padding: 20px;   display: flex;   align-items: center;   color: white;   gap: 15px;   text-align: left;   font-size: 18px;   line-height: 1.2; } .destaq .content .big {   font-size: 38px;   font-weight: bold; } .destaq-boxes {   display: flex;   flex-direction: column;   gap: 20px; } .offer {   background: white;   border-radius: 30px;   color: black;   padding: 30px; } .offer h1 {   font-size: 34px;   margin-bottom: 10px; } .offer .tag {   margin: -47px auto 0;   background: linear-gradient(45deg, #ebbe78 0%, #c28e2f 100%);   padding: 20px 40px;   border-radius: 30px;   color: white;   display: block;   font-weight: bold;   max-width: 227px; } .offer .textbold {   font-weight: bold; } .graylabel {   background: #f5f5f5;   border-radius: 20px;   padding: 30px;   margin-top: 30px; } .offer .notable {   margin-top: 20px; } .offer .notable .line {   display: flex;   flex-direction: column;   font-size: 18px;   margin-bottom: 10px; } .offer .notable .line.totalsep {   border-top: 1px solid black;   padding-top: 5px; } .offer .orangedestaq {   border: 1px solid #e0835b;   background: white;   border-radius: 20px;   padding: 20px; } .offer .orangetxt {   color: #e0835b;   text-transform: uppercase; } .offer .orangedestaq .preco {   font-size: 30px;   font-weight: bold; } .offer .orangedestaq .preco .rs {   font-size: 20px; } .offer .greentxt {color: #49ad52;} .list-separ {   text-align: left;   margin-top: 20px; } .orange-bonus {   border: 1px solid #ff976b;   padding: 10px;   border-radius: 20px;   background: #fff2ec;   margin-bottom: 20px; }  .years h1 {   color: #091152;   font-size: 46px; }  .offer .orange-bonus .title-main {   color: #ff976b;   display: flex;   align-items: center;   justify-content: center;   gap: 5px; } .orange-bonus ul {   text-align: left; } .offer a.button-call {  display: block;   max-width: 250px;   margin: 0 auto -62px; } .box.seebg.boxoffer {   padding: 75px 0; } .box.clientes h1 {   font-size: 36px; } .swiper-parceiros-primeiro-embarque .swiper-slide {   max-width: 145px; } h1 {   font-size: 40px; } .faq-model-base .faq-model-item {   text-align: left; } .faq-model-base .faq-model-item .txtitem {   color: initial; } .seebg .faq-model-base {   margin: 30px auto; } .bigfooter {   text-align: center;   background: #00193b;   color: white;   padding: 100px 0; } .bigfooter .logo {   margin: 0 auto; } body.primeiro-embarque .insidecontent {   padding-bottom: 0; } .bigfooter .text {   margin-bottom: 40px; }