@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

		body{
			margin: 0;
			font-family: 'Inter', 'sans-serif';
            color: #0A2540;
			max-width: 100%;
            overflow-x: hidden;
            background-color: #fff;
        }
        .page-wrapper{
            line-height: 1.6;
        }
		.page-wrapper a{
            cursor: pointer;
            text-decoration: none;
            color: #0056D2;
        }
        .page-wrapper h1,
        .page-wrapper h2,
        .page-wrapper h3{
            font-weight: 600;
        }
        .page-wrapper h2,
        .page-wrapper h3{
            line-height: 1.4;
        }
        .page-wrapper h2{
            margin: 0;
        }
        .page-wrapper h4{
            font-weight: 400;
            margin: 0;
        }
        .page-wrapper h1{
            font-size: 38px;
            line-height: 1.4;
            margin: 0 0 20px;
        }
        .page-wrapper h5{
            color: #7A8998;
            font-weight: 400;
            margin: 8px 0 0 0;
        }
        .page-wrapper p{
            line-height: 1.8;
            color: #223A53;
        }
        .page-wrapper a:hover,
        .page-wrapper .content-review a:hover,
        .page-wrapper .section-review a:hover.buttom-more-reviews{
            text-decoration: underline;
            color: #0056D2;
        }
        .page-wrapper .content-presentation{
            min-height: auto;
            max-width: 1080px;
            margin: 0 auto;
            padding: 80px 2rem;
        }
        .page-wrapper .section-container,
        .page-wrapper .course-section{
            max-width: 1080px;
            margin: 0 auto;
            padding: 80px 2rem;
            box-sizing: content-box;
        }
        .page-wrapper .section--compact{
            padding: 80px 2rem 0;
        }
        .page-wrapper .hero-text{
            flex: 0 0 58%;
            margin: auto 50px auto 0;
        }
        .page-wrapper .hero-image{
            position: relative;
        }
        .page-wrapper .hero-image .play-course{
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            top: 0;
            margin: auto;
            cursor: pointer;
            background-color: rgb(0 0 0 / 30%);
            border-radius: 50%;
            padding: 20px 16px 20px 24px;
        }
        .page-wrapper .hero-image .hero-image-img{
            width: 100%;
            border-radius: 6px;
        }
        .page-wrapper .image-presentation a{
            font-weight: 600;
        }
        .page-wrapper .section-container .content-row .content-column:first-of-type{
            margin-right: 50px;
        }
        .page-wrapper .button{
            background-color: #0056D2;
            border: 1px solid #0056D2;
            text-decoration: none;
            padding: 20px 16px;
            min-width: 180px;
            text-align: center;
            display: inline-block;
            outline: 0;
            cursor: pointer;
            color: #fff;
            font-size: 18px;
            border-radius: 6px;
            font-weight: 500;
        }
        .page-wrapper .button.transparent-button{
            background-color: transparent;
            color: #0056D2;
            padding: 12px 20px;
            margin-top: 12px;
            font-size: 16px;
            font-weight: 400;
            min-width: auto;
        }
        .page-wrapper .button:hover{
            background-color: #0046ac;
            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;
        }
        .page-wrapper .button span{
            font-size: 14px;
            font-weight: 400;
        }
        .page-wrapper .content-row{	
            display: -webkit-box;
		    display: -webkit-flex;
		    display: -ms-flexbox;
			display: flex; 
			overflow: hidden;
		}
		.page-wrapper .content-row .content-column{ 
			flex: 1; 
        }
        .page-wrapper .background-presentation{
            background-color: #F2F5FA;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            background-image: url('/recursos-course/background-presentation.png');
        }
        .page-wrapper .section-footer .content-row .content-column{
            margin-right: 50px;
        }
        .page-wrapper .section-footer .content-row .content-column:last-of-type{
            margin-right: 0;
        }
        .page-wrapper .section-footer{
            background-color: #F2F5FA;
        }
        .page-wrapper .content-footer{
            border-top: 1px solid #D3D7DE;
        }
        .page-wrapper .content-footer .section-container{
            padding: 40px 2rem;
            margin-bottom: 110px;
        }
        .page-wrapper .content-footer img{
            margin-right: 8px;
        }
        .page-wrapper .title-footer{
            font-weight: 600;
            margin-bottom: 8px;
        }
        .page-wrapper .item-footer{
            font-size: 15px;
            color: #223A53;
            margin-bottom: 4px;
            display: block;
        }
        .page-wrapper .content-social a{
            margin-right: 12px;
        }
        .hover-out{
            display: block;
        }
        .hover-in{
            display: none;
        }
        a:hover .hover-out{
            display: none;
        }
        a:hover .hover-in{
            display: block;
        }
        .page-wrapper .course-section .card{
            width: 24%;
            box-sizing: border-box;
            background-color: #fff;
            padding: 10px;
            border-radius: 6px;
            margin: 1px 6px 12px 5px;
            border: 1px solid #CED3D9;
            height: auto;
        }
        .page-wrapper .course-section .cards.course .card{
            position: relative;
            min-height: 268px;
        }
        .page-wrapper .course-section a:hover.card{
            text-decoration: none;
            border: 1px solid #2979FF;
        }
        .page-wrapper .course-section .card .card-image{
            overflow: hidden;
            border-radius: 6px;
            margin-bottom: 10px;
        }
        .page-wrapper .course-section .card .card-image img{
            width: 102%;
            margin: -1% -1% -4% -1%;
        }
        .page-wrapper .course-section .card .course-details .course-name{
            color: #0A2540;
            margin-bottom: 10px;
        }
        .page-wrapper .course-section .card .course-details .certificates{
            font-size: 14px;
            background-color: #0056D2;
            color: #fff;
            width: fit-content;
            padding: 4px 10px;
            border-radius: 5px;
            position: absolute;
            bottom: 10px;
        }
        .page-wrapper .header{
            margin-bottom: 18px;
        }
        .page-wrapper .course-section .card:last-of-type{
            margin-right: 5px;
        }
        .page-wrapper .text-block{
            margin: auto;
        }
        .page-wrapper .text-block span,
        .page-wrapper .section-heading span{
            color: #0056D2;
        }
        .page-wrapper .section-container.career-section > .content-row{
            margin-top: 80px;
        }
        .page-wrapper .content-review{
            margin-top: 20px;
        }
        .page-wrapper .content-review .stars svg{
            width: 16px;
            height: 16px;
            margin: auto 2px auto 0;
            color: #F6B904;
            fill: currentColor;
            stroke: #F6B904;
            stroke-width: 2px;
            stroke-linejoin: round;
            stroke-linecap: round;
        }
        .page-wrapper .content-review a{
            color: #223A53;
            text-decoration: underline;
        }
        .page-wrapper .content-review .letter{
            font-size: 15px;
            color: #223A53;
            margin-left: 6px;
        }
        .page-wrapper .section-review .content-row .content-column:last-of-type,
        .page-wrapper .section-objective .content-row .content-column:first-of-type{
            flex: 28%;
        }
        .page-wrapper .section-objective .content-objective p{
            margin: 0 0 12px 8px;
        }
        .page-wrapper .section-objective .content-objective img{
            margin: 10px 0 auto;
        }
        .page-wrapper .target-audience{
            padding-top: 30px;
        }
        .page-wrapper .section-review .buttom-more-reviews{
            color: #0A2540;
            text-decoration: underline;
        }
        .page-wrapper .section-review  .review-separator{
            margin-bottom: 20px;
        }
        .page-wrapper .section-review .student-name{
            color: #223A53;
        }
        .page-wrapper .section-review .content-profile{
            margin-left: 18px;
        }
        .page-wrapper .section-review .state-time{
            font-size: 14px;
            color: #7A8998;
            margin-left: 6px;
        }
        .page-wrapper .section-review .content-review{
            margin-top: 10px;
        }
        .page-wrapper .content-skills .box-skill{
            font-size: 15px;
            float: left;
            background-color: #F3F5F9;
            border-radius: 4px;
            padding: 4px 10px;
            margin: 0 8px 12px 0;
        }
        .page-wrapper .section-container .content-program,
        .page-wrapper .section-container .content-questions{
            max-width: 820px;
        }
        .page-wrapper .content-certificate img{
            width: 100%;
        }
        .page-wrapper .items-presentation{
            background-color: #fff;
            margin-top: 30px;
            padding: 20px;
            border-radius: 4px;
        }
        .page-wrapper .items-presentation h4{
            font-weight: 500;
        }
        .page-wrapper .items-presentation h5{
            font-size: 15px;
            color: #2c4763;
            margin-top: 4px;
        }
        .page-wrapper .items-presentation h5 a{
            font-weight: 600;
        }
        .page-wrapper .items-presentation img{
            background-color: #F2F5FA;
            padding: 3px;
            border-radius: 2px;
        }
        .page-wrapper .section-review .rating-details{
            width: 80px;
        }
        .page-wrapper .section-review .rating-number{
            width: 36px;
            text-align: right;
        }
        .page-wrapper .section-review .punctuation{
            font-size: 26px;
            font-weight: 500;
            margin-left: 8px;
        }
        .page-wrapper .section-review .section-progress{
            margin-top: 20px;
        }
        .page-wrapper .section-review .section-progress .content-row{
            margin-top: 6px;
        }
        .page-wrapper .section-review .section-progress .content-column{
            margin: auto 8px;
        }
        .page-wrapper .section-review .content-bar{
            background-color: #dbe2ef;
            border-radius: 3px;
            height: 10px;
        }
        .page-wrapper .section-review .content-bar .bar-progress{
            background-color: #F6B904;
        }
        .page-wrapper .tab-navigation{
            border: 1px solid #D3D8DD;
            border-radius: 6px;
            padding: 20px;
        }
        .page-wrapper .tabs-menu{
            position: relative;
            overflow: hidden;
            padding-bottom: 20px;
            margin-bottom: 20px;
            border-bottom: 1px solid #D3D8DD;
        }
        .page-wrapper .content-questions .tabs-menu:last-of-type{
            border: none;
            padding-bottom: 0;
        }
        .page-wrapper .tabs-menu:last-of-type{
            margin-bottom: 0;
        }
        .page-wrapper label{
            position: relative;
            cursor: pointer;
        }
        .page-wrapper label::after{
            display: block;
        }
        .page-wrapper label h3{
            font-weight: 500;
            margin: 0;
        }
        .page-wrapper input{
            position:absolute;
            opacity:0;
            z-index:-1;
        }
        .page-wrapper label .content-label{
            padding: 5px 40px 5px 5px;
        }
        .page-wrapper label .content-label:hover,
        .page-wrapper input[type=checkbox]:checked+label .content-label{
            background-color: #F2F5FA;
            border-radius: 4px;
        }
        .page-wrapper input[type=checkbox]+label::after{
            content: url('/recursos-course/icon-program.svg');
        }
        .page-wrapper input[type=checkbox]:checked+label::after{
            transform: rotate(180deg)
        }
        .page-wrapper .content-tab{
            max-height: 0;
            overflow: hidden;
            -webkit-transition: max-height .5s;
            -o-transition: max-height .5s;
            transition: max-height .5s;
            padding: 0 16px;
        }
        .page-wrapper .content-questions .content-tab{
            padding: 0;
        }
        .page-wrapper .content-tab .content-row{
            margin-top: 12px;
        }
        .page-wrapper .content-questions .content-tab .content-row:last-of-type{
            margin-bottom: 20px;
        }
        .page-wrapper .content-tab p{
            margin: 0 0 0 8px;
            font-size: 15px;
        }
        .page-wrapper .content-questions .content-tab p{
            margin-top: 20px;
        }
        .page-wrapper input:checked~.content-tab{
            max-height: 100vh;
            overflow-y: auto;
        }
        .page-wrapper label::after{
            position: absolute;
            right: 8px;
            top: 22px;
            -webkit-transition: none;
            -o-transition: none;
            transition: none;
        }
        .page-wrapper .content-questions label::after{
            top: 4px;
        }
        .page-wrapper .image-certificate{
            max-width: 620px;
        }
        /* cta */
        .cta-wrapper{
            background-color: #d4e6ff;
            position: fixed;
            bottom: 0;
            width: 100%;
            z-index: 100;
        }
        .cta-wrapper .nav-container{
            padding: 10px 2rem;
        }
        .cta-wrapper .button{
            padding: 16px;
            margin-left: auto;
        }
        .cta-wrapper h2{
            margin: auto 0;
        }
        /* cta */
        /* menu */
        .nav-wrapper{
            background-color: #fff;
            border-bottom: 1px solid #dfdcdc;
            min-height: 60px;
            width: 100%;
        }
        .nav-container .nav-section .nav-item.main:hover{
            text-decoration: none;
        }
        .nav-container{
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 2rem;
            min-height: 60px;
        }
        .nav-container .nav-section{
            display: inline-block;
            vertical-align: middle;
            margin: 0 0 0 26px;
        }
        .nav-container .nav-section .items{
            height: 60px;
        }
        .nav-container .nav-section .items img{
            margin: 0 0 -3px 8px;
        }
        .nav-container .nav-section .nav-item.main{
            height: -webkit-fill-available;
            border: 1px solid #0056D2;
            color: #0056D2;
            margin: 8px 0;
            padding: 0 12px;
            border-radius: 5px;
        }
        .nav-container .nav-section .nav-item.main .label{
            margin: auto;
        }
        .nav-container .nav-item > img{
            display: inline-block;
            vertical-align: middle;
        }
        .nav-container .nav-item:hover{
            text-decoration: none;
        }
        .nav-container .content-row,
        .nav-container .dropdown,
        .nav-container .btn-menu{
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }
        .nav-container .content-row{
            overflow: hidden;
        }
        .nav-container .content-row .content-column{
            flex: 1;
        }
        .nav-container .nav-actions.nav-item{
            float: right;
            height: 60px;
        }
        .nav-container .nav-actions.nav-item.user-access > .dropdown:nth-last-child(3){
            margin-right: 12px;
        }
        .nav-container .dropdown{
            min-height: 60px;
        }
        .nav-container .dropdown a{
            color: #0A2540;
            margin: auto;
            padding: 10px;
        }
        .nav-container .dropbtn{
            cursor: pointer;
        }
        .nav-container .dropdown.user-access .dropbtn{
            margin: auto;
        }
        .nav-container .dropdown-content{
            display: none;
            position: absolute;
            min-width: 160px;
            z-index: 1;
        }
        .nav-container .dropdown-content a{
            display: block;
            color: #0A2540;
            padding: 20px;
        }
        .nav-container .dropdown-section{
            margin: 0 auto;
            max-width: 980px;
            padding: 40px 16px;
        }
        .menu-mobile ul,
        .nav-container .dropdown-section ul{
            list-style: none;
            padding-left: 0;
        }
        .nav-container .dropdown-section > .content-row > .content-column{
            margin-right: 50px;
        }
        .nav-container .dropdown-section > .content-row > .content-column:last-of-type{
            margin-right: 0;
        }
        .nav-container .dropdown:hover .dropdown-content{
            display: block;
        }
        .nav-container .dropdown:hover .menu-content{
            display: none;
        }
        .nav-container .dropdown.menu-mobile .user-access{
            text-align: center;
            padding: 20px;
            background-color: #F2F5FA;
            margin-top: 4px;
            -webkit-box-shadow: 0 -2px 6px -1px rgba(50, 50, 93, .25), 0 0 0 0 rgba(0, 0, 0, .3);
            box-shadow: 0 -2px 6px -1px rgba(50, 50, 93, .25), 0 0 0 0 rgba(0, 0, 0, .3);
        }
        .nav-container .dropdown.menu-mobile .user-access .nav-item{
            font-size: 17px;
            color: #fff;
            background-color: #0056D2;
            border: 1px solid #0056D2;
            display: block;
            border-radius: 5px;
            padding: 16px;
            margin-bottom: 8px;
        }
        .nav-container .dropdown.menu-mobile .user-access .nav-item:last-of-type{
            background-color: transparent;
            color: #0056D2;
            margin-bottom: 0;
        }
        .nav-container .dropdown.menu-mobile.active .menu-content{
            display: block;
            max-width: none;
            width: 100vw;
            padding-top: 33px;
            right: 0;
        }
        .nav-container .nav-section .items > a:hover,
        .nav-container ul.dropdown-content li a:hover{
            text-decoration: underline;
        }
        .nav-container .dropdown:hover .nav-item.main{
            color: #0046ac;
        }
        .nav-container ul.dropdown-content{
            right: 0;
            margin-top: 28px;
            padding-top: 34px;
            list-style: none;
            max-width: 500px;
            min-width: 300px;
            width: max-content;
            width: -moz-max-content;
            padding-left: 0;
        }
        .nav-container .dropdown-content .dropdown-container{
            overflow-y: auto;
            background-color: #fff;
            border-radius: 3px;
            max-height: calc(100vh - 126px);
            -webkit-box-shadow: 0px 3px 12px 1px rgba(0, 0, 0, 0.12);
            -moz-box-shadow: 0px 3px 12px 1px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 3px 12px 1px rgba(0, 0, 0, 0.12);
        }
        .nav-container .dropdown-content.fullscreen .dropdown-container,
        .nav-container .dropdown.menu-mobile.active .dropdown-content .dropdown-container{
            border-radius: 0;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }
        .nav-container ul.dropdown-content.fullscreen{
            margin-top: 51px;
            padding-top: 10px;
            min-width: max-content;
            max-width: none;
            width: 100vw;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
        }
        .nav-container ul.dropdown-content li{
            margin-bottom: 16px;
        }
        .nav-container ul.dropdown-content li:last-of-type{
            margin-bottom: 0;
        }
        .nav-container ul.dropdown-content li a{
            padding: 0 0 4px;
            color: #0A2540;
        }
        .nav-container ul.dropdown-content li a:hover{
            color: #0046ac;
        }
        .nav-container ul.dropdown-content li div{
            color: rgba(3, 27, 78, .8);
            line-height: 1.6;
        }
        .nav-container .dropdown.user-access .create-account{
            margin-left: 8px;
        }
        .nav-container .create-account a{
            background-color: #0056D2;
            border: 1px solid #0056D2;
            color: #fff;
            font-weight: 500;
            border-radius: 6px;
            padding: 12px 18px;
        }
        .nav-container .dropdown.user-access .create-account a:hover{
            text-decoration: none;
            background-color: #0046ac;
            border: 1px solid #0046ac;
            transition: background-color .2s linear;
            -webkit-transition: background-color .2s linear;
            -moz-transition: background-color .2s linear;
            -o-transition: background-color .2s linear;
        }
        .nav-container .menu-mobile{
            display: none;
        }
        .nav-container .btn-menu{
            height: 100%;
            min-width: 50px;
            min-height: 60px;
        }
        .nav-container .dropdown.menu-mobile{
            max-width: 36px;
        }
        /* accordion-section */
        .nav-container .mobile-accordion .accordion-section{
            position: relative;
            width: 100%;
            overflow: hidden;
            padding-bottom: 20px;
        }
        .nav-container .mobile-accordion .accordion-header label{
            position: relative;
            cursor: pointer;
            font-size: 16.2px;
        }
        .nav-container .mobile-accordion .accordion-header label div{
            margin-right: 18px;
        }
        .nav-container .mobile-accordion .accordion-header label,
        .nav-container .mobile-accordion .accordion-content{
            background: 0 0;
        }
        .nav-container .mobile-accordion .accordion-header label,
        .nav-container .mobile-accordion label::after{
            display: block;
        }
        .nav-container .mobile-accordion input{
            position: absolute;
            opacity: 0;
            z-index: -1;
        }
        .nav-container .mobile-accordion input[type=checkbox]:checked+label{
            font-weight: 600;
        }
        .nav-container .mobile-accordion input[type=checkbox]+label::after{
            content: url('/icon-minimize-2.svg');
        }
        .nav-container .mobile-accordion input[type=checkbox]:checked+label::after{
            transform: rotate(180deg);
        }
        .nav-container .mobile-accordion .accordion-content{
            max-height: 0;
            overflow: hidden;
            -webkit-transition: max-height .5s;
            -o-transition: max-height .5s;
            transition: max-height .5s;
        }
        .nav-container .mobile-accordion input:checked~.accordion-content{
            max-height: 100vh;
            overflow-y: auto;
        }
        .nav-container .mobile-accordion label::after{
            position: absolute;
            right: 0;
            top: 4px;
            font-size: 0.8rem;
        }
        /* accordion-section */
        .nav-container .mobile-accordion.mobiles{
            padding: 30px;
        }
        .nav-container .mobile-accordion.mobiles .menu-accordion a{
            margin-top: 16px;
        }
        .nav-container .mobile-accordion.mobiles > .content-row:last-of-type{
            margin-top: 14px;
        }
        .nav-container ul.dropdown-content li h4{
            font-weight: 600;
        }
        /* menu */


