html {
  scroll-padding-top: 80px; /* Altura do seu menu fixo */
  scroll-behavior: smooth;  /* Rolagem suave (opcional) */
}

.cards {
    margin-top:-30px;
    padding:0 40px;  
}

#braServicos {
  background: url("../img/brasServicos-robot.png") center center;
   background-size: cover;
  -webkit-animation: slidein 50s;
  animation: slidein 50s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  padding:40px 0;
}

.cards h2 {
  color:#fff;
  padding:20px 0;
}

.cards .card i {
  color:#138df7;
  font-size:20px;
  padding:15px;
  border:1px solid #7a7a7a;
  border-radius:15px;
}

.card .badge-info {
  background-color:#c9257c;
}

.cards .card {
    background: #232E41;
    box-shadow: 5px 10px 29px 0 rgba(43, 56, 90, 0.2);
    padding:30px;
    border-radius:20px;
    border:none;
    display:block;
    margin-bottom:35px;
    min-height:370px;
}
.cards .card .image {
  height:80px;
}
.cards .card .image img {
    margin:auto;
    display:block;
    padding:10px;
}
.cards .card h3 {
    color:#f1f5f9;
    font-size:18px;
    margin-bottom:-20px;
}
.cards .card p {
    color:#b7c1d0;
}

.cards .cardAzure {
  box-shadow: 5px 10px 29px 0 rgba(43, 56, 90, 0.2);
  padding:0 20px 20px 20px;
  border:1px solid #525252;
  border-radius:20px;
  display:block;
  margin-bottom:45px;
}

.cards .cardAzure .text {
  padding:30px 20px 20px 0;
}

.cards .cardAzure .icone {
  background-color:rgb(255, 255, 255);
  height:100%;
  padding-top:15px;
  margin-top:-30px;
  width:60px;
  height:60px;
  border-radius:80px;
}

.cards .cardAzure .icone img {
  margin:auto;
  display:block;
}

.cards .cardAzure h3 {
  color:#2b99f8;
  font-size:20px;
  margin-bottom:-10px;
}
.cards .cardAzure p {
  color:#fff;
}

