/*! 
 * * Theme Name: LARAPRESS
 * * Theme URI: none
 * * Description: Larapress is a custom wordpress theme.
 * * Author: Fast Eddy
 * * Author URI:
 * * Version: 1.0
 * * License: GNU General Public License v2
 * * License URI: http://www.gnu.org/licenses/gpl-2.0.html 
 * */@font-face{font-family:"Oliver Quin";src:url("public/webfonts/oliver_quin-webfont.woff2") format("woff2"),url("public/webfonts/oliver_quin-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"Avenir";src:url("public/webfonts/avenir_regular-webfont.woff2") format("woff2"),url("public/webfonts/avenir_regular-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"Avenir";src:url("public/webfonts/avenir_heavy-webfont.woff2") format("woff2"),url("public/webfonts/avenir_heavy-webfont.woff") format("woff");font-weight:800;font-style:normal}@font-face{font-family:"Avenir";src:url("public/webfonts/avenir_black-webfont.woff2") format("woff2"),url("public/webfonts/avenir_black-webfont.woff") format("woff");font-weight:900;font-style:normal}body{max-width:100vw;overflow-x:hidden;font-family:"Inter",sans-serif}@media(min-width: 1620px){body .container{min-width:1600px}}.star-dust i{color:#ffa600}img{max-width:100%}.title{font-weight:700;color:#000}.title--main{font-size:58px}@media(max-width: 1399px){.title--main{font-size:58px}}@media(max-width: 1199px){.title--main{font-size:58px}}@media(max-width: 991px){.title--main{font-size:46px}}@media(max-width: 767px){.title--main{font-size:34px}}@media(max-width: 575px){.title--main{font-size:28px}}.title--section{font-size:40px;position:relative}@media(max-width: 1399px){.title--section{font-size:36px}}@media(max-width: 1199px){.title--section{font-size:30px}}@media(max-width: 991px){.title--section{font-size:28px}}@media(max-width: 767px){.title--section{font-size:24px}}@media(max-width: 575px){.title--section{font-size:20px}}.title--block{font-size:24px}@media(max-width: 1199px){.title--block{font-size:22px}}@media(max-width: 991px){.title--block{font-size:20px}}@media(max-width: 575px){.title--block{font-size:18px}}.title.c-white{color:#fff}.title.c-white a{color:#fff}.title.c-white a:hover{color:#4b10c2}.title span{color:#4b10c2}.title.decoration{position:relative;padding-bottom:35px}@media(max-width: 991px){.title.decoration{padding-bottom:15px}}.title.decoration::before{content:"";position:absolute;width:180px;height:9px;background:#704fe6;left:0;bottom:0}@media(max-width: 991px){.title.decoration::before{height:6px;width:140px}}.title.text-center.decoration::before{left:0;right:0;margin:auto}.subtitle{font-size:20px;font-weight:700}@media(max-width: 991px){.subtitle{font-size:18px}}.subtitle.c-white{color:#fff}.paragraph{color:#000;font-size:18px}.paragraph.s-big{font-size:24px}@media(max-width: 1199px){.paragraph.s-big{font-size:22px}}@media(max-width: 991px){.paragraph.s-big{font-size:20px}}@media(max-width: 767px){.paragraph.s-big{font-size:18px}}.paragraph.c-white{color:#fff}.paragraph.decoration{padding-bottom:15px;position:relative}.paragraph.decoration::before{content:"";position:absolute;left:0;bottom:0;width:25px;height:1px;background:#fff}.btn{padding:12px 30px;border-radius:30px;outline:none;transition:.3s ease-out;outline:none;font-size:18px;border:none;position:relative;font-weight:700;font-family:"Mulish",sans-serif}.btn.btn-primary{color:#fff;background:#4b10c2}.btn.btn-primary:hover{color:#4b10c2;background:#fff}.btn.btn-secondary{color:#4b10c2;background:#d6c8ff}.btn.btn-secondary:hover{color:#d6c8ff;background:#4b10c2}.btn.btn-transparent{color:#4b10c2;background:#fff}.btn.btn-transparent:hover{color:#fff;background:#4b10c2}.btn.btn-outline-white{color:#fff;border:2px solid #fff;background:#4b10c2}.btn.btn-outline-white::before{content:"";position:absolute;right:0;top:0;width:20px;height:20px;background:#fff;transition:.3s ease-out}.btn.btn-outline-white:hover{color:#4b10c2}.btn.btn-outline-white:hover::after{color:#4b10c2}.btn.btn-outline-white:hover::before{width:100%;height:100%}.btn.btn-white{background:rgba(0,0,0,0);border:none;padding:0;color:#fff}.btn span{position:relative;z-index:1}.subtitle{font-size:24px !important;font-weight:600 !important;font-family:"Mulish",sans-serif}@media(max-width: 991px){.subtitle{font-size:20px !important}}@media(max-width: 575px){.subtitle{font-size:18px !important}}.subtitle a{color:#000;text-decoration:none;transition:.3s ease-out}.subtitle a:hover{color:#4b10c2}.e404{padding:175px 0 100px;min-height:calc(100vh - 745px);background:rgba(75,16,194,.3);border-bottom:solid 1px #fff;text-align:center}.e404 h1{font-size:24px;line-height:1;color:#fff;font-weight:100}.e404 h1 strong{font-size:150px;line-height:1;color:#4b10c2;display:block}@media(max-width: 575px){.e404 h1 strong{font-size:80px}}.e404 p{color:#fff;font-size:24px;margin:0 0 50px}body{max-width:100vw;overflow-x:hidden;font-family:"Inter",sans-serif}@media(min-width: 1620px){body .container{min-width:1600px}}.star-dust i{color:#ffa600}img{max-width:100%}.title{font-weight:700;color:#000}.title--section{font-size:40px;position:relative}@media(max-width: 1399px){.title--section{font-size:36px}}@media(max-width: 1199px){.title--section{font-size:30px}}@media(max-width: 991px){.title--section{font-size:28px}}@media(max-width: 767px){.title--section{font-size:24px}}@media(max-width: 575px){.title--section{font-size:20px}}.title--block{font-size:24px}@media(max-width: 1199px){.title--block{font-size:22px}}@media(max-width: 991px){.title--block{font-size:20px}}@media(max-width: 575px){.title--block{font-size:18px}}.title.c-white{color:#fff}.title.c-white a{color:#fff}.title.c-white a:hover{color:#4b10c2}.title span{color:#4b10c2}.title.decoration{position:relative;padding-bottom:35px}@media(max-width: 991px){.title.decoration{padding-bottom:15px}}.title.decoration::before{content:"";position:absolute;width:180px;height:9px;background:#704fe6;left:0;bottom:0}@media(max-width: 991px){.title.decoration::before{height:6px;width:140px}}.title.text-center.decoration::before{left:0;right:0;margin:auto}.subtitle{font-size:20px;font-weight:700}@media(max-width: 991px){.subtitle{font-size:18px}}.subtitle.c-white{color:#fff}.paragraph{color:#000;font-size:18px}.paragraph.s-big{font-size:24px}@media(max-width: 1199px){.paragraph.s-big{font-size:22px}}@media(max-width: 991px){.paragraph.s-big{font-size:20px}}@media(max-width: 767px){.paragraph.s-big{font-size:18px}}.paragraph.c-white{color:#fff}.paragraph.decoration{padding-bottom:15px;position:relative}.paragraph.decoration::before{content:"";position:absolute;left:0;bottom:0;width:25px;height:1px;background:#fff}.btn{padding:12px 30px;border-radius:30px;outline:none;transition:.3s ease-out;outline:none;font-size:18px;border:none;position:relative;font-weight:700;font-family:"Mulish",sans-serif}.btn.btn-primary{color:#fff;background:#4b10c2}.btn.btn-primary:hover{color:#4b10c2;background:#fff}.btn.btn-secondary{color:#4b10c2;background:#d6c8ff}.btn.btn-secondary:hover{color:#d6c8ff;background:#4b10c2}.btn.btn-transparent{color:#4b10c2;background:#fff}.btn.btn-transparent:hover{color:#fff;background:#4b10c2}.btn.btn-outline-white{color:#fff;border:2px solid #fff;background:#4b10c2}.btn.btn-outline-white::before{content:"";position:absolute;right:0;top:0;width:20px;height:20px;background:#fff;transition:.3s ease-out}.btn.btn-outline-white:hover{color:#4b10c2}.btn.btn-outline-white:hover::after{color:#4b10c2}.btn.btn-outline-white:hover::before{width:100%;height:100%}.btn.btn-white{background:rgba(0,0,0,0);border:none;padding:0;color:#fff}.btn span{position:relative;z-index:1}.subtitle{font-size:24px !important;font-weight:600 !important;font-family:"Mulish",sans-serif}@media(max-width: 991px){.subtitle{font-size:20px !important}}@media(max-width: 575px){.subtitle{font-size:18px !important}}.subtitle a{color:#000;text-decoration:none;transition:.3s ease-out}.subtitle a:hover{color:#4b10c2}.e404{padding:175px 0 100px;min-height:calc(100vh - 745px);background:rgba(75,16,194,.3);border-bottom:solid 1px #fff;text-align:center}.e404 h1{font-size:24px;line-height:1;color:#fff;font-weight:100}.e404 h1 strong{font-size:150px;line-height:1;color:#4b10c2;display:block}@media(max-width: 575px){.e404 h1 strong{font-size:80px}}.e404 p{color:#fff;font-size:24px;margin:0 0 50px}#mainHeader{position:relative;background:#fff;z-index:999}#mainHeader .btn{padding:10px 20px;margin-left:15px}@media(max-width: 991px){#mainHeader .btn{display:block;width:fit-content;margin-left:auto;margin-right:calc((100% - 740px)/2 + 30px)}}@media(max-width: 767px){#mainHeader .btn{margin-right:calc((100% - 540px)/2 + 30px)}}@media(max-width: 575px){#mainHeader .btn{margin-right:15px}}#mainHeader .logout,#mainHeader .login{text-decoration:none;transition:.3s ease-out;color:#704fe6}@media(max-width: 991px){#mainHeader .logout,#mainHeader .login{color:#4b10c2;margin-left:auto;margin-right:calc((100% - 740px)/2 + 30px);font-size:18px;font-weight:700;margin-bottom:20px;width:fit-content}}@media(max-width: 767px){#mainHeader .logout,#mainHeader .login{margin-right:calc((100% - 540px)/2 + 30px)}}@media(max-width: 575px){#mainHeader .logout,#mainHeader .login{margin-right:15px}}#mainHeader .custom-logo{max-width:185px;height:auto}@media(max-width: 1199px)and (min-width: 992px){#mainHeader .custom-logo{max-width:100px}}#mainHeader .navbar-toggler{color:#4b10c2;outline:none;box-shadow:none;border:none;transition:.3s ease-out}#mainHeader .navbar-toggler:hover{color:#704fe6}@media(max-width: 991px){#mainHeader .navbar-collapse{position:absolute;top:100%;left:0;width:100%;z-index:9999;background-color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.1);border-radius:0 0 12px 12px;padding:1rem;opacity:0;transform:translateY(-10px);pointer-events:none;transition:all .3s ease}#mainHeader .navbar-collapse.show{opacity:1;transform:translateY(0);pointer-events:auto}}@media(min-width: 992px){#mainHeader #menu-main-menu{margin-right:100px}}@media(max-width: 991px){#mainHeader #menu-main-menu{text-align:right;padding:0 15px;width:720px;margin-left:auto;margin-right:auto}}@media(max-width: 767px){#mainHeader #menu-main-menu{width:540px}}@media(max-width: 575px){#mainHeader #menu-main-menu{width:100%}}#mainHeader .navbar{padding:10px 0}#mainHeader .navbar .dropdown-menu .dropdown-item{background:#fff !important;color:#000;transition:.3s ease-out}@media(max-width: 991px){#mainHeader .navbar .dropdown-menu .dropdown-item{text-align:right}}#mainHeader .navbar .dropdown-menu .dropdown-item:hover,#mainHeader .navbar .dropdown-menu .dropdown-item:active{color:#4b10c2}#mainHeader .navbar .nav-item{font-size:18px;font-weight:600;position:relative}@media(max-width: 1199px){#mainHeader .navbar .nav-item{font-size:15px}}@media(max-width: 991px){#mainHeader .navbar .nav-item{font-size:18px}}#mainHeader .navbar .nav-item::before{content:"";position:absolute;left:0;right:0;bottom:0;margin:auto;width:0;height:2px;background:transparet;transition:.3s ease-out}@media(max-width: 991px){#mainHeader .navbar .nav-item::before{left:auto;right:0}}#mainHeader .navbar .nav-item:hover::before,#mainHeader .navbar .nav-item.active::before{background:#704fe6;width:40px}#mainHeader .navbar .nav-item.search-button{padding:0}@media(max-width: 991px){#mainHeader .navbar .nav-item.search-button{margin-left:auto;margin-bottom:10px;margin-top:10px}}@media(min-width: 1399px){#mainHeader .navbar .nav-item.search-button{margin-left:30px !important}}#mainHeader .navbar .nav-item.search-button::before,#mainHeader .navbar .nav-item.search-button::after{display:none}#mainHeader .navbar .nav-item.search-button .nav-link{width:48px;height:48px;color:#4b10c2;margin:0 !important;border-radius:50%;border:2px solid #4b10c2;display:flex;justify-content:center;align-items:center;transition:.3s ease-out}@media(max-width: 1199px){#mainHeader .navbar .nav-item.search-button .nav-link{width:35px;height:35px}}#mainHeader .navbar .nav-item.search-button .nav-link:hover{background:#4b10c2 !important;color:#fff !important}@media(max-width: 1199px)and (min-width: 992px){#mainHeader .navbar .nav-item:last-child{display:none}}@media(min-width: 1399px){#mainHeader .navbar .nav-item:last-child{margin-left:15px !important}}#mainHeader .navbar .nav-item:last-child::before,#mainHeader .navbar .nav-item:last-child::after{display:none}#mainHeader .navbar .nav-item:last-child .nav-link{padding:8px 25px;background:#4b10c2 !important;border-radius:35px;color:#fff !important;transition:.3s ease-out;border:2px solid #4b10c2 !important}#mainHeader .navbar .nav-item:last-child .nav-link::after{content:"";font-family:"Font Awesome 6 Pro";font-weight:400;color:#fff;margin-left:8px}#mainHeader .navbar .nav-item:last-child .nav-link:hover{background:#fff !important;color:#4b10c2 !important}#mainHeader .navbar .nav-item:last-child .nav-link:hover::after{color:#4b10c2}@media(min-width: 992px){#mainHeader .navbar .nav-item+.nav-item{margin-left:8px}}#mainHeader .navbar .nav-item.active .nav-link{color:#704fe6}#mainHeader .navbar .nav-item .nav-link{color:#000;text-decoration:none;transition:.3s ease-out}@media(max-width: 991px){#mainHeader .navbar .nav-item .nav-link{color:#4b10c2}}#mainHeader .navbar .nav-item .nav-link:hover{color:#704fe6}@media(max-width: 991px){#mainHeader .navbar .nav-item .nav-link:hover{color:#4b10c2}}#mainHeader .search-form{position:absolute;top:100%;width:100%;transition:.3s ease-out}#mainHeader .search-form.no-visible{transform:scale(0)}#mainHeader .search-form form{background:#fff}#mainHeader .search-form form .btn{margin-left:0;border-radius:0}.main-footer{background:#1a1a1a;padding:130px 0 0}@media(max-width: 1199px){.main-footer{padding:100px 0 0}}@media(max-width: 991px){.main-footer{padding:75px 0 0}}@media(max-width: 767px){.main-footer{padding:55px 0 0}}@media(max-width: 575px){.main-footer{padding:35px 0 0}}.main-footer .f-widget{margin-bottom:55px}@media(max-width: 991px){.main-footer .f-widget{margin-bottom:25px}}.main-footer .title--footer{font-size:18px;color:#fff;font-weight:700}.main-footer .social{margin-top:15px}.main-footer .social .social-link{font-size:22px;color:#704fe6}.main-footer .social .social-link+.social-link{margin-left:20px}.main-footer h4{font-size:18px;font-weight:500;color:#fff;padding:0 0 15px 0}.main-footer ul{list-style:none;padding:0}.main-footer p,.main-footer li,.main-footer a{font-size:18px;color:#fff;text-decoration:none;margin-bottom:5px}.main-footer a{color:#fff;text-decoration:none;transition:.3s ease-out}.main-footer a:hover{color:#704fe6}.main-footer .btn{padding:10px 15px;border-radius:25px;border-top-left-radius:0;border-bottom-left-radius:0}.main-footer form{margin-top:20px;margin-bottom:35px}.main-footer input{border:none;border-top-left-radius:25px;padding-left:10px;border-bottom-left-radius:25px}.main-footer .widget_block .container-fluid{padding:0}.main-footer .widget_block .mc4wp-form-fields input{outline:none;box-shadow:none;border-top-right-radius:0;border-bottom-right-radius:0}.main-footer .widget_block .mc4wp-form-fields .btn{background:#3c812a;border-radius:0;border-color:#3c812a}.main-footer .widget_block .mc4wp-form-fields .btn:hover{background:#fff}.main-footer .widget_block .social-links{list-style:none;padding:0}.main-footer .widget_block .social-links li+li{margin-left:-10px}.main-footer .widget_block .social-links a{display:flex;justify-content:center;align-items:center;line-height:1;width:30px;height:30px;background:#4b10c2;border-radius:5px;padding:2px;color:#fff;transition:.3s ease-out}.main-footer .widget_block .social-links a:hover{background:rgb(56.7857142857,12.1142857143,146.8857142857)}.main-footer__bottom{border-top:1px solid hsla(0,0%,100%,.4)}.section{max-width:100%;overflow:hidden;padding:100px 0}@media(max-width: 1199px){.section{padding:75px 0}}@media(max-width: 991px){.section{padding:55px 0}}@media(max-width: 575px){.section{padding:35px 0}}/*# sourceMappingURL=style.css.map */
.justify-end {
    justify-content: flex-end;
}
.items-center {
    align-items: center;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex {
    display: flex;
}
.col-span-2 {
    grid-column: span 2 / span 2;
}
.mb-\[54px\] {
    margin-bottom: 54px;
}
.py-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}
.py-6{
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.gap-10 {
    gap: 2.5rem;
}
.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}
.rounded-\[5px\] {
    border-radius: 5px;
}
.mt-6 {
    margin-top: 1.5rem;
}
.mb-4 {
    margin-bottom: 1rem;
}
.mb-2 {
    margin-bottom: 0.5rem;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.font-semibold {
    font-weight: 600;
}
.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.px-5 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.border-\[\#DADADA\] {
    --tw-border-opacity: 1;
    border-color: rgb(218 218 218 / var(--tw-border-opacity, 1));
}
.border {
	border-style: solid;
    border-width: 1px;
}
.border-\[\#d4d4d4\] {
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
}

.border-t {
	border-top-style: solid;
    border-top-width: 1px;
}
.border-b {
	border-bottom-style: solid;
    border-bottom-width: 1px;
}
.rounded-\[10px\] {
    border-radius: 10px;
}
.w-full {
    width: 100%;
}
#mainHeader{
position:sticky;
top:0;
}
.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.pb-\[65\%\] {
    padding-bottom: 65%;
}
.overflow-hidden {
    overflow: hidden;
}
.h-full {
    height: 100%;
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}

.rounded-ss-\[10px\] {
    border-start-start-radius: 10px;
}
.rounded-es-\[10px\] {
    border-end-start-radius: 10px;
}
.w-full {
    width: 100%;
}
.h-full {
    height: 100%;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.top-0 {
    top: 0px;
}
.right-0 {
    right: 0px;
}
.left-0 {
    left: 0px;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
@media(min-width:992px){
.section--hero.style-front .small-banner{
        transform: translateX(32%)
}
.section--logos .col-md{
flex: 0 0 20%;
max-width: 20%;
}
}
@media(min-width: 1024px) and (max-width: 1619px){
#mainHeader .navbar .nav-item .nav-link{
font-size: 16px;
}
#mainHeader #menu-main-menu{
margin-right: 0 !important;
}
}

@media (min-width: 1024px) {
    .lg\:gap-\[60px\] {
        gap: 60px;
    }
	.lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid {
        display: grid;
    }
}
:root{
--secondary: #4b10c2
}
/* ROOT WRAPPER */
.section--course {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: #ffffff;
	overflow: visible;
}

/* NESTED ELEMENTS */
.section--course .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* GRID */
@media (min-width: 1024px) {
    .section--course .lg\:grid {
        display: grid;
    }
    .section--course .grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .section--course .lg\:gap-\[72px\] {
        gap: 72px;
    }
}

/* SIDE COURSE BOX */
.section--course .side-course {
    border-radius: 20px;
    overflow: hidden;
}
@media (min-width: 1024px) {
    .section--course .side-course{
        position: sticky;
        top: 0;
        
    }
	.section--course .side-course.on-top{
		transform: translateY(-110%);
	}
}

/* IMAGE WRAPPER */
.section--course .pb-\[65\%\] {
    padding-bottom: 65%;
}
.section--course .relative { position: relative; }
.section--course .absolute { position: absolute; }
.section--course .object-cover { object-fit: cover; }
.section--course .h-full { height: 100%; }
.section--course .w-full { width: 100%; }
.section--course .left-0 { left: 0; }
.section--course .top-0 { top: 0; }

/* SPACING */
.section--course .px-7 { padding-left: 1.75rem; padding-right: 1.75rem; }
.section--course .pt-6 { padding-top: 1.5rem; }
.section--course .pb-3 { padding-bottom: 0.75rem; }
.section--course .mb-6 { margin-bottom: 1.5rem; }
.section--course .gap-5 { gap: 1.25rem; }
.section--course .gap-10 { gap: 2.5rem; }

/* TYPOGRAPHY */
.section--course .text-2xl { font-size: 1.5rem; line-height: 2rem; }
.section--course .text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.section--course .font-bold { font-weight: 700; }
.section--course .font-semibold { font-weight: 600; }

.section--course .text-secondary { color: var(--secondary); }
.section--course .text-xl { font-size: 1.25rem; }

/* FLEX */
.section--course .flex { display: flex; }
.section--course .items-center { align-items: center; }
.section--course .justify-between { justify-content: space-between; }
.section--course .flex-col { flex-direction: column; }
.section--course .flex-wrap { flex-wrap: wrap; }

/* ORDER */
@media (min-width: 1024px) {
    .section--course .lg\:order-1 { order: 1; }
    .section--course .lg\:order-2 { order: 2; }
}

/* ROUNDED */
.section--course .rounded-\[20px\] { border-radius: 20px; }
.section--course .rounded-\[10px\] { border-radius: 10px; }

/* BACKGROUNDS */
.section--course .bg-white { background-color: #ffffff; }
.section--course .bg-\[\#EFF3FF\] { background-color: #EFF3FF; }
.section--course .bg-secondary { background-color: var(--secondary); }
.section--course .text-white { color: #ffffff; }

/* BORDER */
.section--course .border { border-width: 1px; }
.section--course .border-solid { border-style: solid; }
.section--course .border-\[\#BFBFBF\] { border-color: #BFBFBF; }

/* IFRAME WRAPPER */
.section--course .iframe-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}
.section--course .iframe-wrapper iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

/* BUTTON */
.section--course .btn-primary {
    background-color: var(--primary);
    color: #fff;
    padding-left: 3rem;
    padding-right: 3rem;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
}
.section--course .btn-primary i {
    margin-left: 0.5rem;
}

/* LOCATION LABEL */
.section--course .location {
    background-color: var(--secondary);
    color: #ffffff;
    padding: 0.25rem 0.75rem;
    border-radius: 10px;
    display: inline-block;
    width: fit-content;
    margin-bottom: 0.5rem;
}

/* SPACING UTILITIES */
.section--course .px-8 { padding-left: 2rem; padding-right: 2rem; }
.section--course .py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.section--course .mb-3 { margin-bottom: 0.75rem; }
.section--course .mb-4 { margin-bottom: 1rem; }
.section--course .gap-6 { gap: 1.5rem; }
.section--course .me-3 { margin-right: 0.75rem; }
.section--course .me-2 { margin-right: 0.5rem; }
.section--course .ms-2 { margin-left: 0.5rem; }
.section--course .ms-auto { margin-left: auto; }

/* ROOT SECTION */
.course-page-header {
    background-color: var(--secondary) !important; /* bg-secondary */
    color: #ffffff;                     /* text-white */
    padding-top: 80px;                 /* pt-[230px] */
    padding-bottom: 2.5rem;             /* py-10 => 2.5rem top/bottom (top overridden above) */
}

@media (min-width: 1024px) {
    .course-page-header {
        padding-bottom: 5rem;           /* lg:pb-20 */
    }
}

/* CONTAINER */
.course-page-header .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* GRID WRAPPER */
@media (min-width: 1024px) {
    .course-page-header .lg\:grid {
        display: grid;
    }
    .course-page-header .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .course-page-header .gap-\[80px\] {
        gap: 80px;
    }
}

/* FLEX / ALIGNMENT */
.course-page-header .flex {
    display: flex;
}
.course-page-header .flex-wrap {
    flex-wrap: wrap;
}
.course-page-header .items-center {
    align-items: center;
}

/* COLUMN SPANS */
.course-page-header .col-span-1 {
    grid-column: span 1 / span 1;
}

/* HIDDEN / BLOCK ON BREAKPOINTS */
.course-page-header .hidden {
    display: none;
}
@media (min-width: 1024px) {
    .course-page-header .lg\:block {
        display: block;
    }
}

/* TYPOGRAPHY */
.course-page-header .text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
}
@media (min-width: 1024px) {
    .course-page-header .lg\:text-6xl {
        font-size: 3.75rem;
        line-height: 1;
    }
}
.course-page-header .font-bold {
    font-weight: 700;
}
.course-page-header .text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.course-page-header .text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

/* SPACING UTILITIES */
.course-page-header .mt-8 {
    margin-top: 2rem;
}
.course-page-header .gap-4 {
    gap: 1rem;
}
.course-page-header .gap-\[25px\] {
    gap: 25px;
}
.section--course .side-course figure{
    margin: 0;
}
/* MARGINS (LTR) */
.course-page-header .me-3 {
    margin-right: 0.75rem;
}
.course-page-header .ms-3 {
    margin-left: 0.75rem;
}
.bg-secondary{
	background: var(--secondary) !important;
}
.side-course {
    box-shadow: 0 0 40px rgba(0, 0, 0, .1);
}

.side-course .btn.btn-primary{
    background: #4b10c2!important;
    color: #FFF;
}

.course-page-header .btn.btn-white{
	background: #FFF !important;
	color: var(--secondary) !important;
	padding: 12px 30px !important;
}

.side-course{
    transition:.3s ease-in-out;
}