@media only screen and (max-width: 980px){
        .page-wrapper .section-container .content-row .content-column:first-of-type{
            margin-right: 30px;
        }
        .page-wrapper .button.cta-button{
            padding: 16px 10px;
        }
        .page-wrapper .hero-text{
            flex: 0 0 54%;
        }
        .page-wrapper .cards.course > .content-row{
            display: block;
        }
        .page-wrapper .course-section .cards.course .card{
            width: 48%;
            float: left;
            height: auto;
            min-height: 350px;
        }
        .page-wrapper .course-section .cards.course .card:nth-child(2),
        .page-wrapper .course-section .cards.course .card:last-of-type{
            margin-right: 0;
        }
        .page-wrapper .course-section .cards.course .card:nth-child(3){
            margin-right: 6px;
        }
}

@media only screen and (max-width: 920px){
        .page-wrapper .course-section .cards.course .card{
            min-height: 330px;
        }
}

@media only screen and (max-width: 850px){
        .page-wrapper .course-section .cards.course .card{
            min-height: 310px;
        }
}

@media only screen and (max-width: 820px){
        .page-wrapper .section-container > .content-row,
        .page-wrapper .content-presentation .content-row,
        .cta-wrapper .nav-container{
            flex-direction: column;
            -webkit-box-orient: vertical;
            -ms-flex-direbsion: column;
        }
        .page-wrapper .stars.content-row,
        .page-wrapper .content-row.content-review{
            flex-direction: row;
            -webkit-box-orient: horizontal;
            -ms-flex-direbsion: row;
        }
        .page-wrapper .section-container{
            max-width: 480px;
            padding: 60px 1rem;
        }
        .page-wrapper .section--compact{
            padding: 60px 1rem 0;
        }
        .page-wrapper .content-presentation{
            max-width: 480px;
            padding: 40px 1rem;
        }
        .cta-wrapper .nav-container{
            max-width: 480px;
            padding: 10px 1rem;
        }
        .page-wrapper .cta-wrapper .button.cta-button{
            min-width: -webkit-fill-available;
        }
        .page-wrapper .cta-wrapper h2{
            margin-bottom: 12px;
        }
        .page-wrapper .hero-text{
            margin: 0 auto 40px 0;
        }
        .page-wrapper .course-section{
            padding: 60px 1rem;
        }
        .page-wrapper .section-container .content-row .content-column:first-of-type{
            margin-right: 0;
        }
        .page-wrapper .section-container .content-row .content-column:last-of-type,
        .page-wrapper .items-presentation .content-column:last-of-type{
            margin-bottom: 0;
        }
        .page-wrapper .button.cta-button{
            padding: 16px 20px;
        }
        .page-wrapper .hero-text h1{
            margin-top: 0;
        }
        .page-wrapper .section-objective .content-column:last-of-type,
        .page-wrapper .section-review .content-column:last-of-type{
            margin-top: 30px;
        }
        .page-wrapper .items-presentation .content-column{
            margin-bottom: 20px;
        }
}

