/* FONTES */

 @font-face {
    font-family: "Metropolis";
    src: url("fonts/Metropolis-Regular.woff2") format("woff2"),
      url("fonts/Metropolis-Regular.woff") format("woff");
}

@font-face {
  font-family: 'Metropolis_SemiBold';
  src: url('../fontes/Metropolis-SemiBold.eot');
  src: url('../fontes/Metropolis-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fontes/Metropolis-SemiBold.woff2') format('woff2'),
    url('../fontes/Metropolis-SemiBold.woff') format('woff'),
    url('../fontes/Metropolis-SemiBold.ttf') format('truetype'),
    url('../fontes/Metropolis-SemiBold.svg#Metropolis-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Metropolis_Regular';
  src: url('../fontes/Metropolis-Regular.eot');
  src: url('../fontes/Metropolis-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fontes/Metropolis-Regular.woff2') format('woff2'),
    url('../fontes/Metropolis-Regular.woff') format('woff'),
    url('../fontes/Metropolis-Regular.ttf') format('truetype'),
    url('../fontes/Metropolis-Regular.svg#Metropolis-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

* {
  font-family: "Metropolis_Regular";
  color: #180A33;
}

b {
  font-family: "Metropolis_SemiBold" !important;
}

img {
  max-width: 100%;
  height: auto;
}

@media(min-width: 1200px) {
  .container {
    max-width: 1240px !important;
  }
}

.logo {
  padding-top: 20px;
  text-align: center;
}

body h1 {
  margin: 85px auto 45px;
  max-width: 800px;

  font-family: 'Metropolis_Regular';
  font-size: 38px;
  line-height: 44px;
  text-align: center;
  color: #180A33;
}

.texto_1 {
  margin: 0;
  font-family: 'Metropolis_Regular';
  font-size: 14px;
  line-height: 18px;
  color: #180A33;
  gap: 5px;
}

.texto_2 {
  margin: 15px 0 21px;
  font-family: 'Metropolis_SemiBold';
  font-size: 26px;
  line-height: 34px;
  color: #180A33;
  gap: 32px;
}

.texto_2 div {
  gap: 7px;
}

.texto_2 div .btn-menos,
.texto_2 div .btn-mais {
  cursor: pointer;
}

.texto_3 {
  margin: 24px 0 0!important;
  font-family: 'Metropolis_Regular' !important;
  font-size: 10px !important;
  line-height: 12px !important;
  color: #85909A !important;
}

.texto_4 {
  margin: 55px 0 45px !important;
  font-family:'Metropolis_Regular' !important;
  font-size: 12px !important;
  line-height: 16px !important;
  color: #85909A !important;
  display: flex !important;
  justify-content: space-between;
}

.texto_4 p { 

  margin-bottom: 0;
}

@media(max-width: 1200px) {
  .texto_4 p { 
    max-width: 800px;
    margin-bottom: 0;
  }
}

@media(max-width: 992px) {
  .texto_4 { 
    flex-direction: column;
    gap: 20px;
    max-width: initial;
  }
}

.texto_5 {
  margin: 0;
  font-family: 'Metropolis_Regular';
  font-size: 20px;
  line-height: 26px;
  color: #180A33;
}

.radios {
  margin-top: 20px;
  position: relative;
}

.radios .form-check-input {
  width: 20px;
  height: 20px;
  margin-left: -35px !important;
  margin-top: 0px !important;
  border-color: #85909A;
}

.radios .form-check-input:checked {
  background-color: #9000FF;
  border-color: #85909A;
  background-image: none !important;
}

.radios .form-check {
  padding-left: 37px;
  margin-bottom: 21px;
}

.radios .form-check label {
  font-size: 16px;
  line-height: 22px;
}

@media(min-width: 992px) {
  .direito {
    padding: 0 0 0 8px;
  }
}

.box {
  margin-top: 16px;
  border: 1px solid #E0E7EC;
  border-radius: 5px;
  overflow: hidden;
}

.box .box_body {
  padding: 32px 30px 5px;
}

.box h2 {
  font-size: 12px;
  line-height: 16px;
  color: #180A33;
}

.box ul {
  padding: 0;
  margin: 0;
}

.box ul li {
  display: block;
  padding-left: 25px;
}

.box ul li h3 {
  font-size: 12px;
  line-height: 12px;
  color: #85909A;
  margin: 0;
}

.box ul li p {
  font-family: 'Metropolis_SemiBold';
  font-size: 14px;
  line-height: 18px;
  color: #180A33;
  position: relative;
  display: inline-block;
  padding-right: 50px;
}

.box ul li p span {
  position: absolute;
  top: 0;
  right: 0;
  background: #F6EBFF;
  border-radius: 4px;

  font-weight: 400;
  font-size: 12px;
  line-height: 16px;

  color: #9000FF;
}

.box .valor {
  font-family: 'Metropolis_SemiBold';
  font-size: 26px;
  line-height: 34px;
  color: #180A33;
}

.box_footer {
  background: #F6EBFF;

  font-size: 12px;
  line-height: 16px;
  color: #9000FF;
  padding: 10px 5px;
  text-align: center;
}

.box_footer > span{
  color: #9000FF;
}

.button {
  margin-top: 22px;
  background: #9000FF;
  box-shadow: 0px 12px 26px -4px rgba(153, 102, 255, 0.5);
  border-radius: 4px;
  width: 100%;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  
  text-decoration: none;
}

.button:hover {
  color: #FFF;
}

.text_logo {
  display: flex;
  margin-top: 28px;
}

.text_logo ._texto {
  flex: 1;
  font-size: 12px;
  line-height: 16px;
  color: #85909A;
}

.text_logo ._logo {
  width: 85px;
  text-align: right;
}

.btn-info {
  background-color: #fff !important;
  border: none;
  margin: 0;
  padding: 0;
}

.btn-info img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/**/

#container {
  height: 500px;
}

.highcharts-figure,
.highcharts-data-table table {
  min-width: 350px;
  max-width: 800px;
  margin: 0 auto;
}

.highcharts-data-table table {
  font-family: Verdana, sans-serif;
  border-collapse: collapse;
  border: 1px solid #ebebeb;
  margin: 10px auto;
  text-align: center;
  width: 100%;
  max-width: 500px;
}

.highcharts-data-table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555;
}

.highcharts-data-table th {
  font-weight: 600;
  padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
  padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8;
}

.highcharts-data-table tr:hover {
  background: #f1f7ff;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

#insurance-fee, #guarantee-insurance, #initial-value{
  all: unset;
  box-sizing: border-box;
}

#insurance-fee{
  width: 60px;
}

