header {
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.22)!important;
}
.newsvs {
    width:100%;
    min-height:100vh;
    padding-top:80px;
}

.navbar-title img {
    margin-top: 10px;
    transform:scale(1);
}

.swiperImg {
  width: 100%;
  height: calc(100vh - 160px);
}

.swiperImgLinear {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    background-image:linear-gradient(to left, rgba(255, 255, 255, 0), rgb(250 250 250) 62.5%);

/*



        background-color:rgba(255,255,255, 0.5);
        background-image:linear-gradient(to left, rgba(255, 255, 255, 0), rgb(255 255 255 / 98%) 50%), linear-gradient(to left, rgb(255 255 255 / 0%) 0%, rgb(255 157 28 / 10%) 90%);
        background-image:linear-gradient(to left, rgba(255, 255, 255, 0), rgb(250 250 250) 50%), linear-gradient(to left, rgb(255 255 255 / 0%) 0%, rgb(255 157 28 / 10%) 90%);
    */
    z-index: 10;
}

.linearContent {
    width: 100%;
    height: 100%;
    padding: 4.75% 1.5% 3.5% 5%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-image:linear-gradient(to left, rgba(255, 255, 255, 0), rgb(255 157 28 / 5%) 65%);
}

.swiperImg .swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiperImg .swiper-slide img {
  display: block;
  width: 68%;
  margin-left:33%;
  height: 100%;
  object-fit: cover;
}

.swiperImg .autoplay-progress {
  position: absolute;
  right: 4%;
  bottom: 20px;
  z-index: 10;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: var(--swiper-theme-color);
  background-color:#ffffff;
  border-radius:50%;
  display:none;
}

.swiperImg .autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 4px;
  stroke: rgb(255, 157, 28);
  fill: none;
  stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
  stroke-dasharray: 125.6;
  transform: rotate(-90deg);
}

.autoplay-progress span {
    color:#6f6f6f;
    font-weight:600;
    font-size:16px;
}

.swiperImg .swiper-pagination {
    padding-right:4%;
}

.swiperImg .swiper-pagination-bullet {
    height: 22px;
    width: 22px;
    opacity: 1!important;
    background-color: #ffffff;
    margin:10px 0!important;
    z-index: 10;
}

.swiperImg .swiper-pagination-bullet-active {
    background-color: #ff9d1c!important;
}

/* slider partner */
.partner {
    z-index:10;
    height:80px;
    position: relative;
    background-color:#DCDCDC;
}

