/*
    [ Shortcode Stylesheet ]
    <?xml version="1.0" encoding="UTF-8"?>

    Theme Name:
    Version:
    Author:
    Author URL:
    Description:
    Date:
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1. Fonts, Icons and Other Styles Import
2. Reset
  2-1. Body, Font, Container, Space
  2-2. Placeholder Customize
  2-3. Social Icons Color
  2-4. Input, Textarea (All forms field) customization
  2-5. Button Styling


-----------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Sora:wght@100..800&display=swap');
@import url("../fonts/bootstrap-icons-1.1/font/bootstrap-icons.css");
@import url("bootstrap.min.css");
@import url("../../plugins/jquery_ui/style.css");
@import url("animation.css");
@import url("../../plugins/wow/animate.css");
@import url("../../plugins/swiper/swiper-bundle.min.css");
@import url("../../plugins/swiper/swiper-gl.min.css");
@import url("../../plugins/odometer/odometer-theme-default.css");
@import url("../../plugins/fancybox/jquery.fancybox.css");
@import url("../../plugins/flatpickr/flatpickr.css");
@import url("../../plugins/nice-select/nice-select.css");
@import url("../../plugins/cursor-effect/cursor-effect.css");

@import url("global.css");
@import url("header.css");
@import url("footer.css");
@import url("preloader.css");
@import url("shop.css");
@import url("components.css");
@import url("contact.css");
@import url("blog.css");
@import url("sidebar.css");
@import url("portfolio.css");
@import url("style.css");
@import url("responsive.css");
@import url("light.css");

.swiper-button-prev:after {
    content: '' !important;
}

.swiper-button-next:after {
    content: '' !important;
}

.wptb-slider .wptb-item--title {
    font-size: 3.5rem !important;
}

.wptb-slider.style8 .wptb-slider--item {
    padding: 0px 40px 0px 40px;
}

.wptb-slider.style8 .wptb-slider--image {
    display: flex;
    justify-content: center;
    box-shadow: none !important;
}

.wptb-slider.style8 .wptb-slider--image img {
    box-shadow: 0px 25px 30px 15px rgb(0, 0, 0, 0.35);
    border-radius: 10px;
}


.footer .footer--inner {
    padding-top: 80px;
    padding-bottom: 60px;
}

.footer-nav > ul {
    display: flex;
    justify-content: center;
    align-content: center;
    gap: 20px;
}

.footer-nav > ul > li {
    margin-top: 0 !important;
}

.footer-bottom .links {
    display: flex;
    gap: 10px;
}

.footer-bottom .links p {
    font-size: 13px;
}

@media screen and (max-width: 580px) {
    .footer-nav > ul {
        display: block;
    }

    .footer-nav > ul > li {
        font-size: 12px !important;
    }
}

.mr_menu ul.main-menu a::before {
    display: none;
}

.wptb-page-heading .wptb-item--title {
    font-size: 4rem !important;
}
.wptb-page-heading .wptb-item--title > span {
    font-family: var(--font-family-two);
    font-style: italic;
    font-weight: var(--fw-light);
}

.wptb-page-heading > .wptb-item--inner.country {
    height: 400px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media screen and (min-width: 768px) {
    .wptb-page-heading > .wptb-item--inner.country {
        height: 700px;
    }
}

strong {
    font-weight: 800 !important;
}

.prestations {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    margin: 80px 0;
}

.prestations .separator {
    display: none;
}

@media screen and (min-width: 968px) {
    .prestations {
        grid-template-columns: 1fr 1fr;
    }

    .prestations.two_col_sep {
        grid-template-columns: 1fr auto 1fr;
    }

    .prestations.two_col_sep > .separator {
        display: block;
        background: white;
        width: 1px;
        height: 60%;
        align-self: center;
        opacity: 0.3;
    }
}

.prestations > .special-card {
    padding: 1px;
    background: linear-gradient(180deg, transparent 10%, #404040 100%);;
    border-radius: 0 0 10px 10px;
}

.prestations > .special-card.no-bg {
    background: transparent;
}

.prestations > .special-card.no-bg > .content {
    background: transparent;
}

.prestations > .special-card > .content {
    padding: 30px;
    background: linear-gradient(180deg, #151515 0%, #212121 100%);
    /*background: var(--color-dark-one);*/
    border-radius: 0 0 10px 10px;
    height: 100%;
}

