:root {
  --clr-primary: hsl(356, 90%, 46%);
  --clr-secondary: #8ba1b6;
  /* #8AA0B5 */
  --clr-text-primary: #000000;
  --clr-border: #d6dadc;
  --clr-border-2:#8ba1b6 ;
  /* #D6DADC */
  --clr-white: hsl(0, 0%, 100%);
 
  --fs-8: 0.5rem;
  --fs-10: 0.625rem;
  --fs-12: 0.75rem;
  --fs-14: 0.875rem;
  --fs-15: 0.938rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-22: 1.375rem;
  --fs-24: 1.5rem;
  --fs-34: 2.125rem;
}

/* reset CSS */
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
* {
  margin: 0;
  padding: 0;
  font: inherit;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],
ol[role="list"] {
  list-style: none;
}
footer a {
  color: var(--clr-primary);
}
footer ol, footer ul {
text-align: start;
}
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol {
  margin-bottom: 10px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
}

ul,
ol {
  margin-inline-start: 40px;
  font-size: var(--fs-18);
  font-weight: 400;
line-height: 30px;
color: #8AA0B5;
}

p {
  font-size: var(--fs-18);
  font-weight: 400;
line-height: 30px;
color: #8AA0B5;
}

h3 {
  font-size: var(--fs-34);
}

h4 {
  font-size: var(--fs-20);
}

h5 {
  font-size: var(--fs-24);
}
/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

html,
body {
  /* height: 100%; sidali @sofiane, add this only on flote page, not all the website */
  font-family: "Montserrat", sans-serif;
  overflow-x: hidden;
}

/* Set core body defaults */
body {
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

a {
  text-decoration: none;
  color: var(--clr-primary);
}

/* Make wp-content/themes/airalgerie/images easier to work with */
img,
picture,
svg {
  max-width: 100%;
  display: block;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* utility classes */
.flex {
  display: flex;
  gap: var(--gap, 1rem);
}

strong {
  font-weight: 700;
}
/* align middle */
.middle-flex {
  align-items: center !important;
}
/* styling begans here */
.container {
  max-width: 1200px !important;
  margin: 0 auto !important; padding: 0 20px;
}

.container-extended {
  max-width: 1500px !important;
  margin: 0 auto !important;
}

.pagebanner img {
margin: auto;
}

header.primary-header {
  position: relative;
}

header.primary-header:after {
  background: linear-gradient(180deg, rgba(15, 33, 51, 0.2) 0%, rgba(15, 33, 51, 0) 100%);
  height: 50px;
  width: 100%;
  content: "";
  display: block;
  position: absolute;
  bottom: -50px;
  z-index: 4999;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
  z-index: 99999;
}
/* pagages fonts */
p.bagages-fonts {
font-weight: 400;
font-size: 18px;
line-height: 30px;
color: #8AA0B5;
}
/* pormo section */
.promo-title-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 64px;
  margin-top: 133px;
}

.promo-title-container .main-title {
  margin: 0;
}

section.promo-section .main-title:before {
  content: url("/wp-content/themes/airalgerie/images/title-danger-circle.svg");
  width: 25px;
  height: 25px;
  margin-inline-end: 18px;
  vertical-align: middle;
}

.select-menu-promo {
  position: relative;
}

.select-menu-promo .select-btn {
  display: flex;
  background: transparent;
  margin-inline-start: 20px;
  font-weight: 500;
  font-size: var(--fs-34);
  line-height: 46px;
  color: var(--clr-primary);
  align-items: center;
  cursor: pointer;
  text-shadow: -5px 2px 0px #ffffff, 5px 2px 0px #ffffff;
  z-index: 1;
}

.select-menu-promo .select-btn::after {
  content: "";
  width: calc(100% - 20px);
  height: 2px;
  background-color: var(--clr-primary);
  position: absolute;
  bottom: 3px;
  left: 20px;
  z-index: -1;
}

.select-menu-promo .options {
  display: none;
  opacity: 0;
  position: absolute;
  width: 330px;
  overflow-y: auto;
  max-height: 295px;
  padding: 10px;
  margin-top: 10px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-duration: 0.35s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.35s;
  -webkit-animation-fill-mode: both;
}

.select-menu-promo .options .option {
  display: flex;
  height: 55px;
  cursor: pointer;
  padding: 0 16px;
  border-radius: 8px;
  align-items: center;
  background: #fff;
}

.select-menu-promo .options .option:hover {
  background: #f2f2f2;
}

.select-menu-promo .options .option .option-text {
  font-size: 18px;
  color: #333;
}

.select-btn img {
  width: 20px;
  height: auto;
  margin-top: 8px;
  margin-inline-start: 10px;
  transition: 0.3s;
}

.select-menu-promo.active .select-btn img {
  transform: rotate(-180deg);
}

.select-menu-promo.active .options {
  display: block;
  opacity: 1;
  z-index: 10;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  animation-duration: 0.4s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
	left: -90%;
}

@keyframes fadeInUp {
  from {
    transform: translate3d(0, 30px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes fadeInDown {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  to {
    transform: translate3d(0, 20px, 0);
    opacity: 0;
  }
}

.promos-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.promo-big-grid {
  grid-area: 1 / 1 / 3 / 4;
  background-color: red;
  height: 590px;
}

.promo-small .grid2 {
  grid-area: 1 / 4 / 2 / 5;
}

.promo-small .grid3 {
  grid-area: 2 / 4 / 3 / 5;
}

.promo-small .grid4 {
  grid-area: 3 / 1 / 4 / 2;
}

.promo-small .grid5 {
  grid-area: 3 / 2 / 4 / 3;
}

.promo-small .grid6 {
  grid-area: 3 / 3 / 4 / 4;
}

.promo-small .grid7 {
  grid-area: 3 / 4 / 4 / 5;
}

.promos-container>* {
  border-radius: 16px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: red;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-content: flex-start;
  align-items: flex-start;
  position: relative;
  overflow: hidden;
}

.promos-container> :not(:first-child) {
  height: 288px;
}

.promo-big-grid::before {
  content: "";
  width: 100%;
  height: 229px;
  background-color: var(--clr-primary);
  border-radius: 15px;
  transition: all 0.3s;
  position: absolute;
  bottom: -264px;
  z-index: 0;
}

.promo-small::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--clr-primary);
  border-radius: 15px;
  transition: all 0.3s;
  position: absolute;
  top: 288px;
  z-index: 0;
}

.promo-in-panel {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  color: var(--clr-white);
  height: 209px;
  padding: 16px 32px;
  border-radius: 15px;
  transition: all 0.3s;
  z-index: 1;
}

.promo-price {
  margin-inline-start: 16px;
  margin-bottom: 12px;
  color: var(--clr-white);
  width: 60%;
  transition: all 0.3s;
}

.promo-small .promo-price {
  width: 100%;
  transform: translateY(220%);
}

.promo-small .promo-infos {
  width: 100%;
}

.promo-small .promo-in-panel {
  flex-direction: column;
}

.promo-price h3 {
  font-weight: 700;
  font-size: var(--fs-20);
  line-height: 35px;
  margin: 0;
}

.promo-price p {
  font-weight: 700;
  font-size: var(--fs-18);
  line-height: 20px;
}

.promo-infos {
  opacity: 0;
  width: 40%;
  position: relative;
  top: 100%;
  transition: all 0.3s;
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  justify-content: center;
  align-items: flex-start;
}

.promo-infos::before {
  content: "";
  width: 1px;
  height: 109%;
  background: #ffffff;
  opacity: 0.5;
  display: block;
  position: absolute;
  left: -32px;
  top: -15px;
}

.inner-promo-infos {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 8px;
}

.inner-promo-infos img {
  width: 24.54px;
  height: 24.54px;
  margin-inline-end: 8px;
}

.inner-promo-infos p {
  font-weight: 400;
  font-size: var(--fs-12);
  line-height: 18px;
margin: 0;
}

.promo-big-grid:hover.promo-big-grid::before {
  bottom: 0;
}

.promo-big-grid:hover .promo-price {
  transform: translateY(-50%);
}

.promo-big-grid:hover .promo-infos {
  opacity: 1;
  top: 0;
}

.promo-small:hover.promo-small::before {
  top: 0;
}

.promo-small:hover .promo-price {
  transform: translateY(-100%);
}

.promo-small:hover .promo-infos {
  opacity: 1;
  top: -90px;
}
.price-from-offer {
font-size: var(--fs-12);
font-weight: 400;
display: block;
}
.price-currency-offer,
.price-tax-offer{
font-size: var(--fs-12);
font-weight: 400;
}
/* help section */
.help-home-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 32px;
  justify-content: space-around;
  margin-bottom: 36px;
}

.help-card {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: all 0.5s;
  background: #ffffff;
  box-shadow: 0px 16px 32px rgb(0 0 0 / 5%);
  border-radius: 15px;
  flex: 1;
}
.help-card > div{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: center;
  align-items: center;
}

a.help-img-link:after {
  content: "En savoir plus";
  color: var(--clr-white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: var(--fs-14);
  line-height: 24px;
  width: calc(100% - 14px);
  height: calc(100% - 14px);
  position: absolute;
  left: 7px;
  top: 7px;
  border-radius: 100px;
  background: rgb(0 0 0 / 60%);
  opacity: 0;
  transition: all .3s;
}

.help-card:hover {
  margin-top: -30px;
}
.help-card .text-blocks {
  border-bottom: 4px solid transparent;
}
.help-card:hover .text-blocks {
  border-bottom: solid 4px var(--clr-primary);
}

.help-card:hover a.help-img-link:after {
  opacity: 1;
}

.img-block {
  position: relative;
  background: linear-gradient(to right, #f6f6f6, #938f8f00);
  padding: 8px;
  border-radius: 110px;
  box-shadow: 0px 10px 14px -10px rgba(0, 0, 0, 0.25);
  max-width: 236px;
  max-height: 350px;
  margin-bottom: 48px;
  z-index: 1;
}
.img-rounded-14{
  border-radius: 14px;     overflow: hidden;
}
#quick-booking a{
  position: fixed;
  bottom: 100px;
  right: 100px;
  width: 80px;
  height: 80px;
  z-index: 10;
}
.home #quick-booking{
  display: none;
}
.text-inner {
  z-index: 1;
  max-width: 300px;
}

.help-home-content img {
  border-radius: 100px;
  max-height: 330px;
}

/* .text-blocks {
  position: absolute;
  background: #ffffff;
  box-shadow: 0px 16px 32px rgb(0 0 0 / 5%);
  border-radius: 15px;
  height: 338px;
  width: 378px;
  max-width: 378px;
  top: 175px;
  left: 50%;
  transform: translate(-50%, 0);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-end;
  align-items: center;
  transition: all 0.2s;
} */

p.help-subtitle {
  font-weight: 400;
  font-size: var(--fs-16);
  line-height: 18px;
  color: var(--clr-secondary);
}

h3.help-title {
  font-weight: 700;
  font-size: var(--fs-24);
  line-height: 35px;
  color: var(--clr-text-primary);
  min-height: 70px;
}
section.help h1.main-title {
  margin-top:0;
} 
/* Actualités */
h1.main-title {
  font-weight: 700;
  font-size: 34px;
  line-height: 46px;
  text-align: center;
  margin-bottom: 64px;
  margin-top: 144px;
}
section.blog-home h1.main-title {
  margin-top: 30px;
}
.blog-home-content {
  display: flex;
  gap: 16px;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.blog-list-single {
  width: calc(33.333333% - 16px);
}

.blog-list-single img {
  border-radius: 15px;
  max-height: 240px;
  margin-bottom: 16px;
}

.blog-list-single h3 {
  font-weight: 700;
  font-size: var(--fs-22);
  line-height: 28px;
  margin-bottom: 16px;
  padding-bottom: 26px;
}

.blog-list-single a {
  font-weight: 400;
  font-size: var(--fs-14);
  line-height: 24px;
  color: #696969;
}

/* link separator */
.link-line {
  text-align: center;
  display: block;
  width: 100%;
  padding-top: 72px;
  padding-bottom: 110px;
}

.link-line a {
  font-weight: 500;
  font-size: var(--fs-12);
  line-height: 18px;
  color: var(--clr-secondary);
  text-transform: uppercase;
}

.link-line img {
  margin: auto;
}

/* app download */
.app-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  margin-top: 0px;
}



.app-download {
  display: flex;
  flex: 1 1 0;
  width: 0;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-end;
  min-height: 304px;
  background-image: url(/wp-content/uploads/2022/12/airalgerie-app.webp);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: cover;
  filter: drop-shadow(0px 14px 24px rgba(0, 0, 0, 0.05));
  border-radius: 16px;
}

html[dir=rtl] .app-download{
  background-image: url(/wp-content/themes/airalgerie/images/mobile-app-ar.jpg);
}

.app-download-content {
  max-width: 300px;
  margin: 24px;
}

.news-letter .app-download-content {
  max-width: 352px;
}

.app-content p {
  font-weight: 400;
  font-size: var(--fs-14);
  line-height: 24px;
  color: var(--clr-text-primary);
  margin: 8px 0;
}

.app-content h1 {
  font-weight: 700;
  font-size: var(--fs-34);
  line-height: 46px;
  color: var(--clr-text-primary);
}

.btn-group a {
  display: inline-block;
}

.news-letter {
  display: flex;
  flex: 1 1 0;
  width: 0;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-end;
  min-height: 304px;
  background-image: url(/wp-content/uploads/2022/12/news-lettres.webp);
  background-repeat: no-repeat;
  background-size: cover;
  filter: drop-shadow(0px 14px 24px rgba(0, 0, 0, 0.05));
  border-radius: 16px;
}

html[dir=rtl] .news-letter{
  background-image: url(/wp-content/themes/airalgerie/images/news-lettres-ar2.jpg);
}

/* paiement */
section.paiement-section {
  text-align: center;
  margin: 100px 0 36px 0;
}

.paiement-logos {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.paiement-logos img {
  margin-inline-end: 32px;
}

.paiement-logos img:last-child {
  margin-inline-end: 0px;
}

.paiement-section h1 {
  font-size: var(--fs-14);
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--clr-text-primary);
  margin-bottom: 24px;
}

.news-letter {
  margin-top: 25px;
}

form.news-letter-form {
  display: flex;
  align-items: center;
}

input.input-news-letter {
  background: linear-gradient(231.47deg,
      rgba(255, 255, 255, 0.648) -85.34%,
      rgba(255, 255, 255, 0.8) 79.7%);
  border: 0.1px solid #ffffff;
/*     backdrop-filter: blur(20px); */
border-end-start-radius: 5px;
border-start-start-radius: 5px;
  height: 37px;
  width: 75%;
  color: var(--clr-text-primary);
  font-size: var(--fs-14);
  padding: 12px 15px;
}

input.input-news-letter::placeholder {
  font-weight: 600;
  font-size: var(--fs-8);
  line-height: 16px;
  text-transform: uppercase;
  color: var(--clr-text-primary);
  opacity: 0.3;
}

input.input-news-letter:focus,
input:focus {
  outline: none;
}

input.news-letter-button {
  background: var(--clr-primary);
  box-shadow: 0px 11.9676px 14.9595px -9.97301px rgb(232 61 72 / 25%);
  border-end-end-radius: 5px;
  border-start-end-radius: 5px;
  font-weight: 600;
  font-size: 8px;
  line-height: 10px;
  text-transform: uppercase;
  color: #ffffff;
  height: 37px;
  width: 25%;
  border: none;
  cursor: pointer;
}

/*footer*/
footer {
  margin-top: 200px;
  padding-top: 64px;
  position: relative;
  background-color: rgba(235, 239, 242, 0.5);
}

footer::before {
  /* content: url("/wp-content/themes/airalgerie/images/footer_top.svg"); */
  content:"";
  position: absolute;
  top: -43px;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
height: 100px;
background: url("/wp-content/themes/airalgerie/images/footer_top.svg") center bottom no-repeat;
}

.footer-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1400px;
  margin: auto;
}