.partner__div {
    padding-left: 5.5%;
    padding-right:0.5%;
    position: absolute;
    top: 0;
    left: 0%;
    width: 17.5%;
    height: -webkit-fill-available;
    z-index: 10;
    font-size: 17px;
    font-weight: 600;
    color: black;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.partner__div div {
    color: #494844;
    font-weight: 600;
    font-size: 17px;
    width: -webkit-fill-available;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.partner__div div img {
    width: 25px;
    transform: rotate(45deg) translateX(2px);
}

.mySwiperX {
    width: calc(100% - 17.5%);
    height: 100%;
    margin-left:17.5%;
}

.mySwiperX .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mySwiperX .swiper-slide img {
    display: block;
    width: 100px;
    height: 100%;
    opacity:0.7;
}
/* end partner */


/* begein typed */
.forsvstyped {
display: inline-block!important;
position: relative;
}

.forsvstyped .typednewsvs {
color: #2d4275;
font-size: 38px;
line-height: 1.5;
display: contents;
font-weight: 700;
}

.forsvstyped .typednewsvs span {
font-size: inherit;
font-weight: inherit;
color: #6f6f6f;
line-height: inherit;
letter-spacing: inherit;
}

.forsvstyped .typed-cursor i {
font-size: 44px;
letter-spacing: 0.25px;
color: rgb(255, 157, 28);
margin-left: 10px;
}

.forsvstyped .typed-cursor {
transition: 0!important;
opacity: 1!important;
margin-left: 8px;
}

.forsvsText {
min-height:calc(100% - 150px);
width:48.5%;
display: inline-block!important;
position: relative;
}

.typedtextsvs {
font-size:20.5px;
font-weight:400;
color:#333333;
display: contents;
line-height:1.85;
}

.forsvsText .typed-cursor i {
font-size: 18px;
letter-spacing: 0.25px;
color: rgb(255, 157, 28);
margin-left: 10px;
}

.forsvsText .typed-cursor {
}

.bas {
font-size:inherit;
font-weight:inherit;
color:#ff9d1c
}

.torch-icon {
display: inline-block;
position: relative;
box-shadow: rgb(255 255 255) 14px -16px 13px;
}

.elitePlus {
color:rgb(255, 157, 28)!important;
}

.forbuttons {
position:absolute;
left:5%;
bottom:10%;
display:flex;
align-items:center;
}

.svsLunch {
margin-left: 4px;
border: 0;
outline: 0;
border-radius: 4px;
color: whitesmoke;
background-color: #003566;
letter-spacing: 0.75px;
display: flex;
align-items: center;
justify-content:space-between;
padding: 8px 16px;
font-size: calc(16px);
font-weight: 600;
text-transform: uppercase;
box-shadow: rgba(255, 255, 255, 0.7) 0px 4px 16px, rgba(255, 255, 255, 0.7) 0px 8px 24px, rgba(255, 255, 255, 0.7) 0px 16px 56px;
}

.svsLunch i {
font-size: 24px!important;
color: rgb(255, 157, 28)!important;
padding-left: 16px!important;
}

.lunchEdit {
background-color: transparent!important;
box-shadow: unset!important;
border: unset!important;
color: #172f62!important;
font-size:14px;
font-weight:700;
}

.lunchEdit span {
font-weight:inherit;
font-size:inherit;
color:rgb(255, 157, 28)!important;
padding-right:5px;
}

.vigilence {
font-size:inherit;
font-weight:700;
line-height: inherit;
color:#2d4275;
}


.voirPlus {
  color:inherit;
  line-height:inherit;
  font-weight:inherit;
  font-size:inherit;
}

.voirPlus strong {
  color:#172f62;
  font-weight:700;
  font-size:inherit;
  cursor:pointer;
}




/* play video */
/* read Movie */
.readMovie {
    display:flex;
    align-items:center;
    transition:3.5s!important;
}

.readMovie span {
    margin-left: 20px;
    font-size: 18px;
    font-weight: 700;
    color: #252525;
}

.play-btn {
    width: 60px;
    height:60px;
    background: radial-gradient( #2d4275 60%, rgba(255, 255, 255, 1) 62%);
    border-radius: 50%;
    position: relative;
    display: block;
    box-shadow: 0px 0px 25px 3px #ff9d1c;
  }
  
  /* triangle */
  .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-40%) translateY(-50%);
    transform: translateX(-40%) translateY(-50%);
    transform-origin: center center;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 25px solid #fff;
    z-index: 100;
    -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  
  /* pulse wave */
  .play-btn:before {
    content: "";
    position: absolute;
    width: 150%;
    height: 150%;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate1 2s;
    animation: pulsate1 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(255, 255, 255, .75);
    top: -30%;
    left: -30%;
    background: rgba(198, 16, 0, 0);
  }
  
  @-webkit-keyframes pulsate1 {
    0% {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
      opacity: 1;
      box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
    }
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 0;
      box-shadow: none;
  
    }
  }
  
  @keyframes pulsate1 {
    0% {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
      opacity: 1;
      box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
    }
    100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1);
      opacity: 0;
      box-shadow: none;
  
    }
  }













 
 .videoViewed {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 200003!important;
    background-color: rgba(0,0,0, 0.85);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    display:none;
}

.plyr {
    width:60%;
    height:70%;
    border-radius:15px;
}

.fermerVideo {
position: absolute;
top: 5%;
right: 5%;
width: 50px;
height: 50px;
border: none;
cursor: pointer;
border-radius:6px;
display:flex;
justify-content:center;
align-items:center;
}
.fermerVideo i {
    font-size:28px;
    color:white;
}























.play-btn2 {
  width: 60px;
  height:60px;
  background: radial-gradient( #2d4275 60%, rgba(255, 255, 255, 1) 62%);
  border-radius: 50%;
  position: relative;
  display: block;
  box-shadow: 0px 0px 25px 3px #ff9d1c;
}

/* triangle */
.play-btn2::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-40%) translateY(-50%);
  transform: translateX(-40%) translateY(-50%);
  transform-origin: center center;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 25px solid #fff;
  z-index: 100;
  -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

/* pulse wave */
.play-btn2:before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate1 2s;
  animation: pulsate1 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(255, 255, 255, .75);
  top: -30%;
  left: -30%;
  background: rgba(198, 16, 0, 0);
}


.videoViewed2 {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 200003!important;
  background-color: rgba(0,0,0, 0.85);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  display:none;
}

.plyr2 {
  width:60%;
  height:70%;
  border-radius:15px;
}

.fermerVideo2 {
position: absolute;
top: 5%;
right: 5%;
width: 50px;
height: 50px;
border: none;
cursor: pointer;
border-radius:6px;
display:flex;
justify-content:center;
align-items:center;
}
.fermerVideo2 i {
  font-size:28px;
  color:white;
}




























.swiperImg .swiper-pagination {
  padding-right: 4%;
  display: flex;
  flex-direction: column;
  width: auto;
  right: 0;
  left: unset;
  top: 20%;
}
.swiperImg .swiper-pagination-bullet {
  margin: 5px 0!important;
}




.forsvsText .typed-cursor {
  color:rgb(255, 157, 28);
  font-size:18px;
  font-weight:700;
}   


.mySwiperX .swiper-slide img {
  min-width:45%!important;
  max-width:45%!important;
  height:auto!important;
  transform:scale(1.25)!important;
}