body {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  line-height: 28px;
  color: #6a6a6a;
  font-size: 18px;
   }
.btn-primary {
  background-color: #0303b8 !important;
}

.btn-danger{
  background-color: #bc0203 !important;
}
.bg-primary { background-color:#0301cb}


/* HEADER VIDEO */
  header {
     position: relative;
     background-color: black;
     height: 65vh;
     min-height: 25rem;
     width: 100%;
     overflow: hidden;
}
 header video {
     position: absolute;
     top: 50%;
     left: 50%;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     z-index: 0;
     -ms-transform: translateX(-50%) translateY(-50%);
     -moz-transform: translateX(-50%) translateY(-50%);
     -webkit-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
}
 header .container {
     position: relative;
     z-index: 2;
}
 header .overlay {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
    /* background-color: black;
    */
	 /*background: linear-gradient(0deg, rgba(255, 255, 255, 0.3) 0%, rgb(27 127 204 / 3%) 100%);*/
     background: rgba(4, 129, 177, 0.5);
     opacity: .1;
     color:white;
     opacity: 0.5;
     z-index: 1;
}
/* Media Query for devices withi coarse pointers and no hover functionality */
/* This will use a fallback image instead of a video for devices that commonly do not support the HTML5 video element */
 @media (pointer: coarse) and (hover: none) {
     header {
        /*?? is image https://images.unsplash.com/photo-1438375377985-cc22e0503a6f?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=900&ixid=MnwxfDB8MXxyYW5kb218MHx8fHx8fHx8MTY5MTU5NjA3NQ&ixlib=rb-4.0.3&q=80&utm_campaign=api-credit&utm_medium=referral&utm_source=unsplash_source&w=1600*/
         background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;
    }
     header video {
         display: none;
    }
}

/*
---------------------------------------------
 Animation header video
--------------------------------------------- 
*/



 

  
/*
---------------------------------------------
 PARRALAX
--------------------------------------------- 
*/
	 
	.parallax-container-int {
  display: flex;
  min-height: 50vh;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  /*  this is where the magic happens:  */
  background-attachment: fixed;

  background-image: url(
  https://industrie-geneve.ch/wp-content/uploads/2018/06/geneva-670479_1280-2.jpg);
  background-position: center;
  background-size: cover;
  color: var(--color);
  row-gap: 4rem;

  text-align: center;
  
  
} 
	/*  
---------------------------------------------
 box service
--------------------------------------------- 
*/
.features-small-item {
  cursor: pointer;
  display: block;
  background: #FFFFFF;
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.10);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 30px;
  text-align: justify;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  margin-bottom: 20px;

  
}
.box-height{height:200px; overflow:hidden; margin-bottom:10px}



.features-small-item .features-title {
  font-weight: 500;
  font-size: 18px;
  color: rgba(41, 89, 155, .9);
  letter-spacing: 0.7px;
  margin-bottom: 15px;

}

.features-small-item p {
  font-weight: 400;
  font-size: 14px;
  color: #777;
  letter-spacing: 0.5px;
  line-height: 25px;
  position: relative;

}

/* 
---------------------------------------------
footer
--------------------------------------------- 
*/
footer {
  
  padding-top: 30px;
}

footer .social {
  overflow: hidden;
  margin-top: 10px;
  text-align: center;
}

footer .social li {
  margin: 0px 10px;
  display: inline-block;
}

footer .social li a {
  color: blue;
   text-align: center;
  background-color: #fff;
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 50%;
  display: inline-block;
  font-size: 16px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

footer .social li a:hover {
  background-color: #ff589e;
  color: #fff;
}

footer .copyright {
  text-align: center;
  border-top: 1px solid rgba(250,250,250,0.2);
  margin-top: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  letter-spacing: 0.88px;
  text-transform: uppercase;
}

/* 
---------------------------------------------
style pages
--------------------------------------------- 
*/
.titreh4 {color:#bb0303;font-size:18px}
.titreh3 {color:blue;font-size:24px}
.titreh2 {color:#0078B3; font-size:30px}


/* 
---------------------------------------------
TEAM
--------------------------------------------- 
*/

.mb-1 {
    margin-bottom: 0.25rem!important;
}
.h5, h5 {
    font-size: 1.25rem;
}
a {
text-decoration:none;    
}
.team-style07 {
    background: #fff;
    text-align: center;
    padding: 30px;
    box-shadow: 0px 10px 30px 0px rgb(26 29 72 / 7%);
    border-radius: 15px;
    transition: all .3s ease-in-out;
}
.team-style07 {
    background: #fff;
    text-align: center;
    padding: 30px;
    box-shadow: 0px 10px 30px 0px rgba(26, 29, 72, 0.07);
    border-radius: 15px;
    transition: all .3s ease-in-out
}

.team-style07:hover {
    background: #292dc2
}

.team-style07:hover h3 a,
.team-style07:hover p {
    color: #fff
}

.team-style07 .team-thumb {
    position: relative
}

.team-style07 .team-thumb .team-social {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.team-style07:hover .team-thumb .team-social .styled-icons li:nth-child(1) {
    left: 40px;
    position: absolute;
    bottom: 0;
    z-index: 10;
    opacity: 1;
    transition: all .4s ease-in-out 0s
}

.team-style07 .team-thumb .team-social .styled-icons li:nth-child(1) {
    position: absolute;
    opacity: 0;
    left: -10px;
    bottom: -20px;
    z-index: 10;
    transition: all .3s ease-in-out
}

.team-style07 .team-thumb .team-social .styled-icons li:nth-child(2) {
    position: absolute;
    opacity: 0;
    left: 0;
    right: 0;
    bottom: -40px;
    transition: all .3s ease-in-out
}

.team-style07 .team-thumb .team-social .styled-icons li:nth-child(3) {
    opacity: 0;
    position: absolute;
    right: 0;
    bottom: -20px;
    transition: all .3s ease-in-out
}

.team-style07:hover .team-thumb .team-social .styled-icons li:nth-child(3) {
    position: absolute;
    right: 40px;
    bottom: 0;
    opacity: 1;
    transition: all .4s ease-in-out 0s
}

.team-style07:hover .team-thumb .team-social .styled-icons li:nth-child(2) {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    opacity: 1;
    transition: all .5s ease-in-out 0s
}

.team-style07 .team-thumb .team-social .styled-icons li a {
    background: #3457f1;
    color: #fff;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border: none;
    font-size: 16px;
    transition: all .3s ease-in-out
}
.mb-1-9, .my-1-9 {
    margin-bottom: 1.9rem;
}

.styled-icons a {
    border: 2px solid transparent;
    color: #333;
    display: inline-block;
    font-size: 16px;
    height: 36px;
    line-height: 2;
    margin-right: 4px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 36px;
    transition: all .2s ease;
    border-radius: 50%
}

.styled-icons li {
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 0;
    padding-left: 0 !important
}


/************************************ Button Top */
#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}


@media (max-width: 991px) {
  footer .text {
    margin-bottom: 30px;
  }
  footer h5 {
    margin-bottom: 15px;
  }
  footer .footer-nav {
    margin-bottom: 30px;
  }
}