.menuDesktop {
    background: #ffffffe0;
    border-radius: 10px;
    position: absolute;
    z-index: 3;
}
.menuDesktop{display:none; opacity:0; transition: opacity 0.5s ease-in-out; }
.menuActive{display:block; opacity:1;}

.programRightSelector{cursor:pointer;}

.professorsBtn{border:none; background:transparent;   font-family: 'Seravek'; }
.bannerTopCont{background:var(--red);}
.sectionSelectorWrapper button{ color:white;}
.contentSectionBanner{color:white !important; max-width:510px; width:100%;}
.contentSectionBanner span{color:white !important;}
.logosSectionBanner{display:flex; gap:34px;}

.rightBannerSection{position:relative; background:url("https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/EBA/Componente%2023%20%E2%80%93%201%20(5).svg") no-repeat; background-size:cover;}

.programRightSelector{position:absolute;}


.titleSectionBanner h1{ font-family: 'Laurentian Std Light'  ; font-weight:100 !important; color:white !important;}
.titleSectionBanner h1 span{   font-family: 'Laurentian Std SemiBold'; !important ; color:white !important;  font-weight:500 !important;}
.bottomTextMore{color:white; font-size:14px; text-align:center; margin:10px 0;}


.listPgrograms li:not(:last-child) {
    border-left: 6px solid var(--red) !important;
    padding: 2px 12px;
}

.leftBannerSection{position:relative;}
.rightBannerSection{background-size:cover;}
.middleTopArt{position:absolute; top:0;}


@media(max-width:1740px){

	    .menuDesktop {
        right: 218px;
        top: 160px;
    }
	
}
@media(max-width:1680px){
		
	.menuDesktop {
        right: 70px;
        top: 160px;
    }


}

@media(max-width:1440px){
	
	    .listPgrograms li {
        margin-bottom: 15px;
    }
	    .menuDesktop .listPgrograms li a { font-size: 24px;}
	
		.menuDesktop {padding: 44px 62px 0;    }
	
	
	.rightBannerSection{background-size:contain !important;}
	
		.programRightSelector{top:98px; right:20px;}


	.titleSectionBanner h1{line-height:56px;}

	.titleSectionBanner h1{font-size:40px;}
		.titleSectionBanner h1 span{font-size:70px;}
	.sectionSelectorWrapper{margin:100px 0 127px; max-width: 376px;}
	.titleSectionBanner{margin-top:43px;}
	.rightBannerSection{margin-left:84px;}
	.professorsBtn{padding:5px 12px; margin-bottom:20px;}
	.logosSectionBanner{margin-top:120px;}
.middleTopArt{right:-68px; top:318px;}
	.leftBannerSection{background-position:50% !important;}

}



@media(max-width:1180px){
	.bannerTopCont{display:flex;}
	.leftBannerSection{height:400px;}
	.middleTopArt{right:186px; top:484px;}
	.rightBannerSection { margin-left: 36px ;}
		.logosSectionBanner{margin-top:60px;}
	
	.sectionSelectorWrapper {
        margin: 60px 0 50px;
        max-width: 376px;
    }



}
.menuDesktop{border: solid 1px var(--red);}
@media(max-width:1080px){
		.bannerTopCont{display:grid;}
	.sectionSelectorWrapper{ max-width: 882px; width:100%;}
.menuDesktop {
    right: 70px;
    top: 465px;
}

}

@media(max-width:980px){
	.menuDesktop{display:none !important;}
}

@media(max-width:680px){
	.hide_menu{display:none !important;}
	
	.menuDesktop{width:100%; right:0; padding:0;}
	    .listPgrograms {
        font-size: 22px;
    }
	
	
    .listPgrograms {
        padding: 20px 20px 0 !important;
    }
	
    .menuDesktop {
       right: 0 !important;
			top:0 !important;
			height:100%;
			    align-content: center;
    }
	
	
	
		.rightBannerSection{background-size:cover !important;}

	.rightBannerSection{margin:10px 20px;}
	.leftBannerSection{background-size:cover !important;}
	.programRightSelector{right:0; top:60px !important;}
		.moreDetailsMobile{display:flex; max-width:30px; width:100%; margin:0px auto 10px; }
	
		.sectionSelectorWrapper {
        margin: 20px 0 20px;
        max-width: 376px;
			   height:0;
			  overflow:hidden;
			transition:height 0.5s ease-in;
			
    }
	
	.sectionSelectorActive{
					   height:auto;

		
	}

}

@media(min-width:680px){
	.moreDetailsMobile,.bottomTextMore{display:none; }
	
}

@media(min-width:1080px){
		.leftBannerSection{width:50%; background-size:cover !important;}
	.hide_menu{ bottom: 6px !important;}
}

@media(min-width:1180px){
	.bannerTopCont{display:flex;}


}

@media(min-width:1440px){
	
	.hide_menu{bottom:40px;}
	
	    .listPgrograms li {
        margin-bottom: 15px;
    }
	
	    .menuDesktop .listPgrograms li a {
        font-size: 24px;
    }
	.programRightSelector{top:98px; right:120px; }
	
	.menuDesktop{ padding: 44px 62px 0;}

	.titleSectionBanner h1{line-height:56px;}
		.leftBannerSection{width:46%; background-size:cover !important;}
			.rightBannerSection{width:54%;}



	.titleSectionBanner h1{font-size:40px;}
		.titleSectionBanner h1 span{font-size:70px;}
	.sectionSelectorWrapper{margin:80px 0 70px;}
	.titleSectionBanner{margin-top:43px;}
	.rightBannerSection{margin-left:84px;}
	.professorsBtn{padding:5px 11px; margin-bottom:20px;}
	.logosSectionBanner{margin-top:120px;}
.middleTopArt{right:-68px; top:318px;}
	.sectionSelectorWrapper button:not(:last-child){ border-right:solid 2px white;}
	.borderBtn{border:none !important;}

	
	.sectionSelectorWrapper{max-width:720px; width:100%;}

}

@media(min-width:1560px){
	.programRightSelector{top:98px; right:160px;}
}


@media(min-width: 1740px) {
    .menuDesktop {
        right: 218px;
        top: 160px;
    }
	
	.programRightSelector{top:98px; right:274px; }



}

.menuDesktop ul {
    list-style: none;
}

.menuDesktop .listPgrograms li a {
    color: var(--gray);
    display: flex;
    font-weight: 700;

	 }