#guarantee-insurance{
  width: 150px;
}

.highcharts-yaxis-title {
  margin: 40px !important;
}

.btn-primary {
   align-self: center !important;
   border-radius: 100px !important;
   background:  #F1F5F7 !important;
   color: #4A5365 !important;
   font-size: 16px !important;
   font-weight: 600 !important;
   line-height: 22px!important;
   border: none !important;
   display: flex !important;
   align-items: center;
   gap: 10px;
   padding: 11px 20px !important;
 
}

@media(max-width: 992px) {
  .btn-primary {
   	align-self: end !important;
  }
}

.close {
  opacity: initial !important;
}

.modal-content {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 40px 0px !important;
  max-width: 700px;
}

.modal.show .modal-dialog {
	height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 700px;
  	padding: 0 20px;
}

.modal-header {
	border: none !important;
  	padding-bottom: 0 !important;
}

.modal-body {
    padding: 0px 50px 50px 50px !important;
 	display: flex;
    flex-direction: column;
    align-items: center;
  	justify-content: center;
}

@media(max-width: 578px) {
  .modal-body {
   	padding: 0px 30px 30px 30px !important;
  }
}

.modal-body h2 {
    color:  #180A33;
    text-align: center;
    font-size: 20px;
 	font-weight: 600;
    line-height: 26px; 
}

.modal-body p {
    color:  #180A33;
    text-align: center !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px; 
}

video {
	flex: 1;
}