/* TEXT SLIDER */
.textSlider {
    padding:40px 0;
    background: #000;
    background: -webkit-linear-gradient(to right, #0c111f, #3E3B56, #16182E);
    background: linear-gradient(to right, #0c111f, #3E3B56, #16182E);
    position:relative;
    min-height:180px;
}

/* OFERTAS CLOUD */
.cardOfertaCopilot {
  background: #0f0c29;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #24243e, #302b63, #0f0c29);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #24243e, #302b63, #0f0c29); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  padding:30px;
  border-radius:20px;
  margin-bottom:30px;
  box-shadow: 5px 10px 29px 0 rgba(43, 56, 90, 0.2);
  cursor: grab;
}
.cardOfertaCopilot .tipo {
  text-align:center;
  color:#fff;
  font-size:22px;
  font-weight:600;
  padding-bottom:20px;
}
.cardOfertaCopilot .preco {
  text-align:center;
  color:#ee33f7;
  font-size:25px;
  font-weight:900;
  padding-bottom:20px;
}
.cardOfertaCopilot .preco .moeda {
  text-align:center;
  font-size:12px;
  color:#fff;
}
.cardOfertaCopilot .descricao p {
  text-align:center;
  font-size:13px;
  color:#fff;
}
.cardOfertaCopilot .logos {
  padding:10px 0 20px 0;
}
.cardOfertaCopilot .logos img {
  margin-left:auto;
  margin-right:auto;
  display:block;
  border-radius:0;
}

.cardWhite {
  border-radius:20px;
  border:1px solid #232E41;
  padding:20px 20px 0 20px;
  margin-bottom:15px;
}
.cardWhite p {
  color:#fff;
  text-align:center;
}

/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing .box {
  padding: 20px;
  text-align: center;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  border-radius:20px;
  background: #ad5389;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #3c1053, #ad5389);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #3c1053, #ad5389); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  cursor: grab;
}

.pricing h3 {
  font-weight: 400;
  margin: -20px -20px 20px -20px;
  padding: 20px 15px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  background-color:  rgba(0, 0, 0, 0.5);
}

.pricing h4 {
  font-size: 36px;
  color:#ee33f7;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  margin-bottom: 20px;
}

.pricing .periodo {
  font-size: 12px;
  color:#141414;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  margin:-20px 0px 20px 0;
}

.pricing h5 {
  font-size: 13px;
  color:#ee33f7;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  margin-bottom: 20px;
}

.pricing p {
  color:#141414;
  font-size:13px;
  line-height:16px;
}

.pricing h4 sup {
  font-size: 20px;
  top: -15px;
  left: -3px;
}

.pricing h4 span {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
}

.pricing ul {
  padding: 0;
  list-style: none;
  color: #ffffff;
  text-align: center;
  line-height: 14px;
  font-size: 14px;
}

.pricing ul li {
  padding-bottom: 10px;
  font-size:13px;
}

.pricing ul i {
  color: #0880e8;
  font-size: 18px;
  padding-right: 4px;
}

.pricing ul .na {
  color: #ccc;
  text-decoration: line-through;
}

.pricing .btn-wrap {
  margin: 20px -20px -20px -20px;
  padding: 20px 15px;
  background-color:  rgba(0, 0, 0, 0.5);
  text-align: center;
}

.pricing .btn-buy {
  background: #0880e8;
  display: inline-block;
  padding: 8px 35px 10px 35px;
  border-radius: 50px;
  color: #fff;
  transition: none;
  font-size: 14px;
  font-weight: 400;
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  transition: 0.3s;
}

.pricing .btn-buy:hover {
  background: #2b99f8;
}

.pricing .featured h3 {
  color: #fff;
  background: #141414;
}

.pricing .advanced {
  width: 200px;
  position: absolute;
  top: 18px;
  right: -68px;
  transform: rotate(45deg);
  z-index: 1;
  font-size: 14px;
  padding: 1px 0 3px 0;
  background: #ffd900;
  color: #141414;
}

/*Microsoft 365*/
.pricing .m365 {
  padding: 20px;
  text-align: center;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  border-radius:20px;
  background-color:#fff;
  border:none;
  cursor: grab;
}

.pricing .m365 h3 {
  font-weight: 400;
  margin: -20px -20px 20px -20px;
  padding: 20px 15px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  background-color:  rgba(0, 60, 116, 0.8);
}

.pricing .m365 h4 {
  font-size: 36px;
  color:#ee33f7;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  margin-bottom: 20px;
}

.pricing .m365 h4 sup {
  font-size: 20px;
  top: -15px;
  left: -3px;
}

.pricing .m365 h4 span {
  color: #141414;
  font-size: 13px;
  font-weight: 300;
  font-style: italic;
}

.pricing .m365 ul {
  padding: 0;
  list-style: none;
  color: #141414;
  text-align: center;
  line-height: 14px;
  font-size: 14px;
}

.pricing .m365 ul li {
  padding-bottom: 10px;
  font-size:13px;
}
/*Fim - M365*/

/*E3*/
.pricing .e3 {
  padding: 20px;
  text-align: center;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  border-radius:20px;
  background-color:  rgba(0, 60, 116, 0.8);
  cursor: grab;
}

.pricing .e3 h3 {
  font-weight: 400;
  margin: -20px -20px 20px -20px;
  border-bottom:1px solid #fff;
  padding: 20px 15px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  background-color:  rgba(0, 60, 116, 0.8);
}

.pricing .e3 h4 {
  font-size: 36px;
  color:#ee33f7;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  margin-bottom: 20px;
}

.pricing .e3 h4 sup {
  font-size: 20px;
  top: -15px;
  left: -3px;
}

.pricing .e3 h4 span {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
}

.pricing .e3 ul {
  padding: 0;
  list-style: none;
  color: #fff;
  text-align: center;
  line-height: 14px;
  font-size: 14px;
}

.pricing .e3 ul li {
  padding-bottom: 10px;
  font-size:13px;
}
/*Fim - E3*/

/*E5*/
.pricing .e5 {
  padding: 20px;
  text-align: center;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  border-radius:20px;
  background-color:  rgba(255, 197, 6, 1.1);
  cursor: grab;
}

.pricing .e5 h3 {
  font-weight: 400;
  margin: -20px -20px 20px -20px;
  padding: 20px 15px;
  border-bottom:1px solid #141414;
  font-size: 18px;
  font-weight: 700;
  color: #141414;
  background-color:  rgba(255, 197, 6, 1.1);
}

.pricing .e5 h4 {
  font-size: 36px;
  color:#141414;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  margin-bottom: 20px;
}

.pricing .e5 h4 sup {
  font-size: 20px;
  top: -15px;
  left: -3px;
}

.pricing .e5 h4 span {
  color: #141414;
  font-size: 16px;
  font-weight: 300;
}

.pricing .e5 ul {
  padding: 0;
  list-style: none;
  color: #141414;
  text-align: center;
  line-height: 14px;
  font-size: 14px;
}

.pricing .e5 ul li {
  padding-bottom: 10px;
  font-size:13px;
}
/*Fim - E5*/

/* SOBRE */
.sobre {
  padding: 30px 0 20px 0;
}
.sobre .entries p {
  color:#fff;
}

.sobre .entries h3 {
  color:#138df7;
  margin: 30px 0;
}

/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.benefits {
  background: #000;
  background: -webkit-linear-gradient(to right, #0c111f, #3E3B56, #16182E);
  background: linear-gradient(to right, #0c111f, #3E3B56, #16182E);
  padding: 40px 110px 0 110px;
}

.benefits .swiper-slide {
  border:1px solid #5c5e61;
  border-radius:20px;
  min-height:200px;
  box-shadow: 5px 10px 29px 0 rgba(43, 56, 90, 0.2);
  cursor: grab;
  padding:20px;
}

.benefits .swiper-slide .logoClient {
  background:rgba(43, 56, 90, 0.9);
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  padding:20px;
}

.benefits .swiper-slide .text {
  padding:20px 30px;
}

.benefits .swiper-slide h3 {
  color:#b7c1d0; 
  font-size:13px;
  background-color: #141414;
  padding:2px;
  border-radius:30px;
  width:120px;
  text-align:center;
  margin-bottom:15px;
}

.benefits .swiper-slide h4 {
  color:#ee33f7;
  font-weight:600;
  font-size:16px;
}

.benefits .swiper-slide p {
  color:#fff;
  font-size:13px;
  line-height:16px;
}

.benefits .swiper-slide img {
  opacity: 0.5;
  transition: 0.3s;
  width:160px;
  margin:auto;
  display:block;
}

.benefits .swiper-slide:hover img {
  opacity: 1;
}

.benefits .swiper-pagination {
  margin-top: 40px;
  position: relative;
}

.benefits .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #4d486f;
}

.benefits .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #4d486f;
  border-color:#820c4b;
}

.benefits .owl-item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
}

.benefits .owl-item img {
  width: 60%;
  opacity: 0.5;
  transition: 0.3s;
}

.benefits .owl-item img:hover {
  opacity: 1;
}

.benefits .owl-nav,
.benefits .owl-dots {
  margin-top: 5px;
  text-align: center;
}

.benefits .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd !important;
}