.left-footer {
  flex-grow: 1;
}

p.follow-text {
  font-weight: 400;
  font-size: var(--fs-14);
  line-height: 24px;
  color: var(--clr-secondary);
  margin-bottom: 10px;
  margin-top: 40px;
}

ul.social-links li {
  display: inline-block;
  padding-inline-end: 10px;
}

ul.social-links li:last-child {
  padding-inline-end: 0px;
}

.right-footer {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 3;
  gap: 20px;
}

.footer-panel {
  flex-grow: 1;
}

h1.footer-title {
  font-weight: 600;
  font-size: var(--fs-14);
  line-height: 28px;
  text-transform: uppercase;
  position: relative;
  padding-inline-start: 12px;
  margin-bottom: 20px;
}

h1.footer-title::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 28px;
  inset-inline-start: 0;
  top: 0;
  background-color: var(--clr-primary);
}

ul.footer-list-links li {
  padding-bottom: 20px;
}

a.footer-links {
  font-weight: 400;
  font-size: var(--fs-14);
  line-height: 24px;
  color: var(--clr-text-primary);
  text-decoration: none;
  padding-bottom: 20px;
}

hr.footer-hr {
  /*background-color: var(--clr-secondary);*/
  border-bottom: 1px solid rgba(169,169,169,.2);
  box-shadow: 0px 0px 3px 0px rgb(255 255 255 / 50%);
  -webkit-box-shadow: 0px 0px 1px 0px rgb(169 169 169);
  -moz-box-shadow: 0px 0px 3px 0px rgba(255,255,255,0.5);
  height: 1px;
  opacity: 0.5;
  width: 86%;
  margin: 32px auto 32px auto;
}

.footer-contact-info {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  margin-bottom: 32px;
}

.phone-footer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.phone-img {
  margin-inline-end: 12px;
}

p.sub-phone {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #8aa0b5;
}

p.smain-phone {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  color: #000000;
  direction: ltr;
}

/**
 * Tabs
 */
.d-none {
  display: none !important;
}

.tabs {
  display: flex;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
  max-width: 70%;
  margin: auto;
}

