.paragraph > :not(:first-child) {
  margin-top: var(--ev-space-3xl);
}
.article--details .paragraph > * {
  margin-top: var(--ev-space-3xl);
}
.hero__grid {
  padding-right: var(--ev-space-2xl);
}
.btn-secondary{
  --btn-hover-color: var(--ev-body-bg);
}
.main-content {
  margin-bottom: var(--ev-space-4xl);
}
.breadcrumb-wrapper{
  background-color: transparent;
}
.hero figure img{
  width: 100%;
  height:100%;
  object-fit: cover;
}
.hero {
  background: var(--ev-secondary);
  position: relative;
  z-index: 10;
  width: 100%;
}
#home .hero {
  background: transparent;
}
@media(min-width: 768px){
  #home .hero {
    max-height: 75vh;
  }
}
#home .hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(var(--ev-dark-rgb), 60%);
  z-index: -1;
}


.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--image-bg);
  background-size: cover;
  background-position: center;
  z-index: -2;
}
.allow-placeholder-images .hero[style*="--image-bg:url()"] {
  --image-bg: url(https://picsum.photos/2000/1000) !important;
}
.hero__content :not(.btn-primary){
  color: white;
}
.hero__content {
  --header-height: 140px;
  display: grid;
  min-height: calc(100vh - var(--header-height));
  min-height: calc(100dvh - var(--header-height));
}
#home .hero__content[data-content-align="center"] {
  text-align: start;
  margin-inline: auto;
  place-items: center;
  grid-template-areas: ".. content .. img";
}
/*  .hero__content[data-content-align="center"] {
  text-align: start;
  margin-inline: auto;
  grid-template-areas: '.. .. content img img';
  gap: var(--ev-space-2xl);
} */
@media(min-width: 992px){
  .hero__content[data-content-align="center"] {
  grid-template-areas: '.. content img img';
  gap: 0;
  grid-template-columns: 1fr calc(clamp(var(--ev-grid-min-width, 20rem),var(--ev-grid-preferred-width, 80%),var(--ev-grid-max-width, 62rem)) - 30vw - var(--ev-grid-gutter) * 2) 30vw 1fr;
}
}
 
@media(max-width:991px){
   .hero__content[data-content-align="center"] {
 		 grid-template-areas: 'content' 'img';
     gap: 0;
}
  .hero figure {
    margin-bottom: unset !important;
  }
 
  .hero__grid {
  padding-inline: var(--ev-grid-gutter);
  margin-bottom: var(--ev-space-2xl);
}
}
#home .hero__content[data-content-align="center"]{
  grid-template-columns: 1fr minmax(0px, 650px) var(--ev-space-m) auto 1fr;
}
.hero__content[data-content-align="center"] .hero__cta {
  width: fit-content;
  place-content: center;
}
.hero__grid {
  grid-area: content;
  grid-template-areas:
    "breadcrumb"
    "subtitle "
    "title    "
    "author   "
    "paragraph"
    "cta      ";
  place-content: center;
  padding-block: var(--ev-space-xl);
}
.hero__title {
  font-size: var(--ev-step-6);
  margin-bottom: var(--ev-space-m);
}
#home .hero__title {
  font-size: var(--ev-step-8);
}
.hero__description {
  font-size: var(--ev-step-1);
}
.hero__cta {
  margin-top: var(--ev-space-m);
}
#home .hero__image {
  grid-area: img;
  position: relative;
  bottom: -10%;
  z-index: 10;
}

.hero__cta {
  text-align: start;
}
@media (max-width: 767px) {
  #home .hero__content {
    display: block;
  }
  #home .hero__image{
    max-width: 500px;
    margin-inline: auto;
  }
}

.hero__background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}

.hero__background-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero_content {
  position: relative;
  z-index: 10;
}

  

.paragraph__item .btn{
  --btn-cofficient: 0.2;
  max-width: calc(var(--ev-grid-max-width)*var(--btn-cofficient));
}
.btn-primary{
   color: var(--ev-secondary);
  --btn-hover-color: var(--ev-secondary);
}
.subtitle{
  color: var(--ev-primary);
}
.page {
	margin-top: 0;
}

[id^="article_link"] main {
  margin-block: 0 var(--ev-space-2xl-3xl);
}

.hero.section-inspector {
  margin-top: 0 !important;
}

.form-page .flexible-form__title-wrapper,
.banner.banner-bg.section-inspector {
  
  display: grid;
  align-items: end;
}

.banner-bg, .form-page .flexible-form__title-wrapper {
   position: relative;
  --bg-color: rgba(var(--ev-primary-rgb),8%);
  --bg-text-color: var(--ev-secondary);;
  --bg-img: url("https://serveur-images.devil-it-applications.fr/flight_drone_service/upload/bg_pattern_1738059285.png");
}

