.navbar-collapse{
    justify-content: center;
}

.img_logo{
    max-height: 65px;
}

.hero-sec{
    /*
    background-position: right 113px !important;
    background-size: contain !important;
    background-repeat: no-repeat;
    */
}

.btn-group-right{
    /*position: absolute;*/
    right: 20px;
}

.slct-lang{
    margin-right: 10px;
    width: 100px !important;
    border: 1px solid #47727d;
    background: none;
    background-color: #FBFCFC;
}


.home-banner-section-top{
    position: relative;
    padding-top: 170px;
    padding-bottom: 120px;
    background-color: #fffbfd;
    margin-bottom: 30px;
}

.dark-version .home-banner-section-top,.dark-version .home-banner-section-top::before{
    background-color: #333;
    color: #ffffff;
}

.home-banner-section-top::before{
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 150px;
    background-color: #ffffff;
}


.home-banner-section-container{
    position: static;
    max-width: 1230px;
    padding: 0px 30px;
    margin: 0 auto;

    min-height: calc(100vh - 300px);
    min-height: 600px;

    max-width: 1550px;
    padding: 0px 30px;
}

.home-banner-section-top .floating-img{
    position: absolute !important;
    z-index: 9;

    max-width: 200px;
    opacity: 1 !important;
}
.sau-about-sec{
    margin-bottom: 10px !important;
}
.sau-about-sec .video-content-wrap .dots{
    bottom: -150px;
    opacity: 1;
    width: 200px;
}
.about-sec .shape{
    top: 0 !important;
}
.partners-logo .shape{
    width: 350px;
    opacity: 0.8 !important;
    left: auto !important;
    right: -305px !important;
    bottom: 0 !important;
}

.partner-one{
    margin: 0 20px;
}

.home-banner-section-top .page-ct-box{
    position: relative;
    margin-bottom: 40px;
    max-width: 665px;
    width: 100%;
    float: left;
    padding-right: 120px;
    padding-right: 30px;
    padding-top: 120px;
    padding-top: 60px;

    /*background-color: blue;*/
}

.home-banner-section-top .page-cr-box{
    position: relative;
    float: left;
    width: 100%;
    z-index: 1;
    max-width: 370px;
    height: 100%;
    display: block;
    background-size: cover;
    
}

.min-hero-slider-height{
    position: relative;
    width: 370px;
    height: 450px;
    height: 430px;
    padding: 50px 10px 40px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-radius: 30px;
    box-shadow: 0px 30px 60px rgb(0 0 0 / 10%);
    background-color:#212F3C;
    color: #ffffff;
}



.min-hero-slider-height-full{
    position: relative;
    width: 100%;
    height: 450px;
    max-height: 430px;
    padding: 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-radius: 30px;
    box-shadow: 0px 30px 60px rgb(0 0 0 / 10%);
    background-color:#212F3C;
    color: #ffffff;

    border-radius: 10px;
    overflow: hidden;

    
}

.home-banner-sidebar{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 45%;
    height: 100%;
    -webkit-transform: translateX(120px);
    -ms-transform: translateX(130px);
    transform: translateX(120px);
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 0px 0px 0px 100px;
    background-image: none;
    background-color: #ebb63e;
    background-image: linear-gradient(to bottom, #ca2128, #ca2128, #ca2128, #ca2128, #ca2128);
    background-image: linear-gradient(to bottom, #47727d, #ebb63e, #ca2128, #681c4a, #47727d);
}

.home-banner-sidebar::before{
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: url(../../src/images/banners/2.png) bottom right no-repeat;
    background-size: 80%;

    opacity: 0.7;

}


.empty-separator{
    height: 100px;
    width: 100%;
}

.home-banner-section-container .item-content .item-title1{
    font-size: 37px;
    text-transform: uppercase;
    color: #47727d;
    line-height: 47px;
    margin-bottom: 30px;
    font-weight: 900;
}

.title-mini {
    font-size: 22px;
    line-height: 32px;
    color: #47727d;
    font-weight: 500;
}

.video-image-full img{
    border-radius: 10px;
    width: 100%;
}

.video-content-wrap-2{
    position: relative;
    margin-left: 108px;
}

.dark-version .home-banner-section-container .item-content .item-title1{
    color: #ffffff;
}

.home-banner-section-container .item-content .item-title2{
    font-size: 31px;
}


.home-banner-section-container .item-content .item-title3{
    font-size: 24px;
}


.item-sub-1{
    font-size: 36px;
}


.item-sub-2{
    font-size: 16px;
}

.event-date, .event-location{
    display: block;
    font-weight: 500;
}

.event-date{
    font-size: 34px;
    letter-spacing: 1.2px;
}

.event-location{
    font-size: 28px;
}




/*=================================================*/
/* Navbar */
/*=================================================*/


.header-area .nav-item:has(div.drop-down)::after
/*.header-area .nav-item::after*/
{
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-left: 5px;
    font-size: 13px;
    color: #681c4a;
  
    -webkit-transition: 0.6s;
    transition: 0.6s;
  }
   
  
   
  .header-area .nav-item:hover:has(div.drop-down)::after{
    content: "\f077";
    color: #47727d;
  }

/*=================================================*/
/* background-home-video */
/*=================================================*/
.wrap-home .navbar-brand{
    background-color: #fff;
    border-radius: 10px;
    padding: 0 10px;
}

#background-video {
    height: 100vh;
    width: 100vw;
    object-fit: cover;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;


    position: relative;
    min-height: 650px;
}


#background-image-home {
    height: 100vh;
    width: 100vw;
    object-fit: cover;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;


    position: relative;
    min-height: 650px;
}

#background-image-home img{
    min-height: 100vh;
    object-fit: cover;
}

.ov-home{

    position: fixed;
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.3);
    height: 100vh;
    z-index: -1;

}

.ov-home-2{
    position: fixed;
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.4);
    height: 100vh;
    z-index: -1;
    top: 0;
}

.banner-video .content, 
.banner-image .content{
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 950px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto;


    position: absolute;
    width: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
  
  #btnVideo {
    color: white;
    font-weight: bold;
    text-align: center;
  }
  
  .banner-video .content .item-title1,
  .banner-image .content .item-title1 {
    font-size: 3.5rem;
    margin-top: 40vh;
    text-transform: uppercase;

    color: white;
    font-weight: bold;
    text-align: center;
  }
  
  .banner-video .content .item-sub-1,
  .banner-image .content .item-sub-1 {
    margin-top: 2vh;
    text-align: center;
    color: #fff;
  }

  .banner-video .content .event-date,
  .banner-image .content .event-date{
    font-size: 2.3rem;
    letter-spacing: 0; 
  }

  .banner-video .content .event-location,
  .banner-image .content .event-location{
    font-size: 2rem;
    letter-spacing: 2px;
  }


  
  #btnVideo {
    font-size: 1.5rem;
    background: 0;
    border: 0;
    margin-left: 50%;
    transform: translateX(-50%);
  }
  

  .wrap-home .bg-white{
    background-color: #fff;
    margin: 0 !important;
    padding-bottom: 20px;
    padding-top: 30px;
    min-width: 100%; 
  }

  .bg-default-0{
    background-color: #fff;
    margin: 0 !important;
    padding-bottom: 20px !important;
    padding-top: 30px !important;
    min-width: 100%; 
  }

  .section-container-full {
    padding: 100px 0px;
    background-color:rgba(71, 114, 125, 0.2) ;
  }
  
  .bg-ss-light{

  }

  .wrap-home .bg-white hr{
    max-width: 1200px;
    margin: 0 auto;
  }
  
  .banner-video .banner-cta .row,
  .banner-image .banner-cta .row{
    display: flex;
    justify-content: center;
  } 
  .banner-video .cta-button,
  .banner-image .cta-button{
    background-color: #ffffff !important;
    border-color: #ffffff !important;
  }

  
  

/*=================================================*/
/* SLIDERS */
/*=================================================*/
.hero-slider-item{

}

.hero-slider-item img{
    
}