.tabs label {
  order: 1;
  display: block;
  padding: 0 6px;
  margin-inline-end: 0.2rem;
  cursor: pointer;
  transition: background ease 0.2s;
  font-weight: 500;
  font-size: var(--fs-16);
  line-height: 18px;
  position: relative;
}

.tabs label::after {
  content: "";
  background-color: var(--clr-secondary);
  width: 2px;
  height: 20px;
  position: absolute;
  top: -1px;
  right: -3px;
}

.tabs label.last-tab::after {
  display: none;
}

.tabs .tab {
  order: 99;
  flex-grow: 1;
  width: 100%;
  display: none;
  padding: 1rem;
  opacity: 0;
}

.tabs input[type="radio"] {
  display: none;
}

.tabs label {
  color: var(--clr-primary);
}

.tabs input[type="radio"]:checked+label {
  color: var(--clr-text-primary);
}

.tabs input[type="radio"]:checked+label+.tab {
  display: block;
  opacity: 1;
  transition: all 1s;
  z-index:8;
}
.home .slider:before {
content: "";
width: 100%;
height: 90px;
display: block;
background: white;
position: absolute;
bottom: 0;
/*! z-index: -10; */
}
.slider{
position: relative;
}
p.legals-infos-footer, footer .tab ol {
  font-weight: 500;
  font-size: var(--fs-12);
  color: var(--clr-text-primaty);
  line-height: var(--fs-16);
  opacity: 0.5;
}

.input-group.envoi {
  padding: 0;
  width: 40px;
}




/* primary header */
.primary-header>div {
  align-items: center;
  justify-content: space-between;
}

.logo {
  margin: 1rem;     min-width: 250px;
}

.logo-mobile {
  display: none;
}

.primary-navigation {
  list-style: none;
}

.primary-navigation li a, .primary-navigation li button {
  color: var(--clr-text-primary);
  text-decoration: none;
  font-size: var(--fs-12);
  font-weight: 500;
  text-transform: uppercase;
}

.mobile-nav-toggle {
  display: none;
}

@media (max-width: 600px) {
  .owl-carousel.flash-info .owl-stage-outer .item{
    width: calc(100% - 100px);
    line-height: 14px;
    padding: 5px 0;
}
.owl-carousel.flash-info .owl-stage-outer .item a{
   line-height: 12px !important;
}


  .slider:before {
display:none;
}

  
  .logo-mobile {
    display: block; max-width: 180px;
    width: 180px;
height: 40px;
  }

  .logo-desktop, .rbc-is-hidden-on-mobile {
    display: none;
  }

  .primary-navigation {
    --gap: 1.5em;
    position: fixed;
    z-index: 1000;
    inset: 0 0 0 0;
    flex-direction: column;
    padding: min(30vh, 10rem) 2em;
    background: hsl(0 0% 100% / 0.8);
    backdrop-filter: blur(1rem);
    transform: translateY(-100%);
    transition: transform 0.35s ease-out;
  }

  .primary-navigation[data-visible="true"] {
    transform: translateY(0%);
  }

  .mobile-nav-toggle {
    display: block;
    position: absolute;
    z-index: 9999;
    background: url(/wp-content/themes/airalgerie/images/nav.svg) center center no-repeat;
    width: 1.7rem;
    border: 0;
    aspect-ratio: 1;
    top: 1rem;
    right: 2rem;
    cursor: pointer;
  }

  .mobile-nav-toggle[aria-expended="true"] {
    background: url(/wp-content/themes/airalgerie/images/close.svg) center center no-repeat;
    top: 1rem; z-index: 5000;
  }

  .sub-header {
    transform: translateX(-110%);
    position: absolute;
    top: 4em;
  }
}

/* sub header */
.sub-header {
  z-index: 5000;
  transition: transform 0.35s ease-out;
  height: 4em;
  width: 100%;
  flex-wrap: wrap;
  justify-content: end;
  align-items: center;
  padding: 1em;
}

.sub-header>* {
  font-size: var(--fs-10);
  color: var(--clr-secondary);
  text-transform: uppercase;
  border-inline-end: 1px solid var(--clr-border);
  padding: 0;
  padding-inline-end: 2em;
  font-weight: 500;
}
.sub-header>*:last-child, .widget_polylang {
  border-inline-end: 0;
}
.sub-header a:last-child {
  border-inline-end: 0;
  border: 1px solid var(--clr-primary);
  border-radius: 6px;
  color: var(--clr-primary);
  align-items: center;
  display: flex;
padding-inline-end: 2em;
}

.sub-header a:last-child span {
  background-color: var(--clr-primary);
  padding: 8px 16px;
}

.sub-header[data-visible="true"] {
  transform: translateX(0%);
}

header #sub-header a span img {
  width:12px; height:12px;
}
header #sub-header a#quick-login-amadius span img {
  width: 35px; height: 18px;
}
/* la recherche */

.header-search input[type="text"] {
  border: none;
  outline: none;
  font-size: var(--fs-10);
  color: var(--clr-secondary);
  text-transform: uppercase;
  width: 9em;
  background: none;
  z-index: 3;
  transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
  cursor: pointer;
  font-weight: 500;
  background: url(/wp-content/themes/airalgerie/images/search.svg) center left no-repeat;
  padding-inline-start: 2em;
}

.header-search input[type="text"]:focus {
  width: 350px;
  max-width: 100%;
  z-index: 1;
  border-bottom: 1px solid #bbb;
  cursor: text;
}

.header-search input[type="submit"] {
  display: none;
}

.header-search input[type="submit"]:hover {
  opacity: 0.8;
}

/* slider */
.slider {
  min-height: 500px;
  
  background-size: cover;
  padding-top: 380px;
}

/* reservation tabs */
.reservationTabs {
  max-width: 100%;
}

.reservationTabs label::after {
  display: none;
}

.reservationTabs label::before {
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  z-index: -999;
  position: absolute;
  inset: 0 0;
  border-inline-end: 1px solid #ffffff63;
}

.reservationTabs label {
  z-index: 1;
  color: var(--clr-white);
  font-size: var(--fs-16);
  font-weight: 500;
  border: 1px solid hsl(0, 0%, 100%, 0.3);
  border-inline: none;
  margin: 0;
  width: 20%;
  height: 72px;
  line-height: 72px;
}

.reservationTabs label:first-of-type,
.reservationTabs label:first-of-type::before {
  border-start-start-radius: 15px; border-end-start-radius: 15px;
}

.reservationTabs label:last-of-type,
.reservationTabs label:last-of-type::before {
  border-radius: 0;
border-start-end-radius: 15px;
border-end-end-radius: 15px;
}

.reservationTabs input[type="radio"]:checked+label {
  color: var(--clr-white);
  border: 1px solid var(--clr-white);
  box-shadow: 0px 0px 8px rgba(255, 255, 255, 0.2);
  z-index: 2;
}

.reservationTabs .tab {
  background: var(--clr-white);
  margin-top: 16px;
  box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
}

/* tabs style */
.reservationTabs input[type="radio"]:checked+label {
  border-radius: 0!important;
}

.reservationTabs input[type="radio"]:checked:first-child + label {
  border-start-start-radius: 15px !important;
border-end-start-radius: 15px !important;
overflow: hidden;
}

.reservationTabs input[type="radio"]:checked:last-of-type + label {
  border-start-end-radius: 15px !important;
  border-end-end-radius: 15px !important;
}

/* formulaire de resevation */
.f-booking {
  text-align: start;
}

.simple-multi {
  justify-content: space-between;
  margin-bottom: var(--fs-20);
}

.simple-multi .miles a {
  color: var(--clr-text-primary);
  font-size: var(--fs-12);
  gap: var(--gap, 0.2rem);
  font-weight: 500;
}

.simple-multi>div div {
  gap: var(--gap, 0);
}

.reservationTabs .simple-multi>div input[type="radio"]+label,
.input-group label {
  color: var(--clr-text-primary);
  min-width: auto;
  line-height: 14px;
  font-size: var(--fs-10);
  font-weight: 500;
  padding-inline-start: 17px;
  height: auto;
  width: auto;
}

.input-group label {
  padding-inline-start: 0;
  text-transform: uppercase;
}

.reservationTabs .f-booking input[type="text"] {
  font-size: var(--fs-20);
  border: none;
  width: 100%;
  color: var(--clr-primary);
  font-weight: 500;
  line-height: 40px;
  
}

.reservationTabs .f-booking input[type="text"].input_search_name_earoport , .placeholder-aeroport {
color: var(--clr-secondary);
font-size: var(--fs-14);
font-weight: 400;
text-transform: initial;
background: white;
line-height: 18px;
}

.input-group.date img {
cursor: pointer;
margin: 10px;
}
.reservationTabs .f-booking input[type="text"]::placeholder {
  color: var(--clr-secondary);
}

.reservationTabs .simple-multi label::after {
  display: block;
}

.reservationTabs .simple-multi label::before,
.input-group label::before {
  display: none;
}

.radio-input {
  visibility: hidden;
}

.radio-label {
  position: relative;
  padding-inline-end: 60px;
}

.reservationTabs .simple-multi .radio-label::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  inset: 3px;
  border-radius: 50%;
}

