/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Audiowide&family=Inter:wght@200;300;500;600;700;800;900&family=Noto+Kufi+Arabic:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300&family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Work+Sans:wght@200;300;400;500;600;700;800&display=swap');html{
  width: 100vw;
  overflow-x: hidden;
}
body {
  font-family: "Inter", sans-serif;
  color: #01015A;
  overflow-x: hidden;
}

a {
  text-decoration: none;
  color: #01015A;
}

a:hover {
  color: #01015A;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Inter';
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #01015A;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #01015A;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
#topbar {
  background: #fbfbfb;
  font-size: 15px;
  height: 40px;
  padding: 0;
}

#topbar .contact-info a {
  line-height: 0;
  color: #444444;
  transition: 0.3s;
}

#topbar .contact-info a:hover {
  color: #01015A;
}

#topbar .contact-info i {
  color: #01015A;
  line-height: 0;
  margin-right: 5px;
}

#topbar .contact-info .phone-icon {
  margin-left: 15px;
}

#topbar .social-links a {
  color: #6f6f6f;
  padding: 4px 12px;
  display: inline-block;
  line-height: 1px;
  transition: 0.3s;
}

#topbar .social-links a:hover {
  color: #01015A;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  background: #fff;
  transition: all 0.5s;
  z-index: 997;
  height: 90px;
}

#header.header-scrolled {
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#header .logo {
  font-size: 30px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#header .logo a {
  color: #01015A;
}

#header .logo img {
  /* max-height: 53px; */
}

.scrolled-offset {
  margin-top: 70px;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 168px;
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
  gap: 11px;
}

.navbar li {
  position: relative;
}

.navbar a,
.navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 10px 30px;
  font-size: 15px;
  color: #222222;
  white-space: nowrap;
  transition: 0.3s;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
}

.navbar a i,
.navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  color: #01015A;
}

 .getstarted,
.getstarted:focus {
  color: #fff;
  padding: 11px 16px;
  margin-left: 0;
  border-radius: 9px;
  border: 2px solid #C51E30;
  transition: 0.3s;
  font-size: 15px;
  background: #C51E30;
  white-space: nowrap;
}

.getstarted:hover,
.getstarted:focus:hover {
  background: #224095;
  border: 2px solid #224095;
  color: #fff;
  transform: 0.3s;
}

.navbar .dropdown ul {
  display: block;
  left: -461px;
  position: absolute;
  left: -460px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
  background: #FFFFFF;
  box-shadow: -2px -1px 4px rgba(0, 0, 0, 0.2);
  border-radius: 12px;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  text-transform: none;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
  color: #01015A;
}

.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 133%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #222222;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
  color: #fff;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }
  .desktop-only {
    display: none !important;
  }
  .navbar ul {
    display: none;
  }
  .mobile-only{
    display: block !important;
  }
  .holder-msg input {
    width: 18em !important;
  }
 
  .holder {
    display: initial !important;
  }
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(9, 9, 9, 0.9);
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #222222;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
  color: #01015A;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  margin: 15px;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
  color: #01015A;
}

.navbar-mobile .dropdown>.dropdown-active {
  display: block;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 80vh;
  background-color: rgba(9, 9, 9, 0.8);
  overflow: hidden;
  position: relative;
}

#hero .carousel,
#hero .carousel-inner,
#hero .carousel-item,
#hero .carousel-item::before {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

#hero .carousel-item::before {
  content: "";
 background: linear-gradient(84.68deg, rgba(255, 255, 255, 0.2) 5.02%, #FFECEC 97.87%);
opacity: 0.7;
backdrop-filter: blur(4px);
}

#hero .carousel-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 50px;
  right: 50px;
}

#hero .container {
  text-align: left;
}

#hero h2 {
  color: #01015A;
  margin-bottom: 20px;
  font-size: 57px;
  font-weight: 700;
}

#hero p {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  margin: 0 auto 30px auto;
  color: #01015A;
}

#hero .carousel-inner .carousel-item {
  transition-property: opacity;
  /* background-position: center top; */
}

#hero .carousel-inner .carousel-item,
#hero .carousel-inner .active.carousel-item-start,
#hero .carousel-inner .active.carousel-item-end {
  opacity: 0;
}
.owl-carousel .item .shadow-effect::before {
  content: "";
  border-width: 21px;
  border-style: solid;
  border-color: transparent transparent rgba(167, 185, 237, 0.38) transparent;
  position: absolute;
  bottom: 49px;
  transform: rotate(180deg);
  align-items: center;
  right: 189px;
}
.carousel-container h2 strong::before {
  content: "";
  position: absolute;
  bottom: 48px;
  background: url('../img/Vector.png');
  align-items: center;
}
#hero .carousel-inner .active,
#hero .carousel-inner .carousel-item-next.carousel-item-start,
#hero .carousel-inner .carousel-item-prev.carousel-item-end {
  opacity: 1;
  transition: 0.5s;
}

#hero .carousel-control-next-icon,
#hero .carousel-control-prev-icon {
  background: none;
  font-size: 30px;
  line-height: 0;
  width: auto;
  height: auto;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50px;
  transition: 0.3s;
  color: rgba(255, 255, 255, 0.5);
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#hero .carousel-control-next-icon:hover,
#hero .carousel-control-prev-icon:hover {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.8);
}

#hero .carousel-indicators li {
  cursor: pointer;
  background: #fff;
  overflow: hidden;
  border: 0;
  width: 12px;
  height: 12px;
  border-radius: 50px;
  opacity: 0.6;
  transition: 0.3s;
}

#hero .carousel-indicators li.active {
  opacity: 1;
  background: #C51E30;
}

#hero .btn-get-started {
  font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 32px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 6px 27px;
  transition: 0.5s;

  color: #fff;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  background: #224095;
  border-radius: 6px;
}
#hero .btn-get-started2 {
  font-family: 'Epilogue';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  display: inline-block;
  padding: 14px 32px;
  border-radius: 4px;
  transition: 0.5s;
  color: #fff;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  color: #01015A;
}
#hero .btn-get-started3 {
  font-family: 'Epilogue';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  display: inline-block;
  padding: 14px 32px;
  border-radius: 4px;
  transition: 0.5s;
  color: #fff;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  color: #01015A;
}

#hero .btn-get-started:hover {
  background: #C51E30;
}

@media (max-width: 992px) {
  #hero {
    height: 100vh;
  }

  #hero .carousel-container {
    top: 61px;
  }
}

@media (max-width: 768px) {
.sixth-two {
    position: relative;
    top: 169px !important;
    left: 0;
}
.holder-right-second-pmp{
  display: flex !important;
  gap: 13px !important;
}
.holder-right-second-pmp .first, .holder-right-second-pmp .second {
    font-size: 17px !important;
}

.fifth-one .img-fifth {
    position: absolute;
    bottom: 65% !important;
}
  #hero h2 {
    font-size: 28px;
    line-height: 63px;
}
  .holder-carousel .section-title img {
    position: absolute;
    top: 51% !important;
    left: 0 !important;
}
  #hero .btn-get-started {
    font-size: 16px;
    line-height: 25px;
    padding: 9px 3px;
}
  .section-title h2 {
    font-size: 30px !important;
}
  .section-title p {
    font-size: 17px !important;
}
  .contact-cards {
    display: grid !important;
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 2em !important;
}
  .row.contact-page-3{
    display: grid !important;
    grid-template-columns: repeat(1, 1fr) !important;
}
  .contact-page-3 .socials {
    margin: auto;
}
  .contact-2 .image-left {
    padding-top: 30px;
    display: block;
    margin-left: auto !important;
    margin-right: auto;
}
.image-center{
  width: 100%;
}
img.image-center {
  padding-top: 55px;
}
.socials .column1 .image-right {
  width: 35px !important;
}
.holder-contact {
  display: grid !important;
  grid-template-columns: repeat(1, 1fr) !important;
  gap: 17px;
}
.formation-slide-bg .section-title h2 {
  white-space: nowrap;
  font-size: 40px !important;
}
.formation .section-title h2 {
  white-space: nowrap;
  font-size: 35px !important;
}
section.formation .section-title .vector-img {
  position: absolute;
  top: 8.6% !important;
  left: 8% !important;
  width: auto !important;
}
.formation-slide-bg .section-title img {
  position: absolute;
  top: 15% !important;
  right: 33px !important;
}
.row.histoire {
  display: grid !important;
  grid-template-columns: repeat(1,1fr) !important ;
  gap: 4em;
}
.right .img-1{
  width: 100%;
}
.right .img-2 {
  width: 23%;
  top: 38px;
}
.formation img {
  width: 100%;
}
.row.up , .row.down{
  gap:1em;
}
}

@media (min-width: 1024px) {

  #hero .carousel-control-prev,
  #hero .carousel-control-next {
    width: 5%;
  }
}

@media (max-height: 500px) {
  #hero {
    height: 133vh;
  }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/

section {
  padding: 60px 0;
  background: #ffffff;
}

.section-bg {
  background-color: #fff;
}

.section-title {
  text-align: center;
  padding-bottom: 30px;
}

.section-title h2 {
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
  font-style: normal;
  font-weight: 700;
  font-size: 56px;
  line-height: 74px;
}



/* .section-title h2::after {
  content: '';
   display: block;
   width: 30px;
   height: 30px;
  background: url('../img/Vector.png');
  
} */

.section-title p {
  margin-bottom: 0;
  font-size: 18px;
  color: #919191;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 171.5%;
/* or 38px */
  text-align: center;
  color: rgba(14, 14, 44, 0.6);
}

/*--------------------------------------------------------------
# Featured Services
--------------------------------------------------------------*/
.featured-services {
  padding: 20px 0;
}

.featured-services .icon-box {
  padding: 20px;
}

.featured-services .icon-box-bg {
  background-image: linear-gradient(0deg, #222222 0%, #2f2f2f 50%, #222222 100%);
}

.featured-services .icon {
  margin-bottom: 15px;
}

.featured-services .icon i {
  color: #5cb874;
  font-size: 42px;
}

.featured-services .title {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
}

.featured-services .title a {
  color: #222222;
  transition: 0.3s;
}

.featured-services .icon-box:hover .title a {
  color: #01015A;
}

.featured-services .description {
  line-height: 24px;
  font-size: 14px;
}

/*--------------------------------------------------------------
# About Us
--------------------------------------------------------------*/
.about .content h3 {
  font-weight: 700;
  font-size: 28px;
}

.about .content ul {
  list-style: none;
  padding: 0;
}

.about .content ul li {
  padding-bottom: 10px;
}

.about .content ul i {
  font-size: 20px;
  padding-right: 4px;
  color: #01015A;
}

.about .content p:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Why Us
--------------------------------------------------------------*/
.why-us {
  padding: 0;
}

.why-us .row {
  overflow: hidden;
}

.why-us .content-item {
  padding: 40px;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin: -1px;
}

.why-us .content-item span {
  display: block;
  font-size: 24px;
  font-weight: 400;
  color: #6ec083;
}

.why-us .content-item h4 {
  font-size: 26px;
  font-weight: 300;
  padding: 0;
  margin: 20px 0;
}

.why-us .content-item p {
  color: #aaaaaa;
  font-size: 15px;
  margin: 0;
  padding: 0;
}

@media (max-width: 768px) {
  .why-us .content-item {
    padding: 40px 0;
  }
}

/*--------------------------------------------------------------
# Our Clients
--------------------------------------------------------------*/
.clients .swiper-slide img {
  opacity: 0.5;
  transition: 0.3s;
}

.clients .swiper-slide img:hover {
  opacity: 1;
}

.clients .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.clients .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #01015A;
}

.clients .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #01015A;
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box {
  text-align: center;
  padding: 70px 20px 80px 20px;
  transition: all ease-in-out 0.3s;
  background: #fff;
  box-shadow: 0px 5px 90px 0px rgba(110, 123, 131, 0.1);
}

.services .icon-box .icon {
  margin: 0 auto;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: ease-in-out 0.3s;
  position: relative;
}

.services .icon-box .icon i {
  font-size: 36px;
  transition: 0.5s;
  position: relative;
}

.services .icon-box .icon svg {
  position: absolute;
  top: 0;
  left: 0;
}

