@font-face {
    font-family: "conthrax-sb";
    src: url("../Fonts/conthrax-sb.ttf");
}

*{
    margin:0;
    padding: 0;
    box-sizing: border-box;
}

html{
    scroll-behavior: smooth;    
}

body{
    font-family: 'Raleway', sans-serif;
}

a {
    color: #0d6efd;
    text-decoration: none;
}

.hero{
    
    background-image: linear-gradient(to top, rgba(1, 12, 15, 0.8) 0%, rgba(0, 4, 17, 0.8) 100%), url("../images/wallpaper_cursos.png");
    width: 100%;
    height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position:relative;
    overflow: hidden;
    padding-top: 100px;
}
.textos-hero{
    height: 300px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.textos-hero i{
    margin: 30px 0 20px 0;
    color: #fff;
    /*color: #dd11aac7;*/
    font-size: 100px;
    cursor: pointer;
}

.textos-hero i:hover{
    transform: scale(1.2); 
    color: #fa0606f3;
}

.textos-hero h1{
    font-size: 60px;
}

.textos-hero p{
    font-size: 25px;
    margin-bottom: 20px;
}

.textos-hero a{
    display: inline-block;
    text-decoration: none;
    padding: 12px 15px;
    background: rgb(175, 5, 218);
    border-radius: 8px;
    color: rgb(248, 248, 248);

}

.svg-hero{
    position:absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}



/* wave-contenedor website */

.contenedor,
.wave-cotenedor{
    width: 90%;
    max-width: 1000px;
    overflow: hidden;
    margin: auto;
    padding: 0 0 0 0;
}

.contenedor{
    padding: 20px 0;
}

.container_precios {
  max-width: 960px;
}

.pricing-header {
  width: 700px;
}

.titulo{
    font-weight: 800;
    font-size: 35px;
    text-align: center;
    margin-bottom: 30px;
}

.titulo.left{
    text-align: left;
}

.titulo.right{
    text-align: right;
}

.website{
    display: flex;
    justify-content: space-between;
}

.website img{
    width: 48%;
}

.website .contenedor-textos-main{
    width: 40%;
}

.contenedor-textos-main p{
    text-align: justify;
    margin-bottom: 20px;
    padding-right: 120px;
}

.parrafo{
    text-align: justify;
    margin-bottom: 20px;
}

.parrafo2{
    text-align: justify;
	padding-bottom: 25px;
    margin: 0;
}

.cta{
    display: inline-block;
    text-decoration: none;
    background-image: linear-gradient(to top, #00c6fb 0%, #005bea 100%);
    padding: 12px 15px;
    border-radius: 8px;
    color: #fff;
}

.cursos{
	width: 80%;
    max-width: 1000px;
    overflow: hidden;
    margin: auto;
    padding: 0 0 0 0;
}

.precios{
	width: 80%;
    max-width: 1000px;
    overflow: hidden;
    margin: auto;
    padding: 0 0 0 0;
}
/* seccion info */
.info{
	background: rgb(2,0,36);
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,91,200,1) 35%, rgba(0,212,255,1) 100%);
	color: white;
}

/* Cards-contenedor (Nuestros Cursos) */

.cards-contenedor{
    /* background-color: rgb(7, 7, 0); */
    background-image: linear-gradient(to top, rgba(1, 12, 15, 0.87) 0%, rgba(0, 4, 17, 0.856) 100%), url("../img/xg_firewall.jpg");
    width: 100%;
    height: 2450px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position:relative;
    overflow: hidden;
}

.svg-hero2{
    position:absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.cards-contenedor h2{
    font-size: 35px;
    text-align: center;
    margin: 0;
    padding: 40px 20px 0 20px;
    color: #fff;
}

.cards-contenedor p{
    text-align: center;
    padding: 0;
    color: #fff;
}

.content-cards{
    display: flex;
    width: 100%;
    justify-content: space-evenly;
    flex-wrap: wrap;
    color: #fff;
}

.card{
    text-align: center;
    height: 248px;
    /* box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5); */
    /* transform: scale(1); */
    transition: transform 0.6s;
}

.card:hover{
   /* box-shadow: 0 0 6px 0 rgba(0, 0, 0, .5);
    transform: scale(1.03); 
    cursor: pointer; */
}

.card i{
    margin: 30px 0 20px 0;
    color: #fa0606f3;
    /*color: #dd11aac7;*/
    font-size: 50px;
    cursor: pointer;
}

.card i .tooltiptext {
    visibility: hidden;
    width: 50px;
    height: 20px;
    font-size: 12px;
    font-family: 'Raleway', sans-serif;
    color: #fff;
    background-image: linear-gradient(-225deg, #FF3CAC 0%, #562B7C 52%, #2B86C5 100%);
    border-radius: 6px;
    padding: 5px 0;
  
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
  }

  .card i:hover{
    transform: scale(1.5); 
}

.card i:hover .tooltiptext{
    visibility: visible;
}

.card p{
    font-weight: 300;
    font-size: 15px;
    margin-bottom: 10px;
}

footer{
    background: black;
    color: #fff;
}


.copyright{
    padding: 50px;
	background-color: black;
}

      
.footer-copyright {
	background-color: black;
	color: white;
}