.min-hero-slider-height-full{
    position: relative;
    width: 100%;
    height: 450px;
    max-height: 430px;
    padding: 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-radius: 30px;
    box-shadow: 0px 30px 60px rgb(0 0 0 / 10%);
    background-color:#212F3C;
    color: #ffffff;

    border-radius: 10px;
    overflow: hidden;
   
}

.hero-inner-page-default{
    position: relative;
    width: 100%;
    height: 450px;
    max-height: 430px;
    padding: 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-radius: 30px;
    box-shadow: 0px 30px 60px rgb(0 0 0 / 10%);
    background-color:#212F3C;
    color: #ffffff;

    border-radius: 10px;
    overflow: hidden;
}

.hero-inner-page-default .hero-slider-item{
    height: 100%;
}


.hero-inner-page-default .hero-slider-item img{
    
    object-fit: cover;
    max-height: 430px;
    min-height: 430px;
    width: 100%;
    object-position: center center;
}

.hero-inner-page-default .slick-prev, 
.hero-inner-page-default .slick-next{
    top: 20px;
    background-color: #ffffff;
    color: #681c4a;
    width: 30px;
    height: 30px;

    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    z-index: 9;
}

.hero-inner-page-default .slick-prev::before, 
.hero-inner-page-default .slick-next::before{
    font-size: 17px;
}

.hero-inner-page-default .slick-prev{
    left: 20px !important;
}

.hero-inner-page-default .slick-next{
    left: 60px !important;
}


/*=================================================*/
/* BUTTONS */
/*=================================================*/

.custom-btn2, .custom-btn{
    min-width: 150px;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 15px;
}

.btn-min-w-menu{
    min-width: 130px !important;
}

.btn-min-w-1{
    min-width: 193px !important;
}

/*=================================================*/
/* COUNTDOWN */
/*=================================================*/

.countdown-box .info-sec{
    margin-top: 20px;
    top: 10px;
}

.countdown-box .info-sec .info-countdown{
    margin-bottom: 40px;
    box-shadow: 0px 4px 10px rgb(72 3 108 / 10%);
    -webkit-box-shadow: 0px 4px 10px rgb(72 3 108 / 10%);
}


/*=================================================*/
/* STATISTIQUES SECTION */
/*=================================================*/

.event-stats-sec{
    padding: 10px 0;

    margin-top: 30px;
    display: -webkit-inline-box;
    width: 100%;
}

.event-stats-sec .video-content-wrap{
    position: relative;
    margin-left: 0;
}

.event-stats-sec .video-content-wrap .management{
    margin-bottom: 20px;
    justify-content: space-evenly;
}

.event-stats-sec .video-content-wrap .management .count-block{
    font-size: 22px;
    font-weight: 500;
    color: #212121;
}

.event-stats-sec .video-content-wrap .management span.stat-count,
.event-stats-sec .video-content-wrap .management span.stat-label,
.event-stats-sec .video-content-wrap .management span.stat-line-2{
    display: block;
}


.event-stats-sec .video-content-wrap .management span.stat-count{
    font-size: 48px;
    font-weight: 400;
}

.event-stats-sec .video-content-wrap .management span.stat-count::after{
    content: "";
    border: 1px solid #47727d;
    display: block;
    width: 90px;
    margin: 5px 0;
}

.event-stats-sec .video-content-wrap .management span.stat-label{
    font-size: 25px;
}

.event-stats-sec .video-content-wrap .management span.stat-line-2{
    font-size: 16px;
    margin-top: 5px;
}


/*=================================================*/
/* ABOUT SECTION */
/*=================================================*/

.video-wrap.sau-video-wrap-home .video-play img{
    max-width: 450px;
    border: 1px solid #47727d;
}
.sau-title{
    text-transform: uppercase;
    color: #47727d;
}

.video-wrap.sau-video-wrap-home .video-play{
    top: 30% !important;
}


/*=================================================*/
/* BLOC SECTION */
/*=================================================*/

.uppercase{
    text-transform: uppercase;
}
.sau-blocs-cta{

}

.sau-blocs-cta .about-items-wrap .about-item .item-thumb .item-content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    bottom: 50% !important;
    transform: translateY(50%) !important;
    left: 30px;
    width: 80%;
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: flex-start !important;
}

.about-sec .about-items-wrap .cta-box .about-item .item-thumb{
    overflow: hidden !important;
    border-radius: 20px;
}

.sau-blocs-cta .about-items-wrap .cta-box .about-item .item-thumb .item-content{
    transform: none !important;
    flex-direction: row;
    justify-content: space-between !important;
    align-items: center !important;



    background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(117, 19, 93, 0.73)), url();
    width: 100%;
    left: 0;
    bottom: 0 !important;
    height: 100%;
    padding: 20px;
    align-items: flex-end !important;
}


.sau-blocs-cta .about-items-wrap .cta-box.r-sau .about-item .item-thumb .item-content{
    transform: none !important;
    flex-direction: column;
    justify-content: flex-end !important;
    align-items: flex-start !important;


    background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(117, 19, 93, 0.73)), url();
}



.cta-box-1,
.cta-box-img.one {
    /* background: none;
    background-color: #47727d; */
    margin-top: 0;
}

.cta-box-2,
.cta-box-img.two{
    margin-top: 60px;
}

.cta-box-3,
.cta-box-img.three{
    margin-top: 120px;
}

.sau-blocs-cta .title{
    font-size: 22px !important;
    font-weight: 600;
}

.cta-box .title{
    font-size: 18px !important;
    font-weight: 400 !important;
}

.cta-box .about-cta a{
    font-size: 16px !important;
    font-weight: 400 !important;
}

.sau-blocs-cta-bg .title{

    font-size: 28px !important;
    line-height: 38px !important;
    font-weight: 500 !important;
    margin-bottom: 5px;
}

.sau-blocs-cta .desc{
    font-size: 16px !important;
}

.cta-box-1 .item-thumb, 
.cta-box-2 .item-thumb, 
.cta-box-3 .item-thumb{
    min-height: 370px;
    border-radius: 20px;
}

.cta-box{
    min-height: 370px;
    border-radius: 20px;
    max-height: 370px;
}

.cta-box .about-item .item-thumb img{
    max-height: 370px;
    aspect-ratio: 1;
    border-radius: 30px;

    object-fit: cover;
}

.cta-box-3 .item-thumb{
    background-color: #47727d;
}

.cta-box-2 .item-thumb{
    background-color: #ebb63e;
}

.cta-box-1 .item-thumb{
    background-color: #681c4a;
}


.cta-box-bordered-1 .item-thumb, 
.cta-box-bordered-2 .item-thumb, 
.cta-box-bordered-3 .item-thumb{
    min-height: 370px;
    border-radius: 20px;
}

.cta-box-bg{
    min-height: 400px;
}

.cta-box-bordered-1 .item-thumb{
    border: 2px solid #47727d;
    background-color: #ffffff;
}

.cta-box-bordered-2 .item-thumb{
    border: 2px solid #ebb63e;
    background-color: #ffffff;
}

.cta-box-bordered-3 .item-thumb{
    border: 2px solid #681c4a;
    background-color: #ffffff;
}

.cta-box-img .item-thumb{
    min-height: 270px;
}

.cta-box-img .item-content{
    width: 100% !important;
    left: 0 !important;
    bottom: 0 !important;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.4), rgba(117, 19, 93, 0.9)), url();

    border-radius: 20px;

}

.cta-box-img img{
    height: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 20px;

}

.cta-box-img .content-title{
    padding: 20px;
}
.cta-box-img .desc{
    font-size: 18px;
}

.sau-blocs-cta-bordered .title, 
.sau-blocs-cta-bordered .content-title,
.sau-blocs-cta-bordered .desc
{
    color: #596275;
}

.about-sec .about-items-wrap .cta-box-bg .about-item  .item-content{
    position: relative !important;
    bottom: 0 !important;
    transform: none !important;
}

.sau-blocs-cta-bg{
    background-color: #47727d;
    background-color: #ffffff;
    padding: 0 !important;
}

.sau-blocs-cta-bg .cta-box-bg{
    padding-top: 70px;
    padding-bottom: 80px;


    background: #681c4a;
    border-radius: 15px;
    margin-left: 40%;
    padding-left: 10%;
    width: 60%;
    margin-top: 0;
}

