body {  font-family: "Fira Sans", sans-serif;  background-color: #f8f9fa; color: #454169;  font-size: 17px; font-weight: 400;}
.wrapper {max-width: 1200px; margin:0px auto}
.wrapper-extend { max-width: 90%; margin: 0px auto;}
ol, ul {margin: 0px; padding: 0px; padding-inline-start: 0px !important;     margin-block-start: 0px;
    margin-block-end: 0px;}

iframe {width: 100% !important;}

b, strong {color: #314059;}

h1, h2, h3, h4, h5, h6 {font-weight: 700;color: #2e1f7e;letter-spacing: -.9px;}
h1 {
    font-size: 3.5rem;
}
@media (max-width: 575.98px) { 
    h1 {font-size: 2.5rem !important;}
}
a {text-decoration: none;}

.banner-page {background-color: #e99227;background-image: url('../img/back-banner-page.jpg'); padding-top: 130px; background-position: bottom center;}
.banner-page .button-breadcrumb {font-weight: 600;color: #e99227 !important;background-color: #2f2079;border-radius: 3px;padding: 0px 10px;}
.banner-page .breadcrumb-item {color: #362b7b}
.banner-page h1 {color: #ffffff}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
header .top { color: #c3c3c3; font-weight: 200;}
header .top .wrapper {border-bottom: 1px solid #5b4ead;}
header .top a {color: #e99227; font-weight: 500;}
header {background-color: #2f2079; color: white;padding: 15px 0;position: fixed;width: 100%;z-index: 99;}
.padding-top {padding-top: 110px;}
@media (max-width: 575.98px) { 
    .padding-top {padding-top: 150px;}
    header {background-color: #2f2079;}
}

/*--------------------------------------------------------------
# Video
--------------------------------------------------------------*/

#banner {background: rgb(107 41 238); text-align: center; }
#banner .wrapper { min-height: 500px}

/*--------------------------------------------------------------
# Menu
--------------------------------------------------------------*/
.menu ul li {display: inline-block; position: relative;}
.menu ul li a {text-decoration: none;transition: all ease .2s;display: block;padding: 5px 10px;font-size: 1.1rem;color: #ffffff; font-weight: 500;border-radius: 10px;line-height: normal;}
.menu ul li .active {color: #2f204b;border-radius: 4px;position: relative;font-weight: 700;background-color: #e99227;}

/*menu full*/
.menu-full ul li a {text-decoration: none;color: #ffffff ;padding: 5px 11px;font-weight: 600;}
.menu-full ul li a:hover {color: #e99227;}

.menu-full ul ul {opacity: 0;visibility: hidden;position: absolute;background-color: #4c94d3;transition: visibility 0.3s, opacity 0.2s linear;width: 200px;box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 15%);left: 5%;-webkit-box-shadow: 0px 1px 5px 0px rgb(169 166 166);-moz-box-shadow: 0px 1px 5px 0px rgb(169 166 166);box-shadow: 0px 1px 5px 0px rgb(169 166 166);}
.menu-full ul ul li {width: 100%;display: contents;}
.menu-full ul ul li a {line-height: 20px;font-size: 0.9rem;color: #ffffff;height: auto !important;text-align: left;font-weight: 400;padding: 10px 25px;border-bottom: 1px solid rgba(255,255,255,0.3);text-transform: capitalize;}
.menu-full ul ul li:last-child a {border-bottom: 0px;}
.menu-full ul li:hover > ul {opacity:1;visibility:visible;z-index: 9999;display: block;margin: auto;left: 5%;}
.menu-full > a:hover > li a {background-color: #e99227}
.menu-full ul li ul li.current-menu-item {background-color: inherit}
.menu-full ul li ul li.current-menu-item a {color: #e99227 !important;}

/*menu responsive*/
.button-responsive-menu {color: #e99227;text-transform: uppercase;font-weight: 600;display: block;padding: 8px; text-decoration: none;}
#responsive-menu ul {padding-left: 0px !important;}
#responsive-menu ul li {padding: 0px; display: block;}
#responsive-menu ul li a {border-top: 1px solid rgba(0,0,0,0.1);padding: 5px 20px !important;display: block;color: #ffffff;font-weight: 400;width: 100%;}

/*--------------------------------------------------------------
# Description
--------------------------------------------------------------*/
#description {background: #f8f9fa; font-size: 1.2rem; background-image: url('../img/back-description.jpg'); }
#description strong {font-weight: 600;}
#description .box h3 {background-color: #e99227;border-radius: 5px;color: #fff;letter-spacing: 0px;padding: 5px;}
#description .box {text-align: center;font-size: 1.2rem;font-weight: 600;/* background-color: #ffffff; */}

/*--------------------------------------------------------------
# Incription
--------------------------------------------------------------*/
.inscription .card {transition: all ease .2s ;border-radius: 0px;background-color: #ffffff;border: 0;box-shadow: unset !important;}
.inscription .card:hover {transform: scale(1.02);}
.inscription .card-text {font-weight: 600;font-size: 2.5rem;color: #2f2079;}
.inscription .btn {background-color: #5f4cbd;border: 0;font-size: 1.1rem;border-radius: 15px;font-weight: 700;padding: 5px 60px;color: #fff;}
.inscription .btn:hover {background-color: #4a399e;}
.inscription li {border-bottom: 1px solid #ffffff; padding: 5px}

/*--------------------------------------------------------------
# footer
--------------------------------------------------------------*/
footer {background-color: #1a104b;min-height: 200px;color: #ffffff;font-size: 1.1rem; }
footer strong, footer a {color: #e99227;font-weight: 400;text-decoration: none;}
footer ul li {border-bottom: 1px solid rgba(255,255,255,0.25); text-align: center; list-style: none;}
footer a {color: #ffffff; transition: all ease .2s;}
footer a:hover {color: #e99227 !important}


/*--------------------------------------------------------------
# scroll
--------------------------------------------------------------*/
::-webkit-scrollbar { width: 7px; height: 7px; }
::-webkit-scrollbar-track {border-radius: 0; }
::-webkit-scrollbar-thumb {border-radius: 0; background: #e99227; }
::-webkit-scrollbar-thumb:window-inactive { background: #e99227; }

/*--------------------------------------------------------------
# Boton subir
--------------------------------------------------------------*/
#scrollTopBtn {display: none;position: fixed;bottom: 20px;right: 40px;z-index: 99;border: none;outline: none;background-color: #e99227;color: #1a104b;cursor: pointer;padding: 5px 15px;font-size: 1.1rem;font-weight: 600;transition: all ease .2s; border-radius: 7px;text-transform: capitalize;}
#scrollTopBtn:hover {background-color: #cc7d1c;}

/*--------------------------------------------------------------
# text-content
--------------------------------------------------------------*/
.text-content ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 0; list-style: none;font-size: 1rem; padding: 30px 0px;}
.text-content li { position: relative; padding-left: 45px; text-align: left;}
.text-content li::before { content: ""; position: absolute; left: 10px; top: 5px; width: 15px; height: 15px; background-color: #e99227; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
@media (max-width: 575.98px) { 
	.text-content ul {grid-template-columns: repeat(1, 1fr);}
}
.text-content .btn-custom {background-color: #5847fa;border: 0;font-size: 1.1rem;border-radius: 15px;font-weight: 700;padding: 5px 60px;color: #fff;}

/*--------------------------------------------------------------
# timeline
--------------------------------------------------------------*/
.content-timeline {border-bottom: 1px solid #ffffff38; position: relative;}
.content-timeline .icon-div { position: relative; padding-left: 50px; text-align: left; font-family: 'Tipo-UBB-Regular'; font-size: 1.1rem}
.content-timeline .icon-div::before {content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 39.55 30.73"><path fill="%23f9b214" d="M0,16.44c0-.68.28-1.38.84-1.96.5-.52,1.01-1.04,1.54-1.54,1.13-1.07,2.79-1.15,4.01-.19.26.2.49.44.73.67,2.07,2.07,4.15,4.13,6.2,6.22.32.33.5.32.83,0,6.17-6.19,12.35-12.36,18.52-18.54,1-1.01,2.14-1.39,3.52-.89.36.13.68.33.95.6.54.53,1.08,1.05,1.6,1.6,1.07,1.14,1.09,2.9.06,4.09-.11.13-.24.25-.36.37-7.68,7.68-15.36,15.36-23.03,23.04-.5.5-1.05.83-1.79.79-.53-.03-.98-.23-1.35-.6-3.8-3.79-7.59-7.59-11.38-11.39C.29,18.15,0,17.42,0,16.44Z"/></svg>');
    position: absolute; left: 10px; top: 5px; width: 20px;  height: 20px; }

.timeline:before {content: '';position:absolute;height:110%;left:50%;width:2px;top:-20px;background: #2f2079;z-index:1;}
.timeline{ position:relative; margin: 50px auto;  }
.timeline ul{ margin:0;padding:0 ; }
.timeline ul li{ list-style:none; box-sizing:border-box; line-height:normal; position:relative; width:50%; padding: 30px 20px;  }  
.timeline ul li .right_content h2{ background-color: #5f4cbd; display: inline; border-radius: 10px; padding: 0px 20px; color: #fff; font-weight: 200; border-bottom: 3px solid #2f2079;
    border-right: 3px solid #2f2079;    }
.timeline ul li:nth-child(odd){ float:left; text-align:right; clear:both;}
.timeline ul li:nth-child(even){float:right; text-align:left; clear:both;}
.left_content{ padding-bottom:20px;}
.timeline ul li:nth-child(odd):before{content: '';position:absolute;width: 20px;height: 20px;background: rgb(233 146 39);border-radius:50%;right: -10px;top: 40px;z-index:1;}
.timeline ul li:nth-child(even):before{content: '';position:absolute;width: 20px;height: 20px;background: rgb(233 146 39);border-radius:50%;left: -10px;top: 40px;z-index: 9;}
.timeline ul li:nth-child(odd) .left_content{position:absolute;top: 35px;right: -430px;width: 400px;margin:0;padding: 0px;color:#fff;text-align: left;}
.timeline ul li:nth-child(even) .left_content{position:absolute;top: 35px;left: -430px;margin:0;color:#fff;width: 400px;text-align: right;}
@media (max-width: 1000px){    
    .timeline{width:100%;}
}
@media (max-width: 767px){
    .timeline{width:100%;}
    .timeline:before{left: 37px;top: -55px;}
    .timeline ul li:nth-child(odd),
    .timeline ul li:nth-child(even){width:100%;text-align:left;padding-left:50px;padding-top: 5px;}
    .timeline ul li:nth-child(odd):before {top:-18px;left: 16px;}
    .timeline ul li:nth-child(even):before { top:-18px;left:16px;}
    .timeline ul li:nth-child(odd) .left_content,.timeline ul li:nth-child(even) .left_content {top:-30px;left: 50px;right:inherit;text-align: left;}
}

/*--------------------------------------------------------------
# carrusel
--------------------------------------------------------------*/
.carousel-indicators [data-bs-target] { width: 15px; height: 15px; background-color: #e99227;}
.carousel-control-next-icon, .carousel-control-prev-icon {background-color: #e39426; border-radius: 7px; width: 50px; height: 150px; padding: 20px;}