.radio-border {
  width: 12px;
  height: 12px;
  display: inline-block;
  outline: solid 1px var(--clr-secondary);
  border-radius: 50%;
  position: absolute;
  inset: 1px;
}

.radio-input+.radio-label:after {
  background-color: transparent;
}

.radio-input:checked+.radio-label:after {
  transition: all 0.5s;
  background-color: var(--clr-primary);
}

.radio-input:checked+.radio-label .radio-border {
  transition: all 0.5s;
  outline: solid 1px var(--clr-primary);
}

input.datepicker:placeholder-shown {
  visibility: hidden;
  display: none;
}

.relative {
  position: relative;
}

.sub-select {
  position: absolute;
  z-index: 9;
  background: white;
  box-shadow: 0px 10px 25px -10px rgba(232, 61, 72, 0.25);
  padding: 20px;
  border-radius: 10px;
  min-width: 320px;
  display: none;
}

.sub-select ul {
  margin: 0;
}

.sub-select[data-visible="true"] {
  display: block;
}

.sub-select li {
  border: 1px solid var(--clr-border);
  padding: 16px;
  border-radius: 5px;
  margin-bottom: 8px;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
}

.passagersSub.sub-select li {
  justify-content: space-between;
}

.passagersSub.sub-select li p {
  font-weight: 700;
}

.passagersSub.sub-select li p span {
  font-weight: 400;
}

.passagersSub.sub-select li:hover {
  background-color: transparent;
}

.passagersSub.sub-select li:hover p {
  color: inherit;
}

.sub-select li h5 {
  font-size: var(--fs-34);
}

.minus,
.plus {
  border: 1px solid var(--clr-border-2);
  width: 30px;
  display: block;
  height: 30px;
  border-radius: 4px;
  color: var(--clr-border-2);
  text-align: center;
  float: left;
  font-size: var(--fs-20);
  margin-left: 10px;
}

.sub-select li:hover, .sub-select li.active {
  background: var(--clr-primary);
  box-shadow: 0px 10px 25px -10px rgba(232, 61, 72, 0.25);
  border-color: var(--clr-primary);
}

.sub-select li:hover h4,
.sub-select li:hover p, 
.sub-select li.active h4, 
.sub-select li.active p
{
  color: var(--clr-white);
}

