#intro .infoContent{padding-bottom:80px}
#intro h1{float:left;width:100%;font-weight:300;font-size:90px;color:#7005BD;line-height:63px;margin-bottom:15px;letter-spacing:-4px;text-align:left}
#intro h2{float:left;width:100%;font-weight:300;font-size:70px;line-height:60px;margin-bottom:10px;letter-spacing:-4px;text-align:left;background: #6764F1;background:linear-gradient(to right,#6764F1 0%,#D647F0 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#intro h3{float:left;width:100%;font-weight:300;font-size:50px;color:#4A66FF;line-height:38px;letter-spacing:-3px;text-align:left}
#video video{float:left;width:100%;cursor:pointer}
.pause-play-img {position:absolute;left:50%;z-index:99;display:none;opacity:0.4;width:80px;cursor:pointer}
.video-parent-class:hover img.pause-play-img{display:block}
.video-parent-class{position:relative}
#trayectoria .grid{float:left;width:100%;display:grid;grid-template-columns:calc(45% - 80px) 55%;grid-template-rows:1fr;gap:80px;grid-auto-flow:row}
#trayectoria .title h2{float:left;width:100%;font-size:54px;color:#4A66FF;text-align:left;line-height:40px;margin:40px 0 10px 0}
#trayectoria .title h3{float:left;width:100%;font-size:45px;color:#47476C;text-align:left;line-height:50px;font-weight:400}
#trayectoria .timeline{border-left:1px solid #7979A5}
#trayectoria .timeline ul{float:left;width:calc(100% - 35px);padding:40px 0 0 35px}
#trayectoria .timeline li{float:left;position:relative;width:100%;line-height:33px;margin-bottom:35px}
#trayectoria .timeline li:last-of-type{margin-bottom:0}
#trayectoria .timeline li:before{content:"";position:absolute;top:3px;left:-51px;width:30px;height:30px;background:#FFF;border:1px solid #C5C5D8;border-radius:50%}
#trayectoria .timeline li:after{content:"";position:absolute;top:11px;left:-43px;width:16px;height:16px;background:#7979A5;border-radius:50%}
#trayectoria .timeline span{float:left;width:100%;font-size:32px;font-weight:400;color:#7979A5}
#trayectoria .timeline li:hover{color:#06C1FF;transition:all ease-in-out 0.5s;cursor:default}
#trayectoria .timeline li:hover span{color:#06C1FF;transition:all ease-in-out 0.5s}
#trayectoria .timeline li:hover::after{background:linear-gradient(135deg,  #14e7fe 1%,#01a1ed 100%)}
#expertos .grid{float:left;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;grid-auto-flow:row}
#expertos .grid li{background:#F6F8FC;padding:40px}
#expertos .grid span{float:left;width:100%;height:110px;margin-bottom:40px}
#expertos .grid h2{height:52px;text-align:left;margin-bottom:40px}
#exito .grid{float:left;width:100%;display:grid;grid-template-columns:640px calc(100% - 720px);grid-template-rows:1fr;gap:80px;grid-auto-flow:row}
#exito .hoverList li{cursor:pointer}
#exito h2{font-size:60px;text-align:left;line-height:42px;margin-bottom:20px}
#exito h3{float:left;width:100%;color:#5F59F8;font-size:45px;font-weight:400;line-height:34px}
#exito ul{float:left;width:100%;margin-top:40px}
#exito li{float:left;display:table;width:calc(100% - 42px);height:120px;padding:0 20px;border-radius:8px;background:#F3F6FF;border:1px solid #DBDEEA;margin-bottom:40px}
#exito li:last-of-type{margin-bottom:0}
#exito li span{display:table-cell;vertical-align:middle}
#exito li span img{margin-right:10px}
#exito li.active {background:#6366F1;border:1px solid #6366F1;color:#FFF}
#exito li.active span img{filter:brightness(500%)}
#text p{font-size:46px;line-height:46px;font-weight:400;color:#47476C;text-align:center}
#text p:first-of-type{margin-bottom:20px}
/*RESPONSIVE*/
@media (max-width:1680px){
#intro h1{font-size:75px;line-height:53px}
#intro h2{font-size:60px;line-height:50px}
#intro h3{font-size:44px;line-height:32px}
#video{background:#1d0d27}
.video-parent-class{width:100% !important}
.pause-play-img{left:calc(50% - 40px) !important}
#video video{width:auto;height:720px;transform:translateX(-50%);margin-left:50%}
#trayectoria .grid{grid-template-columns: calc(40% - 80px) 60%}
#trayectoria .title h2{font-size:50px;line-height:36px}
#trayectoria .title h3{font-size:40px;line-height:40px}
#exito h2{font-size:50px;line-height:34px;margin-bottom:15px}
#exito h3{font-size:40px;line-height:28px}
#exito li{height:100px}}
@media (max-width:1600px){
#video video{height:620px}
#trayectoria .title h2{line-height:42px}
#expertos .grid li{padding:30px}
#expertos .grid span,#expertos .grid h2{margin-bottom:30px}}
@media (max-width:1440px){
#exito h2{line-height:46px}}
@media (max-width:1440px){
#intro h1{font-size:65px;line-height:46px;margin-bottom:5px}
#intro h2{font-size:50px;line-height:42px}
#intro h3{font-size:40px;line-height:28px}
#video video{height:520px}
#trayectoria .title h2{font-size:42px;line-height:34px;margin:20px 0 10px 0}
#trayectoria .title h3{font-size:34px;line-height:30px}
#trayectoria .timeline ul{padding:20px 0 0 35px}
#trayectoria .timeline li{line-height:28px;margin-bottom:25px}
#trayectoria .timeline span{font-size:28px}
#expertos .grid span{height:80px}
#expertos .grid span img{max-height:80px}
#expertos .grid span,#expertos .grid h2{margin-bottom:20px}
#exito .grid{grid-template-columns:520px calc(100% - 580px);gap:60px}
#exito h2{font-size:44px;line-height:32px}
#exito h3{font-size:36px;line-height:26px}
#exito ul{margin-top:20px}
#exito li{height:100px;margin-bottom:20px}
#text p{font-size:40px;line-height:42px}}
@media (max-width:1210px){
#exito h2{line-height:46px}
#exito li{height:90px}}
@media (max-width:1180px){
#exito .grid{grid-template-columns:480px calc(100% - 520px);gap:40px}
#text p{font-size:36px;line-height:38px}}
@media (max-width:1024px){
#intro .infoContent{padding-bottom:60px}
#trayectoria .grid{grid-template-columns:calc(40% - 40px) 60%;gap:40px}
#exito .grid{grid-template-columns:420px calc(100% - 450px);gap:30px}
#exito h2{font-size:40px;line-height:40px;margin-bottom:5px}
#exito h3{font-size:32px;line-height:28px}
#exito ul{margin-top:10px}
#exito li{height:75px;margin-bottom:15px}}
@media (max-width:962px){
#video video{width:100%;height:auto}
#trayectoria .grid,#expertos .grid,#exito .grid{grid-template-columns:repeat(1,1fr)}
#trayectoria .timeline{margin-left:15px}
#exito .grid  > .img{width:100%;height:180px}
#exito .grid  > .img img{height:100%;width:100%;object-fit:cover}}
@media (max-width:680px){
#intro h1{font-size:52px;line-height:40px}
#intro h2{font-size:42px;line-height:38px}
#intro h3{font-size:36px;line-height:26px}
#trayectoria .title h2{font-size:36px;line-height:26px}
#trayectoria .title h3{font-size:30px;line-height:26px}
#text p{font-size:30px;line-height:32px}}
@media (max-width:520px){
#intro h1{font-size:46px;line-height:34px}
#intro h2{font-size:38px;line-height:34px;margin-bottom:4px}
#intro h3{font-size:32px;line-height:28px}}
@media (max-width:480px){
#text p{font-size:26px;line-height:28px}}