.cta-box-bg-one{
    /*background-image: url(../../src/img/ui/png/11.png);*/
    background-image: url(../../assets/images/banner/2/sc.jpg);
    
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    border-radius: 20px;
    margin-bottom: 30px;


    position: absolute;
    width: 50%;
    height: 80%;
    top: 10%;
    left: -5%;
    margin-top: 0;
    margin-bottom: 0;


}

.sau-blocs-cta-bg .title{

}

.contact-line{
    display: block;
    margin-top: 5px;
}

.contact-line i{
    margin-right: 10px;
}

.cta-box.r-sau .title{
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 24px !important;
}

.cta-box.r-sau .date{
    position: absolute;
    right: 20px;
    bottom: 10px;
}

.cta-box.r-sau .more{
    
}

.cta-box.r-sau .more a{
    font-size: 14px;
    padding: 4px 15px;
    border-radius: 5px;
    border-width: 1px;
    margin-top: 30px;
}


.section-gen{
    padding: 80px 0px;
}

.section-gen .title-area .title{
    line-height: 44.2px;
    padding-right: 55px;
}

.section-gen .title-area .desc{
    font-size: 18px;
    color: #596275;
}

.tag-box .title{
    font-size: 22px !important;
    font-weight: 900 !important;
}

p.desc, 
ul.desc,
ul.desc li, 
li.desc,
.desc a{
    font-size: 18px;
}

.bordered-left{
    border-left: 4px solid grey;
    padding-left: 30px;
}

/*=================================================*/
/* GALLERY */
/*=================================================*/

.sau-gal .image-gallery-item{
    height: 100%;
    display: flex;
}

.sau-gal .image-gallery-item img{
    height: 100%;
    object-fit: cover;
}

/*=================================================*/
/* PARTNERS */
/*=================================================*/

.brand-items-wrap .brand-item .icon img{
    height: 100px;
}