.prestations > .special-card > .content > header {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    margin-bottom: 2rem;
}

.prestations > .special-card > .content > header::after {
    /*content: ' ';*/
    /*width: 30%;*/
    /*height: 1px;*/
    /*background: var(--color-one);*/
    /*margin-top: 10px;*/
    /*opacity: 0.5;*/
}

.prestations > .special-card > .content > header > h4 {
    /*color: var(--color-one);*/
    font-size: 2rem;
    text-align: center;
    display: flex;
    align-items: center;
    gap: 20px;
}

.prestations > .special-card > .content > header > h4::before, .prestations > .special-card > .content > header > h4::after {
    content: ' ';
    width: 40px;
    height: 1px;
    background: var(--color-one);
    /*background: white;*/
    /*opacity: 0.2;*/
}

.prestations > .special-card > .content > header > h4::selection, .prestations > .special-card > .content > header > h4::-moz-selection {
    color: black;
}

.prestations > .special-card > .content > header > h5 {
    text-align: center;
    font-size: 1.05rem;
    color: var(--color-two);
    font-weight: 400;
}

.prestations > .special-card > .content > main ul {
    padding-left: 14px;
}

.prestations > .special-card > .content > main p, .prestations > .special-card > .content > main li {
    font-size: 1rem;
    text-align: justify;
}

.prestations > .special-card > .content > main li {
    padding-left: 5px;
}

#custom-team {
    padding: 50px 0;
}

#custom-team h2 {
    text-align: center;
    /*color: var(--color-one);*/
    font-size: 2.3rem;
    font-weight: 700;
    margin-bottom: 30px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

#custom-team h2::selection, #custom-team h2::-moz-selection {
    color: black;
}

#custom-team h2::before, #custom-team h2::after {
    content: ' ';
    width: 80px;
    height: 1px;
    /*background: white;*/
    /*opacity: 0.2;*/
    background: var(--color-one);
    margin-top: 10px;
    margin-bottom: 10px;
}

#custom-team p {
    max-width: 600px;
    text-align: center;
    margin: 0 auto;
}


#custom-team .team {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 40px;
    margin: 80px 0;
}

#custom-team .team > .member {
    padding: 1px;
    background: linear-gradient(180deg, transparent 10%, #404040 100%);
    border-radius: 0 0 10px 10px;
}

#custom-team .team > .member:nth-child(1) {
    grid-column: 1 / span 4;
}

#custom-team .team > .member:nth-child(2) {
    grid-column: 5 / span 4;
}

#custom-team .team > .member:nth-child(3) {
    grid-column: 9 / span 4;
}

#custom-team .team > .member:nth-child(4) {
    grid-column: 3 / span 4;
}

#custom-team .team > .member:nth-child(5) {
    grid-column: 7 / span 4;
}

#custom-team .team > .member > .content {
    position: relative;
    display: flex;
    justify-content: center;
    background: linear-gradient(180deg, #151515 0%, #212121 100%);
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}

#custom-team .team > .member > .content > img {
    width: 80%;
    resize: both;
}

#custom-team .team > .member > .content > h3 {
    position: absolute;
    bottom: 0;
    color: white;
    font-size: 1.5rem;
    text-align: center;
    font-weight: 600;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    padding: 5px 0;
}

#home.no-padding {
    padding: 0;
}

#home.no-padding > .container {
    padding: 0;
}

#home .block {
    padding: 60px 0;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 0px;
}

#home .block.carousel {
    flex-direction: column;
}

@media screen and (min-width: 968px) {
    #home .block {
        flex-direction: row;
        gap: 50px;
    }

    #home .block.carousel {
        flex-direction: row;
    }

    #home .block.inverse {
        flex-direction: row-reverse;
    }

    #home .block.inverse figure > figcaption {
        font-size: 0.7rem;
        text-align: left;
    }
}

#home .block.inverse {
    border: 1px solid var(--color-dark-seven);
    border-left: 0;
    border-right: 0;
}

#home .block figure {
    min-width: 100%;
}

@media screen and (min-width: 968px) {
    #home .block figure {
        min-width: 500px;
    }
}

#home .block figure > figcaption {
    text-align: right;
    font-size: 0.7rem;
}

#home .block figure img {
    width: 100%;
    resize: both;
    border-radius: 10px;
}

#home .block header {
    margin-bottom: 20px;
}