.sub-select h3 {
  font-size: var(--fs-16);
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.sub-select h4 {
  font-size: var(--fs-12);
  font-weight: 600;
  text-transform: uppercase;
}

.sub-select p {
  font-size: var(--fs-10);
  font-weight: 500;
  color: var(--clr-secondary);
}


.flightpassagers {
  text-align: center !important;
  display: block ;
  font-size: var(--fs-24) !important;
  color: var(--clr-secondary) !important;
}

.btn {
  background: var(--clr-secondary);
  box-shadow: 0px 12px 15px -10px #BEBEBE;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: all .3s;
}

.btn:hover {
  background: var(--clr-primary);
}

.btn-1 {
  background: var(--clr-primary);
  color: var(--clr-white);
  padding: 16px 50px;
}

.btn-1:hover {
  background: var(--clr-text-primary);
}

.reserveBtn {
  width: 100px;
  aspect-ratio: 1/1;
}

.reserveBtn img {
  margin: auto;
}
.rtl .reserveBtn img {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.datepicker {
  width: 0 !important;
  background: url(/wp-content/themes/airalgerie/images/calendar.svg) center center no-repeat;
  cursor: pointer;
  height: 0;
  border: 0;
  margin-left: -300px;
}
.datepicker.datepickerrange {
  margin-left: -600px;
}

.aller-retour {
  justify-content: space-between;
  align-items: center;
  text-align: start;
}

.aller-retour>div,
.flex.dcp>div {
  flex-grow: 1;
  gap: 0;
}

.flex.dcp .input-group {
  border-inline-start: 1px solid var(--clr-border);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-basis: 0;
}

.input-group.change-des {
  max-width: 27px;
  transition: .3s;
}
.input-group.change-des.switched-destination {
transform: rotate(180deg);
}
.datechosen {
  display:none;
}

/******************************************/
/** pages ****/
/********************************************/
.pageheader {
  background: var(--clr-white);
  padding: 20px;
  min-height: auto;
  text-align: center;
}

.pageheader2 {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 300px;
max-height: 300px;
}

.pagebanner {
  max-height: 600px;
  margin: auto;
}

.pagetitle {
  font-size: var(--fs-34);
  font-weight: 700;
}

.pagedescription {
  font-size: var(--fs-18);
  font-weight: 400;
  color: var(--clr-secondary);
}

.pres-section .flex,
.chifres .flex {
  justify-content: center;
  align-items: start;
  flex-wrap: wrap;
}

.pres-section-img img {
  border-radius: 170px;
  padding: 20px;
  background: rgb(147, 143, 143);
  background: linear-gradient(45deg, rgba(147, 143, 143, 1) 35%, rgba(246, 246, 246, 0) 100%);
  box-shadow: 0px 16.7429px 23.44px -16.7429px rgba(0, 0, 0, 0.25);
}

.pres-section-img img {
  border-radius: 170px;
}

.pres-section-txt {
  position: relative;
  padding-inline-start: 20px;
}

.pres-section-txt::before {
  content: "";
  width: 2px;
  height: 130px;
  background: var(--clr-primary);
  display: block;
  position: absolute;
  inset-inline-start: 0;
}

.pres-section-txt h3 {
  font-size: var(--fs-16);
  color: var(--clr-secondary);
  font-weight: 400;
}

.pres-section-txt h4 {
  font-size: var(--fs-34);
  font-weight: 700;
}

.pres-section-txt p {
  font-size: var(--fs-15);
  color: var(--clr-secondary);
  font-weight: 400;
}

.chiffres {
  padding: 150px 20px;
background-image: url('/wp-content/uploads/2022/10/presentation-hero.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
background-attachment: fixed;
  
}

.chiffres h2 {
  color: var(--clr-white);
  font-weight: 700;
  font-size: var(--fs-34);
  margin-bottom: 100px;
}

.chiffres .item {
  flex-direction: column;
  margin: auto;
  justify-content: center;
  align-items: center;

}

.chiffres .item h3 {
  color: var(--clr-white);
  font-weight: 800;
  font-size: 50px;
}

.chiffres .item h3 span {
  color: var(--clr-primary);
}

.chiffres .item h4 {
  color: var(--clr-white);
  font-weight: 700;
  font-size: var(--fs-24);
}

.chiffres .item p {
  color: var(--clr-border);
  font-weight: 400;
  font-size: var(--fs-15);
max-width: 216px;
  margin: auto;
}

.certitem {
  justify-content: center;
  align-items: center;
}

.certificats .reservationTabs input[type="radio"]:checked+label {
  border: 1px solid var(--clr-primary);
  color: var(--clr-primary);
  box-shadow: 0px 0px 8px rgba(255, 0, 0, 0.2);
  background: var(--clr-white);
}

.certificats .reservationTabs label {
  background: var(--clr-border);
  color: var(--clr-secondary);
}

.certificats .reservationTabs label::before {
  display: none;
}

.certificats .reservationTabs .tab {
  box-shadow: none;
}


.flotte {
  height: 80vh;
  position: relative;
  padding: 60px 0;
}

.flotte img {
  position: absolute;
  bottom: 50px;
  left: 0;
}

.flotte h3 {
  text-transform: uppercase;
  color: var(--clr-secondary);
  font-size: var(--fs-14);
}

.flotte h4 {
  color: var(--clr-primary);
  font-size: 48px;
  font-weight: 600;
}

.flotte p {
  font-size: var(--fs-24);
}

.red-gradient {
  background: url(.png), radial-gradient(100% 379.22% at 100% 0%, #FF747D 0%, #E10C1A 100%), #E10C1A;
}

.black-gradient {
  background: url(.png), radial-gradient(100% 379.22% at 100% 0%, #5F5F5F 0%, #101010 100%), #000000;
}

.dark,
.dark h3,
.dark h4 {
  color: var(--clr-white);
}

.films img {
  margin-bottom: 20px;
}

.owl-nav {
  position: absolute;
  top: 50%;
  width: 110%;
  inset-inline-start: -5%;
  display: flex;
  justify-content: space-between;
  font-size: 50px;
}

.important {
  padding: 48px;
  background: url(.png), url(.png), radial-gradient(100% 379.22% at 100% 0%, #FF747D 0%, #E10C1A 100%), #E10C1A;
  border-radius: 24px;
  color: var(--clr-white);
}

.important h3 {
  font-weight: 700;
  font-size: var(--fs-24);
  position: relative;
  padding-inline-start: 40px;
}

.important h3:before {
  content: "";
  background: url(/wp-content/themes/airalgerie/images/DangerCircle.svg);
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  inset-inline-start: 0;
  background-size: 30px;
}

.calculator select {
  height: 75px;
  border-radius: 5px;
  border: 1px solid var(--clr-border);
  width: 100%;
  padding: 0 10px;
}

.resItem {
  padding: 32px 16px;
  background-color: var(--clr-white);
  border-bottom: 4px solid var(--clr-primary);
  box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.05);
  border-radius: 18px;
  min-height: 225px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.resItem h4 {
  color: var(--clr-primary);
  font-size: var(--fs-18);
  font-weight: 700;
}

.resItem h5 {
  color: var(--clr-text-primary);
  font-size: var(--fs-16);
  font-weight: 700;
}

.resItem p {
  color: var(--clr-secondary);
  font-size: var(--fs-15);
  font-weight: 400;
}

.resItem p.title {
  color: var(--clr-text-primary); 
  font-size: var(--fs-15);
  font-weight: 400;
  margin-bottom: 0;
}

/* slider actualités home */
.actualites-carousel .owl-item {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}

.actualites-carousel .owl-item .act-title {
  position: absolute;
  z-index: 9;
  top: 0px;
  width: 100%;
  text-align: center;
  padding: 20px;
  color: var(--clr-white);
  background: #00000038;
  height: 100%;
}

.actualites-carousel .owl-item .act-title h3 {
  font-weight: 500;
  font-size:
    var(--fs-18);
  margin: 0;
}

.actualites-carousel .owl-item .act-title h4 {
  font-weight: 700;
  font-size: var(--fs-24);
}

.actualites-carousel .owl-dots .owl-dot {
  width: 100%;
  max-width: 100px;
  margin-inline: 4px;
}

.actualites-carousel .owl-dots .owl-dot span {
  width: 100%;
  height: 5px;
  background: var(--clr-border);
}

.actualites-carousel .owl-dots .owl-dot.active span,
.actualites-carousel .owl-dots .owl-dot:hover span {
  background: var(--clr-primary);
}

.ui-autocomplete {
  background: var(--clr-white);
  max-width: 300px;
  padding: .5em 1em 1em 1.5em;
  list-style-type: none;
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  max-height: 350px;
  overflow-y: scroll;
  z-index: 20000000;

}

.ui-autocomplete li {
  cursor: pointer;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  padding: 5px 0;
}

.ui-autocomplete li:hover {
  border-top: 1px solid var(--clr-border);
  border-bottom: 1px solid var(--clr-border);
}

.ui-autocomplete li span {
  display: block;
}

.ui-autocomplete li .aeroport-location {
  font-weight: 700;
  font-size: var(--fs-16);
  color: var(--clr-primary);
}

.ui-autocomplete li .aeroport-name {
  font-weight: 400;
  font-size: var(--fs-14);
  color: var(--clr-secondary);
}

#newsletter {
  flex-wrap: wrap;
}

.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
.wpml-ls-legacy-dropdown a:focus,
.wpml-ls-legacy-dropdown a:hover {
  color: var(--clr-secondary);
  background: transparent;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
  border: none;
}

.sub-header a.wpml-ls-link {
  padding: 0 10px;
  border-color: var(--clr-border);
}

.sub-header a.wpml-ls-link span {
  background: transparent;
}

.wpml-ls-legacy-dropdown .wpml-ls-item {
  margin-bottom: 3px;
}

#newsletter{
  flex-wrap: wrap;
}

/******************************************/
/* utilities */
/******************************************/
.col-1 {
  width: 100%;
}

.col-2 {
  width: 49%;
}

.col-3 {
  width: 32%;
}

.col-4 {
  width: 24%;
}
.mt-40 {
  margin-top: 40px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mt-100 {
  margin-top: 100px !important;
}

.flex-invert {
  flex-direction: row-reverse;
}

.txt-center {
  text-align: center;
}

.txt-start {
  text-align: start;
}

.mt-50 {
  margin-top: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

 .mb-20 {
  margin-bottom: 20px;
 }

.next-button,
.submit-button,
.prev-button {
  margin: 1rem 1rem 1rem 0;
  padding: 1rem 1.5rem;
  color: #fff;
  background: var(--clr-primary);
  border: none;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
  transition: all 300ms;
  cursor: pointer;
}


.align-items-center{
  align-items: center;
}   

.remove-destination{
  width: 100px;
  height: 100px;
  background: hsl(356deg 90% 46%);
  border-radius: 5px;
  border: 0;
  color: white;
  align-self: flex-end;
  padding: 8px;
  cursor: pointer;
}

.flex.dcp .input-group.minus{
  border: none;
}
/* form fields */
.form-field,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple{
  background:var(--clr-white);
border: 1px solid var(--clr-border) ;
box-shadow: 0px 2px 6px rgba(19, 18, 66, 0.07);
border-radius: 5px;
height: 57px;
padding: 0 20px;
}
.select2-container .select2-selection--multiple .select2-selection__rendered{
  margin-inline-start: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
  margin-left: 0 ;
  margin-inline-end: 5px;
  margin-top: 14px ;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
  background-color: var(--clr-primary) ;
}
.select2-container .select2-search--inline .select2-search__field {
  font-family: inherit;
  height: 36px;
  line-height: 45px;
}
/*card*/
.aa-card {
border-radius: 20px;
transition:.3s;
padding: 20px;
}
.aa-card:hover {
box-shadow: 0px 16px 32px rgb(0 0 0 / 5%);
border-bottom: solid 4px var(--clr-primary);
}

.ui-autocomplete-input {
  width: 100%;
}

.flightpassagers,
.flightClass {
  padding: 10px;
}

/* start accordion */

.accordion {
  filter: drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.1));
  border-radius: 15px;
}

.accordion__header {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
  padding: 36px 10px;
}

.accordion__header>* {
  font-size: var(--fs-18);
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  display: flex;

}

.accordion__body {

  padding: 0;
  /* display: none; */
  height: 0px;
  visibility: hidden;
  transition: height  1s ease-out, padding-top  0.2s ease-out, visiblity 0.04s ease-in-out;
  /* transition: all  0.2s ease-out; */
  width: 100%;
  background: rgb(255 255 255 / 32%);

}

.accordion__body>* {

  font-weight: 500;
  font-size: var(--fs-18);
  line-height: 200%;
  color:#000000;
}
.accordion__body > h3 {
  font-size: var(--fs-34);
  font-weight: 700;
}
.accordion__body.is-active {
 /* display: block; */
 height: auto;
 visibility: visible;
 padding: 36px;
 border-inline-start: 4px solid var(--clr-primary);
}
.accordion__header img{
  transform: rotate(270deg);
  transition: all .2s ease-out;
}
.accordion__header.is-active img{
  transform: rotate(360deg);
}
/*end accordion */

/* start bagages contacts*/
.contact-bagages .flex {
  justify-content: start;
}

.txt-black {
  color: var(--clr-text-primary);
}

/* end bagages contacts*/

/* start explore-gallery */

.explore-gallery img {
  width: 100% !important;
  height: 327px !important;
}

/* end explore-gallery */

/* start explore-carousel */

/* cell number */

/*.owl-carousel img  {*/
/*  height: 460px;*/
/*}*/
.owl-item .item img {
  -webkit-transition: 0.3s;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(0.90);
  -ms-transform: scale(0.90);
  transform: scale(0.90);
  height: 460px;
  border-radius: 30px;
}

.owl-item.center .item img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.owl-nav {
  text-align: center;
}


/* end explore-carousel */

/* start modal video */
/* [Object] Modal
* =============================== */
.modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  text-align: left;
  background: rgba(0, 0, 0, .9);
  transition: opacity .25s ease;
}



.modal__inner {
  transition: top .25s ease;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 90%;
  margin: auto;
  background: #fff;
  border-radius: 5px;
  height: 70%;
  overflow: hidden;
}

.modal__title {
  color: #D6DADC;
  font-weight: 700;
  font-size: var(--fs-34);
  line-height: 46px;
  position: absolute;
  height: 46px;
  left: 4.5%;
}

.modal__header {
  position: absolute;
  width: 100%;
  top: 30px;
}

.modal__close {
  position: absolute;
  width: 64px;
  height: 64px;
  right: 4.5%;
  cursor: pointer;
}


.show-video .hover-image {
  position: relative;
}

.show-video .hover-image:hover .overlay {
  opacity: 0.75;
}

.show-video .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .3s ease;
  background-color: #1d2a35;
}

.show-video .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  backdrop-filter: blur(2px);
  border: 1px solid #FFFFFF;
  border-radius: 100%;
  padding: 30px;
  transform: translate(-50%, -50%);
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
}



.show-video .icon img {
  position: absolute;
  padding: 15px;
  margin-bottom: 0;
  top: 0;
  right: 0;
}

/* end modal video */

.filter {
  width: 25%;
}

.offers {
  width: 75%;
}

.filter-header {
  border-bottom: 1px solid var(--clr-border);
}

.filter-title {
  font-weight: 700;
  font-size: var(--fs-22);
  line-height: 28px;
  color: #000000;
}

.filter-reload {
  margin-inline-start: auto;
}


.filter-body {
  margin-top: 16px;
  margin-bottom: 16px;
}

.filter-body .filter-body-start {
  border-bottom: 1px solid var(--clr-border);
  margin-top: 16px;
  margin-bottom: 16px;
}

.filter-body-title {
  font-weight: 600;
  font-size: var(--fs-14);
  line-height: 17px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.filter-body-dates-class {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--clr-border);
}

.filter-body-dates-class .classe {
  border-inline-start: 1px solid var(--clr-border);
}

.filter-body-dates-class .datepicker {
  border: 0;
}

.filter-body-dates-class .icon-class img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* reservation tabs */

.filter-body .tabs {
  max-width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}

.filter-body .tabs label::after {
  display: none;
}

.filter-body .tabs label::before {
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(40px);
  z-index: -999;
  position: absolute;
  inset: 0 0;
}

.filter-body .tabs label {
  z-index: 1;
  color: var(--clr-white);
  font-size: var(--fs-16);
  font-weight: 500;
  border: 1px solid hsl(0, 0%, 100%, 0.3);
  border-inline: none;
  margin: 0;
  width: 50%;
  height: 50px;
  line-height: 50px;
}

.filter-body .tabs label:first-of-type,
.filter-body .tabs label:first-of-type::before {
  border-start-start-radius: 15px;
  border-end-start-radius: 15px;
}

.filter-body .tabs label:last-of-type,
.filter-body .tabs label:last-of-type::before {
  border-start-end-radius: 15px;
  border-end-end-radius: 15px;
}

.filter-body .tabs input[type="radio"]:checked+label {
  color: var(--clr-white);
  border-radius: 15px;
  border: 1px solid var(--clr-white);
  box-shadow: 0px 0px 8px rgba(255, 255, 255, 0.2);
  z-index: 2;
}

.filter-body .tabs .tab {
  background: var(--clr-white);
  margin-top: 16px;
  box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
}

.filter-body .tabs input[type="radio"]:checked+label {
  border: 1px solid var(--clr-primary);
  color: var(--clr-primary);
  box-shadow: 0px 0px 8px rgba(255, 0, 0, 0.2);
  background: var(--clr-white);
}

.filter-body .tabs label {
  background: var(--clr-border);
  color: var(--clr-secondary);
}

.filter-body .tabs label::before {
  display: none;
}

.filter-body .tabs .tab {
  box-shadow: none;
}

.filter-body-input {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
  display: block;
  padding: 9px 4px 9px 9px;

  border: 1px solid #8AA0B5;
  border-radius: 5px;
  background: transparent url("/wp-content/themes/airalgerie/images/search.svg") no-repeat 95% center;
  background-size: 24px;

}


.offer-item {
  position: relative;
  gap: 8px;
  margin-bottom: 8px;
}

.offer-item img.offer-img-bg {
  display: block;
  border-radius: 8px;
  width: 100%;
  height: 100%;
}

.offer-item .offer-title {
  position: absolute;
  z-index: 8;
  margin: 8px;
  /* width: 60%; */
  /* left: 20%; */
  display: flex;
  align-items: center;
  color: #FFFFFF;
  font-weight: 700;
  font-size: var(--fs-18);
  line-height: 20px;
  top: 0;
}

.offer-content {
  position: absolute;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin: 8px;
  gap: 8px;
  bottom: 0;
}

.offer-content .offer-small {
  font-weight: 400;
  font-size: var(--fs-8);
  line-height: 10px;
  text-transform: uppercase;
  color: #FFFFFF;
}

.offer-content .offer-price {
  font-weight: 600;
  font-size: var(--fs-16);
  line-height: 20px;
  color: #FFFFFF;
}

.offer-content .offer-icons {
  font-weight: 600;
  font-size: var(--fs-16);
  line-height: 20px;
}


.range-slider {
  --range-slider-common-height: 16px;
  --range-slider-handle-width: 24px;
  --range-slider-handle-height: 24px;

  top: 35px;
  position: relative;
  display: flex;
  align-items: center;
  width: 99%;
  height: 100%;
}

.range-slider>div {
  position: absolute;
  display: flex;
  align-items: center;
  left: 13px;
  right: 15px;
  height: var(--range-slider-common-height);
}

.range-slider>div>.range-slider-val-left,
.range-slider>div>.range-slider-val-right,
.range-slider>div>.range-slider-val-range {
  height: 1px;
}

.range-slider>div>.range-slider-val-left {
  position: absolute;
  left: 0;
  border-radius: 10px;
  background-color: #ccc;
  margin: 0 7px;
}

.range-slider>div>.range-slider-val-right {
  position: absolute;
  right: 0;
  margin: 0 7px;
  border-radius: 10px;
  background-color: #ccc;
}

.range-slider>div>.range-slider-val-range {
  position: absolute;
  left: 0;
  height: 2px;
  border-radius: 14px;
  background-color: var(--clr-primary);
}

.range-slider>div>.range-slider-handle {
  z-index: 1;
  position: absolute;
  margin-left: -11px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: url("/wp-content/themes/airalgerie/images/budget.svg") no-repeat center;
  background-color: #fff;
  text-align: left;
  border: 1px solid var(--clr-primary);

  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
  outline: none;
  cursor: pointer;
}

div.range-slider>input[type="range"]::-ms-thumb {
  width: var(--range-slider-handle-width);
  height: var(--range-slider-handle-height);
  border: 0 none;
  border-radius: 0px;
  background: red;

  pointer-events: all;
}

div.range-slider>input[type="range"]::-moz-range-thumb {
  width: var(--range-slider-handle-width);
  height: var(--range-slider-handle-height);
  border: 0 none;
  border-radius: 0px;
  background: red;

  pointer-events: all;
}

div.range-slider>input[type="range"]::-webkit-slider-thumb {
  width: var(--range-slider-handle-width);
  height: var(--range-slider-handle-height);
  border: 0 none;
  border-radius: 0px;
  background: red;

  pointer-events: all;
  -webkit-appearance: none;
}

div.range-slider>input[type="range"]::-ms-fill-lower {
  background: transparent;
  border: 0 none;
}

div.range-slider>input[type="range"]::-ms-fill-upper {
  background: transparent;
  border: 0 none;
}

.range-slider>input[type="range"] {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: var(--range-slider-common-height);

  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
  pointer-events: none;
  -webkit-appearance: none;
}

div.range-slider>input[type="range"]::-ms-track {
  background: transparent;
  color: transparent;

  -webkit-appearance: none;
}

div.range-slider>input[type="range"]::-moz-range-track {
  background: transparent;
  color: transparent;

  -moz-appearance: none;
}

div.range-slider>input[type="range"]:focus::-webkit-slider-runnable-track {
  background: transparent;
  border: transparent;
}

div.range-slider>input[type="range"]:focus {
  outline: none;
}

div.range-slider>input[type="range"]::-ms-tooltip {
  display: none;
}

.range-slider>div>.range-slider-tooltip {
  z-index: 2;
  position: absolute;
  top: -29px;
  margin-left: -23px;
  border-radius: 2px;
  background-color: var(--clr-primary);
  color: #fff;
  text-align: center;
  /*opacity: 0;*/
  opacity: 1;
  display: flex;
  flex-direction: column;
 
}



.range-slider>div>.range-slider-tooltip>span {

  font-weight: 600;
  font-size: 8px;
  line-height: 18px;
}


/*Menu*/
.wp-block-navigation .has-child:where(:not(.open-on-click)):hover > .wp-block-navigation__submenu-container{
box-shadow: 0px 16px 22px rgba(15, 33, 51, 0.1);
border: none;
padding:30px 20px;
inset-inline-start: 0;
/* position: fixed; */ 
  top: 98px;
  width: 100% !important;
  display: flex;
  align-items: center;
  background: linear-gradient(0deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 89%, rgba(0,0,0,0) 90%, rgba(0,0,0,0) 100%);
  padding-top: 60px;
  align-items: flex-start;
flex-direction: row;
flex-wrap: wrap;
padding-inline: calc((100vw - 1500px)/2); line-height: 16px;
}
.wp-block-navigation .wp-block-navigation-item{
transition:.1s; color: black;     padding-inline: 1em;
}
.wp-block-navigation .wp-block-navigation-item:hover > a {color:var(--clr-primary)}
.wp-block-navigation .wp-block-navigation-item:hover  .wp-block-navigation-item__description{color:black}
.wp-block-navigation .wp-block-navigation-item:hover{
/* padding-inline-start: 20px; */
background: url(./images/menu-h.png) left center no-repeat;
}
.rtl .wp-block-navigation .wp-block-navigation-item {
background-position: right center ;
}
.rtl .wp-block-navigation .wp-block-navigation-item:hover {
/* background: url(./images/menu-h-rtl.png) right center no-repeat; */
}


.wp-block-navigation .wp-block-navigation-item__description{
display:block;
text-transform: initial;
margin-top: 5px;
}
.wp-block-navigation .wp-block-navigation-item a{
flex-direction: column;
justify-content: flex-start;
text-align: start;
max-width: 350px;
}
.wp-block-navigation .wp-block-navigation-item__label {
font-weight: 600;
}
footer .wp-block-navigation .wp-block-navigation-item__label {
  font-weight: 400;
}

.wp-block-navigation, .wp-block-navigation .wp-block-navigation-item,
.wp-block-navigation__responsive-dialog,
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){
  position: static;
}