.head-left{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.head-left .label{
    font-size: 14px;
    color: #681c4a;
    background-color: #ebb63e;
    padding: 5px 14px;
    border-radius: 32px;
    display: inline-block;
    margin-bottom: 22px;
    width: max-content;
}

.head-left .title{
    font-weight: 600;
    margin-top: 5px;
}

.partners-logo{
	position: relative;
	padding: 30px 0 25px;
}

.partners-logo.style-two{
	position: relative;
	padding: 170px 0 150px;
}

.partners-logo .icon-layer{
	position: absolute;
	right: 0;
	top: 30px;
	height: 454px;
	width: 451px;
	background-image: url(../images/icons/shape-11.png);
	background-repeat: no-repeat;
	background-position:center;
}

.partners-logo.style-two .icon-layer{
	right: auto;
	left: 0;
	top: 100px;
	background-image: url(../images/icons/shape-16.png);
}

.partners-logo .content-column{
	position: relative;
	margin-bottom: 50px;
}

.partners-logo .content-column .inner-col{
	position: relative;
	padding-top: 100px;
	padding-right:60px;
}

.partners-logo .content-column .sec-title{
	margin-bottom: 40px;
}

.partners-logo .content-column .sec-title h2{
	font-weight: 500;
}

.partners-logo .content-column .btn-box{
	position: relative;
}

.partners-logo .content-column .btn-box a{
	line-height: 30px;
	padding: 10px 35px;
	border-radius: 5px;
}

.partners-logo .p-logo-col{
	position: relative;
}

.partners-logo .p-logo-col .inner-col{
	position: relative;
	margin-left: -70px;
	margin-right: 50px;
	height: 400px;
}

.partners-logo.style-two .p-logo-col .inner-col{
	position: relative;
	margin-right: -70px;
	margin-left: 50px;
}

.partners-logo .p-logo-col .icon{
	position: absolute;
	border-radius:50%;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	box-shadow:none;
}

.partners-logo .p-logo-col .icon.now-in-view{
	-webkit-animation-name: zoomIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -ms-animation-name: zoomIn; 
    -ms-animation-duration: 1s;
    -ms-animation-iteration-count: 1;
    -moz-animation-name: zoomIn; 
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: 1;
}

.partners-logo .p-logo-col .icon img,
.partners-logo .p-logo-col .icon a{
	position: relative;
	display: block;
}

.partners-logo .p-logo-col .icon img{
    max-height: 110px ;
}

.partners-logo .p-logo-col .icon-1{
	left: 15%;
	top: -10px;
}

.partners-logo .p-logo-col .icon-2{
	right: 5%;
	top: 110px;
}

.partners-logo .p-logo-col .icon-3{
	left: 10%;
	bottom: 15%;
}

.partners-logo .p-logo-col .icon-4{
    right: 46px;
    top: 40%;
}

.partners-logo .p-logo-col .icon-5{
    left: -55px;
    top: 50%;
}

.partners-logo .p-logo-col .icon-6{
    left: 46%;
    top: 62%;
}

.partners-logo .p-logo-col .icon-7{
	left: 13%;
	bottom: -60px;
}

.partners-logo .p-logo-col .icon-8{
	right: -20px;
	bottom: -20px;
}

.partners-logo .p-logo-col .cir-sect-one{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 400px;
	border:1px solid #ebb63e;
	border-radius: 100%;
}

.partners-logo .p-logo-col .cir-sect-two{
	position: absolute;
	left: 80px;
	top: 80px;
	right: 80px;
	bottom: 80px;
	border:1px solid #681c4a;
	border-radius: 100%;
}

.partners-logo .p-logo-col .cir-sect-three{
	position: absolute;
	left: 80px;
	top: 80px;
	right: 80px;
	bottom: 80px;
	border:1px solid #ca2128;
	border-radius: 100%;
}

.partners-logo .p-logo-col .cir-sect-one,
.partners-logo .p-logo-col .cir-sect-two,
.partners-logo .p-logo-col .cir-sect-three{
    opacity: 0.2;
}


.partners-logo .shape{
    position: absolute;
    top: -130px;
    left: -130px;
    max-width: 400px;
    opacity: .5;
}

.mini-title{

}



/*=================================================*/
/* PARTNER & SPONSOR PAGE */
/*=================================================*/

.sponsor-sec{

}

.sponsor-sec .card{
    border: 1px solid #ebb63e !important;
    padding: 20px;
}

.sponsor-sec img{
    max-height: 100px;
    object-fit:contain;
}

.sponsor-sec .card-title{
    font-size: 18px;
    font-weight: 600;
    display: none;
    visibility: hidden;
    height: 0;
}

.sponsor-sec .card-thumb{
    min-height: 100px;
    display: flex !important;
    align-items: center;
    /*margin-bottom: 30px;*/
}

.sponsor-sec .card-desc{
    font-size: 14px;
    font-weight: 400;
}

.sau-partners{
}

.label-2{
    font-size: 20px;
}
.sau-sponsors{
    padding-top: 70px !important;
    padding-bottom: 80px !important;
}
.bg-orange{
    background-color: #ebb63e;
}

.brand-item-bordered .brand-item .icon{
    border: 1px solid #ced6e0;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    padding: 5px;
}

.sau-partners .brand-item{
    max-height: 140px;
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    padding: 10px;
}

.sau-partners .brand-item img{
    height: auto !important;
    max-height: 120px;


    background-color: #fff;
    height: 120px !important;
    border-radius: 5px;
    padding: 5px;
    object-fit: contain;
}


.sau-sponsors .brand-item{
    max-height: 130px;
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    padding: 5px;
    margin: 5px;
}

.sau-sponsors .brand-item img{
    height: auto !important;
    max-height: 120px;


    background-color: #fff;
    height: 120px !important;
    border-radius: 5px;
    padding: 10px;
    object-fit: contain;
}

.partner-hero{
    width: 100%;
    min-width: 100%;
}

.sponsor-sec.sh {
    padding-bottom: 50px;
}


.sau-list, .sau-list-two, .sau-list-three{
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: 500;
}

.sau-list li,.sau-list-two li, .sau-list-three li {
    margin-bottom: 10px;
    font-size: 18px;
    position: relative;
    padding-left: 20px;
}

.sau-list li:before, 
.sau-list-two li:before,
.sau-list-three li:before{
    font-family: "Font Awesome 6 Free";
    color: #ebb63e;
    font-weight: 900;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 1px;
}

.sau-list li:before {
    content: '\f054';
}

.sau-list-two li{
    font-size: 18px !important;
    padding-left: 24px !important;
}

.sau-list-two li:before{
    content: '\f06a';

    top: 3px;
    font-size: 17px;
}

.sau-list-three li:before{
    content: '\f058' !important;
    top: 5px;
    font-size: 17px;
}




.sponsor-sec.sh .blog-cards-wrap .card .card-body{
    min-height: 120px;
}

.box-logo{
    padding: 10px 15px;
}

.list-download{
    max-width: 300px;
}

.list-download a{
    color: #47727d;
}

.list-download a i{
    float: right;
}

/*=================================================*/
/* CONTACT SECTION */
/*=================================================*/

.slick-prev:before, .slick-next:before{
    color: #681c4a;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.slick-prev:before{
    content: "\f053";
}

.slick-next:before{
    content: "\f054";
}

/*=================================================*/
/* CONTACT SECTION */
/*=================================================*/

.contact-thumb-wrap{
    background-color: #ebb63e;
}

.contact-item.info li{
    color: #BCBCBC;
    color: #ffffff;
    line-height: 2.4;

    text-transform: uppercase;
    font-size: 14px;
}

.contact-item.info li i{
    opacity: 0.7;
    font-size: 14px;
    margin-right: 5px;
}
.footer-area .custom-item a,
footer a{
    font-weight: 400;
    color: #ffffff !important;

    text-transform: uppercase;
    font-size: 14px;
}
.footer-copyright-area a {
    text-transform: capitalize;
    font-size: 14px;
} 

.footer-area .custom-item a::before{
    content: '\f054';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 5px;
    font-size: 12px;
    color: #FBFCFC;
}

.contact-line.phone, .contact-line.mail{
    display: flex;
}

.contact-line.phone::before, .contact-line.mail::before{
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 10px;
}

.contact-line.phone::before{
    content: "\f095";
}


.contact-line.mail::before{
    content: "\f0e0";
}

.footer-img-backgroung{
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    background: url(../../assets/images/SAU_FOOTER.svg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    opacity: 0.4;  
    background-position: bottom right;
    background-size: 110%;
    background-repeat: no-repeat;
}
.footer-area .footer-top{
    padding-bottom: 100px !important; 
}
/*=================================================*/
/* PAGE CONTENT */
/*=================================================*/

.first-sec{
    padding-top: 250px !important;
}

.min-height-min{
    min-height: initial !important;
    padding-top: 50px;
    padding-bottom: 50px;
}
.page_about .item-title1{
    text-transform: uppercase !important;
    font-weight: 800 !important;
    letter-spacing: -2px !important;
}

.page_about .item-sub{
    font-size: 24px !important;
    line-height: 34px !important;
}

.page_about .first-section{
    padding-right: 60px;
}

.button-group-link{
    display: flex;
}
.button-group-link a:not(:last-child),
.button-group-link button:not(:last-child){
    margin-right: 20px;
}

.page_about .item-video{
    background-color: #ffffff;

    border-radius: 15px;
    padding: 20px 20px 10px;
}


.video-wrap.sau-video-wrap-page .video-play img{
    max-width: 100px;
    border: none;
}
.sau-title{
    text-transform: uppercase;
    color: #47727d;
}

.video-wrap.sau-video-wrap-page .video-play{
    top: 70% !important;
}

.video-wrap.sau-video-wrap-page .video-image img{
    width: 100% !important;
}

.video-sec .video-wrap .video-image-f-w img{
    width: 100% !important;

}

.text-justify{
    text-align: justify !important;
}

.with-b{
    display: block;
    min-height: 330px;
    border-radius: 10px;
}

.img-radius-2{
    border-radius: 10px;
}

.img-in-box{
    margin-top: 0;
    margin-bottom: 20px;
}

.img-bordered-one img{
    border: 5px solid rgba(104, 28, 74, 0.4);
} 

.img-bordered-two img{
    border: 5px solid rgba(71, 114, 125, 0.4);
} 

.p-relative{
    position: relative;
}

.stat-year{
    position: absolute;
    top: 0;
    left: 0;
    font-size: 15px !important;
    border: 1px solid #47727d;
    border-radius: 5px;
    padding: 3px 8px;

}

.long-box-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    right: -33%;
    z-index: -1;
    background: url(../../assets/images/amazone_background_cover.png);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 68%;
    opacity: 0.6;
}


/*=================================================*/
/* PAGE LAYOUT */
/*=================================================*/

.page_layout .item-title1{
    text-transform: nonce !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    font-size: 32px !important;

    line-height: 32px !important;
    margin-bottom: 5px !important;
}

.page_layout .item-sub{
    font-size: 18px !important;
    line-height: 22px !important;
}

.banner-top-page{
    padding-top: 200px;
}

.page_layout .hero-slider-item{
    min-height: auto !important;
    max-height: 450px !important;
}

.cd-breadcrumb, .cd-multi-steps {
    width: 90%;
    max-width: 768px;
    padding: 0.5em 1em;
    margin: 1em 0;
    background-color: transparent;
    border-radius: .25em;
  }
  .cd-breadcrumb::after, .cd-multi-steps::after {
    clear: both;
    content: "";
    display: table;
  }
  .cd-breadcrumb li, .cd-multi-steps li {
    display: inline-block;
    float: left;
    margin: 0.5em 0;

    display: inline-flex;
    align-items: center;
  }
  .cd-breadcrumb li::after, .cd-multi-steps li::after {
    /* this is the separator between items */
    display: inline-block;
    content: '\00bb';
    margin: 0 .6em;
    color: #959fa5;
  }
  .cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
    /* hide separator after the last item */
    display: none;
  }
  .cd-breadcrumb li > *, .cd-multi-steps li > * {
    /* single step */
    display: inline-block;
    font-size: 17px;
    color: #2c3f4c;
  }
  .cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
    /* selected step */
    color: #47727d;
  }
  .no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
    /* steps already visited */
    color: #47727d;
  }
  .cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
    /* replace the default separator with a custom icon */
    content: '\f054';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    height: 16px;
    width: 16px;
    vertical-align: middle;
    font-size: 13px;
  }
  .cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before {
    /* add a custom icon before each item */
    content: '\f054';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: .4em;
    margin-top: -2px;
    vertical-align: middle;
    font-size: 13px;
  }
  .cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {
    /* change custom icon using image sprites */
    background-position: -20px 0;
  }
  .cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {
    background-position: -40px 0;
  }
  .cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {
    background-position: -60px 0;
  }
  .cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before {
    /* change custom icon for the current item */
    background-position: 0 -20px;
  }
  .cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {
    background-position: -20px -20px;
  }
  .cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {
    background-position: -40px -20px;
  }
  .cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {
    background-position: -60px -20px;
  }


  .big-label{
    font-size: 20px !important;
  }

  .img-big{
    margin: 30px auto;
    display: block;
    width: 100%;
  }

  .img-radius{
    border-radius: 20px;
  }


  .mt-reset{
    top: auto !important;
  }

  .information-area-two .icon i{
    color: #47727d !important;
    font-size: 30px;
  }

  .information-area-two .cta-button{
    text-transform: uppercase;
    font-weight: 500;
    color: #47727d;

    border: 2px solid #47727d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0px;
    border-radius: 5px;
  }

  .information-area-two .cta-button:hover{
    background-color: #47727d !important;
    color: #ffffff !important;
  }

  

  .information-area-two .cta-button::after{
    content : "\f101";
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    margin-left: 30px;
  }


  .long-text{

  }

  .long-text h2{

  }


  .long-text p, .long-text ul, .long-text li, .long-text a{
    font-size: 17px;
    line-height: 27px;

  }

  .long-text h3{
    font-size: 28px;
    margin: 20px 0 10px;
  }  

  .long-text h2{
    font-size: 23px;
    margin: 20px 0 10px;
  }  

  .with-mini-title h2{
    font-size: 18px;
    margin: 25px 0 5px;
  }
  
  .long-text ol{
    margin-bottom: 35px;
  }

  .long-text ol li ol{
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .long-text ol>li{
    margin-top: 25px;
  }

  .long-text > ol > li > ol { counter-reset: item }
  .long-text > ol > li > ol > li { display: block }
  .long-text > ol > li > ol > li:before { 
    /*content: counters(item, ".") " "; */
    content: "\f054"; 
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 14px; 
    margin-right: 10px;
    color: #47727d;
    /*counter-increment: item*/
    }

.list-style li::before{
    content: "\f054"; 
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 14px; 
    margin-right: 7px;
    color: #681c4a;
}

  .long-text ol li span{
    text-transform: uppercase;
    font-weight: 600;
  }

  .visitors-list{

  }
  .f-c-r{
    position: absolute;
    top: 0;

    top: -60%;
    height: 120%;
    transform: translateY(30%);
    right: 0;
    opacity: 0.1;
  }

  .f-c-r-2{
    position: absolute;
    top: 0;
    top: -50%;
    height: 90%;
    transform: translateY(50%);
    right: 0;
    opacity: 0.05;
  }
/*=================================================*/
/* TIMELINE */
/*=================================================*/


#timeline-content {
    margin-top: 50px;
    text-align: center;
    
}

