@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Jost:ital,wght@0,100..900;1,100..900&family=Permanent+Marker&display=swap');
:root{
    --color-orange: rgb(255,77,0);
    --color-dark-blue:rgb(10,34,64);
    --color-white:rgb(255,255,255);
    --bg-grey-light:rgb(248,248,248);
    --bg-header:#F5F1F1;
    --title-font:"Fredoka", sans-serif;
    --body-font:"Jost", sans-serif;
    --marker-font:"Permanent Marker", cursive;
    --gradient-dark-blue:linear-gradient(180deg, rgba(32,85,150,1) 0%, rgba(10,34,64,1) 100%);
    --gradient-light-orange:linear-gradient(180deg, rgba(255,222,186,1) 0%, rgba(255,147,30,1) 100%);
}
*{
    transition: all .5s;
}
a{
    transition: all .5s;
    text-decoration: none;
}
.btn-color-one{
	border-radius: 10em;
	color: #fff;
	background-color: var(--color-orange);
	border-width: 1px;
    border-style: solid;
    border-color: var(--color-orange);
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.9em;
}
.btn-color-one:hover{
	color: var(--color-orange);
	background-color: #fff;
    border-color: var(--color-orange);
    
}
.link-orange,.text-orange{
    color: var(--color-orange) !important;
}
.uppercase{
    text-transform: uppercase;
}
.change-img {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
}
.change-img img {
  border-radius: 35px;
}
.bs01{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
img {
  object-fit: cover;
}
figure {
  overflow: hidden;
}
.hoverimg figure {
  position: relative;
}
.hoverimg figure::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.hoverimg figure:hover::before {
  -webkit-animation: shine .75s;
  animation: shine .75s;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}
.heading{
 
}
.heading .title{
    color: var(--color-dark-blue);
}
.heading .title h3{
    font-weight: 700 !important;
    font-size: 3rem;
    text-transform: uppercase;
}
.heading .subtitle{
    color: var(--color-orange);
    text-transform: uppercase;
    font-size: 1.3em
}
.heading .paragraph{
    padding-bottom: 1.6em;
}
h1,h2,h3,h4,h5,h6,.font-title{
    font-family: var(--title-font);
}
.content-page h1,.content-page h2,.content-page h3,.content-page h4,.content-page h5,.content-page h6{
    font-family: var(--title-font);
    font-weight: 700;
}
.content-page h2{
    font-size: 1.6rem;
}
.content-page h3{
    font-size: 1.4rem;
    font-weight:500;
}
.content-page h4{
    font-size: 1.2rem;
    font-weight:400;    
}
.offcanvas-body .collapse:not(.show)
{
  display: block;
}
#contactModal{
    z-index: 1100;
    position: fixed;
    color: var(--bs-body-color);
}
body{
    font-family: var(--body-font);
    background-color: var(--bg-header);
}
body.has-topbar{
	padding-top: 36px;
}
header{
    padding-top: 36px;
    /*background-color: var(--bg-header);*/
    position: relative;
    z-index: 99;
}
.navbar{
	padding: 0;
    padding-top: 0px;
    font-family: var(--title-font);
}
.navbar .container{ 
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	padding: 1.5em 1em 1em;
}
.navbar-brand img{
}
.navbar-nav a.nav-link{
    font-size: 1.0em;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--color-dark-blue);
    margin: 0 4px;
}
.navbar-nav a.nav-link.dropdown-link{
    text-transform:none;
    color: var(--bs-dropdown-link-color) !important;
    font-weight: 400;
    font-size:16px;
}
.mobile-navbar-link{
    list-style: none;
    color: var(--bs-dropdown-link-color) !important;
    padding: 0;
}
.mobile-navbar-link li{
    padding: 0.5rem 0;
}
.mobile-navbar-link li a{
    color: var(--color-dark-blue);
}
.topbar{
	position: absolute;
	width:100%;
	top: 0;
	color: #fff;
}
.topbar .container-fluid{
	background-color: var(--color-dark-blue);
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	height: 46px;
}
.topbar ul{
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}
.topbar ul li{
    display: flex;
    align-items: center;
}
.topbar a{
    color: #fff;
    padding: 0 4px;
    font-size: 0.9em;
    height: 24px;
    align-items: center;
    display: flex;
}
.topbar .second-navbar-link li{
    border-right: 1px solid #fff;
    margin:5px 0 0;
}
.topbar .second-navbar-link li:last-child{
    border-right: none;
}
.topbar .second-navbar-link li a{
    height:  1em;
    padding: 0 10px;
}
.topbar .second-navbar-link-icon{
    margin-left: 1em;
}
.topbar .second-navbar-link-icon svg{
    margin-right:4px;
}
.topbar .second-navbar-link-icon a{
    font-weight: 900;
}
/*banner social*/
.banner-social-icon {
  position: absolute;
  left: 25px;
  top: 200px;
}
.banner-social-icon .icon-social svg{
    height: 30px;
    width:30px;
    fill:var(--color-dark-blue);
}
.banner-social-icon .icon-social:hover svg{
    fill:#fff;
    margin-left: 6px;
}
.banner-social-icon .icon-social{
    margin-top: 10px;
    margin-bottom: 10px;
}
/*fast links*/
.home-fast-link{
  position: absolute;
  right: 0px;
  top: 200px;
}
.home-fast-link a{
  background-color: var(--color-dark-blue);
  color: #fff;
  width: 275px;
  height: 45px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  font-size: 18px;
  transition-duration: .3s;
  transition-property: transform;
  transition-timing-function: ease-out;
  display: block;
  padding: 6px 0 6px 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: -230px;
    position: relative;
}
.home-fast-link a:hover{
    transform: translateX(-230px);
}
.home-fast-link .icon-fast-link{
    padding-right:10px;
}
.home-fast-link .icon-fast-link svg{
    height: 20px;
    width:20px;
    fill:#fff;
}
/*offcanva*/
.offcanvas-header{
}
.text-bg-dark{
    background-color: var(--color-dark-blue) !important;
}
.offcanvas-body{
    background-color: #fff;
}
/*slider*/
#slider{
    background-color: var(--bg-header);
}
#slider h1{
    font-weight: 700;
    text-transform: uppercase;
}
#slider #ityped{
    color: var(--color-orange);
}
#slider .ityped-cursor {
    color: var(--color-dark-blue); 
    opacity: 1;
    -webkit-animation: blink 0.3s infinite;
    -moz-animation: blink 0.3s infinite;
    animation: blink 0.3s infinite;
    animation-direction: alternate;
}