/*open menu mobile*/
.is-menu-open .wp-block-navigation__responsive-container-close,
.is-menu-open .wp-block-navigation-item__description{
display:none;
}

.is-menu-open .wp-block-navigation__submenu-container {
padding-top: 10px !important; 
}
.is-menu-open .wp-block-navigation__submenu-container li{
margin-bottom: 10px !important; 
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
margin-top: 70px;
}
/***/

.wp-block-navigation .has-child:where(:not(.open-on-click)):hover > .wp-block-navigation__submenu-container li{
  width: 33%; 
  margin-bottom: 20px;
}

.wp-block-navigation .has-child:where(:not(.open-on-click)):hover > .wp-block-navigation__submenu-container ul {
  background:white;
}

/*Echanger vos miles
*/
.ibe-login section form,
.lost-id section form,
.lost-password section form{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ibe-login section form button,
.lost-password section form button,
.ibe-login section form a{
  margin:0;
}
.ibe-login section form .form-check{
  border-bottom:1px solid var(--clr-border);
  padding-bottom:30px;
}
/*Echanger vos miles
*/
.booking-section.user-info {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 30px;
  flex-direction: row;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--clr-border);
}
.booking-section.user-info > .row{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
  flex-direction: column;
}

.booking-section.user-info .passenger-card {
max-width: 210px;
}

