/* ------------------------------ Custom CSS ------------------------------*/
/*.container{
    max-width: 99.5%;
}*/

.sim-btn-new{
	background: #333333;
	color: #ffffff;
	padding: 5px 10px;
	border-radius: 50px;
	overflow: hidden;
    border: none;
    font-size: 20px;
    width: 335px;
    cursor: pointer;   
}

.btn-small-width {
    background: #333333;
	color: #ffffff;
	padding: 3px 10px;
	border-radius: 50px;
	overflow: hidden;
    border: none;
    cursor: pointer;
}
.btn-large-width {
    background: #333333;
    color: #ffffff;
    border-radius: 50px;
    padding: 10px 30px;
    margin : 5px 10px 0px 10px;
    overflow: hidden;
    border: none;
    cursor: pointer;
}

.product-title {
	
	background: #1a4da0;
	color: #ffffff;
	display: inline-block;
	border-radius: 20px 20px 20px 20px;
	text-align: center;
	font-size: 16px;
	font-weight: 800;
	width:100%;
	text-transform: uppercase;
	
}

.product-discovery {
	margin-top: 150px 0px 0px 130px;
	background: #1a4da0;
	color: #ffffff;
	display: inline-block;
	border-radius: 20px 20px 0px 20px;
	/*text-align: center;*/
	font-size: 14px;
	font-weight: 800;
	width:100%;
	/*text-transform: uppercase;*/
	padding: 0px 0px 0px 5px;
}


/* ------------------------------ Carousel ------------------------------*/

.testimonial:after {
    position: absolute;
    top: -0 !important;
    left: 0;
    content: " ";
    background: url();
    background-size: 100% 100px;
    width: 100%;
    height: 100px;
    float: left;
    z-index: 99;
}

.testimonial {
    /*min-height: 375px;*/
    position: relative;
   /*background: url(../uploads/review.jpg);*/
   /* border-radius: 50px 50px 0 50px;
    padding-top: 10px;
    padding-bottom: 10px;*/
    background-position: center;
    background-size: cover;
}

#testimonial4 .carousel-inner:hover{
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

#testimonial4 .carousel-inner:active{
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

#testimonial4 .carousel-inner .item{
    overflow: hidden;
}