@keyframes blink {
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes blink {
    100% {
        opacity: 0;
    }
}

@-moz-keyframes blink {
    100% {
        opacity: 0;
    }
}
#slider .rounded-bg-white{
    background-color: #fff;
    padding: 1rem;
    color: var(--color-dark-blue);
    border-radius: 1rem;
    border:1px solid var(--color-dark-blue);
    font-size: 1rem
}
#slider ul.slider-list-theme {
  font-weight: 500;
}

#slider .an{
  animation-name: flo;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  position: relative;
  bottom: 20px;
  left:0px;

}
@keyframes flo{
  50%{
    transform: translateY(15px) translateX(-50px);
  }
}
#slider .banner-logo {
  position: absolute;
  left: 15%;
  bottom: -60px;
  width: 1523px;
  height: auto;
  z-index: 0;
}

.btn-type-one{
    color: #fff;
    background: var(--color-dark-blue);
}
.btn-type-one:hover{
    color: var(--color-dark-blue);
    background: var(--color-white);
}
.btn-type-one svg{
    fill:#fff;
    height: 20px;
    padding: 0 0 4px;
}
.btn-type-two{
    color: var(--color-orange);
    background: #fff;
    border: 1px solid var(--color-orange);
}
.btn-type-two svg{
    fill:var(--color-orange);
    height: 20px;
    padding: 0 0 4px;
}