.booking-section.user-info .block-passenger-infos,
.booking-section.user-info > .row > div{
  display: flex;
  flex-direction: column;
  gap: 5px;
  box-shadow: 0px 16px 32px rgb(0 0 0 / 5%);
  padding: 1em;
  border-radius: 10px;
  border: 1px solid var(--clr-border);
  font-size: 14px; 
}
.booking-section.user-info .block-passenger-infos {
flex-direction: row;
justify-content: space-between;
}
.booking-section.user-info .passenger-infos{
display: flex;
flex-direction: column;
gap: 5px;
}
.booking-section.user-info > div {
flex-basis: 48%;
} 
.booking-section.user-info .block-passenger-infos .passenger-name {
  font-size: 26px;
  font-weight: 600;
}
.booking-section.user-info .block-passenger-infos span > span,
.booking-section.user-info > .row > div span > span{
  font-weight:600;
}

.booking-section.user-info .block-passenger-infos form button{
 
font-size: 12px; 
margin-top:15px;
}
.ev-miles .booking-section.user-booking.wp-block-aa-blocks-flight-booking {
box-shadow: 0px 16px 32px rgb(0 0 0 / 5%);
padding: 1em;
border-radius: 10px;
border: 1px solid var(--clr-border);
}
/*.range-slider:hover > div > .range-slider-tooltip {*/
/*    opacity: 1;*/
/*}*/

/******************************************/
/* utilities */
/******************************************/
.col-1 {
  width: 100%;
}

.col-2 {
  width: 49%;
}

.col-3 {
  width: 32%;
}

.col-4 {
  width: 24%;
}

.mt-100 {
  margin-top: 100px;
}

.flex-invert {
  flex-direction: row-reverse;
}

.txt-center {
  text-align: center;
}

.txt-start {
  text-align: start;
}