#home .block header::after {
    content: ' ';
    display: block;
    width: 100px;
    height: 1px;
    background: var(--color-one);
    margin-top: 10px;
}

#home .block header h3 {

}

#home .block header h4 {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
}

#home .block p {
    text-align: justify;
}

#destinations {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
}

@media screen and (min-width: 968px) {
    #destinations {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

#destinations > a {
    position: relative;
    display: block;
    border-radius: 10px;
    overflow: hidden;
}

#destinations > a > div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: grid;
    place-items: center;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

#destinations > a:hover > div {
    opacity: 0;
}

#destinations > a > img {
    width: 100%;
    resize: both;
}

.cta {
    background-image: url('/assets/ahw/cta.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 800px;
    margin: 0 auto 50px;
    border-radius: 10px;
    overflow: hidden;
}

.cta.visio {
    background-image: url('/assets/ahw/cta-visio.jpg');
}

.cta > div {
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 40px 0;
}

.fulltext blockquote {
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
    font-style: italic;
    max-width: 80%;
    margin: 6rem auto;
}

.fulltext li {
    margin-bottom: 1rem;
}

.langs ul {
    display: flex;
    justify-content: center;
    list-style: none;
    gap: 15px;
    padding: 0;
}

.langs a {
    display: block;
}

.langs img {
    width: 20px;
    resize: both;
}

.footer-bottom .socials {
    display: flex;
    justify-content: center;
}

.footer-bottom .socials > p {
    margin: 0 10px;
}

#chiffres {
    display: grid;
    grid-template-columns: 1fr;
}

@media screen and (min-width: 992px) {
    #chiffres {
        grid-template-columns: 1fr 1fr 1fr;
        margin-bottom: 100px;
    }

    #chiffres > div {
        margin-bottom: 0;
    }
}

#chiffres > div {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
}

#chiffres > div::before {
    content: '';
    position: absolute;
    width: 200px;
    height: 200px;
    top: 50%;
    margin-top: -100px;
    left: 50%;
    margin-left: -100px;
    border-radius: 50%;
    background: radial-gradient(circle, var(--color-one) 0%, transparent 100%);
    filter: blur(20px);
    opacity: 0.75;
    z-index: -1;
}

#chiffres > div > h4 {
    font-size: 4rem;
    line-height: 1;
    margin-bottom: 10px;
}

#chiffres > div > h4 > span[data-counter] {
    font-size: inherit;
}

#chiffres > div > h4 > span {
    font-size: 1.2rem;
}

#chiffres > div > h5 {
    max-width: 200px;
    text-align: center;
    font-size: 1.2rem;
}

#valeurs {
    width: 100%;
    margin: 0 auto 100px;
}

@media screen and (min-width: 992px) {
    #valeurs {
        width: 640px;
    }

    #valeurs > div > div {
        width: 200px !important;
    }
}

#valeurs > h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 40px;
}

#valeurs > p {
    margin-top: 15px;
    text-align: center;
    font-size: 0.9rem;
}

#valeurs > div {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

#valeurs > div > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 40%;
}

#valeurs > div > div > img {
    height: 60px;
    resize: both;
    margin-bottom: 6px;
}

#valeurs > div > div > h3 {
    font-size: 1.3rem;
}

#carousel .block {
    display: flex;
    flex-direction: column;
}

#carousel .block.inverse {
    border: 1px solid var(--color-dark-seven);
    border-left: 0;
    border-right: 0;
}

@media screen and (min-width: 968px) {
    #carousel .block {
        flex-direction: row;
        align-items: center;
        gap: 50px;
    }

    #carousel .block.inverse {
        flex-direction: row-reverse;
    }

    #carousel .block > div:not(.image-carousel) {
        width: 115% !important;
    }
}

#carousel .block header {
    margin-bottom: 20px;
}

#carousel .block header::after {
    content: ' ';
    display: block;
    width: 100px;
    height: 1px;
    background: var(--color-one);
    margin-top: 10px;
}

#carousel .block header h4 {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
}

#carousel .block p {
    text-align: justify;
}

.swiper {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}

.swiper-slide {
    /*background-position: center;*/
    /*background-size: cover;*/
    /*width: 300px;*/
    height: 300px;
}

.swiper-slide img {
    display: block;
    width: 100%;
}

.swiper-pagination {
    margin-top: 15px !important;
}