.services .icon-box .icon svg path {
  transition: 0.5s;
  fill: #f5f5f5;
}

.services .icon-box h4 {
  font-weight: 600;
  margin: 10px 0 15px 0;
  font-size: 22px;
}

.services .icon-box h4 a {
  color: #222222;
  transition: ease-in-out 0.3s;
}

.services .icon-box p {
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.services .icon-box:hover {
  border-color: #fff;
  box-shadow: 0px 0 35px 0 rgba(0, 0, 0, 0.08);
}

.services .iconbox-blue i {
  color: #47aeff;
}

.services .iconbox-blue:hover .icon i {
  color: #fff;
}

.services .iconbox-blue:hover .icon path {
  fill: #47aeff;
}

.services .iconbox-orange i {
  color: #ffa76e;
}

.services .iconbox-orange:hover .icon i {
  color: #fff;
}

.services .iconbox-orange:hover .icon path {
  fill: #ffa76e;
}

.services .iconbox-pink i {
  color: #e80368;
}

.services .iconbox-pink:hover .icon i {
  color: #fff;
}

.services .iconbox-pink:hover .icon path {
  fill: #e80368;
}

.services .iconbox-yellow i {
  color: #ffbb2c;
}

.services .iconbox-yellow:hover .icon i {
  color: #fff;
}

.services .iconbox-yellow:hover .icon path {
  fill: #ffbb2c;
}

.services .iconbox-red i {
  color: #ff5828;
}

.services .iconbox-red:hover .icon i {
  color: #fff;
}

.services .iconbox-red:hover .icon path {
  fill: #ff5828;
}

.services .iconbox-teal i {
  color: #11dbcf;
}

.services .iconbox-teal:hover .icon i {
  color: #fff;
}

.services .iconbox-teal:hover .icon path {
  fill: #11dbcf;
}

/*--------------------------------------------------------------
# Cta
--------------------------------------------------------------*/
.cta {
  background: #C51E30;
  padding: 26px 0;
}

.cta h3 {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}

.cta p {
  color: #fff;
}

.cta .cta-btn {
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 30px;
  border-radius: 2px;
  transition: 0.5s;
  margin: 10px;
  border: 2px solid #fff;
  color: #fff;
  border-radius: 4px;
}

.cta .cta-btn:hover {
  background: #fff;
  color: #01015A;
}

@media (max-width: 1024px) {
  .cta {
    background-attachment: scroll;
  }
}

@media (min-width: 769px) {
  .cta .cta-btn-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio .portfolio-item {
  margin-bottom: 30px;
}

.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 auto 20px auto;
  list-style: none;
  text-align: center;
}

.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 8px 15px 10px 15px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: #444444;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 3px;
}

.portfolio #portfolio-flters li:hover,
.portfolio #portfolio-flters li.filter-active {
  color: #fff;
  background: #5cb874;
}

.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

.portfolio .portfolio-wrap {
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: rgba(34, 34, 34, 0.6);
}

.portfolio .portfolio-wrap::before {
  content: "";
  background: rgba(34, 34, 34, 0.6);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all ease-in-out 0.3s;
  z-index: 2;
  opacity: 0;
}

.portfolio .portfolio-wrap img {
  transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-wrap .portfolio-info {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 20px;
}

.portfolio .portfolio-wrap .portfolio-info h4 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}

.portfolio .portfolio-wrap .portfolio-info p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  font-style: italic;
}

.portfolio .portfolio-wrap .portfolio-links {
  text-align: center;
  z-index: 4;
}

.portfolio .portfolio-wrap .portfolio-links a {
  color: #fff;
  margin: 0 5px 0 0;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a:hover {
  color: #6ec083;
}

.portfolio .portfolio-wrap:hover::before {
  opacity: 1;
}

.portfolio .portfolio-wrap:hover img {
  transform: scale(1.2);
}

.portfolio .portfolio-wrap:hover .portfolio-info {
  opacity: 1;
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
  padding-top: 40px;
}

.portfolio-details .portfolio-details-slider img {
  width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #01015A;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #01015A;
}

.portfolio-details .portfolio-info {
  padding: 30px;
  box-shadow: 0px 0 30px rgba(34, 34, 34, 0.08);
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.portfolio-details .portfolio-info ul li+li {
  margin-top: 10px;
}

.portfolio-details .portfolio-description {
  padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
  padding: 0;
}

/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team .member {
  text-align: center;
  margin-bottom: 20px;
  box-shadow: 0px 0px 12px 0px rgba(34, 34, 34, 0.07);
  padding: 30px 20px;
  background: #fff;
}

.team .member img {
  max-width: 60%;
  border-radius: 50%;
  margin: 0 0 30px 0;
}

.team .member h4 {
  font-weight: 700;
  margin-bottom: 2px;
  font-size: 18px;
}

.team .member span {
  font-style: italic;
  display: block;
  font-size: 13px;
}

.team .member p {
  padding-top: 10px;
  font-size: 14px;
  font-style: italic;
  color: #aaaaaa;
}

.team .member .social {
  margin-top: 15px;
}

.team .member .social a {
  color: #919191;
  transition: 0.3s;
}

.team .member .social a:hover {
  color: #5cb874;
}

.team .member .social i {
  font-size: 18px;
  margin: 0 2px;
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info {
  border-top: 3px solid #01015A;
  border-bottom: 3px solid #01015A;
  padding: 30px;
  background: #fff;
  width: 100%;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
}

.contact .info i {
  font-size: 20px;
  color: #01015A;
  float: left;
  width: 44px;
  height: 44px;
  background: #eaf6ed;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
}

.contact .info h4 {
  padding: 0 0 0 60px;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #222222;
}

.contact .info p {
  padding: 0 0 10px 60px;
  margin-bottom: 20px;
  font-size: 14px;
  color: #555555;
}

.contact .info .social-links {
  padding-left: 60px;
}

.contact .info .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #333;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
  margin-right: 10px;
}

.contact .info .social-links a:hover {
  background: #5cb874;
  color: #fff;
}

.contact .info .email:hover i,
.contact .info .address:hover i,
.contact .info .phone:hover i {
  background: #01015A;
  color: #fff;
}

.contact .php-email-form {
  width: 100%;
  border-top: 3px solid #01015A;
  border-bottom: 3px solid #01015A;
  padding: 30px;
  background: #fff;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
}

.contact .php-email-form .form-group {
  padding-bottom: 8px;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .error-message br+br {
  margin-top: 25px;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #01015A;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #01015A;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input,
.contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  border-radius: 4px;
}

.contact .php-email-form input:focus,
.contact .php-email-form textarea:focus {
  border-color: #5cb874;
}

.contact .php-email-form input {
  height: 44px;
}

.contact .php-email-form textarea {
  padding: 10px 12px;
}

.contact .php-email-form button[type=submit] {
  background: #01015A;
  border: 0;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s;
  border-radius: 4px;
}

.contact .php-email-form button[type=submit]:hover {
  background: #01015A;
}

@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 15px 0;
  background: #fbfbfb;
  min-height: 40px;
}

@media (max-width: 992px) {
  .breadcrumbs {
    margin-top: 66px;
  }
}

.breadcrumbs h2 {
  font-size: 28px;
  font-weight: 300;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
}

.breadcrumbs ol li+li {
  padding-left: 10px;
}

.breadcrumbs ol li+li::before {
  display: inline-block;
  padding-right: 10px;
  color: #3c3c3c;
  content: "/";
}

@media (max-width: 768px) {
  .breadcrumbs .d-flex {
    display: block !important;
  }

  .breadcrumbs ol {
    display: block;
  }

  .breadcrumbs ol li {
    display: inline-block;
  }
  .services .section-title img {
    position: absolute;
    top: 18% !important;
    left: 48% !important;
    width: 180px;
}
.about .section-title img {
  position: absolute;
  top: 34% !important;
  left: 11px !important;
  width: 169px;
}
.testimonials .section-title img {
  position: absolute;
  top: 35% !important;
  left: 14% !important;
  width: 200px;
}
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background: #090909;
  color: #fff;
  font-size: 14px;
  text-align: center;
  padding: 30px 0;
}

#footer h3 {
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  position: relative;
  font-family: "Poppins", sans-serif;
  padding: 0;
  margin: 0 0 15px 0;
}

#footer p {
  font-size: 15;
  font-style: italic;
  padding: 0;
  margin: 0 0 40px 0;
}

#footer .social-links {
  margin: 0 0 40px 0;
}

#footer .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #5cb874;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}
.navbar li a {
  color: #01015A;
}
#footer .social-links a:hover {
  background: #01015A;
  color: #fff;
  text-decoration: none;
}

#footer .copyright {
  margin: 0 0 5px 0;
}

#footer .credits {
  font-size: 13px;
}
footer h6{
  font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 171.5%;
/* identical to box height, or 31px */


color: #C51E30;
}
footer p{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 171.5%;
/* or 27px */


color: #01015A;
}
.text-white{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 171.5%;
  /* or 27px */
  
  
  color: #01015A !important;
  }
  /* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: left;
  width: 19.33%;
  padding: 1px;
}
.socials  .column {
  float: left;
  width: 22.33%;
}


select {
  word-wrap: normal;
  background-color: transparent;
  border: navajowhite;
  border-bottom: 2px solid #C51E30;
  color: #224095;
  padding-bottom: 6px;
}
#services h2{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 35px;
  color: #01015A;
  font-style: normal;
  font-weight: 700;
  font-size: 56px;
  line-height: 74px;
/* identical to box height, or 132% */
  text-align: center;
}



.counter-box {display: block;/* background: #f6f6f6; */padding: 40px 20px 37px;text-align: center}