.mt-50 {
  margin-top: 50px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.next-button,
.submit-button,
.prev-button {
  margin: 1rem 1rem 1rem 0;
  padding: 1rem 1.5rem;
  color: #fff;
  background: var(--clr-primary);
  border: none;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
  transition: all 300ms;
  cursor: pointer;
}

.shadowBorderBlock {
box-shadow: 0px 16px 32px rgb(0 0 0 / 5%);
padding: 1em;
border-radius: 10px;
border: 1px solid var(--clr-border);
}

/* form fields */
.form-field {
  background: var(--clr-white);
  border: 1px solid var(--clr-border);
  box-shadow: 0px 2px 6px rgba(19, 18, 66, 0.07);
  border-radius: 5px;
  height: 57px;
  padding: 0 20px;
}
.input-group.depart, .input-group.arrivee {
max-width: 30%;
}
.dcp{
min-width:250px;
}
/*multi distinations form*/

.multi-booking .input-group.date{
  max-width: 100px;
}
.destination_number {
  color: var(--clr-primary);
  font-size: var(--fs-16);
  font-weight: 500;
  border: 1px solid var(--clr-primary);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: block;
  text-align: center;
  line-height: 30px; 
  margin-inline-end: 20px;
}
.add-new-destination {
  background: transparent;
  border: none;
  color: var(--clr-primary);
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}
.add-new-destination span{
  border: 1px solid var(--clr-primary);
  width:20px; height: 20px; display: inline-block; border-radius:4px; margin-inline-end: 5px; margin-top: 20px;
}
.input-group.multi-booking.depart,
.multi-booking .depart{
    display: flex;
    height: 55px;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    gap: 0;
    justify-content: center;
}

/* bagages fonts */
.objet-fonts p:first-child {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #8AA0B5;
  margin-bottom: 2px;
}

.objet-fonts p:last-child {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  margin: 0;
}

.contact-bagages .flex {
  align-items: center ; 
}

/** polylang selector top header ***/
.widget_polylang{position:relative;min-width: 85px; width: auto;}

.widget_polylang ul.showLang {
      box-shadow: 0px 6px 25px #9e969636;
      position:absolute;
      top: -26px;
}
.widget_polylang ul{
  list-style-type: none;
  margin: 0;
  position:relative; 
  border-radius:6px; padding:5px;
  font-size: var(--fs-10);
line-height: 12px;
}
.widget_polylang ul li{
  display:none;
  margin: 2px 0;
}
.widget_polylang ul li:hover a{
  color: var(--clr-primary) !important;
}
.widget_polylang ul li.current-lang{
  display: block;
  background: url(https://air.kyo.digital/wp-content/themes/airalgerie/images/lang.svg) no-repeat;
  padding-inline-start: 15px;
}
.widget_polylang ul li a{
  color: var(--clr-secondary) !important;
  border: none !important;
}
.widget_polylang ul.showLang li {
      display: block; 
      font-size: var(--fs-12);
      line-height: 15px;
}
.widget_polylang ul.showLang li.current-lang {
      background: none;
  padding: 0;
}
/* presentation page */
.presentation-content {
  align-items: center !important;
}
/* divertissements page */
.divertissements-text p {
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 36px;
}
/* btn style aa*/
p.btn-aa a {
  background: var(--clr-primary);
  box-shadow: 0px 12px 15px -10px #BEBEBE;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: all .3s;
  color: var(--clr-white);
  padding: 16px 50px;
text-decoration: none;
}

p.btn-aa a:hover {
  background: var(--clr-text-primary);
}
/* explore caroussel style */
.wilaya-carousel-item {
  position: relative;
}

.wilaya-carousel-item .act-title {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 9999999999;
  top: 0;
  left: 0;
  cursor: pointer;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.owl-item .wilaya-carousel-item .act-title h4 {
  opacity:0;
  visibility: hidden;
  text-shadow: 0px 4px 16px rgb(0 0 0 / 25%);
  color: #ffffff;
  font-size: 40px;
  font-weight: 700;
  text-transform: uppercase;
  transform: translatey(300%);
  transition: all .5s ease;
}
.owl-item.active.center .wilaya-carousel-item .act-title h4 {
  opacity: 1;
  visibility: visible;
  transform: translatey(0)
  
}
.wilaya-container {
  max-width: 1200px !important;
  margin: 0 auto !important;
}

.wilaya-container h3.pagetitle {
  margin-top: 64px;
  margin-bottom: 48px;
}

.wilaya-container p.pagedescription {
  margin-bottom: 30px;
}
.wilaya-carousel.wp-block-aa-blocks-wilaya-carousel .owl-stage {    
  min-height: 475px;
  padding-top: 30px;
}
.owl-item .wilaya-carousel-item img {
  border-radius: 15px;
  /*box-shadow: 0px 14px 50px rgba(94, 135, 199, 0.38);*/
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.owl-item.active.center .wilaya-carousel-item img {
  border-radius: 15px;
 /* box-shadow: 0px 14px 50px rgb(94 135 199 / 38%);*/
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  transform: scale(1);
  z-index:9;
}
.owl-item.active.center  {
  transform: scale(1);
  z-index:1;
}

.selected-date{
  gap: var(--gap, 0.3rem);
  flex-direction: column;
  align-items: center;
}
span.selected-date-from, span.selected-date-to , span.selected-date-single {
  color: red;
}

label.error{
  /* display: none !important; */
  display: block;
  color: var(--clr-primary);
}

.position-relative{
  position: relative;
}

.position-absolute{
  position: absolute;
}
.left-0{
  left: 0;
}

.input-group-border
{
  border-inline-start: 1px solid var(--clr-border);
  padding-inline-start: 15px;
}



/******************************************/
/* mobile */
/******************************************/

@media screen and (max-width: 600px) {

  .col-2,
  .col-3 {
    width: 100%;
  }

  .container {
    padding-inline: 20px;
  }

  .left-footer {
    padding-inline-start: 10px;
  }

  .right-footer {
    padding-inline-start: 10px;
  }

  .footer-panel {
    width: 100%;
  }

  .tabs .tab,
  .tabs label {
    order: initial;
  }

  p.legals-infos-footer {
    margin-top: 24px;
  }

  .tabs label {
    width: 100%;
    padding: 0;
    margin-inline-end: 0;
    border-radius: 8px;
    margin-bottom: 20px !important;
  }

  .tabs {
    max-width: 96%;
    padding-inline: 10px;
    margin: auto;
  }

  .input-group {
    border: 1px solid var(--clr-border);
    border-radius: 8px;
    padding: 20px;
  }

  .tabs .tab {
    margin-bottom: 20px;

  }

  .tabs label::after {
    display: none;
  }

  .tabs label::before,
  .reservationTabs label:first-of-type,
  .reservationTabs label:first-of-type::before {
    border-radius: 8px !important;
  }

  .footer-contact-info {
    flex-wrap: wrap;
    margin-inline-start: 10px;
  }

  .phone-footer {
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 24px;
  }

  .paiement-logos {
    justify-content: space-around;
  }

  .paiement-logos img {
    margin: 0;
  }

  .app-download,
  .news-letter {
    width: 100%;
    margin: 0 10px;
  }

  .aller-retour {
    flex-wrap: wrap;
  }

  .input-group.change-des {
    display: none;
  }

  .btn.reserveBtn {
    width: 100%;
    max-height: 70px;
  }

  .input-group.envoi {
    padding: 0;
    width: 100%;
      position: absolute;
    bottom: 0;
  }
    form.flight-booking {
    position: relative;
    padding-bottom: 100px;
}
    .input-group.multi-booking.depart, .multi-booking .depart {
    display: flex;
    height: auto;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    justify-content: center;
}
    .multi-booking.elem-clone {
    margin-top: 20px;
    border: 1px solid var(--clr-primary);
    padding: 10px;
    border-radius: 10px;
}
  .reservationTabs > input[type="radio"]:checked + label{

    background: var(--clr-primary);
    box-shadow: 0px 0px 8px rgba(255, 0, 0, 0.2);
    border-radius: 8px;
    border-color: transparent
  }

  .chiffres .flex,
  .certitem {
    flex-wrap: wrap;
  }

  .simple-multi {
    flex-direction: column;
  }

  .sub-select {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    box-shadow: 0px -10px 25px -10px rgba(232, 61, 72, 0.25);
  }
  
  .input-group.depart, .input-group.arrivee {
max-width: 100%;
}
.booking-section.user-info > div {
flex-basis: 100%;
}
.input-group-border
{
border-inline-start: none;
padding-inline-start: 0px;
}


}

.aa-notif .success {
  border-left-color: rgb(212, 79, 64);

}

.aa-notif p {
  font-weight: bold;

}



/* errase gutenberg style*/
.wp-block-columns {
margin-bottom: 0 !important;
}
/* animations */
.link-line {
  position: relative;
}
.link-line img {
  position: absolute;
  top: 50% ;
  left: 49.5%;
  transition: top 0.5s ease-out;
}
.link-line a:hover img {
  top: 55%;
  transition: top 0.5s ease-out;
  position: absolute;
  filter: invert(10%) sepia(93%) saturate(7491%) hue-rotate(354deg) brightness(99%) contrast(102%);
}
.link-line a:hover {
  color: #df0c1a;
}

.agence-search-panel {
  max-height: 640px;
  overflow-y: scroll;
  background: #f9f9f9;
  border-radius: 20px;
  padding: 20px;
  font-size: 22px;
  text-align: center;
}

.agence-search-panel .search-input {
  width: 100%;
  margin: auto;
  text-align: center; 
}

select#selected_country {
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  border-color: #cacaca;
  color: #363636;
  font-size: 20px;
  /** for the dropdown indicator */
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1em;
}
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#FFF}.toast-message a:hover{color:#CCC;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51A351}.toast-error{background-color:#BD362F}.toast-info{background-color:#2F96B4}.toast-warning{background-color:#F89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}
.hidden-input{width: 0 !important; height: 0!important; border: 0!important;position: absolute;}

/**** on click menu *****/
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container {
box-shadow: 0px 16px 22px rgba(15, 33, 51, 0.1);
border: none;
padding: 30px 20px;
inset-inline-start: 0;
position: absolute;
top: 127px;
width: 100% !important;
display: flex;
background: #ffffffe6;
padding-top: 80px;
align-items: flex-start;
flex-direction: row;
flex-wrap: wrap;
padding-inline: calc((100vw - 1500px)/2);
line-height: 16px;
z-index: 10;
gap: 30px;
}

.wp-block-navigation .wp-block-navigation-item__content + span{
display: none;
}
ul.wp-block-navigation__submenu-container li {
width: 30%;
}
.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle {
padding-right: 0;
}

.single-slider-img {
max-height: 400px;
overflow: hidden;
display: flex;
align-items: flex-start;
margin-bottom: 50px;
}
.single-offre-img {
overflow: hidden;
margin: 20px 0;
border-radius: 15px;
}

.meta-col {
background: white;
padding: 20px;
margin: 20px !important;
border-radius: 15px;
box-shadow: 0 0 20px #f6f6f6;
}
.meta-col h3 {
margin-top: 0 !important;
}
.promo-metas p {
margin-bottom: 6px;
color: var(--clr-text-primary);
}
.promo-metas p.wp-block-aa-blocks-offre-meta {
font-weight: 500;
color: var(--clr-primary);
}
.promo-column{
gap:30px;
}
body .promo-title * {
margin: unset !important;
}
.promo-title  {
flex-wrap: wrap; padding: 0 20px 20px 20px;
justify-content: center;
}
body .promo-title p {
font-size: 30px; color:var(--clr-primary); font-weight: 600; padding-top:10px;
}
.promoBooking {
margin-top: -100px !important;
background: white;
padding: 20px 0;
border-radius: 15px;
box-shadow: 0 0 20px #0606061a;
position: relative;
}
.promoBooking > form{
width: 100%;
margin: 0 20px;
}
.footer-socials {
flex-grow: initial;
width: auto;
}
.footer-socials > *:not(ul) {
display:none;
}
.wp-block-aa-blocks-aa-bg-post-header {
background-size: cover;
background-position: center center;
position: relative; min-height: 500px !important;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
.wp-block-aa-blocks-aa-bg-post-header:before {
width: 100%; min-height: 500px; display: block; background: #00000094; content:"";
position: absolute;  top: 0;
}
.wp-block-aa-blocks-aa-bg-post-header h1 {
color: white; font-size:var(--fs-34); text-transform: uppercase;  margin: 0; z-index: 1; position: relative;
}
.wp-block-aa-blocks-aa-bg-post-header .slider {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.flash-information{
margin: 0;
padding: 0;
font-size: 13px;
text-transform: uppercase;
color: white;
font-weight: 700;
}
.flash-icon .wp-block-media-text__content {
padding-inline-end: 0;
}
.wp-block-aa-blocks-aa-flash-info .flash-info,
.wp-block-aa-blocks-aa-flash-info .flash-info .owl-nav {
height: auto !important;     
}
.wp-block-aa-blocks-aa-flash-info .flash-info .owl-nav{
width: 90px !important;
}
.wp-block-aa-blocks-aa-flash-info .flash-info {
width: calc(100% - 20px) !important;
}
.wp-block-aa-blocks-aa-flash-info .flash-close {
border: 1px solid #bbb !important;
color: #bbb !important;
height: 20px !important;
top: 5px !important;
width: 20px !important;
font-size: 11px;
display: flex;
justify-content: center;
}
.wp-block-aa-blocks-aa-flash-info {
max-width: 100% !important;
padding: 0;
margin-inline-end: 40px !important;
}
.wp-block-aa-blocks-aa-flash-info .owl-theme.flash-info .owl-nav .owl-counter {
font-size: 12px !important;     padding: 0;
}
.wp-block-aa-blocks-aa-flash-info .owl-theme.flash-info .owl-nav [class*=owl-], .wp-block-aa-blocks-aa-flash-info .owl-theme.flash-info .owl-nav [class*=owl-] span {
height: 20px;
font-size: 20px;
font-weight: 100;     width: 20px;
}

.owl-carousel.flash-info .owl-stage-outer {
width: calc(100% - 95px);
}
.owl-carousel.flash-info .owl-stage-outer .item a {
color:white; font-size: 13px; line-height: 30px;
}
.flash-info a {
color:white !important;     font-size: 13px;
}

/* page principale + echanger vos miles (block Fidel) */
.user-info .block-passenger-infos {
  min-height: 271px;
}


@media screen and (min-width: 600px){
.reservationTabs.faqTabs label {
width: auto;
padding-inline: 15px;
}
}

.reservationTabs.faqTabs input[type="radio"]:checked + label {
  background:red;
}
@media (max-width: 1240px){
.wp-block-aa-blocks-aa-aeroports {
    display: flex;
    flex-direction: column;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.reservationTabs .f-booking button.btn.reserveBtn {
  width: 100% !important;
	
}
	}


  @media (max-width: 600px) {
    html:has(.is-menu-open) {
      overflow: hidden;
    }
    header.primary-header:has(.is-menu-open) {
      position: static;
      
    }
    header.primary-header:has(.is-menu-open)  .primary-navigation{
        transform: translateY(0%);
    }
      
      }