/*footer*/
footer{
    
}
.fill-body
{
  fill: var(--bg-header) !important;
}
.rotate-180
{
  -webkit-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important;
}
.footer-links-icon ul li a {
  text-decoration: none;
}
.footer-links-icon ul li a span {
background-color: var(--color-dark-blue);
    color: #fff;
  width: 245px;
  height: 45px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
  font-size: 20px;
  transition-duration: .3s;
  transition-property: transform;
  transition-timing-function: ease-out;
  display: block;
    padding-left: 20px;
      
}
/*searchBar*/
#searchBar{
    position: relative;
    bottom: 40px;
    z-index: 1;
    height: 0;
}
.cta-searchBar{
    background-color: var(--color-orange);
    color:#fff;
    border-radius: 1rem;
    padding: 1.5rem 2rem;
}
.cta-searchBar h5{
    text-transform: uppercase;
    font-weight: 500;    
}
.cta-searchBar .icon-lg {
  width: 3.5rem;
  height: 3.5rem;
  line-height: 3.5rem;
  text-align: center;
  font-size: 1.2rem;
    border-radius:1rem;
    background-color: #fff;
}
.cta-searchBar .icon-lg svg{
    height: 24px;
    fill: var(--color-orange);
}
.cta-searchBar .btn-dropdown{
    border:1px solid #fff;
    color: #fff;
    min-width: 200px;

}
.cta-searchBar .dropdown-menu{
    background-color: var(--color-orange);
    color: #fff;
    border:1px solid #fff;
    min-width: 200px;
}
.cta-searchBar .dropdown-menu a{
    color: #fff;
    text-align: center;
}
/*@media (max-width: 1200px) {
    #searchBar{
        bottom: 14px;
        margin-bottom: 60px;
        margin-top: 30px;
    }
}*/
/*blocFormations*/
#blocFormations{
    position: relative;
    background-color: var(--color-dark-blue);
    padding: 160px 0 120px;
    
}
.service-shape {
  position: absolute;
  top: 0;
  left: 14%;
  width: 1px;
  height: 100%;
  background: #9DBAFE10;
}
#blocFormations .service-shape.shape-2 {
  left: 30%;
}
#blocFormations .service-shape.shape-3 {
  left: 42%;
}
#blocFormations .service-shape.shape-4 {
  left: 56%;
}
#blocFormations .service-shape.shape-5 {
  left: 70%;
}
#blocFormations .service-shape.shape-6 {
  left: 85%;
}
.bloc-formation {
  background-color: #fff;
  -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.18);
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.18);
  border-radius: 10px;
  padding: 25px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  margint-top:0px;    
}
div[class*="col"]:nth-of-type(4n+2) .bloc-formation, div[class*="col"]:nth-of-type(4n+4) .bloc-formation {
  margin-top: 10px;
}
@media (min-width: 1440px) {
    div[class*="col"]:nth-of-type(4n+2) .bloc-formation, div[class*="col"]:nth-of-type(4n+4) .bloc-formation {
      margin-top: 80px;
    }
}
.bloc-formation-text{
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 2em;
    font-weight: 700;
    display: table-cell;
    vertical-align: middle;
}
.bloc-formation{

}
.bloc-formation .bform-img{
    margin-top: -75px;
}
.bloc-formation .bform-img img{
    max-width:120px;
}
.bform-title span{

}
.bform-title p, .bform-title h2{
    font-size: 2.2em;
    font-weight: 700;
    line-height: 1em;
}
.bform-title h2 span{
    font-size: 30px;
}
.bform-list ul{
    padding-left: 1rem;
}
.bform-list ul li a{
    color: #000;
}
.bform-list ul li a h3{
    color: #000;
    font-size: 1em;
    font-family: var(--body-font);
    margin: 0;
    display: inherit;
}
/*blocTimeline*/
#blocTimeline{
    padding-top: 80px;
    padding-bottom: 80px;
}
/*blocAbout http://edukon.codexcoder.com/?storefront=envato-elements*/
#blocAbout {
    background-color: #fff;
    position: relative;
} 
#blocAbout::before {
  border-bottom: 810px solid var(--bg-header);
  border-right: 960px solid transparent;
  height: 100%;
  width: 50%;
  content: "";
  position: absolute;
  display: none;
}
@media (min-width: 1440px) {
 #blocAbout::before {
    display: block;
  }
}
#blocAbout .about-left, #blocAbout .about-right {
    position: relative;
    z-index: 1;
}
#blocAbout .about-right{
    padding: 40px 0;
}
#blocAbout ul.about-ul {
  margin: 0;
  padding: 0;
}
#blocAbout .about-right ul li {
  list-style: none;
  padding: 15px 0;
  align-items: center;
  display: flex;
  flex-wrap: wrap;    
}
#blocAbout  .about-right .about-wrapper ul li .sr-left {
  margin-right: 15px;
  width: 70px;
  background: var(--color-dark-blue);
  color: #fff;
  text-align: center;
  height: 70px;
  border-radius: 10px;
}
#blocAbout .about-right .about-wrapper ul li .sr-right {
  width: calc(100% - 85px); 
}