@media only screen and (max-width: 760px){
        .page-wrapper .course-section .cards.course .card{
            min-height: 300px;
        }
}

@media only screen and (max-width: 680px){
        .page-wrapper .course-section .cards.course .card{
            min-height: 280px;
        }
}

@media only screen and (max-width: 580px){
        .page-wrapper .button.cta-button{
            font-size: 17px;
            min-width: -webkit-fill-available;
        }
        .page-wrapper h1{
            font-size: 36px;
        }
        .page-wrapper .button.cta-button{
            font-size: 18px;
        }
        .page-wrapper .course-section .card{
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        .page-wrapper .course-section .cards.course .card{
            width: 100%;
            margin: 12px 0 0;
        }
        .page-wrapper .course-section .cards.course .card:first-of-type{
            margin-top: 0;
        }
        .page-wrapper .course-section .cards.course .card,
        .page-wrapper .course-section .card .course-details .certificates{
            position: inherit;
            min-height: auto;
        }
}

@media only screen and (max-width: 480px){
        .page-wrapper h1{
            font-size: 32px;
        }
        .page-wrapper .tab-navigation{
            padding: 10px;
        }
}



/* menu */
@media screen and (min-width: 820px){
        .nav-container .mobile-accordion .accordion-content.active{
            max-height: 100vh;
            overflow-y: auto;
        }
        .menu-mobile .content-row .content-column:first-of-type{
            margin-right: 100px;
        }
        .nav-container .mobile-accordion label::after{
            font-size: 1rem;
            font-weight: 600;
        }
}

@media screen and (max-width: 820px){
        .nav-container{
            padding: 0 1rem;
        }
        .nav-container .nav-section{
            margin: 0 0 0 16px;
        }
}

@media screen and (max-width: 719px){
        .menu-mobile .content-row .content-column:first-of-type{
            margin-right: 50px;
        }
}

@media screen and (max-width: 819px){
        .nav-container .nav-actions.nav-item.user-access > .dropdown:nth-last-child(2){
            display: none;
        }
        .nav-container .menu-mobile{
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }
        .nav-container .mobile-accordion.mobiles > .content-row:last-of-type{
            margin-top: 0;
        }
        .nav-container .mobile-accordion.mobiles{
            padding: 0;
        }
        .nav-container .mobile-accordion .accordion-section{
            padding-bottom: 0;
            border-bottom: 1px solid rgba(3, 27, 78, .2);
            width: auto;
        }
        .nav-container .mobile-accordion .accordion-header label{
            padding: 20px;
        }
        .nav-container .mobile-accordion label::after{
            top: 20px;
            right: 20px;
            font-size: 1.4rem;
        }
        .nav-container .mobile-accordion.mobiles .menu-accordion a{
            padding: 20px;
            margin: 0;
            border-bottom: 1px solid #C9CFD5;
        }
        .nav-container .mobile-accordion.mobiles .menu-accordion a:last-of-type{
            border-bottom: none;
        }
}
@media screen and (max-width: 1080px){
        .nav-container .dropdown-section{
            max-width: 600px;
        }
}

@media screen and (max-width: 680px){
        .nav-container .dropdown-section > .content-row > .content-column{
            margin-right: 20px;
        }
        .nav-container .dropdown-section{
            padding: 20px 16px;
        }
}

@media screen and (max-width: 580px){
        .nav-container .dropdown-section{
            padding: 0;
        }
        .nav-container .dropdown-section .content-row{
            flex-direction: column;
            -webkit-box-orient: vertical;
            -ms-flex-direbsion: column;
        }
        .nav-container .dropdown-section > .content-row > .content-column{
            margin: 0;
        }
        .nav-container ul.dropdown-content li{
            padding: 22px 10px 20px;
            margin-bottom: 0;
            border-bottom: 1px solid #C9CFD5;
        }
}

@media screen and (max-width: 480px){
        .nav-container .dropdown.user-access .create-account a{
            padding: 12px 10px;
        }
}

@media screen and (min-width: 429px){
        .nav-container .mobile-accordion .menu-accordion{
            display: none;
        }
}

@media screen and (max-width: 428px){
        .nav-container .nav-section{
            display: none;
        }
        .nav-container .nav-item > img{
            padding-top: 22px;
        }
}

/* icon menu effects  */
.nav-container .svg-menu{
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 300ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.nav-container .dropdown.menu-mobile.active .svg-menu{
    transform: rotate(45deg);
}
.nav-container .line{
    fill: none;
    transition: stroke-dasharray 300ms, stroke-dashoffset 300ms;
    stroke: #000;
    stroke-width: 5.5;
    stroke-linecap: round;
}
.nav-container .svg-menu .top{
    stroke-dasharray: 40 139;
}
.nav-container .svg-menu .bottom{
    stroke-dasharray: 40 180;
}
.nav-container .dropdown.menu-mobile.active .svg-menu .top{
    stroke-dashoffset: -98px;
}
.nav-container .dropdown.menu-mobile.active .svg-menu .bottom{
    stroke-dashoffset: -138px;
}
/* icon menu effects  */