.benefits .owl-dot.active {
  background-color: #0880e8 !important;
}

.cardOferta {
  background: #9796f0;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #fbc7d4, #9796f0);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #fbc7d4, #9796f0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  padding:30px;
  border-radius:20px;
  margin-bottom:30px;
  box-shadow: 5px 10px 29px 0 rgba(43, 56, 90, 0.2);
  cursor: grab;
}
.cardOferta .tipo {
  text-align:center;
  color:#141414;
  font-size:22px;
  font-weight:600;
  padding-bottom:20px;
}
.cardOferta .preco {
  text-align:center;
  color:#5b035f;
  font-size:25px;
  font-weight:900;
  padding-bottom:20px;
}
.cardOferta .preco .moeda {
  text-align:center;
  font-size:12px;
  color:#fff;
}
.cardOferta .descricao p {
  text-align:center;
  font-size:13px;
  color:#141414;
}
.cardOferta .logos {
  padding:20px 0;
}
.cardOferta .logos img {
  margin-left:auto;
  margin-right:auto;
  display:block;
}
/* Slider */
#textSlider.row {
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100% !important;
}
#textSlider div {
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
}

.iamCol {
  color: #af08b9;
  text-align: right;
	float: left;
	font-weight: 300;
	font-size:30pt;
  line-height:40pt;
}
.iamCol p:nth-child(2) { margin-top: -20pt !important; }
.slideCol {
  color:#fff;
	text-align: left;
  overflow: hidden;
	font-weight: 900;
	font-size:60pt;
	display: block;
	white-space: nowrap;
}
.slideCol p { margin: 0px !important; }