/* Timeline */
.timeline {
    border-left: 2px solid #681c4a;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background: rgba(255, 255, 255, 0.03);
    margin: 50px auto;
    position: relative;
    padding: 50px;
    list-style: none;
    text-align: left;
    font-weight: 100;
}

.timeline h1 {
    letter-spacing: 1.5px;
    font-weight: 100;
    font-size: 1.4em;
}

.timeline h2,
.timeline h3 {
    letter-spacing: 1.5px;
    font-weight: 600;
    font-size: 28px;
}

.timeline .event {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
    padding-bottom: 30px 25px;
    margin-bottom: 50px;
    position: relative;

    padding: 20px;
    border-radius: 10px;
    background-color: #681c4a;
    color: #ffffff;
}


.timeline .event:nth-child(even) {
    background-color: #47727d;
}


.timeline .event:nth-child(odd) {
    background-color: #681c4a;
}


.timeline .event:last-of-type {
    padding-bottom: 20px;
    margin-bottom: 0;
    border: none;
}

.timeline .event:before,
.timeline .event:after {
    position: absolute;
    display: block;
    top: -15px;
}
  
.timeline .event:before {
    left: -200px;
    /*content: attr(data-date);*/
    content: "\f073";
    font-weight: 900 !important;
    font-family: "Font Awesome 6 Free";
    text-align: right;
    font-weight: 100;
    font-size: 2em;
    min-width: 120px;
    color: #681c4a;
}
  
.timeline .event:after {
    box-shadow: 0 0 0 2px #681c4a;
    left: -54.85px;
    background: #313534;
    border-radius: 50%;
    height: 7px;
    width: 7px;
    content: "";
    top: 5px;
}




/*=================================================*/
/* POINT FORTS */
/*=================================================*/


.points-forts,
.box-data  {
    padding: 20px 30px;
    border-radius: 10px;
    color: #ffffff;
    height: 100%;
  }
  
.points-forts {
    background-color: #681c4a;

}

.box-data {
    background-color: #ebb63e;
}


.box-data.two{
    background-color: #681c4a;
}


.box-data.bordered{
    background-color: transparent;
    border: 2px solid #681c4a;
    color: #212121;
}
  .points-forts h2 {
    font-size: 28px;
    margin-bottom: 20px;
  }
  
  .points-forts ul,
  .box-data ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  .points-forts li,
  .box-data li {
    margin-bottom: 10px;
    font-size: 16px;
    position: relative;
    padding-left: 20px;
  }

  .box-data.two li {
    font-size: 18px;
    padding-left: 25px;
  }
  
  .box-data.two .title{
    font-size: 28px;
    line-height: 38px;
  }
  .points-forts li:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 1px;
  }

  .points-forts li:before {
    content: '\f054';
    color: #ebb63e;
  }

  
  .box-data li:before {
    content: '\f06a';
    color: #681c4a;
  }

  
  .box-data.two li:before {
    content: '\f06a';
    color: #ebb63e;
    top: 5px;
  }

  .points-forts p{
    font-size: 18px;
  }


.box-data-default{
    padding: 20px 30px;
    color: #747d8c;
    max-width: 1080px;
}

.box-data-aug p,
.box-data-aug li{
    font-size: 1.3rem;
    font-weight: 400;
}

.box-data-aug li.mini{
    font-size: 1.15rem;
}

