@import url('https://fonts.googleapis.com/css2?family=Inter&family=Poppins:wght@300&display=swap');
*{
      font-family: Poppins;
}
body{
      margin: 0;
}
.curso-header{
      background: linear-gradient(skyblue, blue, steelblue);
      width: 100%;
      position: relative;
      height: fit-content;
      display: flex;
      align-items: center;
      flex-direction: column;
      padding-top: 15px;
      padding-bottom: 20px;
}

.curso-logo{
      margin-top: 10px;
}

.curso-titulo{
      margin-top: 10px;
      font-size: 20px;
      color: white;
      font-weight:  800;
}
.curso-video{
      margin-top: 10px;
}
.curso-button{
      margin-top: 10px;
      display: flex;
      align-items: center;
}

.curso-button span{
      font-size: 20px;
      font-weight: bold;
      color: white;
      font-family: Inter;
}

.curso-button button{
      padding: 15px;
      width: 300px;
      border-radius: 45px;
      border: none;
      background: yellow;
      color: black;
      cursor: pointer;
      align-items: center;
      display: flex;
      justify-content: space-between;
      margin-bottom: 10px;
      margin-top: 10px;
      font-weight: bold;
      margin-left: 15px;
}
.curso-copy{
      padding: 10px;
      background-color: #F1F4F8;
      display: flex;
      justify-content: space-between;
      height: 70px;
      align-items: center;
}
.copy-item{
      padding: 10px;
      display: flex;
      align-items: center;
}
.copy-item i{
      background-color: blue;
      border-radius: 100%;
      color: white;
      padding: 10px;
}

.copy-item label{
      margin-left: 10px;
}
.curso-programa{
padding: 10px;
    margin-top: 2%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.programa-container{
      width: 940px;
}
.programa-title{
      background: linear-gradient(180deg, blue 40.63%, blue 100%);
      display: flex;
      justify-content: space-between;
      padding: 15px;
      margin-top: 10px;
      color: white;
}

.programa-content{
      background: #F1F4F8;
      padding: 5px;height: 400px;
}

.planos{
      margin-top: 5%;
}

.planos-container{
      margin-top: 50px;
      display: flex;
      justify-content: center;
      margin-bottom: 30px;
}

footer{
      background-color: blue;
      padding: 15px;
      text-align: center;
      color: white;
      margin-top: 50px;
}

.depoimentos{
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      margin-top: 90px;
}

.depoimentos-item{
      width:350px;
      background: blue;
      padding: 20px;
      border-radius: 20px;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      color: white;
      margin-left: 10px;
      margin-top: 10px;
}
.depoimentos-item:hover{
      background-color: skyblue;
      transition: 2s;
      cursor: pointer;
}

.depoimentos-item img{
      width:150px;height:150px;border-radius:100%;object-fit:cover;margin-top:10px;
      border: solid 5px white;
      transition:2s ;
      position: absolute;
      margin-top: -130px;
}
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}
@media screen and (max-width:700px){
      .curso-header{
            text-align: center;
      }
      .curso-button button{
            width: 210px;
      }
      .curso-button button>i{
            display: none;
      }
      iframe{
            border: 0;
            height: 200px;
            width: 100%;
      }
      .curso-copy{
      height: 214px;
      /* align-items: center; */
      flex-direction: column;
      align-items: unset;
      }
      .programa-container{
            width: 100%;
      }
	.planos-container{
            flex-direction: column;
            align-items: center;
      }
      .planos-container .card{
            margin-top: 10px;
      }
      .depoimentos-item{
            margin-top: 130px;
      }
}