/*blocNumbers*/
#blocCounter{
    padding-top: 40px;
    padding-bottom: 40px;
}
#blocCounter .bg-dark-blue{
    background-color: var(--color-dark-blue);
    color: #fff;
}
#blocCounter .h2{
    font-size: 4rem;
}
@media (max-width: 576px) {
    #blocCounter .h2{
        font-size: 3rem;
    }
}
/*blocSchool https://winsfolio.net/html/orphan/?storefront=envato-elements */
#blocSchool {

    padding-top: 40px;
    padding-bottom: 40px;
}
.blocSchool-text{
    padding-left: 35px;
    position: relative;
    padding-right: 10px;
}
/*blocAvis*/
#blocAvis {
    background-color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
}
.studentReview .studentImg {
  margin-bottom: 13px;
  position: relative;
}
.studentReview .studentImg > img {
  border-radius: 25px;
}
.studentReview .studentImg .sc-div {
  position: absolute;
  bottom: -20px;
  right: 20px;
  width: 40px;
  background: var(--color-orange);
  z-index: 99;
  text-align: center;
  border-radius: 30px;
  padding: 8px 0 11px;
}
.studentReview .studentImg .sc-div > span {
  display: inline-block;
  cursor: pointer;
}
.studentReview .studentInfo {
  padding: 0 20px;
}
.modal-movie{

}
.modal-movie button{
    position: absolute;
    top:10px;
    right:10px;
    background-color: #fff;
    border-radius: 50%;
}
.modal-movie .modal-body{
    padding: 0;
}
/*blocActus*/
#blocActus{
    padding-top: 60px;
    padding-bottom: 60px;
}
#blocActus .card-title a{
    color: var(--color-orange);
    font-size: 1.4rem;
    font-family: var(--title-font);
}
/*blocFaq*/
#blocFaq{
    padding-top: 60px;
    padding-bottom: 60px;
}