.counter-box p {margin: 5px 0 0;padding: 0;color: #909090;font-size: 18px;font-weight: 500;font-family: 'Poppins';font-style: normal;font-weight: 600;font-size: 16px;line-height: 171.5%;
/* or 27px */text-align: center;color: #C51E30;}

.counter-box i {
font-size: 60px;
margin: 0 0 15px;
color: #d2d2d2
}

.counter { 
display: block;
font-size: 32px;
font-weight: 700;
color: #666;
line-height: 28px
}



.counter-box.colored p,
.counter-box.colored i,
.counter-box.colored .counter {
color: #fff
}
span.counter {
  color: #01015A;
  padding-bottom: 13px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 42px;
  line-height: 171.5%;
/* identical to box height, or 72px */
  text-align: center;
  color: #01015A;
}
#services  {
  background: linear-gradient(117.59deg, #FFECEC -15.39%, rgba(255, 236, 236, 0) 116.07%);
}
.brands {
  width: 100%;
  padding-top: 0;
  padding-bottom: 40px;
}

.brands_slider_container {
  height: 172px;
  border: solid 1px #e8e8e8;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  padding-left: 248px;
  padding-right: 248px;
  background: #EFEFEF;
}

.brands_slider {
  height: 100%;
  margin-top: 50px
}

.brands_item {
  height: 100%
}

.brands_item img {
  max-width: 100%
}

.brands_nav {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 18px;
  cursor: pointer
}

.brands_nav i {
  color: #e5e5e5;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease
}

.brands_nav:hover i {
  color: #676767
}

.brands_prev {
  left: 130px;
}

.brands_next {
  right: 186px;
}
.holder-contact {
  /* display: -webkit-inline-box; */
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 17px;
}
.holder{
  display: -webkit-inline-box; 
}
.holder-img{
  margin-right:25px;
}
.col-lg-5.text-center.text-lg-start {
  top: 10px;
}
button.btn {
  background: #224095;
  color: #fff;
  border-radius: 0px;
  text-transform: uppercase;
}
button.btn:hover {
  background: #224095;
  color: #fff;
}
/***/
.shadow-effect {
  background: rgba(167, 185, 237, 0.38);
  padding: 20px 25px;
  border-radius: 18px;
  text-align: center;
  border: 0px solid rgba(167, 185, 237, 0.38);
  /* box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02); */
}
#customers-testimonials .shadow-effect p {
  font-family: 'Inter';
  font-size: 17px;
  line-height: 1.5;
  margin: 0 0 17px 0;
  font-weight: 300;
  color: #224095;
}
.testimonial-name {
  margin: 24px auto 0;
  display: table;
  width: auto;
  /* background: #3190E7; */
  padding: 9px 35px;
  /* border-radius: 12px; */
  text-align: center;
  color: #224095;
  /* box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05); */
  font-weight: bold;
}
#customers-testimonials .item {
  text-align: center;
  padding: 4px;
  margin-bottom: 0px;
  opacity: 0.5;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#customers-testimonials .owl-item.active.center .item {
  opacity: 1;
  -webkit-transform: scale3d(1.0, 1.0, 1);
  transform: scale3d(1.0, 1.0, 1);
}
.owl-carousel .owl-item img {
  /* transform-style: preserve-3d; */
  /* max-width: 90px; */
  /* margin: 0 auto 17px; */
  border-radius: 13px;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
  background: #3190E7;
  transform: translate3d(0px, -50%, 0px) scale(0.7);
}
#customers-testimonials.owl-carousel .owl-dots{display: inline-block;width: 100%;text-align: center;display: none;}
#customers-testimonials.owl-carousel .owl-dots .owl-dot{
display: inline-block;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
  background: #3190E7;
  display: inline-block;
  height: 20px;
  margin: 0 2px 5px;
  transform: translate3d(0px, -50%, 0px) scale(0.3);
  transform-origin: 50% 50% 0;
  transition: all 250ms ease-out 0s;
  width: 20px;
}
.testimonial-subname {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #224095;
}
.img-testimonials {
  display: block;
  width: 5% !important;
}
.col-sm-12 {
  margin-bottom: 20px;
}
.third-right-pmp{
font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 27px;
    line-height: 39px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #01015A;
background:#fff;
}
@media(max-width:789px){
.third-right-pmp{
    font-size: 17px !important;
}

.input-group-btn{position: absolute;left: 60%!important;top: -23px !important;}
.seventh-one{
text-align:center
}
.holder-contact-info {
    display: grid !important;
    grid-template-columns: repeat(1,1fr) !important;
    gap: 0em !important;
}
.newsletter .content .form-control {
    display: block;
    width: 60% !important;
}
.third-conseils-img img {
    padding-top: 0;
    width: 100% !important;
}
.newsletter{
padding-top:6%;
}
.fourth-sol-buttons {
    display: grid !important;
    gap: 1em !important;
}
.third-first {
    justify-content: center !important;
}
.holder-suite {
    display: inline-block !important;
}
.holderr {
    display: grid !important;
    grid-template-columns: repeat(1,1fr) !important;
}
.bg-header-pmp .section-title img {
    left: 17% !important;
    position: absolute;
    top: 49% !important;
}
.holderr .item-1{
display:none ;
}
.second-formation .section-title img {
    position: absolute;
    top: 26% !important;
    left: 3%!important;
}
.holder-second-formation {
    display: grid !important;
    gap: 26px;
    grid-template-columns: repeat(2,1fr) !important;
}

.input-group-append button{
background: transparent;
    border: navajowhite;
    position: absolute;
    top: 26% !important;
    left: 82% !important;
}



  .navbar {
    padding: 11px;
}
.holder-carousel .section-title img {
  display: none !important;
}
.button-header-conseils button {
  padding: 13px 13px !important;
}
.sixth-conseils .section-title img {
  position: absolute;
  top: 30% !important;
  left: 12% !important;
}
.sixth-conseils .section-title h2 {
  font-size: 21px !important;
  line-height: 26px !important;
}
.fourth-conseils .section-title img {
  position: absolute;
  top: 15% !important;
  left: 19% !important;
}
.fourth-conseils .section-title h2{
    font-size: 56px !important;
    line-height: 19px !important;
    text-transform: uppercase !important;
    font-size: 25px !important;
}
.left-fifth-conseils p {
  font-size: 19px !important;
}
.container.fifth-conseils {
  height: 511px !important;
}
.left-fifth-conseils-img {
  position: absolute;
  bottom: 2% !important;
  left: -30% !important;
}
.holder-content-header-art .title {
  font-size: 21px !important;
  line-height: 48px !important;
}
.bg-header-article {
  height: 650px !important;
}
.first-article .parag p {
  font-size: 16px !important;
}
.btns-parag {
  gap: 10px !important;
}
.content-image{
  width: 100% !important;
}
.btns-parag button {
  padding: 10px 17px !important;
  font-size: 14px !important;
}
.holder-conseils {
  display: grid !important;
  grid-template-columns: repeat(1,1fr) !important;
}
.right-div-conseils {
  display: none !important;
}
.first-conseils .section-title img {
  left: 9% !important;
}
.left-conseils p {
  font-size: 20px !important;
  line-height: 40px !important;
}
.container.second-conseils {
  height: 509px !important;
}
.quote-conseils {
  position: absolute;
  top: 91% !important;
  left: 74% !important;
}
.third-conseils .section-title h2 {
  font-size: 25px !important;
}
.third-conseils .section-title img {
  position: absolute;
  top: 27% !important;
  left: 16% !important;
}
section.third-conseils {
  height: 539px !important;
}
.quote-conseils span {
  font-size: 17px !important;
}
.left-conseils-img {
  position: absolute;
  bottom: 2% !important;
  left: 3% !important;
}
.first-conseils-list {
  display: grid !important;
  grid-template-columns: repeat(1, 1fr) !important;
  gap: 2em !important;
}
.bg-header-conseils .section-title img {
  position: absolute;
  top: 15% !important;
  left: 0%;
}
section.bg-header-conseils {
  height: 709px !important
}
section.sixth-tnstp {
  height: 584px !important;
}
.sixth-5 img {
  position: absolute !important;
  top: 43% !important;
  left: 36.8% !important;
  width: 25% !important;
}
.holder-tnstp {
  display: grid !important;
  grid-template-columns: repeat(1,1fr) !important;
}
.left-first-tnstp .img-first-tnstp-2 {
  left: 3% !important;
  width: 37% !important;
}
.img-first-tnstp-1{
  width: 100% !important;
}
.container.second-tnstp {
  height: 599px !important;
}
.info-ceo {
  top: 95% !important;
  left: 54% !important;
}
.sixth-tnstp-1 img {
  width: 100%;
}
.seventh-tnstp-3 {
  display: grid !important;
  gap: 2em !important;
  margin: auto;
  width: 50%;
}
.seventh-tnstp-1 {
  display: grid !important;
  gap: 2em !important;
  margin: auto;
  width: 50%;
}
.seventh-tnstp-2 {
  display: grid !important;
  gap: 2em !important;
  margin: auto;
  width: 50%;
}
.bg-header-tnstp .section-title img {
  position: absolute;
  top: 17% !important;
  left: 0%;
}
.seventh-tnstp .section-title img {
  position: absolute;
  top: 22% !important;
  left: 12% !important;
}
section.third-tnstp{
  padding: 8px 0 !important;
}
.holder-third-tnstp .content .complicated {
  white-space: normal !important;
}
.left-third-tnstp .img-third-tnstp-2 {
  position: absolute;
  top: 73px;
  left: 3% !important;
  z-index: 1;
  width: 28% !important;
}
.left-third-tnstp .img-third-tnstp-1 {
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
  width: 88% !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.sixth-2 {
  position: absolute;
  top: -11% !important;
  left: 78% !important;
}
.holder-third-tnstp .content li {
  font-size: 16px !important;
}
.holder-third-tnstp .title h2 {
  font-size: 23px !important;
}
.sixth-tnstp .section-title img {
  position: absolute;
  top: 29% !important;
  left: 13% !important;
}
.sixth-tnstp .section-title h2 {
  font-size: 22px !important;
}
.sixth-4 {
  position: absolute;
  top: 91% !important;
  left: 81% !important;
}
.sixth-3 {
  position: absolute;
  top: 91% !important;
  left: 4% !important;
}
.sixth-1 {
  position: absolute;
  top: -11% !important;
  left: 4% !important;
}
.sixth-1, .sixth-2, .sixth-3, .sixth-4 {
  font-size: 17px !important;
}
.fourth-tnstp .section-title img {
  position: absolute !important;
  left: 7% !important;
}
.fourth-tnstp-list {
  display: grid !important;
  grid-template-columns: repeat(1, 1fr) !important;
  gap: 3em !important;
}
.left-tnstp .keft {
  position: absolute !important;
  bottom: 1% !important;
  right: 4% !important;
  left: 0% !important;
}
.info-ceo h3 {
  font-size: 18px !important;
}
.info-ceo span {
  font-size: 13px !important;
}
.holder-first-tnstp .content li {
  font-size: 16px !important;
}
.left-tnstp p {
  font-size: 15px !important;
}
.holder-first-tnstp .title h2 {
  font-size: 27px !important;
}
.right-div-tnstp {
  display: none !important;
}
.button-header-tnstp button {
  padding: 9px 7px !important;
}
section.bg-header-tnstp {
  height: 679px !important;
}
.bg-header-blog .section-title img {
  top: 20%;
}
video {
  width: 100% !important;
  height: 100% !important;
}
.holder-third-blog {
  display: grid !important;
  grid-template-columns: repeat(1,1fr) !important;
  gap: 6em !important;
}
.left-first-blog-1 .img-first-blog-1-1 {
  width: 100% !important;
}
.second-blog-3 h3, .third-blog-2 h3 {
  font-size: 14px !important ;
  line-height: 39px !important ;
  margin-left: 0px !important;
}
.second-blog-2 p, .third-blog-2 p {
  font-size: 21px !important;
  line-height: 40px !important;
}
.second-blog-2 .content, .third-blog-2 .content {
  font-size: 16px !important;
  line-height: 33px !important;
  text-align: inherit !important;
}
.holder-fourth-blog .text {
  font-size: 19px !important;
}
.first-blog-2 h3 {
  font-size: 13px !important;
  line-height: 34px !important;
}
.left-first-blog-1 .img-first-blog-1-2 {
  top: 10%;
  width: 20%;
}
.holder-blog {
  display: grid !important;
  grid-template-columns: repeat(1,1fr) !important;
}
.right-div-blog {
  display: none !important;
}
.holder-first-blog {
  display: grid !important;
  grid-template-columns: repeat(1,1fr) !important;
  gap: 3em;
}
.holder-second-blog {
  display: grid !important;
  grid-template-columns: repeat(1,1fr) !important;
  gap: 3em;
}
.first-one img{
  width: 100%;
}
.first-second .title h2 {
  font-size: 20px !important;
}
.second-solution .section-title h2, .third-solution .section-title h2 {
  font-size: 20px !important;
}
.first-second .content li {
  font-size: 15px !important;
}
.second-solution .section-title img {
  position: absolute;
  top: 51% !important;
  left: 14% !important;
}
.fifth-sol h3 {
  font-size: 22px !important;
}
.sixth-solution-two .img-sixth-solution-1 {
  position: absolute;
  right: 2% !important;
  width: 100%;
}
.sixth-solution-two .img-sixth-solution-2 {
  position: relative;
  bottom: 0% !important; 
  left: 72% !important;
  width: 27% !important;
}
.fourth-sol {
  height: 295px !important;
}
.third-solution .section-title img {
  position: absolute;
  top: 60% !important;
  left: 11% !important;
}
.outil-1 img, .outil-2 img, .outil-3 img, .outil-4 img{
   width: 100%; 
}
.outils-solution {
  height: 708px !important;
}
.outil-img {
  width: 100% !important;
}
.holder-outils-2 {
  display: grid !important;
  grid-template-columns: repeat(1,1fr) !important;
}
.holder-outils-1 {
  display: grid !important;
  grid-template-columns: repeat(1,1fr) !important;
  gap: 2em !important;
  align-items: baseline;
  padding: 5% !important;
}
.holder-sixth-solution {
  display: grid !important;
  grid-template-columns: repeat(1,1fr) !important;
  gap: 5em !important;
}
.first-second .title .vector-first-second-img {
  position: absolute;
  top: 22% !important;
  left: 15% !important;
}
.holder-solution-left-right {
  display: grid !important;
  grid-template-columns: repeat(1,1fr) !important;
}
.bg-header-solution-pmp .section-title img {
  position: absolute;
  top: 24% !important;
  left: 1% !important;
}
.right-div-solution {
  display: none;
}
.holder-first-solution {
  display: grid !important;
  grid-template-columns: repeat(1,1fr) !important;
}
  .fifth-three {
    position: revert !important;
}
  .socials .column {
    width: 32.33% !important;
}
  .holder-img {
    margin-right: 0;
}
.cta h3 {
  font-size: 16px;
}
.cta p {
  font-size: 15px;
}
.brands_slider_container {
  padding-left: 50px;
  padding-right: 50px;
}
.brands_nav.brands_prev {
  display: none;
}
.brands_nav.brands_next {
  display: none;

}
.brands_slider {
  margin-top: 43px;
}
.owl-carousel .item .shadow-effect::before {
  bottom: 47px;
  right: 139px;
}
.holder-pmp {
  display: grid !important;
  grid-template-columns: repeat(2,1fr) !important;
  gap: 10px !important;
}
.holder-under-div {
  display: grid !important;
  grid-template-columns: repeat(2,1fr) !important;
  padding-top: 25px !important;
  gap: 0em !important;
}
.holder-second-pmp {
  display: grid !important;
  grid-template-columns: repeat(1,1fr) !important;
  gap: 10%;
}
.right-second-pmp p {
  font-size: 15px !important;
  line-height: 29px !important;
  text-align: inherit !important;
}
section.second {
  padding-top: 8%;
}
.img-second-1{
  width: 100% !important;
}
.img-second-2{
width: 22%;
}
.button-header-pmp button {
  padding: 6px 21px !important;
}
.pmp-2 a {
  font-size: 14px !important;
}
.left-div .section-title p{
  font-size: 13px !important;
}
.holder-third {
  display: grid !important;
  grid-template-columns: repeat(1,1fr) !important;
  gap: 2em !important;
  text-align: center !important;
}
.holder-fourth {
  display: grid !important;
  grid-template-columns: repeat(1,1fr) !important;
  gap: 3em !important;
}
.img-fourth-1{
  width: 100%;
}
.fourth-two .img-fourth-2 {
  position: relative !important;
  left: 56% !important;
  width: 42% !important;
}
.holder-fourth .content li {
  font-size: 13px !important;
}
.img-fifth{
  width: 100% !important;
}
.holder-fifth {
position:relative;
  display: grid !important;
  grid-template-columns: repeat(1,1fr) !important;
  padding-top: 133% !important;
}
.fifth .fifth-three .content li, .fifth .fifth-three .content p, .fifth-two .content li, .fifth-two .content p {
  font-size: 13px !important;
  line-height: 35px !important;
}
.holder-sixth {
  display: grid !important;
  grid-template-columns: repeat(1,1fr)  !important;
  padding-top: 14% !important;
}
.holder-horizontal {
  font-size: 14px !important;
  line-height: 35px !important;
}
img.img-sixth-1 {
  width: 91% !important;
}

.sixth-two .img-sixth-1 {
  position: absolute;
  bottom: 6%;
  right: 5% !important;
  z-index: 2;
}
.sixth-two .img-sixth-2 {
  position: relative;
  top:-64% !important;
  left: 58% !important;
  z-index: 1;
  width: 43% !important;
}
.sixth-two {
  padding-top: 38% !important;
}
.holder-eighth {
  display: grid !important;
  grid-template-columns: repeat(1,1fr) !important;
  gap: 6em;
}
.eighth-two .img-eighth-1 {
  position: absolute;
  right: 2% !important;
  width: 100% !important;
}
.eighth-two .img-eighth-2 {
  position: relative;
  bottom: 0% !important;
  left: 71% !important;
  width: 30% !important;
}
.holder-seventh {
  display: grid !important;
  grid-template-columns: repeat(1,1fr) !important;
gap:0 !important;
}
.holder-bottom-calendar .bottom-1 p{
white-space:unset !important;
}
.seventh-one input {
  width: 100%;
  padding: 10px 30px !important;
}
.number-1,.number-2,.number-3,.number-4 {
  font-size: 13px !important;
}
.number-1 a,.number-3 a{
  display: inline-flex !important;
}
.number-2 a {
  white-space:revert !important;
}
section.bg-header-pmp {
  height: 1000px !important;
}
.under-div .hr {
  width: 320px !important;
}
.right-div{
  display: none;
}
.bg-header-pmp .section-title img {
  position: absolute;
  top: 49% !important;
display:none
}
}



.fa-plus:before,.fa-minus:before  {
  content: "\f067";
  color: #C51E30;
}

.titre-faq{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 17px;
  /* identical to box height */
  text-align: initial;
  color: #224095;
}

.body-faq{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 35px;
  color: #224095;
}
.card .collapsed .show{
  background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
}
.card{
  --bs-card-cap-padding-y: 1.5rem !important;
  --bs-card-cap-padding-x: 2rem !important;
  border: none;
}
.card-header:first-child {
  border: none !important;
}
.fifth-three{
  position: relative;
  left: 6%;
}
.button-container-div {
  text-align: center;
  padding-top: 15px;
}
.button-container-div button{
  background: #C51E30;
  color: #fff;
  padding: 13px 44px;
  border: none;
  border-radius: 12px;
}
.button-container-div button:hover{
  background: 
  #224095;
  color: #fff;
  transition: 0.3s;
}

.bg {
  /* The image used */
  background-image: url('../img/Rectangle\ 3845.png');

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.formation-slide-bg{
   /* The image used */
   background-image: url('../img/Frame.png');

   /* Full height */
   height: 711px; 
 
   /* Center and scale the image nicely */
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}
.formation-slide-bg::before {
  content: "";
  background: linear-gradient(84.68deg, rgba(255, 255, 255, 0.2) 5.02%, #FFECEC 97.87%);
  opacity: 0.7;
  backdrop-filter: blur(4px);
}
  .search {
	width: 60px;
	height: 60px;
	transform: 0.5s;
	background: #fff;
	overflow: hidden;
	position: relative;
	border-radius: 60px;
	box-shadow: 0 0 0 0 5px #7532d4;
	margin-right: 16px;
}
select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
  font-size: 18px;
  padding-bottom: 12px;
}
.search.active {
	width: 160px;
}

.search .icon {
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	display: flex;
	z-index: 1000;
	cursor: pointer;
	position: absolute;
	background: #EFEFEF;
	border-radius: 60px;
	align-items: center;
	justify-content: center;
}
button.icon {
  border: none;
}
/* .search .icon:before {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	border-radius: 50%;
	border: 3px solid #5E5E5E;
	transform: translate(-4px, -4px);
}

.search .icon:after {
	content: "";
	width: 3px;
	height: 10px;
	position: absolute;
	background: #5E5E5E;
	transform: translate(6px, 6px) rotate(315deg);
} */

.search .input {
	left: 60px;
	width: 300px;
	height: 60px;
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
}

.search .input input {
	top: 0;
	width: 100%;
	height: 100%;
	border: none;
	outline: none;
	font-size: 18px;
	padding: 10px 0;
	position: absolute;
}

.clear {
	top: 50%;
	right: 15px;
	width: 15px;
	height: 15px;
	display: flex;
	cursor: pointer;
	background: #ff0;
	position: relative;
	align-items: center;
	justify-content: center;
	transform: translateY(-50%);
}

.clear:before {
	width: 1px;
	height: 15px;
	content: "";
	position: absolute;
	background: #999;
	transform: rotate(45deg);
}

.clear:after {
	width: 1px;
	height: 15px;
	content: "";
	position: absolute;
	background: #999;
	transform: rotate(315deg);
}
.contact-card{
  background: rgba(187, 200, 239, 0.24);
  box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.03);
  border-radius: 12px;
}
.contact-card-left{
  background: #FFECEC;
  border-radius: 12px 0px 0px 12px
}
.contact-2{
  background: rgba(255, 236, 236, 0.6);
    border-radius: 12px;
}
.container.contact-3 {
  border: 1px solid #224095;
  border-radius: 12px;
  padding: 38px;
}
.contact-details {
  margin: 30px;

}
.card-title h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 42px;
  line-height: 68px;
/* identical to box height */
  color: #224095;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 56px;
  line-height: 68px;
/* identical to box height */
  color: #224095;
}
.contact-card-right .card-subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 36px;
  color: #224095;
  padding-top: 36px;
}
.contact-details p{

  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
/* identical to box height */
  color: #224095;
}
.contact-details p a{
  color: #224095;
}
.socials .column1 {
  float: left;
  width: 20.33%;
  padding: 30px;
}
.linkedin{
  display: flex;
  justify-content: center;
  align-items: center;
}
.column1 img{
  width:35px
}
.contact-details img{
  width:30px;
  margin-right: 10px;

}
.contact-card-right .holder-contact input[type=text],.holder-contact input[type=email] ,.holder-contact input[type=tel] {
  border: none;
  border-bottom: 1px solid #C51E30;
  background: none;
  margin-bottom: 2rem;
  padding: 0.2rem;
  width: 18em;
  gap: 1em;
}
.contact-card-right.holder-contact input ::placeholder{
  color: #8D8D8D;
}
.contact-card-rightlabel {
  display: inline-block;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #01015A;
}
.contact-card-right {
  padding-top: 35px;
}