.scroller {
   height: 70pt;
   line-height: 70pt;
   overflow: hidden;
}
.scroller .inner { animation: 10s normal infinite running scroll; }
@keyframes scroll {
   0%  	{margin-top: 0px;}
   15% 	{margin-top: 0px;}

   25%  {margin-top: -70pt;}
   40%  {margin-top: -70pt;}
   
   50%  {margin-top: -140pt;}
   65%  {margin-top: -140pt;}

   75%  {margin-top: -210pt;}
   90%  {margin-top: -210pt;}

   100% {margin-top: 0px;}
}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) and (max-width : 479px) {
	#textSlider.row { margin-right: 0px !important; margin-left: 0px !important; }
    .iamCol { text-align: center; font-size:20pt; }
	.iamCol p { display: inline !important; }
	.slideCol { font-size: 25pt; text-align: center; margin-top: -20px; }
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) and (max-width : 765px) {
	#textSlider.row { margin-right: 0px !important; margin-left: 0px !important; }
    .iamCol { text-align: center; font-size:25pt; }
	.iamCol p { display: inline !important; }
	.slideCol { font-size: 38pt; text-align: center; margin-top: -20px; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) and (max-width : 992px) {
	#textSlider.row { margin-right: 0px !important; margin-left: 0px !important; }
	.iamCol { text-align: center; font-size:30pt; }
	.iamCol p { display: inline !important; }
	.slideCol { font-size: 50pt; text-align: center; margin-top: 5px; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) and (max-width : 1200px) {
	#textSlider.row { margin-right: 0px !important; margin-left: 0px !important; }
	.iamCol { text-align: right; font-size:30pt; }
	.slideCol { font-size: 55pt; text-align: left; }
}

@media (max-width: 710px) {
.cards .card {
    padding:30px;
    margin:20px;
}
.cards .card img {
    width:150px;
    margin:auto;
    display:block;
    padding:30px;
}
.cards .card h3 {
    color:#f1f5f9;
    margin:15px 0;
    font-size:25px;
}
.buttonCsp {
    margin:auto;
    display:block;
    text-align:center;
}
.buttonCsp .btn-csp {
    font-size:12px;
    font-weight:400;
    padding: 6px 10px;
}
}


.btn-csp {
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 6px 18px;
    border-radius: 50px;
    transition: 0.5s;
    line-height: 1;
    color: #fff;
    animation-delay: 0.8s;
    border: 2px solid #53617A;
    background-color:#232E41;
  }
  
  .btn-csp:hover {
    border: 2px solid #53617A;
    background-color:#4a5467;
    color: #fff;
    text-decoration: none;
  }

  .btn-powerPlat {
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 6px 18px;
    border-radius: 50px;
    transition: 0.5s;
    line-height: 1;
    color: #fff;
    animation-delay: 0.8s;
    border: 2px solid #03a80c;
    background-color:#03a80c;
  }
  
  .btn-powerPlat:hover {
    border: 2px solid #53617A;
    background-color:#4a5467;
    color: #fff;
    text-decoration: none;
  }

  .btn-menu {
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 6px 18px !important;
    border-radius: 50px;
    transition: 0.5s;
    line-height: 1;
    margin: 10px;
    color: #fff !important;
    animation-delay: 0.8s;
    border: 2px solid #006bee;
    background-color:#006bee;
  }
  
  .btn-menu:hover {
    border: 2px solid #53617A;
    background-color:#4a5467;
    color: #fff;
    text-decoration: none;
  }

  @import url('https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css');

  .cookie-alert {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 320px;
    margin: 0 !important;
    background-color:gainsboro;
    z-index: 999;
    opacity: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
  }
  
  .cookie-alert.show {
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 1000ms;
  }

  .cookie-alert h5 {
    font-size:16px;
    font-weight:600;
    margin-bottom:15px;
  }

  .cookie-alert .btn {
    border-radius:60px;
    padding:5px 10px;
    font-size:13px;
  }

  .cookies-alert .btn-link {
    border-radius:60px;
  }

  .cookie-alert p {
    font-size:13px;
  }

  /* MICROSOFT365 */
  .chamada-principal {
    border-radius:20px;
  }
  .chamada-principal .card {
    min-height:180px;
    margin-bottom:20px;
    padding:15px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
    background-color: transparent;
  }
  .chamada-principal .card span {
    font-size:18px;
    color:#af08b9;
    margin-bottom:15px;
  }
  .chamada-principal .card p {
    font-size:13px;
    line-height:16px;
    font-weight:600;
    color:#fff;
  }

  .chamada-principal h3 {
    font-size:20px;
    color:#af08b9;
    padding:10px 0;
  }

  .chamada-principal .comparacao {
    padding:30px;
    text-align:center;
  }
  .chamada-principal .comparacao h3 {
    font-size:20px;
    color:#af08b9;
    padding:10px 0;
  }
  .chamada-principal .comparacao span {
    font-size:30px;
    color:#af08b9;
  }
  .chamada-principal .card-price {
    background-color:#af08b9;
    text-align:center;
    padding-left:10px;
    padding-bottom:10px;
    border-top-right-radius: 20px;
  }
  .chamada-principal .periodo {
    font-size:14px;
    color:#fff;
    padding:10px 0;
  }
  .chamada-principal .card-price .price {
    font-size:40px;
    color:#fff;
    font-weight:600;
  }
  .chamada-principal .card-price .usuario {
    font-size:15px;
    color:#fff;
    font-weight:600;
    margin-top:-20px;
  }


  .intro {
    min-height:150px;
  }
  .intro h1 {
    color:#fff;
  }
  .intro p {
    color:#fff;
  }

  .list {
    /* background-color:#232E41; */
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
    color:#fff;
    font-size:15px;
    border-radius:20px;
    padding: 30px;
  }

  .sideIcons {
    padding: 30px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
  }
  
  .sideIcons .sideIcons-title {
    font-size: 20px;
    font-weight: 700;
    padding: 0 0 0 0;
    margin: 0 0 25px 0;
    color: #fff;
    position: relative;
  }
  
  .sideIcons .sideIcons-item {
    margin-bottom: 10px;
  } 
  
  .sideIcons .icons img {
    width: 30px;
    float: left;
  }
  
  .sideIcons .icons i {
    font-size: 50px;
    float: left;
    color: #af08b9;
  }
  
  .sideIcons .icons h4 {
    font-size: 12px;
    color:#fff;
    margin-left: 40px;
    margin-bottom:0;
    padding-top:5px;
  }
  
  .sideIcons .icons p {
    font-size: 13px;
    margin-left: 65px;
    color:#fff;
  }
  
  .sideIcons .icons h4 a {
    color: #af08b9;
    transition: 0.3s;
  }

  .comparative {
    margin-top: 0;
  }
  .comparative .card-body {
    border-radius:20px;
  }
  .comparative .card-body h3 {
    color:#fff;
  }
  .comparative .card-price {
    box-shadow: 0px 0px 0px 0px #aaaaaa;
    /* background-color:#af08b9; */
    border:1px solid #af08b9;
    text-align:center;
    padding-bottom:10px;
    border-top-right-radius: 20px;
  }

  .comparative .card-price .periodo {
    font-size:14px;
  }

  .comparative .card-price .h5 {
    color:#fff;
    font-size:12px;
    margin-bottom:25px;
  }
  .comparative .card-price .h2 {
    color:#fff !important; 
  }

  .comparative .card {
    background-color: transparent;
    border:1px solid #af08b9;
    border-radius:20px;
    margin-bottom:30px;
  }

  .comparative .card .title h3 {
    color:#fff;
    padding:20px;
    text-align:center;
  }

  .comparative .card .price {
    /* background-color:#141414; */
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
    text-align:center;
    padding:20px 0 0 0;
  }

  .comparative .card .price p {
    color:#fff;
    font-size:13px;
  }

  .comparative .card .price .valor {
    color:#fff;
    font-size:40px;
    font-weight:600;
  }
  .comparative .card .price .usuario {
    color:#fff;
    font-size:13px;
    font-weight:600;
    margin-top:-20px;
  }

  .comparative .card .incluso {
    padding:20px 40px;
  }

  /* AZURE */
  .intro-azure h1 {
    color:#fff;
    margin-bottom:15px;
  }

  .intro-azure h3 {
    color:#138df7;
    margin-bottom:15px;
  }
  .intro-azure p {
    color:#fff;
  }
  .imageIntroFit img {
    padding-top:30px;
    margin:auto;
    display:block;
  }
  .imageIntroBras img {
    width:350px;
    padding-top:50px;
    margin:auto;
    display:block;
    animation: float 3s ease-in-out infinite;
  }
  .intro-azure .imageIntro img {
    animation: float 3s ease-in-out infinite;
  }
  @keyframes float {
    0% {
        /*		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6); */
        transform: translatey(0px);
    }

    50% {
        /*		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2); */
        transform: translatey(-10px);
    }

    100% {
        /*		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6); */
        transform: translatey(0px);
    }
}

  .features .card {
    background: #232E41;
    box-shadow: 5px 10px 29px 0 rgba(43, 56, 90, 0.2);
    padding:40px 20px 30px 20px;
    border-radius:20px;
    min-height:325px;
    border:none;
    display:block;
    margin-bottom:25px;
  }
  .features i {
    font-size:25px;
    color:#2b99f8;
  }

  .features h2 {
    color:#fff;
  }
  .features h3 {
    color:#2b99f8;
  }
  .features p {
    color:#fff;
  }
  .features .card .text h3 {
    color:#fff;
    font-size:16px;
    font-weight:600;
    margin-bottom: 15px;
    margin-left:15px;
  }
  .features .card .text p {
    color:#fff;
    font-size:15px;
    line-height:22px;
    margin-top:15px;
  }

  .features .cardMin {
    background: #232E41;
    box-shadow: 5px 10px 29px 0 rgba(43, 56, 90, 0.2);
    padding:30px;
    border-radius:20px;
    min-height:230px;
    border:none;
    display:block;
    margin-bottom:25px;
  }
  .features .cardMin .text h3 {
    color:#fff;
    font-size:16px;
    font-weight:600;
    margin-bottom: 15px;
  }
  .features .cardMin .text p {
    color:#fff;
    font-size:15px;
    line-height:22px;
    margin-top:15px;
  }

  .features .cardMinin {
    background: #232E41;
    box-shadow: 5px 10px 29px 0 rgba(43, 56, 90, 0.2);
    padding:30px;
    border-radius:20px;
    min-height:150px;
    border:none;
    display:block;
    margin-bottom:25px;
  }
  .features .cardMinin .text h3 {
    color:#fff;
    font-size:16px;
    font-weight:600;
    margin-bottom: 15px;
  }
  .features .cardMinin .text p {
    color:#fff;
    font-size:15px;
    line-height:22px;
    margin-top:15px;
  }

  /* Utilizado nos Copilots */
  .cardMinin {
    background: #232E41;
    box-shadow: 5px 10px 29px 0 rgba(43, 56, 90, 0.2);
    padding:30px;
    border-radius:20px;
    min-height:150px;
    border:none;
    display:block;
    margin-bottom:25px;
  }
  .cardMinin h3 {
    color:#fff;
    font-size:16px;
    font-weight:600;
    margin-bottom: 15px;
  }
  .cardMinin p {
    color:#fff;
    font-size:15px;
    line-height:22px;
    margin-top:15px;
  }
  .copilot h2 {
    color:#c9257c;
  }
  .copilot p {
    color:#fff;
  }
  .copilot .casos {
    background-color:#c9257c;
    padding:30px;
    border-radius:20px;
    margin-bottom:25px;
  }
  .copilot .casos h3 {
    color:#fff;
    text-align:center;
    font-size:18px;
    font-weight:600;
    margin-bottom:15px;
  }
  .copilot .casos li {
    color:#fff;
    margin-bottom:15px;
    border-bottom:1px solid #fff;
    padding-bottom:15px;
  }
  /*Utilizado em Segurança */
  .seguranca h2 {
    color:#fff;
  }
  .seguranca h3 {
    color:#1293de;
    font-size:20px;
    font-weight:600;
    margin-bottom:10px;
  }
  .seguranca p {
    color:#fff;
  }
  .seguranca .casos {
    background-color:#c9257c;
    padding:30px;
    border-radius:20px;
    margin-bottom:25px;
  }
  .seguranca .casos h3 {
    color:#fff;
    text-align:center;
    font-size:18px;
    font-weight:600;
    margin-bottom:15px;
  }
  .seguranca .casos li {
    color:#fff;
    margin-bottom:15px;
    border-bottom:1px solid #fff;
    padding-bottom:15px;
  }
    /* Utilizado nos PowerPlatform */
  .powerPlat h2 {
    color:#fff;
  }
  .powerPlat p {
    color:#fff;
  }
  .powerPlat .casos {
    border:1px solid #fff;
    padding:30px;
    border-radius:20px;
    margin-bottom:25px;
  }
  .powerPlat .casos h3 {
    color:#fff;
    text-align:center;
    font-size:18px;
    font-weight:600;
    margin-bottom:15px;
  }
  .fale h3 {
    color:#fff;
    font-size:20px;
    font-weight:600;
    margin-bottom:15px;
  }
  #licencaInfo {
    background-color:#820c4b;
    border-radius:5px;
    color:#fff;
    font-size:13px;
    font-style: italic;
  }
  #fabric {
    background-color: rgba(32, 31, 31, 0.9);
  }
  #m365 {
    background-color: rgba(32, 31, 31, 0.9);
  }
   #sales {
    background-color: rgba(32, 31, 31, 0.9);
  }
  #powerBi {
    background-color: rgba(32, 31, 31, 0.9);
  }
  #powerAutomate {
    background-color: rgba(32, 31, 31, 0.9);
  }
  #defender {
    background-color: rgba(32, 31, 31, 0.9);
  }
  #ems {
    background-color: rgba(32, 31, 31, 0.9);
  }
  #finops {
    background-color: rgba(32, 31, 31, 0.9);
  }
  #securityAssessment {
    background-color: rgba(32, 31, 31, 0.9);
  }
  #migraCloud {
    background-color: rgba(32, 31, 31, 0.9);
  }
  .contrate {
    padding:20px;
  }
  .contrate h2 {
    color:#2b99f8;
    font-size:25px;
  }

  .featuresSlide img {
    width:100%;
  }

  .featuresSlide .swiper-wrapper {
    margin-bottom:50px;
  }

  .featuresSlide h2 {
    color:#fff;
  }

  .featuresSlide p {
    color:#fff;
  }

  .featuresSlide .box {
    border-radius:20px;
    background: #232E41;
    padding:20px;
  }

  .featuresSlide .image img {
    border-radius:20px;
  }

  .featuresSlide ul {
    list-style-type: none; 
    padding: 0;
    margin: 0;
  }

  .featuresSlide i {
    color:#006bee;
  }

  .featuresSlide .list-group-item {
    color:#fff;    
  }
  
  .featuresSlide ul li {
    margin-top: -1px;
    
    padding: 12px;
  }

  .featuresSlide .box {
    margin:20px 0;
    /* border-radius:20px; */
  }

  .features .tabela {
    background: #232E41;
    box-shadow: 5px 10px 29px 0 rgba(43, 56, 90, 0.2);
    padding:40px 20px 30px 20px;
    border-radius:20px;
  }
  
  .featuresPills {
    /* background: #232E41; */
    /* box-shadow: 5px 10px 29px 0 rgba(43, 56, 90, 0.2); */
    padding:20px 20px 0 20px;
    border-radius:20px;
  }

  .featuresPills .nav-link {
    border:1px solid #006bee;
    border-radius:60px;
    margin:0 15px 15px 15px !important;
    margin:auto;
    display:block;
  }
  .featuresPills .nav-link:hover {
    color:#fff;
  }

  .featuresPills .tab-content {
    border-radius:20px;
  }

  .featuresPills .tab-content h3 {
    color:#fff;
    margin-bottom:20px;
  }

  .featuresPills .tab-content p {
    color:#fff;
  }

  .features .tabela .nav-link {
    font-weight:600;
  }

  .features .tab-content h2 {
    color:#fff;
  }

  .features .tab-content p {
    color:#fff;
  }

  .bannerContato {
    padding:20px 0;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
  }
  .bannerContato h3 {
    color:#138df7;
  }
  .bannerContato p {
    color:#fff;
  }

  .total-price {
     font-size: 1.5rem;
    font-weight: bold;
    color: #138df7;
  }

  #totalPrice {
    color:#fff;
  }

  .user-info {
    font-size:13px;
    line-height:16px;
  }

  .caixaPlano{
    background-color:rgba(48, 47, 47, 0.5);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
    border:1px solid #3e3e3e;
    padding:15px;
  }
  .numeroUsuarios {
    border:1px solid #138df7;
  }

  .planoSelect {
    color:#fff;
    font-weight:100;
    font-size:13px;
  }

  .textSumary {
    color:orange;
  }

  .valorProduto {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
    padding:15px;
    font-weight:600;
    text-align:center;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-left:20px;
    color:orange;
  }

  .form-check {
    background-color:rgba(249, 249, 249, 1.8);
    min-height:80px;
    padding:20px 30px;
    border-radius:10px;
    margin-bottom:15px;
  }
  .form-checkUpgrade {
    background-color:rgba(48, 47, 47, 0.5);
    min-height:80px;
    padding:20px 30px;
    border-radius:10px;
    margin-bottom:15px;
  }
  .form-check .descProduto {
    font-size:13px;
    margin:10px;
  }

  .plan-label {
    color:#141414;
    font-size:20px;
    margin-left:10px;
    margin-bottom:-15px;
  }
  .plan-labelUpgrade {
    color:#fff;
    font-size:18px;
    margin-left:10px;
  }

  .valor-label {
    color:#138df7;
    font-size:25px;
    font-weight:600;
    text-align:right;
  }
  .valor-labelUpgrade {
    color:#138df7;
    font-size:16px;
    font-weight:600;
    text-align:center;
    margin-top:15px;
  }

  .faixaPrecoUpgrade {
    background-color:rgba(77, 74, 74, 0.5);
    padding:1px 0;
    margin:10px 0;
    border-radius:10px;
  }

  .periodo-label {
    color:#141414;
    font-size:12px;
    font-weight:600;
    margin-top:-15px;
    border:1px solid orange;
    padding:0 5px;
    border-radius:60px;
    width:100px;
    text-align:center;
    float:right;
  }
  .periodo-labelUpgrade {
    color:#fff;
    font-size:12px;
    font-weight:600;
    border:1px solid orange;
    padding:0 5px;
    border-radius:60px;
    width:100px;
    text-align:center;
    margin:auto;
    display:block;
    margin-top:-10px;
    margin-bottom:15px;
  }
  .plano-label {
    color:#fff;
    font-size:12px;
    margin-left:5px;
    color:orange;
  }
  .usuarios-label {
    color:#141414;
    font-size:12px;
    text-align: center;
    margin-bottom:0;
    margin-top:10px;
  }
  .usuarios-labelUpdate {
    color:#fff;
    font-size:12px;
    text-align: center;
    margin-bottom:0;
    margin-top:10px;
  }
  .plan-logo {
    width: 32px;
    height: 32px;
    object-fit: contain;
    border-radius: 4px;
  }

  .form-check-input {
	top: 5px;
	padding: 0;
  width: 20px;
	height: 20px;
  border:1px solid #006bee;
	cursor: pointer;
}


  @media (max-width: 992px) {
    .chamada-principal .card-price {
      margin-top:20px;
      margin-bottom:30px;
    }
    .features .card {
      min-height:85px;
    } 
    
  }

  .introPainel {
    margin-top:150px;
  }
   .introPainel h3 {
    color:#fff;
    font-size:16px;
  } 

  .introPainel .card {
    margin-top:30px;
    background: transparent;
    border:1px solid #2b99f8 !important;
    padding:60px;
    border-radius:20px;
    border:none;
    display:block;
}

.introPainel .cardSide {
    background: #232E41;
    box-shadow: 5px 10px 29px 0 rgba(43, 56, 90, 0.2);
    padding:30px;
    border-radius:20px;
    border:none;
    display:block;
    margin-bottom:35px;
    min-height:370px;
}