@import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i');

		body{
			margin: 0;
			font-family: 'Muli', 'sans-serif';
            color: #031b4e;
			max-width: 100%;
            overflow-x: hidden;
            background-color: #F3F5F9;
        }
        .cg{
            line-height: 1.6;
        }
		.cg a{
            cursor: pointer;
            text-decoration: none;
            color: #2979FF;
        }
        .cg h4{
            font-size: 24px;
            font-weight: 700;
            line-height: 1.4;
            margin: 0;
        }
        .cg h2,
        .cg h3{
            line-height: 1.4;
        }
        .cg h2{
            font-size: 24px;
            margin: 0;
        }
        .cg h3{
            font-size: 38px;
            margin: 0;
        }
        .cg h1{
            font-size: 38px;
            line-height: 1.4;
        }
        .cg .text-main h1{
            margin: 0 0 16px;
        }
        .cg .text-main span,
        .cg h2 span{
            color: #2979FF;
        }
        .cg p{
            line-height: 1.8;
            color: #031b4e;
            font-size: 17px;
            margin-bottom: 0;
        }
        .cg a:hover{
            text-decoration: underline;
            color: #2979FF;
        }
        .cg .back-main,
        .cg .content .row .column.flex{
            display: -webkit-box;
		    display: -webkit-flex;
		    display: -ms-flexbox;
            display: flex;
        }
        .cg .white{
            background-color: #fff;
        }
        .cg .bluee{
            background-color: #E9F1FF;
        }
        .cg .bluedark{
            background-color: #1C3A72;
            color: #fff;
        }
        .cg .bluedark a,
        .cg .bluedark p{
            color: #fff;
        }
        .cg .back-main{
            max-width: max-content;
            margin: auto;
            height: 580px;
        }
        .cg .content,
        .cg .courses{
            max-width: 1080px;
            margin: 0 auto;
            padding: 60px 2rem;
            box-sizing: content-box;
        }
        .cg .courses{
            padding: 60px 2rem 0;
        }
        .cg .cont-courses .courses:last-of-type{
            padding: 60px 2rem 80px;
        }
        .cg .cont-courses .courses.new{
            padding: 80px 2rem 40px;
        }
        .cg .text-main{
            flex: 0 0 46%;
            padding: 0 3rem 0 2rem;
            margin: auto;
        }
        .cg .text-main > p:first-of-type{
            margin-bottom: 16px;
        }
        .cg .check p{
            margin: 0 0 4px 8px;
        }
        .cg .content .check img,
        .cg .check img{
            margin-top: 7px;
            width: auto;
        }
        .cg .check:last-of-type{
            margin-bottom: 16px;
        }
        .cg .img-main{
            height: 100%;
        }
        .cg .content .row .column:first-of-type{
            margin-right: 50px;
        }
        .cg .btn{
            background-color: #2979FF;
            border: 1px solid #2979FF;
            text-decoration: none;
            padding: 16px 20px;
            text-align: center;
            display: inline-block;
            outline: 0;
            cursor: pointer;
            color: #fff;
            font-size: 18px;
            border-radius: 6px;
            font-weight: 600;
        }
        .cg .btnn{
            background-color: #fff;
            color: #2979FF;
            font-size: 16px;
            padding: 10px 0;
            margin: 0;
            width: -webkit-fill-available;
        }
        .cg .btn:hover{
            background-color: #0056BF;
            color: #fff;
            text-decoration: none;
            transition: background-color .2s linear;
            -webkit-transition: background-color .2s linear;
            -moz-transition: background-color .2s linear;
            -o-transition: background-color .2s linear;
        }
        .cg .row{	
            display: -webkit-box;
		    display: -webkit-flex;
		    display: -ms-flexbox;
			display: flex; 
			overflow: hidden;
		}
		.cg .row .column{ 
			flex: 1; 
        }
        .cg .back-dow{
            max-width: 720px;
            margin: 0 auto;
            padding: 120px 2rem;
            text-align: center;
        }
        .cg .back-dow h3{
            margin-bottom: 30px;
        }
        .cg .back-dow span{
            color: #cbddfc;
        }
        .cg .courses .card{
            width: 24%;
            box-sizing: border-box;
            background-color: #fff;
            padding: 10px;
            border-radius: 6px;
            margin: 1px 8px 12px 5px;
            border: 1px solid transparent;
            height: auto;
            -webkit-box-shadow: 0 2px 2px -1px rgba(50,50,93,.25), 0 1px 3px -1px rgba(0,0,0,.3);
            box-shadow: 0 2px 2px -1px rgba(50,50,93,.25), 0 1px 3px -1px rgba(0,0,0,.3);
        }
        .cg .courses a:hover.card{
            text-decoration: none;
            border: 1px solid #2979FF;
        }
        .cg .courses .card .img{
            overflow: hidden;
            border-radius: 6px;
            margin-bottom: 10px;
        }
        .cg .courses .card .img img{
            width: 102%;
            margin: -1% -1% -4% -1%;
        }
        .cg .courses .card .description .name{
            color: #031b4e;
            margin-bottom: 10px;
        }
        .cg .courses .card .description .title{
            color: #687695;
            font-size: 14px;
        }
        .cg .courses .card .description .certificates{
            color: #1D448E;
            font-size: 15px;
            max-width: 220px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        .cg .courses .header{
            margin-bottom: 18px;
        }
        .cg .courses .header .new{
            background-color: #3AA337;
            border-radius: 6px;
            padding: 3px 12px 0;
            color: #fff;
            font-size: 14px;
            font-weight: 600;
            margin-left: 12px;
            height: 26px;
        }
        .cg .courses .card:last-of-type{
            margin-right: 5px;
        }
        .cg .categories{
            display: flex;
            flex-wrap: wrap;
        }
        .cg .categories a{
            flex: 1 1 30%; /* Tres columnas */
            box-sizing: border-box;
        }
        .cg .row.cta-b{
            margin-top: 16px;
            font-size: 20px;
            font-weight: 600;
        }
        .cg .content .cta-b img{
            width: auto;
            margin: 2px 0 0 12px;
        }
        .cg .all-programs{
            border: 1px solid;
            padding: 12px 20px;
            margin-top: 12px;
            border-radius: 6px;
            max-width: fit-content;
            display: block;
            text-align: left;
            cursor: pointer;
        }
        .cg .all-programs img{
            width: 20px;
            margin: 2px 0 0 8px;
        }
        .cg .content.how{
            text-align: center;
            padding: 80px 2rem;
        }
        .cg .content.how h2{
            font-size: 32px;
            margin-bottom: 40px;
        }
        .cg .content .how-numb{
            position: relative;
            /* z-index: 10; */
            margin: 12px 0 26px;
        }
        .cg .content .how-numb .number{
            position: absolute;
            left: 0;
            right: 0;
            top: 8%;
            color: #fff;
            font-weight: 600;
            font-size: 22px;
        }
        .cg .content .how-numb .circle{
            width: 40px;
            height: 40px;
            border-radius: 100%;
            margin: auto;
            background-color: #5494FF;
        }
        .cg .content.how .column{
            margin-right: 50px;
        }
        .cg .content.how .column:last-of-type{
            margin-right: 0;
        }
        .cg .content.how .certificate{
            text-align: left;
            margin-top: 60px;
        }
        .cg .content img{
            width: 100%;
        }
        .cg .content .textt{
            margin: auto;
        }
        .cg .content .textt span{
            font-weight: 600;
        }
        .cg .mobile-c{
            display: none;
        }
        .cg .categories a{
            color: #0056BF;
            margin-bottom: 8px;
        }

@media only screen and (max-width: 1124px){
        .cg .courses .card .description .certificates{
            max-width: 190px;
        }
}

@media only screen and (max-width: 980px){
        .cg .content .row .column:first-of-type,
        .cg .content.how .column{
            margin-right: 30px;
        }
        .cg .btn.cta{
            padding: 16px 10px;
        }
        .cg .text-main{
            padding: 0 1rem 0 2rem;
        }
        .cg .cards.course > .row,
        .cg .mobile-c{
            display: block;
        }
        .cg .courses .cards.course .card{
            width: 31.9%;
            float: left;
            height: 294px;
        }
        .cg .courses .cards.course .card:nth-child(3),
        .cg .courses .cards.course .card:last-of-type{
            margin-right: 0;
        }
        .cg .categories a{
            flex: 1 1 40%; /* Dos columnas */
        }
        .cg .web-c{
            display: none;
        }
        .cg .courses .cards.course.carousel .card{
            width: 48%;
            height: auto;
            min-height: 300px;
        }
        .cg .courses .cards.course.carousel .card:nth-child(2),
        .cg .courses .cards.course.carousel .card:last-of-type{
            margin-right: 0;
        }
        .cg .courses .cards.course.carousel .card:nth-child(3){
            margin-right: 8px;
        }
        .cg .courses .cards.course.carousel .card:nth-child(4){
            margin-right: 0;
        }
        .cg .courses .card .description .certificates{
            max-width: 360px;
        }
}

@media only screen and (max-width: 820px){
        .cg .content > .row{
            flex-direction: column;
            -webkit-box-orient: vertical;
            -ms-flex-direbsion: column;
        }
        .cg .content{
            max-width: 480px;
            padding: 60px 1rem;
            text-align: center;
        }
        .cg .back-main > .row{
            display: block;
        }
        .cg .back-main{
            padding: 0;
            height: auto;
        }
        .cg .img-main{
            display: block;
            position: relative;
        }
        .cg .img-main img{
            width: 100%;
        }
        .cg .courses{
            padding: 60px 1rem 0;
        }
        .cg .back-dow{
            padding: 60px 1rem;
        }
        .cg .content.st-categ{
            text-align: left;
            max-width: 1080px;
        }
        .cg .btn.cta{
            padding: 16px 20px;
        }
        .cg .text-main{
            margin: 0 auto;
            padding: 40px 1rem 0;
            box-sizing: content-box;
            margin-bottom: 20px;
        }
        .cg .courses .cards.course .card{
            width: 48%;
            height: auto;
            min-height: 300px;
        }
        .cg .courses .cards.course .card:nth-child(2),
        .cg .courses .cards.course .card:last-of-type,
        .cg .courses .cards.course .card:nth-child(4),
        .cg .content.how .row .column,
        .cg .content .row .column:first-of-type{
            margin-right: 0;
        }
        .cg .courses .cards.course .card:nth-child(3){
            margin-right: 8px;
        }
        .cg .content.how .row .column{
            margin-bottom: 40px;
        }
        .cg .content.how .row .column:last-of-type{
            margin-bottom: 0;
        }
        .cg .row.cta-b{
            margin: 20px auto;
        }
        .cg .content .check{
            text-align: left;
        }
        .cg .content .textt{
            margin-bottom: 12px;
        }
        .cg .content.how,
        .cg .cont-courses .courses:last-of-type{
            padding: 60px 1rem;
        }
        .cg .cont-courses .courses.new{
            padding: 60px 1rem 20px;
        }
        .cg .content.how .certificate{
            text-align: center;
        }
}

@media only screen and (max-width: 580px){
        .cg h1{
            font-size: 36px;
        }
        .cg h2{
            font-size: 28px;
        }
        .cg h3,
        .cg .content.how h2{
            font-size: 30px;
        }
        .cg .btn.cta{
            font-size: 18px;
        }
        .cg .courses .card{
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        .cg .courses .cards.course .card,
        .cg .courses .cards.course.carousel .card{
            width: 100%;
            margin: 12px 0 0;
        }
        .cg .courses .cards.course .card:first-of-type,
        .cg .courses .cards.course.carousel .card:first-of-type{
            margin-top: 0;
        }
        .cg .categories a{
            flex: 1 1 100%;
        }
}

@media only screen and (max-width: 480px){
        .cg h1{
            font-size: 32px;
        }
        .cg h2{
            font-size: 26px;
        }
        .cg h3,
        .cg .content.how h2{
            font-size: 28px;
        }
        .cg .btn.cta{
            font-size: 17px;
            min-width: -webkit-fill-available;
        }
        .cg .btn.cta{
            margin-bottom: 8px;
        }
}