.about .section-title {
  position: relative;
}
.about .section-title img{
  position: absolute;
  top: 40%;
  left: 27%;
}
.services .section-title {
  position: relative;
}
.services .section-title img{
  position: absolute;
  top: 22%;
  left: 54%;
}

.testimonials .section-title {
  position: relative;
}
.testimonials .section-title img{
  position: absolute;
  top: 41%;
  left: 40%;
}

.holder-carousel .section-title {
  position: relative;
  text-align: initial;
}
.holder-carousel .section-title img{
  position: absolute;
  top: 42%;
  left: 34%;
}
.card-title {
  position: relative;
}
.card-title img{
  position: absolute;
  top: 59%;
  left: 0;
}
.holder-checkbox {
  display: inline-flex;
  gap: 4em;
}
input[type=checkbox] {
  accent-color: #01015A;
  /* border-radius: 27px; */
  width: 29px;                         /* Set width */
  height: 18px;                        /* Set height */
  clip-path: circle(29% at 50% 50%);
  margin-right: 6px;
}
.button-contact {
  text-align: center;
  padding-bottom: 28px;
}

.button-contact  input {
  background: #224095;
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.12);
  border-radius: 12px;
  color: #fff;
  border: none;
  padding: 12px 56px;
}
.holder-msg input{
  width: 38em !important;
}
.navbar li .mobile-only{
  display: none ;
 color:#fff;
}
.desktop-only {
  display: block;
}
.contact-cards{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4em;
  padding-bottom: 91px;
}
.contact-cards .color-1{
  background: rgba(255, 236, 236, 0.6);
  border-radius: 12px;
  padding-top: 35px;
  height: 23em;
}
.contact-cards .color-2{
  background: rgba(237, 241, 251, 0.6);
  border-radius: 12px;
  padding-top: 35px;
  height: 23em;
}
.socials img{
  width: auto;
}
.contact-cards .img-logo-contact{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.socials .column2 {
  float: left;
  width: 20.33%;
  margin:auto;
}
.contact-cards .socials{
  margin: auto;
  width: 72%;
  padding-top: 14px;
}
.color-2-img{
  position: relative;
}
.img-logo-contact2 {
  position: absolute;
  top: -25%;
  left: 23%;
}
.img-logo-cell{
  position: absolute;
  top: 68.8%;
  left: 5%;
  /* padding-top: 10px; */
}
.contact-details2{
  padding: 20px;
  margin: 30px;
}
.contact-details2 p {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #224095;
}
.contact-details2 img {
  width: 30px;
  margin-right: 10px;
}
.contact-details2 p  a{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #224095;
}
.baseline-img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.row.contact-page-3{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 17px;
  /* padding-top: 10px; */
}

.color{
 background: rgba(237, 241, 251, 0.6);
 border-radius: 12px;
}

.baseline-img-page-3{
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 31px;
}
.socials .column3 {
  float: left;
  width: 15.33%;
  padding: 27px;
}
.contact-details3 p {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #224095;
}
.contact-details3 img {
  width: auto;
  margin-right: 10px;
}
.contact-details3 p  a{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #224095;
}
.contact-details3 {
  padding: 10px;
  margin: 17px;
}
.contact-details3 .socials {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.contact-2 .image-left {
  margin-left: 15px;
}
.contact-card-right{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.holder-contact label {
  font-family: 'Inter';   
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #01015A;
}
.col-12 p{
  font-family: 'Inter';   
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #01015A;
}
.overlay2 {
  position: relative;
  z-index: 1;
}
.size2 {
  width: 100%;
  /* min-height: 70vh; */
  height: 711px;
}
.overlay2::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(84.68deg, #FFECEC 5.02%, rgba(255, 236, 236, 0) 97.87%);
  opacity: 0.7;
  backdrop-filter: blur(4px);
}

.formation-slide-bg .section-title{
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.formation-slide-bg .section-title p{
font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 34px;
    text-align: center;
    letter-spacing: 0.04em;
    color: #01015A;
}
.formation-slide-bg .section-title img {
  position: absolute;
  top: 22%;
  right: 93px;
}
.row.histoire {
  display: grid;
  grid-template-columns: repeat(2,1fr);
}
.left {
  background: #FFECEC;
/* Black & Gray/Black 10% */
  border: 1px solid rgba(82, 82, 91, 0.1);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 48px;
}
.left .title p{
  font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 34px;
/* or 212% */

text-align: justify;
letter-spacing: 0.04em;

/* Black & Gray/777 */

color: #777777;
}
.left .title h3{
  font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 34px;
/* identical to box height, or 142% */


color: #224095;
}
section.formation {
  position: relative;
}
section.formation .section-title .vector-img {
  position: absolute;
  top: 10%;
  left: 37%;
}
.right {
  position: relative;
  top: 0;
  left: 0;
}

.img-1 {
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
}

.img-2 {
  position: absolute;
  top: 73px;
  left: 0%;
  z-index: 1;
}
.formation img{
  /* Dropshadow */
  filter: drop-shadow(0px 8px 24px rgba(34, 48, 114, 0.07));
  border-radius: 16px;
}
.btn-formation-view-more {
  text-align: center;
  padding-top: 40px;
}
.btn-formation-view-more button{
  border: 1px solid #224095;
  border-radius: 6px;
  background: #fff;
  font-family: 'Epilogue';
  font-style: normal;
  font-weight: 900;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  text-transform: uppercase;
  color: #224095;
  padding: 10px 20px;
}
.btn-formation-view-more button:hover{
  color: #C51E30;
  border: 1px solid #C51E30;
  transition: 0.3s;
}
section.bg-header-pmp {
  height: 722px;
  background: linear-gradient(80.38deg, rgba(167, 185, 237, 0.304) -35.67%, rgba(255, 236, 236, 0) 142.27%);
}
.bg-header-pmp .section-title {
  text-align: start;
  padding-top: 67px;
}
.bg-header-pmp .section-title p{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 34px;
  letter-spacing: 0.04em;
  color: #01015A;
  text-align: initial;
}
.bg-header-pmp .section-title img {
  position: absolute;
  top: 44%;
  left: 11%;
}
.holder-left-right {
  display: grid;
  grid-template-columns: repeat(2,1fr);
}
.holder-pmp {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  /* align-items: baseline; */
  gap: 26px;
  align-items: baseline;
}
.right-div {
  position: relative;
  top: 0;
  left: 0;
}
.right-div .img-above{
  position: absolute;
  bottom: 10%;
  left: 36%;
  z-index: 2;
}
.right-div .img-under{
  position: relative;
  top: 0;
  left: 62%;
  z-index: 1;
}
.right-div .img-between{
  position: absolute;
  top: 12%;
  left: 71%;
  z-index: 1;
}
/***/
.holder-first-solution {
  display: grid;
  grid-template-columns: repeat(2,1fr);
}
.first-second .title {
  position: relative;
  padding-bottom: 20px;
}
.first-second .content li {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 19px;
  line-height: 40px;
  /* text-align: justify; */
  letter-spacing: 0.01em;
  color: #01015A;
}
.first-second  .title h2 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 45px;
  text-align: justify;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #224095;
}
.first-second .title .vector-first-second-img {
  position: absolute;
  top: 22%;
  left: 37%;
}
section.bg-header-solution-pmp{
  height: 622px;
  background: linear-gradient(80.38deg, rgba(167, 185, 237, 0.304) -35.67%, rgba(255, 236, 236, 0) 142.27%);
}
.bg-header-solution-pmp .section-title {
  text-align: start;
  padding-top: 67px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  position: relative;
}
.bg-header-solution-pmp .section-title p{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 34px;
  letter-spacing: 0.04em;
  color: #01015A;
  text-align: initial;
}
.bg-header-solution-pmp .section-title img {
  position: absolute;
  top: 34%;
  left: 59%;
}
.holder-solution-left-right {
  display: grid;
  grid-template-columns: repeat(2,1fr);
}
.right-div-solution {
  position: relative;
  top: 0;
  left: 0;
}
.right-div-solution .img-between {
  position: absolute;
  top: 12%;
  left: 60%;
  z-index: 1;
}
.right-div-solution .img-above{
  position: absolute;
  bottom: 0%;
  left: 26%;
  z-index: 2;
}
.right-div-solution .img-under{
  position: relative;
  top: 0;
  left: 62%;
  z-index: 1;
}
.right-div-solution.img-between{
  position: absolute;
  top: 12%;
  left: 71%;
  z-index: 1;
}
.button-header-pmp button{
  background: #C51E30;
  color: #fff;
  padding: 13px 44px;
  border: none;
  border-radius: 12px;
}
.button-header-pmp button:hover {
  background: #224095;
  color: #fff;
  transition: 0.3s;
}
.pmp-2 a{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  /* identical to box height, or 200% */
  color: #224095;
  white-space: nowrap;
}
.under-div {
  padding-top: 58px;
}
.under-div .hr{
  width: 1320px;
  border: 1px solid #224095;
}
.holder-under-div {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  padding-top: 30px;
  gap: 6em;
  /* align-items: inherit; */
}
.number-2 a{
  white-space: nowrap;
}
.holder-second-pmp {
  display: grid;
  grid-template-columns: repeat(2,1fr);
}
.right-second-pmp p{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 45px;
/* or 225% */

text-align: justify;
letter-spacing: -0.04em;

color: #01015A;
}
.left-second-pmp {
  position: relative;
  top: 0;
  left: 0;
}
.left-second-pmp .img-second-1{
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
}
.left-second-pmp .img-second-2{
  position: absolute;
  top: 73px;
  left: 0%;
  z-index: 1;
}
.right-second-pmp {
  display: flex;
  justify-content: center;
  align-items: center;
}
.third{
  background: #F8F8F8;
}
.button-third-pmp button{
  border: 2px solid #224095;
  border-radius: 12px;
  background: #F8F8F8;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #224095;
  padding: 13px 41px;
}
.button-third-pmp button:hover{
  border: 2px solid #C51E30;
  background: #C51E30;
  color: #fff;
  padding: 13px 41px;
  transition: 0.3s;
}
.holder-third {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 20em;
}
.holder-fourth {
  display: grid;
  grid-template-columns: repeat(2,1fr);
}
.holder-fourth .title h2{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 45px;
  text-align: justify;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #224095;
}
.holder-fourth .title{
  position: relative;
  padding-bottom: 50px;
}
.holder-fourth .title .vector-fourth-img {
  position: absolute;
  top: 21%;
  left: 0;
}
.holder-fourth .content li {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 19px;
  line-height: 40px;
  /* text-align: justify; */
  letter-spacing: 0.01em;
  color: #01015A;
}
.holder-left-right .left-div .section-title{
  position: relative;
}
.fourth-two{
  position: relative;
  top: 0;
  left: 0;
  align-items: center;
}
.fourth-two .img-fourth-1{
  position: absolute;
  bottom: 7%;
  left: 18%;
  z-index: 2;
}
.fourth-two .img-fourth-2{
  position: relative;
  top: 0;
  left: 69%;
  z-index: 1;
  text-align: center;
  align-items: center;
}
.container.fifth {
  background: rgba(255, 236, 236, 0.8);
  border-radius: 12px;
    position: relative;
}
.holder-fifth{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  /* padding-top: 72px; */
}
/*.fifth-one{
  position: relative;
  top: 0;
  left: 0;
}
*/
.fifth-one .img-fifth{
  position: absolute;
  bottom: 44%;
  left: 0%;
  z-index: 2;
}
.holder-fifth .fifth-two .title h2{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 45px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #224095;
}
.fifth .fifth-three .content li,.fifth .fifth-three .content p ,.fifth-two .content li,.fifth-two .content p{
  font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 40px;
    text-align: justify;
    letter-spacing: 0.04em;
    color: #01015A;
}
.holder-fifth .title{
  position: relative;
  padding-bottom: 35px;
}
.holder-fifth .title .vector-fifth-img {
  position: absolute;
  top: 21%;
  left: 0;
}
.holder-fifth .fifth-two .content .subtitle h3 ,.fifth-three .content .subtitle h3{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 45px;
  letter-spacing: 0.04em;
  color: #C51E30;
}

.fifth-three{
  padding-top: 6%;
}
.container.fifth{
  padding-top: 100px;
  padding-bottom: 100px;
}
.sixth .title h2{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 45px;
  /* identical to box height, or 141% */

  text-align: justify;
  letter-spacing: 0.04em;
  text-transform: uppercase;

  color: #224095;
}
.sixth .title{
  position: relative;
}
.sixth .title .img-sixth {
  position: absolute;
  top: 53%;
  left: -1%;
}
.sixth-two {
  position: relative;
  top: 0;
  left: 0;
}
.sixth-two .img-sixth-1{
  position: absolute;
  bottom: 7%;
  right: 10%;
  z-index: 2;
}
.sixth-two .img-sixth-2{
  position: relative;
  top: 34%;
  left: 57%;
  z-index: 1;
}
.holder-sixth {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  padding-top: 6%;
}
.holder-vertical-1,.holder-vertical-2,.holder-vertical-3,.holder-vertical-4,.holder-vertical-5{
  left: calc(50% - 0.5rem);
  line-height: 1;
  padding-top: 0.5rem;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  white-space: nowrap;
  -webkit-writing-mode: vertical-rl;
   writing-mode: vertical-rl;
}
.p-vertical{
  background: rgba(167, 185, 237, 0.48);
  border-radius: 12px;
  padding: 16px 10px;
  text-align: center;
}
.p-vertical-pink{
  background: #FFECEC;
  border-radius: 12px;
  padding: 16px 10px;
  text-align: center;
}
.sixth-one-1,.sixth-one-2,.sixth-one-3,.sixth-one-4,.sixth-one-5{
  display: inline-flex;
  gap: 1em;
}
.holder-horizontal{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  /* or 150% */

  text-align: justify;
  letter-spacing: 0.04em;

  color: #01015A;
}
.holder-seventh{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  display: flex;
  justify-content: center;
  align-items: center;
}
.seventh .title h2{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 45px;
  /* identical to box height, or 141% */

  text-align: justify;
  letter-spacing: 0.04em;

  color: #224095;
}
.holder-seventh{
  background: rgba(167, 185, 237, 0.48);
  border-radius: 12px;
}
.seventh-one input{
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #224095;
  border-radius: 12px;
  padding: 14px 53px;
}
.seventh-one label{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;

  color: #224095;
}
.button-seventh{
  text-align: center;
}
.button-seventh button{
  background: #224095;
  color: #fff;
  padding: 13px 44px;
  border: none;
  border-radius: 12px;
}
.button-seventh button:hover{
  background: #C51E30;
  transition: 0.3s;
}
.holder-seventh{
  padding: 40px;
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 6em;
}
.seventh-one-1,.seventh-one-2,.seventh-one-3,.button-seventh{
  padding-bottom: 20px;
}
.seventh .title{
  position: relative;
  padding-bottom: 48px;
}
.seventh .title .img-seventh {
  position: absolute;
  top: 31%;
  left: -1%;
}
.holder-eighth{
  display: grid;
  grid-template-columns: repeat(2,1fr);
}
.eighth-two {
  position: relative;
  top: 0;
  left: 0;
}
.eighth-two .img-eighth-1{
  position: absolute;
  bottom: 7%;
  right: 10%;
  z-index: 2;
}
.eighth-two .img-eighth-2{
  position: relative;
  bottom: 3%;
  left: 76%;
  z-index: 1;
}
.eighth .title h2{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 56px;
  line-height: 68px;
  /* identical to box height */
  color: #01015A;
}
.eighth .title{
  position: relative;
  padding-bottom: 30px;
}
section.eighth{
  background: #F8F8F8;
}

#accordion .card button .card-header .card-link.header-title .float-left{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 17px !important;
  color: #224095 !important;
}
.eighth .title {
  position: relative;
  padding-bottom: 48px;
}
.eighth .title .img-eighth {
  position: absolute;
  top: 31%;
  left: -1%;
}
.second-solution .section-title{
  position: relative;
}
.second-solution .section-title h2,.third-solution .section-title h2{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 45px;
  /* or 141% */

  text-align: center;
  letter-spacing: -0.02em;
  text-transform: uppercase;

  color: #01015A;
}
.second-solution .section-title img{
  position: absolute;
  top: 42%;
  left: 45%;
}
.outils-solution {
  background: #EDF1FB;
  border-radius: 12px;
  height: 404px;
}
.holder-outils-1 {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 4em;
  align-items: baseline;
  padding: 2%;
}
.outil-1,.outil-2,.outil-3,.outil-4{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.holder-outils-2 {
  display: grid;
  grid-template-columns: repeat(5,1fr);
}
.outils-2-1 h3,.outils-2-2 h3,.outils-2-3 h3,.outils-2-4 h3,.outils-2-5 h3{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 45px;
  /* identical to box height, or 225% */

  text-align: center;
  letter-spacing: -0.02em;
  text-transform: uppercase;

  color: #224095;
}
.outil-img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.third-solution .section-title img {
  position: absolute;
  top: 47%;
  left: 24%;
}
.third-solution .section-title{
  position: relative;
}
.fourth-sol{
  height: 194px;
  background: #C51E30;
  border-radius: 12px;
  padding: 40px;
}
.fourth-sol h3{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 45px;
  /* identical to box height, or 141% */
  text-align: center;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  padding-bottom: 17px;
}
.fourth-sol-buttons{
  text-align: center;
}

.fourth-sol-buttons .contact button{
  background: #C51E30;
  border-radius: 12px;
  padding: 13px 44px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #FFFFFF;
  border: none;
  border: 1px solid #FFFFFF;

}
.fourth-sol-buttons .contact button:hover{
  background: #FFFFFF;
  color: #C51E30;
  transition: 0.3s;
}
.fourth-sol-buttons{
}
.demo button{
  padding: 13px 44px;
  border: none;
  border-radius: 12px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #01015A;
  background: #FFFFFF;
  border-radius: 6px;
}
.demo button:hover{
  color: #FFFFFF;
  background: #01015A;
  transition: 0.3s;
}
.fifth-sol h3{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 45px;
  /* or 141% */

  text-align: center;
  letter-spacing: -0.02em;
  text-transform: uppercase;

  color: #C51E30;
}
.holder-sixth-solution{
  display: grid;
  grid-template-columns: repeat(2,1fr);
}
.sixth-solution-two .img-sixth-solution-1 {
  position: absolute;
  bottom: 7%;
  right: 10%;
  z-index: 2;
}
.sixth-solution-two .img-sixth-solution-2 {
  position: relative;
  bottom: 3%;
  left: 76%;
  z-index: 1;
}
.sixth-solution-two {
  position: relative;
  top: 0;
  left: 0;
}
.sixth-solution .title .img-sixth-solution {
  position: absolute;
  top: 31%;
  left: -1%;
}
.sixth-solution .title h2 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 56px;
  line-height: 68px;
  color: #01015A;
}
.sixth-solution .title {
  position: relative;
  padding-bottom: 48px;
}
.blue{
  background: #EDF1FB;
  border-radius: 12px;
}
.pink{
  background: rgba(255, 236, 236, 0.6);
  border-radius: 12px;
}
.third-first .third-first-1{
  width: 160px;
  height: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.third-first .third-first-2{
  display: inline-flex;
  gap: 3em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.title-third-first-2{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 45px;
  /* identical to box height, or 205% */
  color: #224095;
}
.content-third-first-2{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  /* or 150% */


  color: #01015A;
}
.fifth-sol-img img{
  width: 100%;
  padding-top: 5%;
}
.button-header-solution-pmp button {
  background: #C51E30;
  color: #fff;
  padding: 13px 44px;
  border: none;
  border-radius: 12px;
}
.button-header-solution-pmp button:hover {
  background: #224095;
  color: #fff;
  transition: 0.3s;
}
.button-header-solution-pmp {
  padding-top: 35px;
}
/****blog**/
section.bg-header-blog {
  height: 622px;
  background: linear-gradient(80.38deg, rgba(167, 185, 237, 0.304) -35.67%, rgba(255, 236, 236, 0) 142.27%);
}
.holder-blog {
  display: grid;
  grid-template-columns: repeat(2,1fr);
}
.bg-header-blog .section-title {
  text-align: start;
  padding-top: 67px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  position: relative;
}
.bg-header-blog .section-title img {
  position: absolute;
  top: 26%;
  left: 0%;
}
.bg-header-blog  .section-title p {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 34px;
  letter-spacing: 0.04em;
  color: #01015A;
  text-align: initial;
}
.button-header-blog {
  padding-top: 35px;
}
.button-header-blog button {
  background: #C51E30;
  color: #fff;
  padding: 9px 32px;
  border: none;
  border-radius: 12px;
}
.button-header-blog button:hover {
  background: #224095;
  color: #fff;
  transition: 0.3s;
}
.button-header-blog {
  padding-top: 11px;
}
.right-div-blog {
  position: relative;
  top: 0;
  left: 0;
}
.right-div-blog .img-above {
  position: absolute;
  bottom: 0%;
  right: 0%;
  z-index: 2;
}
.right-div-blog .img-under {
  position: relative;
  top: 0;
  left: 57%;
  z-index: 1;
}
.right-div-blog .img-between {
  position: absolute;
  top: 19%;
  left: 62%;
  z-index: 1;
}
.left-first-blog-1 {
  position: relative;
  top: 0;
  left: 0;
}
.left-first-blog-1 .img-first-blog-1-1 {
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}
.left-first-blog-1 .img-first-blog-1-2 {
  position: absolute;
  top: 18%;
  left: 0%;
  z-index: 1;
  width: 22%;
}
.holder-first-blog{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 2em;
}
.first-blog-2 h3 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 45px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #C51E30;
}
.first-blog-2 p{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 40px;
  color: #224095;
}
.first-blog-3 h3{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 45px;
  /* or 281% */
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #C51E30;
  margin-left: 29px;
}
.first-blog-2 .content {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 31px;
  /* or 175% */
  letter-spacing: -0.05em;
  color: #01015A;
}
.holder-avis {
  display: -webkit-inline-box;
  gap: 1em;
  padding-top: 7%;
  position: relative;
}
.holder-avis p{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 0;
  /* or 219% */
  text-align: justify;
  letter-spacing: -0.05em;
  color: #C51E30;
  /* white-space: nowrap; */
}
.holder-avis span{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 0px;
  text-align: justify;
  letter-spacing: -0.05em;
  color: #01015A;
}
.holder-avis .info{
 position: absolute;
 top: 51%;
 left: 135%;
 white-space: nowrap;
}
.article-info {
  border: 1px solid #C51E30;
/* Dropshadow */
  filter: drop-shadow(0px 8px 24px rgba(34, 48, 114, 0.07));
  border-radius: 12px;
  /* position: absolute; */
  width: 352px;
  height: 70px;
  /* left: 1024px; */
  top: 1088px;
  border: 1px solid #C51E30;
/* Dropshadow */
  filter: drop-shadow(0px 8px 24px rgba(34, 48, 114, 0.07));
  border-radius: 12px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.article{
  display: grid;
  grid-template-columns: repeat(1,1fr);
  gap: 1em;
}
.article-info p{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  /* or 171% */


  color: #224095;

}
.article-info span{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  /* or 171% */


  color: #224095;
}
.holder-second-blog {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 3em;
}
.second-blog-2 p ,.third-blog-2 p{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 40px;
  color: #224095;
}
.second-blog-2 h3 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 45px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #C51E30;
}
.second-blog-2 .content ,.third-blog-2 .content {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 33px;
  text-align: justify;
  letter-spacing: -0.05em;
  color: #01015A;
}
.left-second-blog-1 {
  position: relative;
  top: 0;
  left: 0;
}
.left-second-blog-1 .img-second-blog-1-1 {
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}
.left-second-blog-1 .img-second-blog-1-2 {
  position: absolute;
  top: 68px;
  left: 0%;
  z-index: 1;
  width: 22%;
}
.holder-avis-2 {
  display: -webkit-inline-box;
  gap: 1em;
  padding-top: 7%;
  position: relative;
}
.holder-avis-2 p{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 0;
  /* or 219% */
  text-align: justify;
  letter-spacing: -0.05em;
  color: #C51E30;
  /* white-space: nowrap; */
}
.holder-avis-2 span{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 0px;
  text-align: justify;
  letter-spacing: -0.05em;
  color: #01015A;
}
.holder-avis-2.info-2{
 position: absolute;
 top: 51%;
 left: 135%;
 white-space: nowrap;
}
.second-blog-3 h3 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 45px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #C51E30;
  margin-left: 29px;
}
.third-blog-2 h3{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 45px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #C51E30;
}
.holder-third-blog{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 5em;
}
.container.fourth-blog {
  background: rgba(255, 236, 236, 0.8);
  border-radius: 12px;
  height: 168px;
  text-align: center;
}
.holder-fourth-blog .text{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 26px;
  line-height: 34px;
  /* identical to box height */
  text-align: center;
  letter-spacing: 0.04em;
  color: #224095;
}
.holder-fourth-blog .under-text{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 45px;
  /* identical to box height, or 281% */

  letter-spacing: 0.04em;

  color: #C51E30;
}
.holder-fourth-blog {
  padding-top: 2%;
}
.holder-second-blog-4 {
  /* display: grid; */
  /* grid-template-columns: repeat(2,1fr); */
}
.holder-second-blog-4-2 button , .holder-second-blog-4-1 button{
  background: #fff;
  padding: 10px 29px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #C51E30;
  border: 1px solid #C51E30;
  border-radius: 12px;
  width: 140px;
}
.holder-second-blog-4-2 button:hover , .holder-second-blog-4-1 button:hover{
  background: #C51E30;
  padding: 10px 29px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #fff;
  border: 1px solid #C51E30;
  border-radius: 12px;
}
.second-blog-4{
  display: inline-flex;
  gap: 1em;
}
.button-second-blog-4 {
  white-space: nowrap;
}
.second-blog-4-1 ,.second-blog-4-2,.second-blog-4-3,.second-blog-4-4,.second-blog-4-5,.second-blog-4-6,.second-blog-4-7,.second-blog-4-8{
  padding-bottom: 20px;
}
.video-custom-play{position:relative;display:inline-block;}
.video-custom-play:before{
  content:'';
  position:absolute;
  left:0;
  right:0;
  top: -4%;
  bottom:0;
  background-image: url('../img/blog-vid.png');
  z-index:1;
  }
.video-custom-play .video-play-icon{position:absolute;top:50%;left:50%;width:65px;height:65px;transform:translate(-50%,-50%);z-index:2;color:#fff;font-size:30px;border:4px solid #fff;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;background-color:rgb(0 0 0 / 60%);}
.video-custom-play:not(.is-video-playing) .video-play-icon:before{margin-left:5px;}
.video-custom-play.is-video-playing .video-play-icon{font-size:25px;opacity:0;}
.video-custom-play.is-video-playing:hover .video-play-icon{opacity:1;}
.video-custom-play.is-video-playing .video-play-icon:before{content:"\f04c";}
.video-custom-play.is-video-playing:before{display:none;}
/***/

.info-3 {
  display: inline-flex;
}
.info-3 p{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;


  color: #224095;
}
.info-3 span{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  
  
  color: #224095;
}
.info-article-3 {
  padding-top: 24px;
}
.holder-avis-4{
  height: 107px;
}
video {
  width: 750.37px;
  height: 410px;
}
.img-first-blog-1-left{
  width: 100%;
}
.img-blog-1-vid {
  position: absolute;
  top: 10%;
  left: -4%;
  z-index: 1;
  width: 15%;
}
/****tenstep fr*****/
section.bg-header-tnstp {
  height: 622px;
  background: linear-gradient(80.38deg, rgba(167, 185, 237, 0.304) -35.67%, rgba(255, 236, 236, 0) 142.27%);
}
.holder-tnstp {
  display: grid;
  grid-template-columns: repeat(2,1fr);
}
.bg-header-tnstp .section-title {
  text-align: start;
  padding-top: 67px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  position: relative;
}
.bg-header-tnstp .section-title img {
  position: absolute;
  top: 26%;
  left: 0%;
}
.bg-header-tnstp  .section-title p {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 34px;
  letter-spacing: 0.04em;
  color: #01015A;
  text-align: initial;
}
.button-header-tnstp {
  padding-top: 35px;
}
.button-header-tnstp button {
  background: #C51E30;
  color: #fff;
  padding: 13px 44px;
  border: none;
  border-radius: 12px;
}
.button-header-tnstp button:hover {
  background: #224095;
  color: #fff;
  transition: 0.3s;
}
.button-header-tnstp {
  padding-top: 35px;
}
.right-div-tnstp {
  position: relative;
  top: 0;
  left: 0;
}
.right-div-tnstp .img-above {
  position: absolute;
  bottom: 0%;
  right: 0%;
  z-index: 2;
}
.right-div-tnstp .img-under {
  position: relative;
  top: 0;
  left: 57%;
  z-index: 1;
}
.right-div-tnstp .img-between {
  position: absolute;
  top: 19%;
  left: 62%;
  z-index: 1;
}


/* .holder-first-tnstp{
  display: grid;
  grid-template-columns: repeat(2,1fr);
} */
.left-first-tnstp {
  position: relative;
  top: 0;
  left: 0;
}
.left-first-tnstp .img-first-tnstp-1 {
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
}
.left-first-tnstp .img-first-tnstp-2 {
  position: absolute;
  top: 73px;
  left: 0%;
  z-index: 1;
}
.holder-first-tnstp .title .vector-right-first-tnstp-img {
  position: absolute;
  top: 22%;
  left: 10%;
}
.holder-first-tnstp .title h2 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 45px;
  text-align: justify;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #01015A;
}
.holder-first-tnstp .title {
  position: relative;
  padding-bottom: 50px;
}
.holder-first-tnstp .content li {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    line-height: 40px;
    /* text-align: justify; */
    letter-spacing: 0.01em;
    color: #01015A;
}
.container.second-tnstp {
  background: #F0F3FC;
  border-radius: 12px;
  height: 287px;
  position: relative;
}
.left-tnstp .keft{
  position: absolute;
  bottom: 1%;
  left: 74%;
}
.left-tnstp p{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 45px;
  /* or 150% */
  color: #01015A;
  padding-left: 5%;
}
.info-ceo{
  text-align: center;
  padding-top: -11%;
  position: absolute;
  top: 80%;
  left: 71%;
}
.info-ceo h3{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  /* line-height: 45px; */
  /* or 188% */
  color: #224095;
}
.info-ceo span{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  /* line-height: 45px; */
  /* or 188% */
  color: #C51E30;
  text-align: center;
}
.left-tnstp{
  padding: 2%;
}
.left-third-tnstp {
  position: relative;
  top: 0;
  left: 0;
}
.left-third-tnstp .img-third-tnstp-1 {
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
}
.left-third-tnstp .img-third-tnstp-2 {
  position: absolute;
  top: 73px;
  left: 0%;
  z-index: 1;
}
.holder-third-tnstp .title {
  position: relative;
  padding-bottom: 50px;
}
.holder-third-tnstp .title h2 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 45px;
  text-align: justify;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #01015A;
}
.holder-third-tnstp .title .vector-right-third-tnstp-img {
  position: absolute;
  top: 22%;
  left: 10%;
}
.holder-third-tnstp .content li {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 19px;
  line-height: 40px;
  /* text-align: justify; */
  letter-spacing: 0.01em;
  color: #01015A;
  list-style-type: none;
  line-height: 54px;
}
.holder-third-tnstp .content ul {
  margin: 0;
  padding: 0;
}
.holder-third-tnstp .content li img{
  margin-right: 13px;
}
.holder-third-tnstp .content  .complicated{
  white-space: nowrap;
}
.fourth-tnstp .section-title {
  position: relative;
}
.fourth-tnstp .section-title h2 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 74px;
  /* or 231% */

  text-align: center;
  text-transform: uppercase;

  color: #01015A;
}
.fourth-tnstp .section-title img {
  position: absolute;
  top: 29%;
  left: 38%;
}
.fourth-tnstp-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3em;
}
.fourth-tnstp-item-wrapper {
  text-align: center;
}
.fourth-tnstp-item-icone {
  padding-bottom: 17px;
}
.fourth-tnstp-item-title {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  /* identical to box height */

  text-align: center;

  color: #C51E30;
  padding-bottom: 7px;
}
.fourth-tnstp-item-description {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  text-align: center;

  color: #01015A;
}
.fourth-tnstp-list li{
  list-style: none;
}
section.sixth-tnstp {
  height: 778px;
  background: linear-gradient(180deg, rgba(221, 228, 248, 0.5) 0%, rgba(241, 244, 252, 0) 100%);
}
.sixth-tnstp-1{
  position: relative;
}
.sixth-tnstp-1 img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.sixth-tnstp .section-title {
  position: relative;
}
.sixth-tnstp .section-title h2 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 74px;
  text-align: center;
  text-transform: uppercase;
  color: #01015A;
}
.sixth-tnstp .section-title img {
  position: absolute;
  top: 29%;
  left: 46%;
}
.sixth-1 {
  position: absolute;
  top: 12%;
  left: 19%;
}
.sixth-2 {
  position: absolute;
  top: 13%;
  left: 70%;
}
.sixth-3 {
  position: absolute;
  top: 74%;
  left: 13%;
}
.sixth-4 {
  position: absolute;
  top: 74%;
  left: 73%;
}
.sixth-1,.sixth-2,.sixth-3,.sixth-4{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 45px;
  /* identical to box height, or 141% */
  text-align: justify;
  letter-spacing: 0.04em;
  color: #01015A;
  border-bottom: 5px solid #C51E30;
}
.seventh-tnstp .section-title{
  position: relative;
}
.seventh-tnstp .section-title h2{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 45px;
  /* identical to box height, or 141% */

  text-align: center;
  letter-spacing: 0.04em;
  text-transform: uppercase;

  color: #01015A;
  
} 
.seventh-tnstp .section-title img{
  position: absolute;
  top: 22%;
  left: 41%;
} 
.seventh-tnstp-1{
  display: flex;
  gap: 6em;
}
.seventh-tnstp-2{
  display: flex;
  gap: 7em;
  padding-top: 5%;
}
img.seventh-center {
  margin: auto;
  width: 103%;
}
.seventh-tnstp-3 {
  display: flex;
  gap: 5em;
  padding-top: 5%;
}
.sixth-5 img{
  position: absolute;
  top: 44%;
  left: 44.8%;
}
/***conseils***/
section.bg-header-conseils {
  height: 622px;
  background: linear-gradient(80.38deg, rgba(167, 185, 237, 0.304) -35.67%, rgba(255, 236, 236, 0) 142.27%);
}
.holder-conseils {
  display: grid;
  grid-template-columns: repeat(2,1fr);
}
.bg-header-conseils .section-title {
  text-align: start;
  padding-top: 67px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  position: relative;
}
.bg-header-conseils .section-title img {
  position: absolute;
  top: 26%;
  left: 0%;
}
.bg-header-conseils .section-title p {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 34px;
  letter-spacing: 0.04em;
  color: #01015A;
  text-align: initial;
}
.button-header-conseils {
  padding-top: 35px;
}
.button-header-conseils button {
  background: #C51E30;
  color: #fff;
  padding: 13px 44px;
  border: none;
  border-radius: 12px;
}
.right-div-conseils {
  position: relative;
  top: 0;
  left: 0;
}
.right-div-conseils .img-above {
  position: absolute;
  bottom: 0%;
  right: 0%;
  z-index: 2;
}
.right-div-conseils .img-under {
  position: relative;
  top: 0;
  left: 57%;
  z-index: 1;
}
.right-div-conseils .img-between {
  position: absolute;
  top: 19%;
  left: 62%;
  z-index: 1;
}
.first-conseils .section-title {
  position: relative;
}
.first-conseils .section-title h2 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 74px;
  text-align: center;
  text-transform: uppercase;
  color: #01015A;
}
.first-conseils .section-title img {
  position: absolute;
  top: 29%;
  left: 38%;
}
.first-conseils-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6em;
}
.first-conseils-list li {
  list-style: none;
}
.first-conseils-item-wrapper {
  text-align: center;
}
.first-conseils-item-icone {
  padding-bottom: 17px;
}
.first-conseils-item-title {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  color: #C51E30;
  padding-bottom: 7px;
}
.first-conseils-item-description {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #01015A;
}
.container.second-conseils {
  background: #F0F3FC;
  border-radius: 12px;
  height: 236px;
  position: relative;
}
.left-conseils {
  padding: 2%;
}
.left-conseils p {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 45px;
  color: #01015A;
  padding-left: 5%;
}
.quote-conseils {
  text-align: center;
  padding-top: -11%;
  position: absolute;
  top: 80%;
  left: 88%;
}
.quote-conseils span {
 font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 45px;
  /* or 188% */

  text-align: center;

  color: #C51E30;
}
.left-conseils-img {
  position: absolute;
  bottom: 2%;
  left: 74%;
}
section.third-conseils{
  height: 975px;
  background: linear-gradient(117.59deg, #FFECEC -15.39%, rgba(255, 236, 236, 0) 116.07%);
  opacity: 1;
}
section.fourth-conseils{
  background: linear-gradient(180deg, rgba(221, 228, 248, 0.5) 0%, rgba(241, 244, 252, 0) 100%);
}
.third-conseils-img img{
    padding-top: 0;
    width: 71%;
}
.third-conseils .section-title {
  position: relative;
}
.third-conseils .section-title h2 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 74px;
  text-align: center;
  text-transform: uppercase;
  color: #01015A;
}
.third-conseils .section-title img {
  position: absolute;
  top: 27%;
  left: 45%;
}
.up-1{
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: auto;
  overflow: hidden;
}
.content .content-overlay {
  border-radius: 16px;
  background: linear-gradient(3.75deg, #C51E30 23.52%, rgba(197, 30, 48, 0) 96.92%);
  position: absolute;
  height: 100%;
  width: 95%;
  left: 1%;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  /* -webkit-transition: all 0.4s ease-in-out 0s; */
  -moz-transition: all 0.4s ease-in-out 0s;
  /* transition: all 0.4s ease-in-out 0s; */
  z-index: 1;
}

.content:hover .content-overlay{
  opacity: 1;
  z-index: 2;
}

.content-details {
  z-index: 2;
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  bottom: 0;
  left: 0;
  opacity: 0;
  /* -webkit-transform: translate(-50%, -50%); */
  -moz-transform: translate(-50%, -50%);
  /* transform: translate(-50%, -50%); */
  /* -webkit-transition: all 0.3s ease-in-out 0s; */
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: 0.3s ;
}

.content:hover .content-details{
  top: 83%;
  left: 0%;
  opacity: 1;
}

.content-details h3{
 font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 32px;
/* or 114% */


color: #FFFFFF;
}
/****article****/
.bg-header-article{
  background-image: url('../img/bg-article.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 950px;
  backdrop-filter: blur(3px);
  opacity: 0.7;
  position: relative;
}
.holder-content-header-art {
  position: absolute;
  top: 43%;
  left: 0;
  right: 0;
  text-align: center;
}
.holder-content-header-art .title{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 56px;
  line-height: 74px;
  /* or 132% */

  text-align: center;

  color: #01015A;

}
.buttons-head-art{
  display: inline-flex;
  gap: 3em;
}
.buttons-head-art button{
  background: #C51E30;
  border: none;
  border-radius: 100px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  /* identical to box height */

  text-align: center;
  padding: 13px 31px;
  color: #FFFFFF;
}
.buttons-head-art button:hover{
  background: #224095;
  transition: 0.3s;
}
.btn-down {
  padding-top: 1%;
}
.first-article .parag p{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 35px;
  /* or 146% */

  text-align: justify;

  color: #01015A;
}
.btns-parag {
  display: inline-flex;
  gap: 2em;
  padding-top: 2%;
}
.btns-parag button{
  background: #fff;
  padding: 10px 29px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #C51E30;
  border: 1px solid #C51E30;
  border-radius: 12px;
}
.btns-parag button:hover{
  background: #C51E30;
  padding: 10px 29px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #fff;
  border: 1px solid #C51E30;
  border-radius: 12px;
}
.info-avis-art1 {
  display: flex;
  gap: 1em;
  padding-top: 5%;
}
.info-avis-art1 .info-art1{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 35px;
  /* identical to box height, or 125% */

  text-align: justify;
  letter-spacing: -0.05em;

  color: #C51E30;
}
.cards-holder {
  display: inline-flex;
}
.content1 .content-overlay1 {
  border-radius: 16px;
  background: linear-gradient(5.04deg, #224095 16.24%, rgba(34, 64, 149, 0) 85.13%);
  position: absolute;
  height: 100%;
  width: 91%;
  left: 2%;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  /* -webkit-transition: all 0.4s ease-in-out 0s; */
  -moz-transition: all 0.4s ease-in-out 0s;
  /* transition: all 0.4s ease-in-out 0s; */
  z-index: 1;
}

.content1 .content-overlay1{
  opacity: 0.8;
  z-index: 2;
}

.content-details1 {
  z-index: 2;
  position: absolute;
  text-align: initial;
  padding-left: 3em;
  padding-right: 1em;
  width: 100%;
  bottom: 0;
  left: 0;
  opacity: 0;
  /* -webkit-transform: translate(-50%, -50%); */
  -moz-transform: translate(-50%, -50%);
  /* transform: translate(-50%, -50%); */
  /* -webkit-transition: all 0.3s ease-in-out 0s; */
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: 0.3s;
  color: #fff;
}

.content1 .content-details1{
  top: 83%;
  left: 0%;
  opacity: 1;
}

.content-details1 h3{
 font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 32px;
/* or 114% */


color: #FFFFFF;
}
.content-details1 h3 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  /* or 133% */


  color: #FFFFFF;
}



/***/
.content2 .content-overlay2 {
  border-radius: 16px;
  background: linear-gradient(3.75deg, #C51E30 23.52%, rgba(197, 30, 48, 0) 96.92%);
  position: absolute;
  height: 100%;
  width: 91%;
  left: 2%;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  /* -webkit-transition: all 0.4s ease-in-out 0s; */
  -moz-transition: all 0.4s ease-in-out 0s;
  /* transition: all 0.4s ease-in-out 0s; */
  z-index: 1;
}

.content2 .content-overlay2{
  opacity: 0.8;
  z-index: 2;
}

.content-details2 {
  z-index: 2;
  position: absolute;
  text-align: initial;
  padding-left: 3em;
  padding-right: 1em;
  width: 100%;
  bottom: 0;
  left: 0;
  opacity: 0;
  /* -webkit-transform: translate(-50%, -50%); */
  -moz-transform: translate(-50%, -50%);
  /* transform: translate(-50%, -50%); */
  /* -webkit-transition: all 0.3s ease-in-out 0s; */
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: 0.3s;
  color: #fff;
}

.content2 .content-details2{
  top: 83%;
  left: 0%;
  opacity: 1;
}

.content-details2 h3{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  /* or 133% */
  
  
  color: #FFFFFF;
}
.content-details2 h3 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 32px;
  color: #FFFFFF;
}
.third-conseils-img{
display: flex;
    justify-content: center;
    align-items: center;
}
.container.fifth-conseils {
  background: #F0F3FC;
  border-radius: 12px;
  height: 224px;
  position: relative;
}
.left-fifth-conseils {
  padding: 2%;
}
.left-fifth-conseils p {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 45px;
  color: #01015A;
  padding-left: 5%;
}
.quote-conseils-fifth{
  text-align: center;
  padding-top: -11%;
  position: absolute;
  top: 70%;
  left: 75%;
}
.left-fifth-conseils-img {
  position: absolute;
  bottom: -1%;
  left: 60%;
}
.fourth-conseils .section-title {
  position: relative;
}
.fourth-conseils .section-title img {
  position: absolute;
  top: 27%;
  left: 45%;
}
.fourth-conseils .section-title h2 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 74px;
  text-align: center;
  text-transform: uppercase;
  color: #01015A;
}
.quote-conseils-fifth span {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 45px;
  text-align: center;
  color: #C51E30;
}
.button-container-div-sixth {
  text-align: center;
  padding-top: 15px;
}
.button-container-div-sixth button {
  background: #224095;
  color: #fff;
  padding: 13px 44px;
  border: none;
  border-radius: 12px;
}
.sixth-conseils .section-title {
  position: relative;
}
.sixth-conseils .section-title h2 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 74px;
  text-align: center;
  text-transform: uppercase;
  color: #01015A;
}
.sixth-conseils .section-title img {
  position: absolute;
  top: 30%;
  left: 61%;
}
/***/
/* .testimonial2 {
	padding: 60px 0;
} */
/* .sec-heading {
	margin-bottom: 60px;
} */
/* .sec-heading h6 {
	font-family: allura;
	font-weight: 900;
	font-size: 80px;
} */
.single-box {
	/* border: 3px solid #e6f0fa; */
	/* padding: 50px 30px 40px; */
	/* border-radius: 20px; */
	background: #fff;
}
.img-area {
	margin: 45px 0 20px;
}
.single-box img {
	max-width: auto;
	margin: 0 auto
}
/* .single-box h4 {
	font-weight: 600;
	margin: 0;
	font-family: 'Allura', cursive;
	font-size: 35px;
} */
.single-box {
	overflow: hidden
}
.single-box .img-area {
	width: 100%;
	/* float: left; */
	margin: 0;
}
.single-box .content {
	width: 100%;
	/* float: left;
	padding-left: 10px */
	padding-top: 5%;
}
.single-box p {
	margin: 10px 0 25px;
	line-height: 2.3;
}
.testi-carousel-three .single-box {
	border: 0;
	padding: 0 50px;
}
.testi-carousel .owl-dots, .clients-carousel .owl-dots, .testi-carousel-three .owl-dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -60px;
	text-align: center;
	width: 100%;
}
.testi-carousel .owl-dot, .clients-carousel .owl-dot, .testi-carousel-three .owl-dot {
	width: 16px;
	height: 16px;
	background-color: #ddd;
	display: inline-block;
	margin: 0 6px;
	text-align: center;
	border-radius: 50%;
}
.testi-carousel .owl-dot.active, .clients-carousel .owl-dot.active, .testi-carousel-three .owl-dot.active {
	background-color: #C51E30;
}
.single-box .content h4{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */

  text-align: center;

  color: #C51E30;
}
@media only screen and (min-width: 360px) and (max-width: 479px) {
	.testimonial2 {
		padding: 70px 0 130px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 359px) {
	.testimonial2 {
		padding: 70px 0 130px;
	}
	.single-box {
		padding: 50px 0 40px;
	}
	.single-box .img-area {
		width: 100%;
		float: none;
	}
	.single-box .content {
		width: 100%;
		float: none;
	}
}
.holder-right-second-pmp {
  display: inline-flex;
  gap: 3em;
}
.holder-right-second-pmp .first,.holder-right-second-pmp .second {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 27px;
  line-height: 39px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #01015A;
}

.container-suite{
  /* height: 100px; */
  background: #FFF3F3;
  border-radius: 12px;
}
.holder-suite {
  padding: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 11em;
}
.third-first{
  display: flex;
  gap: 1em;
  padding-bottom: 1%;
}
.holder-contact-info {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 3em;
}
.input-group .input-group-btn{
	position: absolute;
	bottom: 25%;
	left: 93%;
}
.btn input[type=submit]{
background: #224095;
    color: #fff;
    border-radius: 0px;
    text-transform: uppercase;
    border: none;
}
img.content-image {
    border-radius: 16px;
}
.holder-second-formation button {
    background: #fff;
    padding: 18px 14px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #C51E30;
    border: 1px solid #C51E30;
    border-radius: 12px;
    width: 139px;
}
.holder-second-formation button:hover {
    background: #C51E30;
    /* padding: 10px 29px; */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    border: 1px solid #C51E30;
    border-radius: 12px;
}
.holder-second-formation{
    display: grid;
    gap: 26px;
    grid-template-columns: repeat(8,1fr);
}
.second-formation .section-title{
position:relative 
}
.second-formation .section-title h2{
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 74px;
/* identical to box height, or 231% */

text-align: center;
text-transform: uppercase;

color: #01015A;}
.second-formation .section-title img {
    position: absolute;
    top: 26%;
    left: 41%;
}
.holderr {
    display: grid;
    grid-template-columns: repeat(3,1fr);
}
.screen-reader-response{
	display:none;
}
form#dex_bccf_pform {
    display: inline-flex;
    flex-direction: row-reverse;
    gap: 10em;
}
#fbuilder .medium {
    width: 182% !important;
}
.seventh-one textarea {
   background: rgba(255, 255, 255, 0.8);
  border: 1px solid #224095;
  border-radius: 12px;
  padding: 40px 365px;
 }