.box-data-default .container{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
  
.box-data-default p,
.box-data-default ul,
.box-data-default li{
    font-size: 1.3rem;
    line-height: 2rem;
    font-weight: 400;
}

.title-col-top-sect{
    color: #2b6a6f;
    text-transform: uppercase;
    font-size: 34px;
    font-weight: 700;
}

.psau-list li::before{
    top: 4px;
    content: "\f054";
}
.psau-list-inner li::before{
    top: 4px;
    content: "\f0da";
}

.psau-list-check li::before{
    top: 2.5px;
    content: '\f14a';
    font-weight: 400;
    color: #2b6a6f;
}

.input-bottom{
    font-size: 14px;
    display: block;
}

.box-bg-text{
    background-position: center;
    min-height: 500px;
    padding: 0;
    display: flex;
    align-items: flex-end;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    overflow: hidden;
}

.box-bg-text.one{
    background-image: url('/src/images/bg/1.jpg');
}


.box-bg-text.two{
    background-image: url('/src/images/bg/2.jpg');
}

.box-bg-text .box-text{
    background-color: rgba(104, 28, 74, 0.5);
    color: #ffffff;
    padding: 15px;
    min-height: 275px;
}

.box-bg-text .title{
    font-size: 30px;
    color: #f2ad46;
    font-weight: 500;
}

.box-bg-text .description,
.box-bg-text .description p,
.box-bg-text .description ul li{
    font-size: 18px;
    font-weight: 400;
}

  


  .section-gen .row{
    flex-wrap: wrap;
  }


    .section-gen .row:before,
    .section-gen .row:after {
    content: " ";
    display: table;
    }

    .section-gen .col:before,
    .section-gen .col:after {
    content: " ";
    display: table;
    }

    .section-gen .row:after,
    .section-gen .col:after {
    clear: both;
    }

    .section-gen .row,
    .section-gen .col {
    zoom: 1;
    }


    .section-gen .title-area {
        height: 100%;
        border: 1px solid #681c4a;
        border-radius: 10px;
        padding: 20px;
    }
    .section-gen .title-area h2{
        font-size: 30px;
        line-height: 40px !important;
    }



/*=================================================*/
/* FORMS */
/*=================================================*/
.input-nice-select{
    min-width: 300px;
    width: 100%;
}

.col-with-nice{
    position: relative;
    padding-bottom: 40px;
}

.col-with-nice .help-block.error{
    position: absolute;
    bottom: 0;
    left: 10px;
}

label sup{
    color: #ca2128;
    margin-left: 4px;
}

.input-nice-select li::before{
    content: none !important;
}

.nice-select {
    float: initial !important;
    height: 38px !important;
}

.nice-select .list{
    z-index: 99 !important;
}
.nice-select.open .list{
    width: 100%;
}

.nice-select li{
    font-size: 15px !important;
    margin-bottom: 2px;
}
.nice-select.open .list{
    border: 1px solid #681c4a;
}
.select span{
    margin-right: 3px;
}

.select .sel-area{

}

.select .sel-price{
    
}

.select .sel-details{
    
}

.checkbox-box{
    display: block;
}

.desc-mini{
    font-size: 15px;
    color: #313534;
}

.title-area.w-img{
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.img-full-w{
    width: 100%;
}

.title-area.w-img .img-full-w{
    border-radius: 10px 10px 0 0;
}

.list-full{
    width: 100%;
    padding: 0;
}

.s-between li{
    display: flex;
    justify-content: space-between;
}

.title-area.w-img .box-text{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
    border-radius: 0 0 10px 10px;
}

.h-small{
    max-height: 200px;
    object-fit: cover;
}

.bg-one{
    background-color: #ebb63e;
    color: #681c4a !important;
}

.bg-one p,
.bg-one li,
.bg-one a,
.bg-one li::before{
    color: #681c4a !important;
}

.bg-two{
    background-color: #47727d;
    color: #ffffff !important;
}

.bg-two p,
.bg-two li,
.bg-two a,
.bg-two li::before{
    color: #ffffff !important;
}

.bg-three{
    background-color: #681c4a;
    color: #ffffff !important;
}

.bg-three p
.bg-three li,
.bg-three a,
.bg-three li::before{
    color: #ffffff !important;
}

.fl-right-bottom{
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.fl-center-bottom{
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.cta-btn{
    border: 1px solid;
    border-radius: 5px;
    padding: 8px 15px;
    text-transform: uppercase;
    font-weight: 500;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: fit-content;
    min-width: max-content;
}

.cta-btn::after{
    content: "\f101";
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    margin-left: 20px;
}

.cta-btn.default{
    background-color: transparent;
    color: #47727d;
}

.cta-btn.default:hover{
    background-color:#47727d ;
    color: #ffffff;
}

.desc-in-form{
    font-size: initial !important;
    font-size: 14px;
}

.oneline-form{
    margin-top: 20px;
    margin-bottom: 20px;
}


.theme-two .one-input{
    position: relative;
}

.theme-two .one-input label{
    position: absolute;
    top: -19px;
    left: 20px;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 4px 10px;
    z-index: 9;
    font-size: 14px;
}

.theme-two .one-input input::placeholder{
    display: none !important;
}

.inline-form{
    position: relative;
    padding-bottom: 40px;
}
.inline-form .help-block.error{
    position: absolute;
    bottom: 0;

}


/*=================================================*/
/* CALENDAR */
/*=================================================*/

#slot_picker{
    max-width: 633px;
}

#myc-current-month-year-container{
    display: none !important;
}

#myc-week-container{
    border-radius: 10px !important;
    overflow: hidden;
}

.myc-date-header{
    display: inline-flex !important;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;

    padding: 6px 0px 4px 12px !important;
}

.myc-date-display{
    font-size: 14px !important;
}

.myc-date-number{
    font-size: 22px !important;
}

.myc-available-time{
    background-color: #ebb63e !important;
    border-radius: 5px !important;
    color: #681c4a !important;
    display: block;
    margin-bottom: 15px;
    padding: 5px 0px 5px 0px !important;
    text-align: center;
}

.myc-available-time.selected, 
.myc-available-time:hover{

    background-color: #47727d !important;
    color: #ffffff !important;
}


.myc-available-time.not{
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.4;
}
 
.rv-rq-fr  .one-input{
    margin-bottom: 30px;
}

.rv-rq-fr  .one-input label.help-block{
    position: absolute;
    bottom: -35px !important;
    top: inherit !important;
    background: transparent;
}


/*=================================================*/
/* STANDS */
/*=================================================*/

.one_stand{
    margin-bottom: 30px;
}

.stand-area{
    border-radius: 10px;
    height: 100%;
    border: 1px solid;
    border-radius: 10px;
    padding: 20px;
    
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
}

.stand-area.one{
    border-color: #ebb63e;
}

.stand-area.two{
    border-color: #47727d;
}

.stand-area.three{
    border-color: #681c4a;
}


.stand-area .title{
    font-size: 22px ;
    line-height: 32px !important;
    text-transform: uppercase;
}

.stand-area.w-img{
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.stand-area.w-img .img-full-w{
    border-radius: 10px 10px 0 0;
    padding: 20px;
    max-height: 200px;
    object-fit: contain;
}

.stand-area .box-text{
    padding: 20px;
    border-radius: 0 0 10px 10px;
    flex-grow: 1;
    position: relative;
    padding-bottom: 50px;
}

.stand-area.one .box-text{

}

.elt-options li{
    font-size: 18px;
}

.elt-options li::before{
    content: "\f058"; 
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 14px; 
    margin-right: 7px;
    color: #ebb63e;
}

.stand-area ul{
    padding-left: 0;
    margin-bottom: 40px; 
}

.stand-area .pricing{
    margin-bottom: 10px;
    position: absolute;
    bottom: 10px;
    width: calc(100% - 40px);
}

.stand-area .pricing li{
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 0;
}


.one_stand .full-desc{
    padding: 20px;
    display: flex;
    align-items: center;
    max-width: 800px;
}

.stand_full_line .stand-area {
    flex-direction: row-reverse;
}


.stand_full_line .stand-area .box-text{
    border-radius: 10px 0 0 10px;
}

.stand_full_line .stand-area .pricing{
    margin-bottom: 10px;
    position: absolute;
    bottom: 10px;
    width: calc(100% - 40px);
    max-width: 400px;
}






/*=================================================*/
/* PAGE LOADER */
/*=================================================*/
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999;
    background-color: #ffffff;
	/*background: url(https://smallenvelop.com/wp-content/uploads/2014/08/Preloader_11.gif) center no-repeat #fff;*/

    display: flex;
    justify-content: center;
    align-items: center;
}

.p-loader {
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #048023; /* Dark Green */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spinloader 2s linear infinite;
}
.p-loader img{
	height : 120px;
	width : 120px;
	animation: spinlogo 2s linear infinite;
}

@keyframes spinloader {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
@keyframes spinlogo {
	0% { transform: rotate(360deg); }
	100% { transform: rotate(0deg); }
}



.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    height: 40px;
    width: 40px;
    transform: translate(-50%, -50%);
  }
  
  [class^=ball-] {
    position: absolute;
    display: block;
    left: 30px;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    transition: all 0.5s;
    animation: circleRotate 4s both infinite;
    transform-origin: 0 250% 0;
  }
  
  @keyframes circleRotate {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(1440deg);
    }
  }
  .ball-1 {
    z-index: -1;
    background-color: #47727d;
    animation-timing-function: cubic-bezier(0.5, 0.3, 0.9, 0.9);
  }
  
  .ball-2 {
    z-index: -2;
    background-color: #ebb63e;
    animation-timing-function: cubic-bezier(0.5, 0.6, 0.9, 0.9);
  }
  
  .ball-3 {
    z-index: -3;
    background-color: #ca2128;
    animation-timing-function: cubic-bezier(0.5, 0.9, 0.9, 0.9);
  }
  
  .ball-4 {
    z-index: -4;
    background-color: #681c4a;
    animation-timing-function: cubic-bezier(0.5, 1.2, 0.9, 0.9);
  }
  
  .ball-5 {
    z-index: -5;
    background-color: #47727d;
    animation-timing-function: cubic-bezier(0.5, 1.5, 0.9, 0.9);
  }
  
  .ball-6 {
    z-index: -6;
    background-color: #ebb63e;
    animation-timing-function: cubic-bezier(0.5, 1.8, 0.9, 0.9);
  }
  
  .ball-7 {
    z-index: -7;
    background-color: #ca2128;
    animation-timing-function: cubic-bezier(0.5, 2.1, 0.9, 0.9);
  }
  
  .ball-8 {
    z-index: -8;
    background-color: #681c4a;
    animation-timing-function: cubic-bezier(0.5, 2.4, 0.9, 0.9);
  }



  

/*=================================================*/
/* VALIDATION */
/*=================================================*/

  .help-block.error{
    font-size: 14px !important;
    color: #ca2128 !important;
    margin-bottom: 10px !important;
  }


/*=================================================*/
/* toast-alert */
/*=================================================*/