.dtr-accordion {
  border: 0;
}
.dtr-accordion .accordion-item {
  background-color: transparent;
  border-color: #dddee0;
}
.dtr-accordion .accordion-item {
  border: 1px;
    border-top-style: none;
    border-top-color: currentcolor;
    border-right-style: none;
    border-right-color: currentcolor;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-left-style: none;
    border-left-color: currentcolor;
  border-style: solid;
  margin-bottom: 10px;
    border-radius:20px;
}
.accordion-header {
  margin-bottom: 0;
}
.dtr-accordion .accordion-button {
  background-color: transparent;
  color: var(--color-dark-blue);
}
.dtr-accordion .accordion-button {
  padding: 20px 30px;
  border-radius: 0;
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1.3em;
}
.dtr-accordion .accordion-button:not(.collapsed) {
  background-color: transparent;
  color: var(--color-orange);
}
.dtr-accordion .accordion-button:not(.collapsed) {
  border-radius: 0;
  box-shadow: none !important;
  outline: 0;
}
.dtr-accordion .accordion-body {
  background-color: transparent;
}
.dtr-accordion .accordion-body {
  padding: 5px 30px 20px 30px;
  border: 0;
  border-radius: 0;
}
.dtr-accordion .accordion-item{
    background-color: #fff;
}
/*footer*/
footer{
    background-color: var(--color-dark-blue);
    color: #fff;
}
footer a.nav-link {
    color: #fff;
}
.btn-social{
height: 2.25rem;
  width: 2.25rem;
  background-color: var(--bg-grey-light);
  text-align: center;
  padding: 0.2rem;
}
.btn-social svg{
    height: 20px;
    width: 20px;
    vertical-align: bottom
}
.btn-social:hover svg {
    fill:#fff;
}
.btn-facebook:hover{
    background-color: rgb(8, 102, 255)
}
.btn-linkedin:hover{
    background-color: rgb(10, 102, 194)
}
.btn-youtube:hover{
    background-color: #FF0000
}
.btn-tiktok:hover{
    background-color: #000
}
.btn-instagram:hover{
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

/*Page*/
.content-page .img-fluid{
    border-radius: 2em;
}
.bg-page{
    background-color: var(--bg-header);
}
.bg-page .breadcrumb,.bg-page .breadcrumb a{
    color:var(--color-orange);
}
.bbo{
    border-bottom: 4px solid var(--color-orange);
}
.h1-page{
    color: var(--color-dark-blue);
    text-transform: uppercase;
    font-weight: 700;
}
.page-files{
    
}
.page-files .title{
    font-weight: 700;
    padding-bottom: 1.6rem;
    margin-bottom: 1.6rem;
    border-bottom: 1px solid var(--color-dark-blue);
    text-transform: uppercase;
    font-size: 1.2rem;
}
.page-files .list-group-item a{
    color:#000;
}
.page-files .list-group-item .avatar-img{
    margin-right: 1em;
}
.bloc-mea-01{
    background: var(--gradient-dark-blue);
    color: #fff;
    border-radius: 2em;
    padding: 2em;
}
.bloc-mea-02{
    background: var(--gradient-light-orange);
    color: var(--color-dark-blue);
    border-radius: 2em;
    padding: 2em;
}
.bloc-cta-postuler-page{
    margin-top:7em;
    margin-bottom:4em;

}
.bloc-cta-postuler-page-bloc{
    z-index: -1;
    background: var(--gradient-dark-blue);
    border-radius: 2em;    
}
.bloc-cta-register{
    background: var(--gradient-light-orange);
    color: var(--color-dark-blue); 
    z-index: 110;
}
/*Trombi*/

.overflow-hidden
{
  overflow: hidden !important;
}
.bg-transparent
{
  background-color: transparent !important;
}
.rounded-3
{
  border-radius: var(--bs-border-radius-lg) !important;
}
.card.card-img-scale{
    cursor: pointer;
}
.content-trombi .card.card-img-scale:after {
  content:'';
  background:rgba(255, 77, 0,.8);
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  transition:all .3s;
  bottom:-4px;
  color:#fff;
  left:-4px;
  position:absolute;
  right:-4px;
  top:-4px;
  opacity:0;
  z-index:1
}
.card.card-img-scale .card-img-scale-wrapper{
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: relative;
  overflow: hidden;
}
.card.card-img-scale .img-scale{
  max-width: 100%;
  height: auto;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: scale(1.001);
  transform: scale(1.001);
}
.card.card-img-scale:hover .img-scale{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.grid-box-title {
  -webkit-transition: -webkit-transform .2s ease-out,opacity .2s ease-out;
  -moz-transition: -moz-transform .2s ease-out,opacity .2s ease-out;
  transition: transform .2s ease-out,opacity .2s ease-out;
  transform: translate3d(0,100px,0);
  position: absolute;
  padding: 28px;
  z-index: 2;
  width: 100%;
  left: 0;
  bottom: 0;
  opacity: 0;
  color: #fff;
}
.grid-box-title a{
    color: #fff
}
.content-trombi .card.card-img-scale:hover .grid-box-title {
  transform:translate3d(0,0,0);
  opacity:1
}
.content-trombi .card.card-img-scale:hover:after {
  opacity:1
}
.show-services .card{
    border-radius:calc(1rem * 1.5);
    background-color:#f6f9fc;
    border: 1px solid var(--color-orange);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.show-services .card .card-body{
    padding:2.375rem 2.375rem 1rem;
}
.show-services .card .card-body h3{
    color: var(--color-dark-blue);
    font-family: var(--title-font);
    font-weight: 600;
}
.show-services .card .card-footer{
    background: none;
    padding:1rem 2.375rem;    
}
.show-services .card .card-footer .btn{
    width: 3.5rem;
    height: 3.5rem;
    padding: 0;
    border-radius: 50% !important;
    border:1px solid var(--color-orange);
    display: inline-flex;
  align-items: center;
  justify-content: center;
}
.show-services .card .card-footer .btn svg{
    width: 20px;
    height: 20px;
    fill:var(--color-orange);
}
.show-services .card .card-footer .btn:hover{
    background-color: var(--color-orange);
}
.show-services .card .card-footer .btn:hover svg{
    fill:#fff;
}

/*bloc-admission*/
.mb-8 {
  margin-bottom: 8rem !important;
}
.bloc-admission .icon-lg {
  width: 3.5rem;
  height: 3.5rem;
  line-height: 3.5rem;
  text-align: center;
  font-size: 1.2rem;
  border:1px solid var(--color-orange);
  color: var(--color-orange);
}
.bloc-admission h3{
    color: var(--color-dark-blue);
    text-transform: uppercase;
    font-family: var(--title-font);
    font-weight: 700
}


/*content-jobs*/
.content-jobs{
    
}
.content-jobs h5 a,.content-jobs .h5 a{
    color: var(--color-dark-blue);
}
.content-jobs .card:hover h5 a{
    color: var(--color-orange);
}
.content-jobs .list-infos span, #job-one .list-infos span{
    margin-right: 12px;
}
.content-jobs .list-infos svg, #job-one .list-infos svg{
    fill :  var(--color-orange);
    margin-right: 6px;
    width: 18px;
    height: 20px;
}
.content-jobs .btn-color-one svg {
    fill:#fff;
}
.content-jobs .list-infos a {
    color: var(--color-dark-blue);
}
#job-one a{
	color: #fff;
}
/*fixed bottom*/
.resp-bottom{
    background-color: #fff;
    border-top : var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    color: var(--color-dark-blue);
}
.resp-bottom a{
    color: var(--color-dark-blue);
}
.resp-bottom svg{
    fill: var(--color-dark-blue);
    max-width: 30px;
  max-height: 25px;
}
.resp-bottom span{
    font-size: 0.9rem
}


