@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

.poppins{
  font-family: 'Poppins', sans-serif;
  font-optical-sizing: auto;
  font-style: normal; 
  font-display: swap   
}
.nav-link{
    color: #581CF0;
}
.nav-link:hover{

    color: #6e45d4;
}
.b-tel{
  background: #28b90b;
  font-weight: bold;
  color: #ffffff;  
  max-width: 400px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.b-tel:hover{
  background:#66ff00;
  color: rgb(0, 0, 0);
  font-weight: bold;
}
.dropshipping-bg {
    background-image: url(../img/bg-dropshipping.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-bottom: 5px;
    
}
.loja-fundo{
  background-image: url(../img/loja-fundo.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.texto-0{
  color: #581CF0;
  font-weight: bold;
}
.texto-1{
  color: rgb(255, 255, 255);
  font-weight: bold;
}
.texto-2{
  color: #581CF0;
  font-weight: bold;
}
.texto-3{
color: #581CF0;
font-weight: bold;
}
/* Botão Reflexo */
.b-1 {
    width:100%;
      line-height:40px; 
    border-radius:5px; 
    overflow:hidden;
    position:relative;
    background: #28b90b;
    background: linear-gradient(90deg, #28b90b 0%, #6aaf3c 44%, #28b90b 100%);
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    border-color: aliceblue;
    max-width: 400px;  
    color:#fff;
    font-size:1,2em;
    -webkit-box-shadow: 0px 0px 8px 2px #00000023;
    -moz-box-shadow: 0px 0px 8px 2px #00000023;
    box-shadow: 0px 0px 8px 2px #00000023;
  }
  .b-1:hover {
      background: #66ff00;
      background: linear-gradient(90deg,#66ff00 0%, #28b90b 44%, #66ff00 100%);
      border-color: aliceblue;
      color:#ffffff;
      box-shadow: #00000063;
      font-size:1,3em;
      -xpedu-transform: scale(1.1);
          -ms-transform: scale(1.1);
          transform: scale(1.1);
  }
  .b-1 span {
    z-index: 20;
    color:#ffffff;
  }
  .b-1:after {
    background: #f3d4b7b0;
    content: "";
    height: 155px;
    left: -85px;
    opacity: .1;
    position: absolute;
    top: -60px;
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
    -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 70px;
    z-index:1;
  }
  
  .b-1:hover:after {
    left: 130%;
    -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
    opacity: .1;
  }
  
  /*Botão Reflexo*/

  .dropshipping-bg-4 {
    background-image: url(../img/bg-dropshipping-4.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;    
}
.bg-4 h3{
  padding-top: 150px;
  color: rgb(255, 255, 255);
  font-weight: inherit;
}
.bg-4 h4{ 
  color: rgb(255, 255, 255);
  font-weight: inherit;
}
.bg-row{
  margin-top: 40px;
}
.bg-6 h4{
  color: black;
  font-weight: inherit;
}
.bg-7{
  padding-top: 60px;
}
.planos{
  padding-left: 20px;
  padding-right: 20px;
}
.bg-planos{
  background: black;
}
.svg-rounded{
  height: 75px;
  width: 75px;
  border-radius: 50%;
  background-color: rgb(0, 0, 0);

}
.precos-branco-I{
  background-color: #ffffff;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 20px;
  max-width: 760px;
  height: 280px;
}
.ico-svg{  
  color: #581cf0;
}
.precos-branco-I:hover {
  -xpedu-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
} 
.precos-branco-II{
  background-color: #ffffff;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 20px;
  max-width: 760px;
  height: 280px;
}
.precos-branco-II:hover {
  -xpedu-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
} 
.precos-azul-III{
  background-color: #581CF0;  
  color: #ffffff;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
  margin-top: 20px;
  margin-bottom: 50px;
  max-width: 760px;
  height: 280px;
}
.precos-azul-III .ico-svg{  
  color: rgb(10, 10, 10);
}
.precos-azul-III .mais-escolhido{
  max-width: 680px;
  background-color: #ffffff;
  border-radius: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
  z-index: 1; 
  width: 70%;
  left: 50px;
  top: -20px;
}
.precos-azul-III:hover {
  -xpedu-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
} 
.precos-branco-IV{
  background-color: #ffffff;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
  margin-top: -20px;
  margin-bottom: 40px;
  padding-top: 20px;
  max-width: 760px;
  height: 380px;
}
.precos-branco-IV:hover {
  -xpedu-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
} 

.dropshipping-bg-9 {
  background-image: url(../img/bg-dropshipping-7.webp);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; 
  padding-top: 40px;   
}/*
.c_clientes{
  background-color: #ffffff;
  max-width: 780px;
}*/
.dropshipping-bg-form {
  background-color:  rgb(50, 27, 102) ;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; 
}
.footer{
  padding-top: 30px;
  padding-bottom: 100px;
  padding-left: 50px;
  padding-right: 50px;
}
.img-logo{
  padding-top: 30px;
  height: 120px;
}
.lojas{
  border-radius: 50px;
  background-color: #873EFF;
} 
.active-star{
  color: #FBC02D;
  margin-bottom: 8px
}
.active-star:hover{
  color: #F9A825;
  cursor: pointer
}
.depoimentos{
  min-height: 350px;
  max-height: 350px;
  padding: 10px 20px;
  border: none;
}
.name{
  font-weight: 700
}
.empresa{
  color: rgb(64, 127, 239);
  font-size: smaller;
}
.dropshipping-bg-form {
  background-color:  rgb(50, 27, 102);
}
.footer{
  padding-top: 30px;
  padding-bottom: 100px;
  padding-left: 50px;
  padding-right: 50px;
}
#bfootr {
  background-color: orange;
  color: white;
  align-content: center;
  margin-top: 5px;
  padding: 20px;
  padding-left: 60px;
  padding-right: 60px;
  font-size: 20px;
  border-radius: 50px;
  max-width: 600px;
  margin-bottom: 50px;
}

#bfootr:hover {
  border-color: black;
  color: black;
}

.text1 {
  color: gray;
  text-decoration: none;
  margin-bottom: 10px;
  margin-top: 10px;
}

.text1:visited {
  color: gray;
  text-decoration: none;
}

.text1:active {
  color: gray;
  text-decoration: none;
}

.text1:hover {
  color: gray;
  text-decoration: underline;
}
  @media screen and (max-width: 768px){
    .img-bg-1{

        display: none;
    }
  }

  .btn-bg-saida{
width:100%;
line-height:40px; 
border-radius:5px; 
overflow:hidden;
position:relative;
background: #0098DA;
background: linear-gradient(50deg, #bd7d2a 0%, #ff8800 44%, #bd7d2a 100%);
padding-top: 10px;
padding-bottom: 10px;
font-weight: bold;
border-color: aliceblue;
max-width: 450px;  
color:#fff;
font-size:1,2em;
-webkit-box-shadow: 0px 0px 8px 2px #00000023;
-moz-box-shadow: 0px 0px 8px 2px #00000023;
box-shadow: 0px 0px 8px 2px #00000023;
}
.btn-bg-saida:hover{
background: 00EC00;
background: linear-gradient(50deg, #0098DA 0%, #69cefa 44%, #0098DA 100%);
border-color: #fff;
color:#fff;
box-shadow: #00000063;
font-size:1,3em;
-xpedu-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.btn-bg-saida span {
z-index: 20;
color:#ffffff;
}
.btn-bg-saida::after {
background: #f3d4b7b0;
content: "";
height: 155px;
left: -85px;
opacity: .1;
position: absolute;
top: -60px;
-webkit-transform: rotate(30deg);
        transform: rotate(30deg);
-webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
width: 70px;
z-index:1;
} 
.btn-bg-saida:hover:after {
left: 130%;
-webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
opacity: .1;
}