.toast-alert {
    /*
    position: absolute;
    top: 25px;
    */
    right: 30px;
    position: fixed;
    top: calc(100vh - 100px);

    border-radius: 12px;
    background: #fff;
    padding: 20px 35px 20px 25px;
    box-shadow: 0 6px 20px -5px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transform: translateX(calc(100% + 30px));
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.35);
    z-index: 9999;
  }
  
  .toast-alert.active {
    transform: translateX(0%);
  }
  
  .toast-alert .toast-alert-content {
    display: flex;
    align-items: center;
  }
  
  .toast-alert-content .ico {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    min-width: 35px;
    color: #fff;
    font-size: 20px;
    border-radius: 50%;
  }
  
  .toast-alert-content .ico.check{
    background-color: #20bf6b;
  }

  .toast-alert-content .ico.warning{
    background-color: #4070f4;
  }

  .toast-alert-content .ico.error{
    background-color: #ca2128;
  }

  .toast-alert-content .message {
    display: flex;
    flex-direction: column;
    margin: 0 20px;
  }
  
  .message .text {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
  }
  
  .message .text.text-1 {
    font-weight: 600;
    color: #333;
  }
  
  .toast-alert .toast-close {
    position: absolute;
    top: 10px;
    right: 15px;
    padding: 5px;
    cursor: pointer;
    opacity: 0.7;
  }
  
  .toast-alert .toast-close:hover {
    opacity: 1;
  }
  
  .toast-alert .toast-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
  }
  
  .toast-alert .toast-progress:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: #4b6584;
  }

  p.desc, .event p{
    /*text-align: justify ; */
  }
  
  
  .toast-progress.active:before {
    animation: progress 5s linear forwards;
  }
  
  @keyframes progress {
    100% {
      right: 100%;
    }
  }
  
  .toast-alert.active ~ button {
    pointer-events: none;
  }

  





  