.banner-bg::after,
.form-page .flexible-form__title-wrapper::after {
  content:"";
  position:absolute;
  background-image:var(--bg-img);
  background-size:425px;
  background-repeat: repeat;
  background-position:var(--bg-pos);
  inset:0;
  opacity: .09;
  z-index:-2;
}

.breadcrumb-wrapper {
  padding-block: var(--ev-space-s);
}

.container-fluid {
	width: 100%;
	padding-inline: var(--ev-grid-gutter, 1.5rem)
}
.article--list .article__item {
	--article-item-img-height: 300px;
}
.hero a:hover,
.hero a strong:hover {
   color: #fff !important;
}
.hero__cta a:hover,
.hero__cta button:hover {
	color: var(--ev-secondary) !important;
}
.paragraph__grid {
	column-gap: calc(var(--ev-grid-gutter, 1rem)*2);
}
@media (max-width: 991px) {
	.hero__grid {
		margin-bottom: 0 !important;
	}
  .hero__grid {
		padding-block: var(--ev-space-xl) var(--ev-space-2xl);
	}
  .hero__cta {
		margin-top: var(--ev-space-2xs-xs);
	}
}
.discover__body h2 {
	font-size: var(--ev-step-2);
}
.discover__body {
	font-size: var(--ev-step-0);
}
.discover__title {
	display: none;
}
@media(max-width: 575px) {
  .flexible-form__steps {
		grid-area: steps;
	}
	.flexible-form__container {
		grid-template-areas: 'steps' 'content';
	}
}

main {
	gap: var(--ev-space-2xl-3xl);
}
/* form styling start */
.flexible-form__steps {
	grid-area: steps;
}
.flexible-form__title-wrapper {
  grid-area: title;
}
@media (min-width: 768px) {
.flexible-form__title-wrapper > div:nth-child(1) {
  max-width: unset !important;
  padding-inline: 0 !important;
}
}
.flexible-form__container {
	grid-template-areas: "title" "steps" "content";
}
main.form-page .flexible-form__container,
body.form-page .flexible-form__container,
.form-page .flexible-form__container {
  grid-template-areas:  "steps" "content" !important;
}
@media (min-width: 576px) {
  .flexible-form__container {
    grid-template-areas: "title title" "steps content";
  }
}
@media (min-width: 576px) {
  main.form-page .flexible-form__title-wrapper,
	body.form-page .flexible-form__title-wrapper,
	.form-page .flexible-form__title-wrapper {
  	grid-area: auto !important; 
	}
	main.form-page .flexible-form__container,
	body.form-page .flexible-form__container,
	.form-page .flexible-form__container {
  	grid-template-areas: "steps content" !important;
	}
}
@media (max-width: 767px) {
.flexible-form__title-wrapper > div:nth-child(1) {
  padding-inline: 0 !important;
}
}

@media (min-width: 767px) {
.form-page .flexible-form__title-wrapper > div:nth-child(1) {
  padding-inline: var(--ev-grid-gutter) !important;
}
}

@media (min-width: 768px) {
.form-page .flexible-form__title-wrapper > div:nth-child(1) {
  max-width: clamp(var(--ev-grid-min-width, 20rem),var(--ev-grid-preferred-width, 80%),var(--ev-grid-max-width, 62rem)) !important;
  padding-inline: var(--ev-grid-gutter) !important;
}
}
.flexible-form__container {
  background: var(--ev-light);
  box-shadow: var(--ev-shadow-lg);
}
main.form-page .flexible-form__container,
body.form-page .flexible-form__container {
  background: transparent !important;
  box-shadow: unset !important;
}
.form-control {
	--input-bg: #fff;
}
.flexible-form .form-check-label {
	background-color: #fff;
}
.flexible-form__container {
	padding-block: var(--ev-space-xl);
}
.flexible-form__container {
	margin-top: 0;
}
main.form-page .flexible-form__container,
body.form-page .flexible-form__container {
	margin-top: var(--ev-space-2xl) !important;
}
/* form styling end */

table th {
  background: rgba(var(--ev-primary-rgb), .1);
  color: var(--ev-heading-color);
}

table {
  border: 1px solid rgba(var(--ev-primary-rgb), .1);
  margin-bottom: var(--ev-space-xs);
}

table tr {
  border-bottom: 1px solid rgba(var(--ev-primary-rgb), .1);
}

tr:nth-child(2n) {
  background-color: rgba(var(--ev-primary-rgb), .03);
}