/*footer brand*/
.footer-brand img{
    max-width: 80%;
}

/*content-faqs*/
.accordion.accordion-border .accordion-button[aria-expanded="true"] {
  color: #fff;
  background-color: var(--bs-gray-900);
}
.accordion.accordion-border .accordion-button:focus{
    border: none; 
    box-shadow: none;
}
.accordion.accordion-border .accordion-item {
  border: none;
  background-color: transparent;
}
.accordion.accordion-icon .accordion-collapse {
  border: none;
}

















/*Gantt*/
.gantt {
  display: grid;
  border: 0;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  box-shadow: 0 75px 125px -57px #7e8f94;
}
.gantt__row {
  display: grid;
  grid-template-columns: 150px 1fr;
  background-color: #fff;
}
.gantt__row:nth-child(odd) {
  background-color: #f5f5f5;
}
.gantt__row:nth-child(odd) .gantt__row-first {
  background-color: #f5f5f5;
}
.gantt__row:nth-child(3) .gantt__row-bars {
  border-top: 0;
}
.gantt__row:nth-child(3) .gantt__row-first {
  border-top: 0;
}
.gantt__row--empty {
  background-color: #ffd6d2 !important;
  z-index: 1;
}
.gantt__row--empty .gantt__row-first {
  border-width: 1px 1px 0 0;
}
.gantt__row--lines {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: transparent;
  grid-template-columns: 150px repeat(5, 1fr);
}
.gantt__row--lines span {
  display: block;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.gantt__row--lines span.marker {
  background-color: rgba(10, 52, 68, 0.13);
  z-index: 2;
}
.gantt__row--lines:after {
  grid-row: 1;
  grid-column: 0;
  background-color: #1688b345;
  z-index: 2;
  height: 100%;
}
.gantt__row--months {
  color: #fff;
  background-color: #0a3444 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  grid-template-columns: 150px repeat(5, 1fr);
}
.gantt__row--months .gantt__row-first {
  border-top: 0 !important;
  background-color: #0a3444 !important;
}
.gantt__row--months span {
  text-align: center;
  font-size: 13px;
  align-self: center;
  font-weight: bold;
  padding: 20px 0;
}
.gantt__row-first {
  background-color: #fff;
  border-width: 1px 0 0 0;
  border-color: rgba(0, 0, 0, 0.1);
  border-style: solid;
  padding: 15px 0;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}
.gantt__row-bars {
  list-style: none;
  display: grid;
  padding: 9px 0;
  margin: 0;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 8px 0;
  border-top: 1px solid rgba(221, 221, 221, 0.8);
}
.gantt__row-bars li {
  font-weight: 500;
  text-align: left;
  font-size: 14px;
  min-height: 15px;
  background-color: #55de84;
  padding: 5px 12px;
  color: #fff;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  border-radius: 20px;
}
.gantt__row-bars li.stripes {
  background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.1) 5px, rgba(255, 255, 255, 0.1) 12px);
}
.gantt__row-bars li:before, .gantt__row-bars li:after {
  content: "";
  height: 100%;
  top: 0;
  z-index: 4;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
}
.gantt__row-bars li:before {
  left: 0;
}
.gantt__row-bars li:after {
  right: 0;
}