#dex_bccf_pform .ui-datepicker:not(.ui-datepicker-multi) {
    max-width: 473px !important;
}
/***/

.newsletter .content {
max-width: 650px;
margin: 0 auto;
text-align: center;
position: relative;
z-index: 2; }
.newsletter .content h2 {
color: #243c4f;
margin-bottom: 40px; }
.newsletter .content .form-control {
height: 50px;
border-color: #ffffff;
border-radius:0;
}
.newsletter .content.form-control:focus {
box-shadow: none;
border: 2px solid #243c4f;
}
.newsletter .content .btn {
min-height: 50px; 
border-radius:0;
background: #224095;
color: #fff;
font-weight:600;
}
.fa-chevron-circle-left,.fa-chevron-circle-right{
color: #C51E30;
}
.zabuto-calendar {
background:#fff !important;
border-radius: 10px !important;
border: transparent;
}
.zabuto-calendar  tbody{
color:#0F2552
}
.table>:not(caption)>*>* {
    background: #fff !important;
}
.bg-primary {
    background: #224095 !important;
    border-radius: 40px;
}
.zabuto-calendar__days-of-week{
color: #7E818C;
}
.zabuto-calendar__navigation__item--header__title{
font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    align-items: center;
    text-align: center;
    letter-spacing: 0.01em;
    color: #0F2552;
}
.seventh-two {
text-align: center;
}
.seventh-two h4{
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
align-items: center;
text-align: center;
text-transform: uppercase;

color: #224095;
}
.circle-blue{
 height: 20px;
  width: 20px;
  border-radius: 50%;
background: #224095;
}
.circle-red{
 height: 20px;
  width: 20px;
  border-radius: 50%;
background: #C51E30;
}
.holder-bottom-calendar{
display:grid;
    grid-template-columns: repeat(2,1fr);
gap:20px;
padding-top:3%
}
.holder-bottom-calendar .bottom-1,.holder-bottom-calendar .bottom-2{
display:inline-flex;
gap:10px
}
.holder-bottom-calendar .bottom-1 p{
white-space:nowrap
}
.event-black {
  background-color: #000 !important;
}
.bg-session_weekend {
  background: #c51e30 !important;
  border-radius: 40px;
}
.button-seventh [type=submit]:not(:disabled) {
    cursor: pointer;
    background: #224095;
    color: #fff;
}
.button-seventh [type=submit]:hover {
    cursor: pointer;
    background:#fff ;
    color: #224095;
}
 .card{
    --bs-card-cap-padding-y: 2.5rem !important;
   
    border-bottom: 3px solid #C51E30;

  }
  .card-header{
    background:#fff !important;
  }
 
  .card-header .collapsed ,.card-header .show{
  background: linear-gradient(117.59deg, #FFECEC -15.39%, rgba(255, 236, 236, 0) 116.07%) !important;
  border-radius: 12px;
  } 
  section.eighth {
    background: #fff;
}
@media(max-width:798px){

  .titre-faq {
    font-size: 21px !important;
    line-height: 34px !important;
}
}