/*=================================================*/
/* CAROUSEL */
/*=================================================*/
.carousel-container {
    position: relative;
    width: 100%;
    height: 530px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
  }
  
  .fixed-column {
    position: relative;
    width: 50%;
    height: 100%;
    background-image: url('/src/images/SAU_2023_affiche.jpg'); 
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    border-radius: 15px 0 0 15px;
  }
  
  .carousel-column {
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    background-image: url('/src/square_snake.gif');
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .carousel-slide {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
  }
  
  .carousel-column2 {
    flex: 1;
    padding: 20px;
    padding-right: 60px;
  }
  
  .business-offers h2 {
    font-size: 24px;
    margin-bottom: 10px;
    margin-bottom: 20px;
  }
  
  .business-offers ul {
    list-style: disc;
    margin-left: 0;
    padding-left: inherit;
  }

  .business-offers ul li{
    margin-bottom: 10px;
  }

  .carousel-container .carousel-navigation {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    width: 100%;
    z-index: 1;
  }
  
  .carousel-container .carousel-navigation button {
    background: transparent;
    border: none;
    color: #ffffff;
    font-size: 2rem;
    outline: none;
    cursor: pointer;
  }
  
  .carousel-container .carousel-navigation .prev {
    margin-left: 1rem;
  }
  
  .carousel-container .carousel-navigation .next {
    margin-right: 1rem;
  }
  
  .carousel-pagination {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
  }
  
  .carousel-pagination ul {
    list-style: none;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
  }
  
  .carousel-pagination li {
    margin: 0 10px;
  }
  
  .carousel-pagination a {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #5f1840;
    border: 1px solid #ffffff;
  }
  
  .carousel-pagination a.active {
    background-color: white;
    border-color: #5f1840;
  }
  
  .carousel-column .slide1 {
    background-color: #2b6a6f;
  }
  
  .carousel-column .slide2 {
    background-color: #5f1840;
  }
  
  .carousel-column .slide3 {
    background-color: #f2ad46;
  }

  .carousel-column .slide4 {
    background-color: #da3136;
  }
  
  .carousel-column .slide1,
  .carousel-column .slide2,
  .carousel-column .slide3,
  .carousel-column .slide4{
    color: #ffffff;
    border-radius: 0 15px 15px 0;
  }


.carousel-slide.with-cta{
    position: relative;
}
  .carousel-slide .about-cta{
    position: absolute;
    bottom: 40px;
  }


body {
    font-weight: 500;
    letter-spacing: 0.025em;
  }
  
  .d-flex {
    column-gap: calc(var(--grid-spacer-width) * 2);
    display: flex;
  }
  

  .schedule-sec .schedule-content-wrap .schedule-nav-tab .schedule-nav-item button.active::after{
    top: inherit !important;
    left: inherit !important;
    transform: translateX(-50%);
    bottom: -6px;
    width: 12px !important;
    height: 12px !important;
    left: 50% !important;
    margin: 0 !important;
    background-color: #2b6a6f !important;
  }

  .schedule-sec .schedule-content-wrap .schedule-nav-tab .schedule-nav-item button{
    position: relative;
    border: 1px solid rgba(223, 228, 234,1.0);
    margin-bottom: 15px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .no-margin {
    margin: 0 !important;
  }

  .schedule-sec .schedule-content-wrap .schedule-tab-content .schedule-item:hover{
    transform: none !important;
    box-shadow: none !important;
  }

  .schedule-sec .schedule-content-wrap .schedule-tab-content .schedule-item .card-description .time{
    margin-bottom: 10px;
    color: #313534 !important;
  }

  .schedule-sec .schedule-content-wrap .schedule-tab-content .schedule-item .card-title-area .title{
    color: #2b6a6f !important;
  }

  .schedule-sec .schedule-content-wrap .schedule-tab-content .schedule-item .card-title-area .title{
    font-weight: 500 !important;
  }

  .schedule-sec .schedule-content-wrap .schedule-tab-content .schedule-item .card-title-area .title.bb{
    
    padding: 5px 14px !important;
    border-radius: 32px !important;
    max-width: fit-content;
    text-transform: uppercase;
  }

  .agenda-span{

  }

  .btn-program{

    background-color: #2b6a6f;
    color: #ffffff;
    font-size: 16px;
    border: 1px solid #2b6a6f;
    border-radius: 10px;
    padding: 10px 15px;
    margin: 10px 0;
    display: flex;
    max-width: 200px;
    min-width: auto;
    text-align: center;
    justify-content: center;
  }

  .btn-program:hover{
    color: #2b6a6f;
    background-color: #ffffff;
  }

  .schedule-sec .schedule-content-wrap .schedule-tab-content .schedule-item .card-title-area .title.bb.masterclass{
    color: #681c4a !important;
    background-color: #ebb63e !important;
  }

  .schedule-sec .schedule-content-wrap .schedule-tab-content .schedule-item .card-title-area .title.bb.panel{
    color: #681c4a !important;
    background-color: #ebb63e !important;
  }

  .schedule-sec .schedule-content-wrap .schedule-tab-content .schedule-item .card-title-area .title.bb.workshop{
    color: #ffffff !important;
    background-color: #048023 !important;
  }
  .by{
    margin-top: -10px;
    display: block;
    font-size: 14px;
    font-weight: 400;
  }

  .schedule-item{
    border-bottom: 0.5px solid #47727d;
    border-radius: 0 !important;
  }

  .box-download{
    border: 0.5px solid #048023;
    padding: 15px;
    border-radius: 10px !important;
    margin-top: 40px;
  }

  .box-download .agenda-span{
    font-size: 24px;
  }

  .schedule-sec .schedule-content-wrap .schedule-tab-content .schedule-item{
    margin-bottom: 5px !important;
  }

  .schedule-sec .schedule-content-wrap .schedule-tab-content .schedule-item .card-title-area .title-desc{
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #2b6a6f !important;
  }

  .with-activity{
    height: 100%;
    padding-bottom: 6px;
  }

  @media only screen and (min-width: 768px) {
    .cd-breadcrumb, .cd-multi-steps {
      padding: 0 ;
    }
    .cd-breadcrumb li, .cd-multi-steps li {
      margin: 1.2em 0;
    }
    .cd-breadcrumb li::after, .cd-multi-steps li::after {
      margin: 0 1em;
    }
    .cd-breadcrumb li > *, .cd-multi-steps li > * {
      font-size: 17px;
    }
  }


  


@media only screen and (max-width: 1500px) {
    .home-banner-container{
        padding: 0px 20px;
    }
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .img_logo{
        max-width: 100px;
    }

    .home-banner-section-top .page-ct-box{
        padding-right: 0 !important;
    }

    .custom-btn2, .custom-btn, .custom-btn3{
        padding-left: 10px;
        padding-right: 10px;
        font-size: 16px;
    }

    .home-banner-section-container .item-content .item-title1{
        font-size: 33px;
        line-height: 43px;
    }

    .event-date{
        font-size: 26px;
    }

    .event-location{
        font-size: 24px;
    }

    .home-banner-section-top .counter-box{
        padding-left: 10px;
        margin-bottom: 0;
    }

    .home-banner-section-top .info-sec .info-countdown .counter-box li strong {
        font-size: 34px !important;
    }

    .home-banner-section-top .info-sec .info-countdown .counter-box li span {
        font-size: 16px !important;
    }


    .event-stats-sec .video-content-wrap .management span.stat-count{
        font-size: 38px;
    }

    .event-stats-sec .video-content-wrap .management span.stat-count::after{
        width: 70px;
    }

    .event-stats-sec .video-content-wrap .management span.stat-label{
        font-size: 21px;
    }

    .event-stats-sec .video-content-wrap .management span.stat-line-2{
        font-size: 16px;
        margin-top: 5px;
    }

    .sau-about-sec .video-sec .video-content-wrap, .video-sec .video-content-wrap{
        margin-left: 15px !important;
    }
    .video-wrap.sau-video-wrap-home .video-play img{
        border: none;
    }

    .opt-lang-mobile{
        position: absolute;
        right: 35px;
    }


    .cta-box, .cta-box-1, .cta-box-2, .cta-box-3,
    .cta-box-img.one, .cta-box-img.two, .cta-box-img.three{
        margin-top: 30px;
    }

    .head-left{
        align-items: center;
        padding-bottom: 40px;
    }
    .partners-logo .p-logo-col .inner-col{
        margin-left: 10px;
        margin-right: 10px;
    }

    .partners-logo .p-logo-col .icon img{
        max-height: 80px ;
    }

    .partners-logo .p-logo-col .icon-3 img{
        max-height: 50px ;
    }
    

    .highlight-text3.wb{
        top: 95px;
    }
    
    .btn-link{
        font-size: 14px !important;
    }

    .video-wrap.sau-video-wrap-home .video-play{
        display: none !important;
    }

    .cta-box{
        max-height: 250px;
        min-height: auto !important;
    }

    .cta-box .about-item .item-thumb img{
        max-height: 250px;
        min-height: auto !important;
    }

    .information-area-two .cta-button{

        justify-content: space-between;
        padding-left: 20px;
        padding-right: 20px;
    }
    .section-gen .title-area h2{
        font-size: 28px;
        line-height: 38px !important;
    }


    .sau-partners .brand-item{
        max-height: 80px;
        margin-left: auto;
        margin-right: auto;
        padding: 10px;
        justify-content: center;
        align-items: center;
    }

    .sau-partners .brand-item img{
        height: auto !important;
        max-height: 60px;
    }

    .sau-sponsors .brand-item{
        max-height: 80px;
        margin-left: auto;
        margin-right: auto;
        padding: 10px;
        justify-content: center;
        align-items: center;
    }

    .sau-sponsors .brand-item img{
        height: auto !important;
        max-height: 60px;
    }


    .partner-hero{
        width: 100%;
        min-width: 100%;
    }


    .title-area.p-relative{
        padding-bottom: 60px;
    }

    .cta-btn.default{
        font-size: 14px;
    }

    .header-btn{
        display: flex;
        align-items: center;
    }

    .section-gen{
        padding: 0;
        margin-bottom: 20px;
    }

    .theme-two .one-input{
        margin-top: 30px;
    }

    .pretty{
        margin-top: 15px;
        white-space: inherit !important;
    }

    .pretty .state label{
        margin-top: -8px !important;
    }
    .pretty .state label:after, .pretty .state label:before{
        top: auto !important;
    }
    .myc-available-time{
        font-size: 12px;
    }
    .myc-date-number{
        font-size: 16px !important;
    }

    .nice-select span.current{
        white-space: pre-wrap;
    overflow: hidden;
    max-height: 30px;
    display: block;
    }

    .nice-select .option{
        white-space: pre-wrap;
        display: block;
        line-height: 20px !important;
        margin-bottom: 18px;
        font-size: 15px !important; 
        background-color: #f1f2f6;
        padding: 3px 0;
        border-radius: 5px;
        width: 90%;
        margin: 10px auto;
    }

    .header-area .header-nav .header-nav-menu,
    .header-area .header-nav.sticky .header-nav-menu{
        display: flex;
        justify-content: center;
    }

    .sau-about-sec{
        padding-bottom: 0 !important;
    }
    .min-hero-slider-height{
        width: auto;
        height: 420px;
    }

    .home-banner-section-container .item-content .item-title2{
        font-size: 26px;
    }

    .home-banner-section-container .item-content .item-title3{
        font-size: 21px;
    }

    .cta-box-1 .item-thumb, 
    .cta-box-2 .item-thumb, 
    .cta-box-3 .item-thumb{
        min-height: 420px;
    }

    .contact-sec .contact-wrap .contact-thumb-wrap{
        padding: 50px 20px;
    }

    .contact-sec .contact-wrap .contact-formw{
        padding: 0 5px;
    }

    .faq-sec .title-area .title{
        font-size: 24px !important;
    }

    .contact-sec .contact-wrap .contact-thumb-wrap .contact-content .info .icon, .contact-sec .contact-wrap .contact-thumb-wrap .contact-content .info .location, .contact-sec .contact-wrap .contact-thumb-wrap .contact-content .info .phone{
        display: flex !important;
        flex-direction: column;
        align-items: center;
        font-size: 14px;
    }

    .title.sau-title {
        text-align: left;
        margin-left: 0 !important;
        margin-bottom: 30px !important;
        font-size: 26px !important;
    }

    .video-sec .video-content-wrap .desc,
    .cta-sec .cta-content-wrap .desc,
    .section-head .desc{
        font-size: 18px !important;
        text-align: left;
    }

    .big-content .desc{
        font-size: 22px;
    }


    .section-gen .title-area .title{
        padding-right: inherit;
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .sau-blocs-cta .about-items-wrap .cta-box .about-item .item-thumb .item-content{
        flex-direction: column;
        align-items: center !important;
        justify-content: flex-end !important;
    }

    .timeline{
        padding: 10px;
    }

    .info-sec .info-countdown .counter-box li strong {
        font-size: 28px !important;
    }

    .info-sec .info-countdown .counter-box li span {
        font-size: 13px !important;
    }

    .sau-blocs-cta-bg .cta-box-bg{
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .blog-title {
        font-size: 26px !important;
    }
    
    .f-c-r-2{
        display: none;
    }


    .banner-video .content .item-title1{
        font-size: 1.5rem;
    }

    .banner-video .content .event-date{
        font-size: 1.3rem;
    }

    .banner-video .content .event-location{
        font-size: 1.2rem;
    }

    .sau-blocs-cta-bg .cta-box-bg{
        padding-top: 70px;
        padding-bottom: 80px;


        padding-left: initial;
        margin-left: initial;
        width: 100%;
        margin-top: 0;
        border-radius: 0;
    }

    .cta-box-bg-one{
        display: none;
        visibility: hidden;
    }


    .event-stats-sec .video-content-wrap .management{
        flex-direction: column;
        text-align: center;
    }

    .event-stats-sec .video-content-wrap .management span.stat-count::after{
        margin: 5px auto;
        width: 40%;
    }


    .banner-video .content .item-title1, .banner-image .content .item-title1{
        font-size: 1.8rem;
    }
    .banner-video .content .event-date, .banner-image .content .event-date{
        font-size: 2rem;
    }
    .banner-video .content .event-location, .banner-image .content .event-location{
        font-size: 1.7rem;
    }


    .contact-sec .contact-wrap .contact-form{
        padding: 0;
    }


    .schedule-sec .schedule-content-wrap .schedule-tab-content{
        padding: 0 !important;
    }
    .schedule-sec .schedule-content-wrap .schedule-tab-content .schedule-item{
        padding: 20px 4px !important;
    }
}


@media only screen and (max-width: 991px) {
    .home-banner-section-top .page-ct-box{
        padding-right: 15px;
        padding-top: 40px;
        text-align: center;
    }
    .home-banner-sidebar{
        display: none;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
   
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .header-area .header-nav .header-nav-menu{
        padding-top: 10px;
        margin-left: 10px !important;
        /*max-width: 65%;*/
    }
}