.testimonial4_indicators .carousel-indicators{
    left: 0;
    margin: 0;
    width: 100%;
    font-size: 0;
    height: 20px;
    bottom: 15px;
    padding: 0 5px;
    cursor: e-resize;
    overflow-x: auto;
    overflow-y: hidden;
    position: absolute;
    text-align: center;
    white-space: nowrap;
}
.testimonial4_indicators .carousel-indicators li{
    padding: 0;
    width: 14px;
    height: 14px;
    border: none;
    text-indent: 0;
    margin: 2px 3px;
    cursor: pointer;
    display: inline-block;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators .active{
    padding: 0;
    width: 14px;
    height: 14px;
    border: none;
    margin: 2px 3px;
    background-color: #9dd3af;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar{
    height: 3px;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb{
    -webkit-border-radius: 0;
    border-radius: 0;
}

.testimonial4_control_button .carousel-control{
    top: 175px;
    opacity: 1;
    width: 40px;
    bottom: auto;
    height: 40px;
    font-size: 10px;
    cursor: pointer;
    font-weight: 700;
    overflow: hidden;
    line-height: 38px;
    text-shadow: none;
    text-align: center;
    position: absolute;
    background: transparent;
    border: 2px solid #999999;
    text-transform: uppercase;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);
    transition: all 0.6s cubic-bezier(0.3,1,0,1);
    color : #1a4da0 !important;
}
.testimonial4_control_button .carousel-control.left{
    left: 7%;
    top: 50%;
    right: auto;
}
.testimonial4_control_button .carousel-control.right{
    right: 7%;
    top: 50%;
    left: auto;
}
.testimonial4_control_button .carousel-control.left:hover,
.testimonial4_control_button .carousel-control.right:hover{
    color: #000;
    border: 2px solid#999999
}

.testimonial4_header{
    top: 0;
    left: 0;
    bottom: 0;
    width: 550px;
    display: block;
    margin: 30px auto;
    text-align: center;
    position: relative;
}

.testimonial4_header h4{
    font-size: 30px;
    font-weight: 600;
    position: relative;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.testimonial4_slide{
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 75%;
    margin: auto;
    /*padding: 20px;*/
    position: relative;
    /*text-align: center;
    background-color: #ffffff;*/
}

.testimonial4_slide img {
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    font-size: 18px;
    line-height: 46px;
    text-align: center;
    position: relative;
   /* border-radius: 50%;
    box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -o-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);*/
}

.testimonial4_slide p {
    color: #333333;
    font-size: 16px;
    /*font-weight: 600;*/
    line-height: 1.4;
    margin: 40px 20px 10px 20px;
}

.testimonial4_slide h4 {
   font-size: 0.95rem;
}

.testimonial .carousel {
	padding-bottom:0px;
}

.testimonial .carousel-control-next-icon, .testimonial .carousel-control-prev-icon {
    width: 35px;
    height: 35px;
    margin-top: 50px;    
}

.carousel-control-prev-icon .carousel-control-next-icon {
    background-color: #1a4da0;
}

.bg-carousel {
    background: #fff;
    /*border-radius: 30px 30px 0px 30px;*/
}

/* ------------------------------ EO testimonial --------------------------------*/

/* ------------------------------ EO carousel ------------------------------*/

.footer-links-1 { 
    text-align: left;  
    margin-left: 5px;
    color : #999;
    
}

.footer-links-1::after {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This puts the pseudo element on its own line. */
    width: 100%; /* Change this to whatever width you want. */
    border-bottom: 3px solid transparent;
    border-image: linear-gradient(0.25turn, #1a4da0 20%, #7f7f7f 100%);
    border-image-slice: 1;
}


.footer-links-2 {
    border-bottom: none !important;
}


.footer-2 .social-1 li a {
    background-color:#ffffff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    border: 1px solid #1a4da0;
    color:  #1a4da0;
    text-align: center;
}

.footer-2:hover .social-1 li a{
    background: #1a4da0;
    color: #fff;
}

.footer-2 ul, li, ol {
	display: inline-block;
}

.section-title-center {
    text-align: center;    
}

.section-title-center:after {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This puts the pseudo element on its own line. */
    margin-top: 4px;
    width: 100%; /* Change this to whatever width you want. */
    border-bottom: 3px solid transparent;
    border-image: linear-gradient(0.25turn, #7f7f7f 10%, #1a4da0 35%, #7f7f7f 100%);
    border-image-slice: 1;
}

.section-title-left {
    text-align: left;  
}

.section-title-left:after {
    content: ""; 
    display: block; 
    margin-top: 4px;
    width: 100%; 
    border-bottom: 3px solid transparent;
    border-image: linear-gradient(0.25turn,#7f7f7f 20%, #fafafa 45%);
    border-image-slice: 1;
}

.section-title-right {
    text-align: right;  
}

.section-title-right:after {
    content: ""; 
    display: block; 
    margin-top: 4px;
    width: 100%; 
    border-bottom: 3px solid transparent;
    border-image: linear-gradient(0.25turn, #fafafa 45%, #7f7f7f 100%);
    border-image-slice: 1;
}

.section-title-center-custom {
    text-align: center;  
    position : relative;

}

.section-title-left-custom {
    text-align: left; 
    padding-left:0px ;
}
/*
.section-title-left-custom:before {
    content: ""; 
    display: block;
    width : 0px;
    height : 6px;
    left: 0 ;
    top: 58%;
    background: linear-gradient(0.25turn, #1a4da0 30%, #7f7f7f 100%);
    border-image-slice: 1;
    position : absolute;
}
.section-title-left-custom:after {
    content: ""; 
    display: block; 
    width : 795px;
    height : 6px;
    right: 0 ;
    top: 58%;
    background: linear-gradient(0.25turn,#1a4da0 20%, #7f7f7f 100%);
    border-image-slice: 1;
    position : absolute;
}*/

.section-title-right-custom {
    text-align: right; 
    padding-right:0px ;
}

/*.section-title-right-custom:before {
    content: ""; 
    display: block;
    width : 630px;
    height : 6px;
    left: 0 ;
    top: 58%;
    background: linear-gradient(0.25turn, #1a4da0 20%, #7f7f7f 100%);
    border-image-slice: 1;
    position : absolute;
}
.section-title-right-custom:after {
    content: ""; 
    display: block; 
    width : 0px;
    height : 6px;
    right: 0 ;
    top: 58%;
    background: linear-gradient(0.25turn,#7f7f7f 30%,  #1a4da0 100%);
    border-image-slice: 1;
    position : absolute;
}
*/

.bullet li{
    display: list-item;
    list-style-type: square;
    margin: 0px 0px 0px 50px;
}

.policy-subtitle {
    font-size: 21px;
    font-weight: 500;
    margin: 20px 0px 20px 0px;
    font-family: 'Atyp';
}

.url-link {
    color: #1a4da0;
    font-size: 16px !important;
}

.url-link:hover{
    font-weight: 600;
    transition: all 0.02s;
}
   
.url-link-1 {
    color: #1a4da0;
}

.url-link-2 {
    color: #1a4da0;
    font-size: 14px;
    text-decoration: underline;
    float: right;
}

.url-link-3 {
    font-size: 20px;
}

.apply-success {
    color: #1a4da0;
    font-size: 18px;
    margin: 0% 0% 100% 0%;
}

.policy-behavior{
    margin-left: 10px;
}

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

.hide {
    display : none;
}

select.minimal {
    background: transparent;
    border: 0px solid #F0F3FB;
    border-radius: 4px;
    color: #999 ;
    appearance: none;
    /*float: right;*/
    height: 26px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 6px;
    width: 75px;
    /*font-family: 'Atyp';
    font-size: 18px;
    text-transform: capitalize;*/
}

select.minimal {
    background-image:
      linear-gradient(45deg, transparent 50%, gray 50%),
      linear-gradient(135deg, gray 50%, transparent 50%),
      linear-gradient(to right, #ccc, #ccc);
    background-position:
      calc(100% - 20px) calc(1em + 2px),
      calc(100% - 15px) calc(1em + 2px),
      calc(100% - 2.5em) 0.5em;
    background-size:
      5px 5px,
      5px 5px,
      1px 1.5em;
    background-repeat: no-repeat;
}
 
  select.minimal:focus {
    background-image:
      linear-gradient(45deg, #1a4da0 50%, transparent 50%),
      linear-gradient(135deg, transparent 50%, #1a4da0 50%),
      linear-gradient(to right, #ccc, #ccc);
    background-position:
      calc(100% - 15px) 1em,
      calc(100% - 20px) 1em,
      calc(100% - 2.5em) 0.5em;
    background-size:
      5px 5px,
      5px 5px,
      1px 1.5em;
    background-repeat: no-repeat;
    border-color: #1a4da0;
    outline: 0;
}
  
.flag-text {
    margin-left: 10px; 
}


/* Recruitment process  -timeline */

.main-timeline:after{
    content: '';
    display: block;
    clear: both;
}

.main-timeline .timeline{
    width: 60%;
    float: left;
    position: relative;
    z-index: 1;
}

.main-timeline .timeline-content{
    color: #000;
    /*text-align: right;*/
    padding: 10px 40px 10px 120px;
    display: block;
    position: relative;
}

.main-timeline .timeline-content:hover{ text-decoration: none; }
.main-timeline .timeline-icon{
    color: #EE2D48;
    font-size: 45px;
    position: absolute;
    left: 0;
    top: 0;
}

.main-timeline .title{
    color: #EE2D48;
    font-size: 22px;
    text-transform: capitalize;
    text-align: left;
}

.main-timeline .description{
    color: #333333;
    font-size:  0.95rem;
    margin: 0;
   /* text-align: justify;*/
}

.main-timeline .timeline-nbr{
    color: #fff;
    background: linear-gradient(145deg,#D12138 49%,#EE2D48 50%);
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    /*text-shadow: 2px 2px 5px #000;*/
    line-height: 50px;
    height: 50px;
    width: 50px;
    border-radius: 20px;
    /*transform: translateY(-50%);
    position: absolute;*/
    right: 0;
    top: 50%;
    font-family: 'Atyp';
    display: inline-block;
}

.main-timeline .timeline:nth-child(even){ float: right; }
.main-timeline .timeline:nth-child(even) .timeline-content{
    text-align: left;
    padding: 0px 120px 0px 40px;
}

.main-timeline .timeline:nth-child(even) .timeline-nbr{
    right: auto;
    left: 0;
}

.main-timeline .timeline:nth-child(even) .timeline-icon{
    left: auto;
    right: 0;
}

.main-timeline .timeline:nth-child(4n+2) .timeline-nbr{
    background: linear-gradient(145deg,#5E7582 49%, #87A9B3 50%);
}

.main-timeline .timeline:nth-child(4n+2) .timeline-icon,
.main-timeline .timeline:nth-child(4n+2) .title{
    color: #87A9B3;
}

.main-timeline .timeline:nth-child(4n+3) .timeline-nbr{
    background: linear-gradient(145deg,#CC872A 49%, #FBA22A 50%);
}

.main-timeline .timeline:nth-child(4n+3) .timeline-icon,
.main-timeline .timeline:nth-child(4n+3) .title{
    color: #FBA22A;
}

.main-timeline .timeline:nth-child(4n+4) .timeline-nbr{
    background: linear-gradient(145deg,#2BAA99 49%, #60C6B9 50%);
}

.main-timeline .timeline:nth-child(4n+4) .timeline-icon,
.main-timeline .timeline:nth-child(4n+4) .title{
    color: #60C6B9;
}

.main-timeline .timeline:nth-child(4n+5) .timeline-nbr{
    background: linear-gradient(145deg,#1a4da0 49%, #1a4da0 50%);
}

.main-timeline .timeline:nth-child(4n+5) .timeline-icon,
.main-timeline .timeline:nth-child(4n+5) .title{
    color: #1a4da0;
}

@media screen and (max-width:1200px){
    .main-timeline .timeline{ width: 59.6%; }
}

@media screen and (max-width:990px){
    .main-timeline .timeline{ width: 62.5%; }
}

@media screen and (max-width:767px){
    .main-timeline .timeline{
        width: 100%;
        margin-bottom: 30px;
    }
    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(even) .timeline-content{
        text-align: center;
        padding: 10px 10px 10px;
    }
    .main-timeline .timeline-icon,
    .main-timeline .timeline:nth-child(even) .timeline-icon{
        left: auto;
        right: 0;
        top: -7px;
    }
    .main-timeline .timeline-nbr{
        font-size: 40px;
        line-height: 50px;
        height: 50px;
        width: 50px;
        transform: translateY(0);
        top: 0;
        right: auto;
        left: 0;
    }
}

.cookie-container {
    background: #f2f3f5;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1.5px solid #1a4da0;
    overflow-y: auto;
    /*height: 230px;*/
    line-height: 20px;
    /*float: right;*/
}

.cookie.active {
    bottom: 55px;
}

.cookie {
    z-index: 100;
    position: fixed;
    bottom: -1500px;
    width : 100%;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}

.input-lp {
    border-top: 0px solid;
    border-right: 0px solid;
    border-left: 0px solid; 
    border-bottom: 3px solid;
    background-color: transparent;
}

.landingPage {
    z-index: 102;
    position: fixed;
    bottom: -1500px;
    width : 100%;
    max-height: 80%;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}

.landingPage-container {
    padding: 4px 0px;
    border-radius: 0px;
    background: linear-gradient(to right,#7f7f7f 10%, #1a4da0 35%, #7f7f7f 100%);
    overflow-y: auto;
    float: right;
    color: #000;
}

.landingPage.active {
    bottom: 0px;
 }
 
.fa-right {
    font: normal normal normal 24px/1 FontAwesome;
    text-rendering: auto;
    float: right;
}
.fa-bars {
    content: "\f0c9";
    color : #1a4da0;
}

.fa-chevron-down {
    font-size: 50px !important;
    color: #fff;
    cursor: pointer;
}

.fa-close {
    padding : 0px 10px;
    font-size: 18px;
    float: right;
    cursor: pointer;
}

.fa-eye {
    transform: translate3d(-10px, -30px,  10px);
    cursor: pointer;
}

.fa-eye-slash {
    transform: translate3d(-10px, -30px,  10px);
    cursor: pointer;
}

.card {
    margin-bottom : 20px;
    line-height: 1.4;
}

.card-header {
    background:#ffffff;
    padding: 10px 10px 0px 20px;
}

#style-1::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
} 

.map {
    text-align: center;
}

.map {
    overflow:hidden;
    padding-bottom:65%;
    position:relative;
    height:0;
}

.map iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
 
.sim-btn-1 {
	background: #1a4da0;
	color: #ffffff;
	padding: 10px;
	border-radius: 5px;
	overflow: hidden;
    border: none;
    margin : 5px;
    font-size: 14px;
    font-family: 'Atyp';
    cursor: pointer;
}

.sim-btn-1:hover {
    color: #ffffff;
    font-size: 16px;
    font-family: 'Atyp';
    cursor: pointer;
}

.sim-btn-2 {
	/*background: #333333;*/
	color:  black;
	padding: 10px;
	border-radius: 5px;
	overflow: hidden;
    border: none;
    margin : 5px;
    font-size: 14px;
    border: 1px solid #1a4da0;
    font-family: 'Atyp';
    cursor: pointer;
}

.btn {
    background-color:#1a4da0;
    color: white;
}

.hvr-bounce-to-top-1 {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
    border-radius: 5px;
    font-size: 14px;
    font-family: 'Atyp';
    cursor: pointer;
}

.hvr-bounce-to-top-1::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #1a4da0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    font-size: 14px;
    font-family: 'Atyp';
    cursor: pointer;
}

.hvr-bounce-to-top-1:hover::before, .hvr-bounce-to-top-1:focus::before, .hvr-bounce-to-top-1:active::before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    font-family: 'Atyp';
    cursor: pointer;
}

.img-fluid-1 {
    max-width: 250px;
    max-height: 250px;
    border-radius: 5px;
}

.hoverbutton-1 {
    /*background-color: #333333;*/
    position: absolute;
    color: #1a4da0 !important;
    top: 38%;
    font-size: 21px;
    z-index: 12;
    left: 0;
    opacity: 1;
    right: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin: -20px auto;
}

.gallery-single-1 {
	position: relative;
	overflow: hidden;
	/*border-radius: 70px 70px 0px 70px;*/
}

.gallery-list-1 .img-overlay {
	border-radius: 100px 100px 0px 100px;
    position: absolute;
    top: 45px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    /*background: rgba(40, 169, 226, 0.80);*/
    color: #35424C;
    opacity: 1;
    -webkit-transition: all .5s;
    transition: all .5s;
    /*z-index: 2;*/
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

.gallery-list-1 .gallery-single-:hover .img-overlay {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.gallery-list-1 .gallery-single-1:hover .img-overlay .hoverbutton{
	opacity: 1;
	top: 50%;
}

.right-box-pro-1 {
	position: relative;
	/*-webkit-box-shadow: 0px 0px 30px -4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 30px -4px rgba(0, 0, 0, 0.3);*/
    margin: 20px 0px;
}

.right-box-pro-1 img {
	position: relative;
	z-index: 2;
    /*border-radius: 10px;*/
    max-width: 100%;
}

.right-box-pro-1::before {
    content: "";
    /*background: url(images/country-quilt-dark.png);*/
    width: 100%;
    height: 100%;
	border-radius: 100px 100px 0px 100px;
    position: absolute;
    bottom: -20px;
    right: -20px;
    z-index: 0;
}

#success {
    font-size: 14px;
    margin-top: 5px;
    font-weight: 550;
}

.close {
    margin: 0px 0px 0px 5px;
}

.post-title {
    font-size: 20px;
    color: black;
    font-family: 'Atyp';
}
.post-news {
    background-color: #ffff;
}

.read-more {
    float: right;
    font-family: 'Atyp';
    font-size: 18px;
}

.read-more:hover {
    text-decoration: underline #1a4da0 !important;
    font-family: 'Atyp';
    font-size: 18px;
}
   
.find-more {
    color: #ffffff;
    font-family: 'Atyp';
    font-size: 18px;
}

.find-more:hover {
    text-decoration: underline #ffffff !important;
    font-family: 'Atyp';
    font-size: 18px;
}
   

/* ------------------------------ Plan du site ------------------------------*/

.sitemap {
    margin : 30px 0px 0px 0px;
}

li.level-1 {
    margin: 0;
    padding-left: 15px;
}

li.level-2 {
    margin: 0;
    padding-left: 60px;
}

.site-map-title {
    font-size: 20px;
}

.site-map-subtitle {
    color: #333333;
    font-size: 18px;
}

.site-map-title:hover {
    color: #1a4da0;
    border-bottom: 1px solid;   
}

.site-map-subtitle:hover {
    color: #1a4da0;
    border-bottom: 1px solid;
}

.font-light {
    font-weight: lighter;
}

/******** Plus d'informations liées à la solution  : 
## Propriété CSS overflow
https://www.zonecss.fr/proprietes-css/overflow-css.html#gOawwBL0000.codepen *********/

.video_home {
    color: white;
    padding: 0;
    position:relative;
    overflow:hidden; 
} 
  
.video_home video { 
    position:relative;
    height:auto;
    z-index:0;
    vertical-align:top;
}

.cd-tagline {
    color: #fff;
    margin : 5px 5px;
}

.video_home .content{
    position:absolute;
    z-index:1;
    text-align: center;
}
.login-content{
    position:absolute;
    z-index:1;
    text-align: center;
}

/* CSS main index.html page */

.img-campus {
    max-width: 65%;
}
  
.slide-up {
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: 0.5s all ease;
}
  
.slide-up.active {
    transform: translateY(0);
    opacity: 1;
}

.slide-left {
    position: relative;
    transform: translateX(150px);
    opacity: 0;
    transition: 0.5s all ease;
}

.slide-left.active {
    transform: translateX(0);
    opacity: 1;
}

.slide-right {
    position: relative;
    transform: translateX(-150px);
    opacity: 0;
    transition: 0.5s all ease;
}

.slide-right.active {
    transform: translateX(0);
    opacity: 1;
}

.modal-body {
    display: block;
    padding: 3px 0px;
}
  
.modal-content {
    border-radius: 0;
    border: 0px solid rgba(0,0,0,.2);
    -webkit-box-shadow: -1px -2px 42px -19px rgba(0,0,0,0.74);
    -moz-box-shadow: -1px -2px 42px -19px rgba(0,0,0,0.74);
    box-shadow: -1px -2px 42px -19px #1a4da0;
}
.loading-icon {
    margin: 0px 3px;
}

.reachout-career {
    color: #fff;
    /*text-transform: capitalize;*/
    padding: 0px;
    letter-spacing: 0px;
    font-size: 16px;
}

input[type=checkbox], input[type=radio] {
    cursor: pointer;
}

.grecaptcha-badge {
    /*visibility: hidden;*/
    width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    left: 0px !important;
}

.grecaptcha-badge:hover {
    width: 256px !important;
}

.card-header-s {
    background:  linear-gradient(0.25turn, #7f7f7f 10%, #1a4da0 100%);
    padding: 10px 10px 0px 20px;
    font-size: 16px;
}
.wc{
    color:#ffffff;
}

/*********** job board *************/

#myInput {
  /*background-image: url('/css/searchicon.png'); /* Add a search icon to input */
  background-position: 10px 12px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 100%; /* Full-width */
  font-size: 16px; /* Increase font-size */
  padding: 12px 20px 12px 40px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-bottom: 12px; /* Add some space below the input */
}

.job-listing-area {
    margin : 50px 0px;
    /*background: linear-gradient(0.25turn, #7f7f7f 20%, #1a4da0 45%, #7f7f7f 100%)*/
}

.job-lists {
    margin-top: 0px;
}

.pagination-bar {
    float: right;
    font-size: 15px;
}

.single-jobs-detail {
    margin: 30px 0px, 0px, 0px;
    border-bottom: 1px solid #7f7f7f ;
    line-height: 22px;
}

/*
.single-jobs {
    padding: 5px 5px;
    border-bottom: 1px solid #7f7f7f ;
}

.white-font {
    background: #ffffff;
}
*/

.justify-content-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}

.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}

.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}

.jobs_content {
    float: left;
}

.jobs_content h4 {
    font-size: 16px;
    color : #1a4da0; 
    font-weight: 600;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.jobs_right{
    text-align : right;
    margin-bottom: 5px;
}

.line{
    border-bottom: 1px solid #555;
    margin : 5px 0px;
}

.links_locat .location {
    margin-right: 30px
}

.links_locat .location p i {
    margin-right: 10px;
}

.job-section-title{
    font-weight: 700;
    margin: 50px 0px 0px 0px;
    font-size: 18px;
}

input[type=file]::file-selector-button {
    margin-right: 10px;
    border: none;
    background: #ffffff; 
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
}

.drop-container {
    position: relative;
    display: flex;
    /*gap: 10px;*/
    flex-direction: column;
    /*justify-content: center;*/
    align-items: center;
    /* height: 200px;*/
    padding: 10px;
    border-radius: 10px;
    border: 1px dashed #ced4da ; /*#555;*/
    color: #444;
    cursor: pointer;
}

.drop-title {
    color: #444;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    transition: color .2s ease-in-out;
}

.file-area {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    align-items:center;
    display:flex;
    justify-content:center;
}

.uploadForm {
    width: 100%;
}

.file-upload-wrapper {
    Color: #4daf7c;
    height: 45px;
    position: relative;
    width: 100%;
    content: url('../images/prettyPhoto/upload-icon.png');
}

#filename-display {
    font-size: 10px;
}

.file-upload-wrapper:after {
    content:''; 
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    padding: 10px 15px;
    display: block;
    width: 100%;
    pointer-events: none;
    z-index: 20;
    color: #999;
    border-radius: 10px;
    font-weight: 300;
    text-align:center;
}

.file-upload-wrapper:before {
    content:'';
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    height: 60px;
    color: #fff;
    font-weight: 700;
    z-index: 25;
    font-size: 14px;
    padding: 0 15px;
    text-transform: uppercase;
    pointer-events: none;
    border-radius: 0 5px 5px 0;
}

input[type=number]{
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{
    -webkit-appearance: none;
}

.apply-message {
    color: #bcbcbc;
    height: 266px !important;
}

.nav-link span  {
    font-size: 17px;
    padding: 0px;
}

.nav-link:nth-child(2) {
    margin-left: 0px;
}

.submenu {
    position: absolute;
    top : 30px;
    display: none;
    background-color: #ffffff;
    border: 1px solid #ffffff; 
    border-radius: 3px;
    box-shadow: 0 0 4px 0 rgb(0,0,0, .2);
    padding: 5px 20px;
    z-index : 2000;
}

.submenu-items {
    list-style-type : none;
    /*text-align: center;*/
    padding: 0 0px;
}

.submenu-items:hover{
    color : #1a4da0;
}

.nav-link:hover> ul {
    display : block;
}

.menu-bullet li{
    display: list-item;
}

.menu-bullet li:hover{
    color : #1a4da0;
}

.standard-offer{
    background :#7f7f7f;
    color : #ffffff;
    padding: 10px 0;
    height: 180px;
	margin: 0px 5px 15px 5px;
	border-radius: 0px; /*50px 18px 51px 23px;*/
	position: relative;
	transition: all 0.3s ease-in-out 0s;
}
.standard-offer h2{
    color : #ffffff;
    text-align:center;
    font-size: 22px;
    font-weight: 600;
}

.premium-offer{
    background :#1a4da0;
    color : #ffffff;
    padding: 10px 0;
    height: 180px;
	margin: 0px 5px 15px 5px;
	border-radius: 0px; /* 57px 23px 47px 18px*/
	position: relative;
	transition: all 0.3s ease-in-out 0s;
}

.premium-offer h2{
    color : #ffffff;
    text-align:center;
    font-size: 22px;
    font-weight: 600;
}

.nda-content{
    background: #ffffff;
    color: #333333;
    padding: 10px 50px;
    top: 15%;
    left: 0%;
    right: 0% ;
    position: absolute;
    z-index: 1;
    line-height : 1.4;
}

.flex-row {
    display: flex;
}

.wrapper {
    border: 1px solid #1a4da0;
}

canvas#signature-pad {
    background: #fff;
    width: 100%;
    height: 100%;
    cursor: crosshair;
}

button#clearButton {
    margin-top: 5px;
    height: 100%;
    background: #1a4da0;
    border: 1px solid transparent;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}

input[type="date"] {
    display: block;
    /*min-width: 95,6%;*/
    appearance: normal;
    -webkit-appearance : textfield;
    -moz-appearance : textfield;
    min-height: 1.2em;
    /*min-height: calc(var(--lwc-heightInput,1.875rem) + (1px*2)+24px) !important;*/
}

.ui-w-80 {
width : 80px !important;
height: auto;
}

.account-settings-fileinput {
position  : absolute;
visibility: hidden;
width     : 1px;
height    : 1px;
opacity   : 0;
}

.text-light {
color: #babbbc !important;
}


.policy-content h4 {
    font-weight: 900 !important;
    font-size: 24px;
}