/*------------------------------------*\
    Universel
\*------------------------------------*/

.tag {
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 2px;
    margin-bottom: 0.75rem;
    font-weight: 400;
    font-family: var(--font-primary);
    line-height: 1.5;
}

#fil-ariane {
    padding: 6rem 0 1rem;
}

#breadcrumbs {
    margin: 0;
}

#breadcrumbs * {
    font-family: var(--font-primary);
    font-size: 13px;
    letter-spacing: 2px;
}

#breadcrumbs a {
    padding-bottom: 0.25rem;
    margin-right: 0.5rem;
    border-bottom: 1px solid var(--color-primary);
}

#breadcrumbs a:hover {
    border-color: var(--color-secondary);
}

#breadcrumbs .breadcrumb_last {
    margin-left: 0.5rem;
}

.lien {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.lien::after {
    content: url(/wp-content/themes/Nautelis/images/right-arrow.svg);
}

.lien:hover::after {
    content: url(/wp-content/themes/Nautelis/images/right-arrow-prim.svg);
}

.v-barre {
    margin: 2rem 0 0;
    position: relative;
    padding-left: 3rem;
}

.v-barre::before {
    content: url(/wp-content/themes/Nautelis/images/v-barre.svg);
    position: absolute;
    left: 0%;
}

.btn-actu {
    background: none;
    border-color: transparent;
    font-size: 14px;
    font-family: var(--font-primary);
    letter-spacing: 2px;
    padding: 0;
}

.btn-actu:hover {
    color: var(--color-secondary);
    background: none;
}

.btn-actu:hover::after {
    content: url(/wp-content/themes/Nautelis/images/right-arrow-prim.svg);
}

.slick-dots {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin: 2rem 0 0;
}

.slick-dots button {
    background: none;
    border: 2px solid var(--color-primary);
    border-radius: 100%;
    font-size: 0;
    padding: 6px;
    cursor: pointer;
}

.slick-dots .slick-active button {
    background: var(--color-primary);
}


@media screen and (max-width: 800px) {
    .v-barre {
        margin: 0;
        padding-left: 2rem;
    }
}

@media screen and (min-width: 481px) and (max-width: 800px) {
    #fil-ariane {
        padding: 4rem 0 1rem;
    }
}

@media screen and (max-width: 480px) {
    #fil-ariane {
        padding: 3rem 0 1rem;
    }
}

/*------------------------------------*\
    Front Page
\*------------------------------------*/

/* Section hero */

#hero {
    padding: 0;
    background: var(--color-primary);
}

#hero .bloc-2:first-of-type {
    display: flex;
    align-items: center;
}

#hero .bloc-2:first-of-type * {
    margin: 0;
}

#hero .contenu {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 2rem 0 2rem 4rem;
    max-width: 85%;
}

#hero h1,
#hero p {
    color: white;
}

#hero .sous-titre {
    color: var(--color-secondary);
    font-size: 22px;
}

#hero .slick-slide {
    margin: 0 !important;
}

#hero .slide {
    position: relative;
    display: block !important;
}

#hero .info {
    position: absolute;
    bottom: 5%;
    right: 5%;
    max-width: 55%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

#hero .slick-dots {
    position: absolute;
    bottom: 2%;
    left: 0;
    display: flex;
    gap: 0.5rem;
    margin-left: 2rem;
}

#hero button {
    background: white;
    font-size: 0;
    width: 31px;
    height: 10px;
    border: transparent;
    border-radius: 10px;
}

#hero .slick-active button {
    background: var(--color-secondary);
}

/* Section partenaire */

#partenaire {
    background: var(--fond);
}

#partenaire .bloc-1 {
    margin-bottom: 2rem;
}

#partenaire .bloc-1>* {
    text-align: center;
}

#partenaire .slick-track {
    display: flex !important;
    align-items: center;
}

#partenaire .slick-slide {
    margin: 0 2rem !important;
}

/* Section preuve */

#preuve img {
    border-radius: 16px;
    height: 100%;
    object-fit: cover;
}

#preuve .protocole {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 2rem 0;
}

#preuve .protocole p {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 48%;
    margin: 0;
    padding: 1rem 1.25rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.20);
    border: 1px solid #F1F5F9;
    border-radius: 8px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
}

#preuve .protocole p::before {
    content: url(/wp-content/themes/Nautelis/images/icone_voile.svg);
}

@media screen and (min-width: 1200px) {
    #hero .container {
        max-width: 100%;
        width: 100%;
    }

    #hero .row>* {
        padding: 0;
    }
}

@media screen and (max-width: 1199px) {
    #hero .bloc-2:first-child {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #hero .contenu {
        max-width: 100%;
        padding: 2rem 0
    }

    #hero .bloc-2:last-child {
        display: none;
    }
}

@media screen and (min-width: 801px) and (max-width: 1199px) {
    #preuve .protocole p {
        width: 100%;
    }
}

@media screen and (max-width: 800px) {
    #preuve .bloc-2:first-child {
        margin-bottom: 1rem;
    }

    #preuve img {
        width: 100%;
    }

    #preuve .grp-btn {
        justify-content: center;
    }
}

@media screen and (max-width: 600px) {
    #preuve .protocole p {
        width: 100%;
    }
}

/*------------------------------------*\
    Page Nos expertises
\*------------------------------------*/
/* Section Expertises */

#expertises {
    padding-top: 2rem;
}

#expertises .bloc-2 {
    margin-bottom: 2rem;
}

#expertises .bloc-2:nth-child(5),
#expertises .bloc-2:nth-child(6) {
    margin-bottom: 0;
}

.nos-expert-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.nos-expert-card .header {
    padding: 2.5rem;
    border-radius: 24px 24px 0 0;
    background-color: var(--color-primary);
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.nos-expert-card .header * {
    color: white;
}

.nos-expert-card .header img {
    background: rgba(255, 255, 255, 6%);
    padding: 1rem !important;
    border-radius: 12px;
    margin: 0;
    max-width: 56px;
}

.nos-expert-card .header h3 {
    margin: 0;
    font-size: 26px;
    font-family: var(--font-primary);
    text-transform: none;
}

.nos-expert-card .header .titre .tag {
    text-transform: none;
}

.nos-expert-card .contenu {
    padding: 2.5rem;
    border-radius: 0 0 24px 24px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.20);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
    height: 100%;
}

.nos-expert-card .contenu .extrait {
    margin-bottom: 1.5rem
}

.nos-expert-card ul {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.nos-expert-card li {
    width: 48%;
}

.nos-expert-card .footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgb(0 0 0 / 20%);
}

.nos-expert-card .footer div p:first-of-type {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

.nos-expert-card .footer span {
    margin: 0 0.25rem;
}

.nos-expert-card .footer span:last-of-type {
    display: none;
}

.nos-expert-card .lien::after {
    content: url(/wp-content/themes/Nautelis/images/right-arrow.svg);
}

.nos-expert-card .lien:hover::after {
    content: url(/wp-content/themes/Nautelis/images/right-arrow-prim.svg);
}

@media screen and (min-width: 1200px) {
    .nos-expertises-slider {
        display: none !important;
    }
}

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

    #expertises .bloc-2:nth-child(3),
    #expertises .bloc-2:nth-child(4),
    #expertises .bloc-2:nth-child(5),
    #expertises .bloc-2:nth-child(6) {
        display: none;
    }

    .nos-expert-card .contenu {
        margin-bottom: 4px;
    }
}

@media screen and (max-width: 600px) {
    .nos-expert-card li {
        width: 100%;
    }
}

/*------------------------------------*\
    Page Secteur D'intervention
\*------------------------------------*/
#secteurs-dintervention .ports-map-section {
    padding-top: 2rem;
}

#secteurs-dintervention .ports-map-section .bloc-1 {
    display: none;
}

#secteurs-dintervention #cabinet {
    background: var(--fond);
}

@media screen and (min-width: 1024px) {
    #secteurs-dintervention .ports-map-section .ports-map-left {
        order: 2;
    }

    #secteurs-dintervention .ports-map-section .ports-map-right {
        order: 1;
    }
}

/*------------------------------------*\
    Page Le Cabinet
\*------------------------------------*/

/* Secction historie */

#histoire {
    padding-top: 2rem;
}

#histoire .row {
    overflow: hidden;
}

#histoire .bloc-5 .date {
    font-size: 18px;
}

#histoire .bloc-5 .dot {
    color: var(--color-secondary);
    font-size: 40px;
    line-height: 40px;
    position: relative;
    z-index: 1;
}

#histoire .bloc-5 .dot::after {
    content: '';
    background: var(--color-primary);
    width: 115%;
    height: 2px;
    position: absolute;
    top: 55%;
    left: 6%;
    z-index: -1;
}

#histoire .bloc-5 h3 {
    font-size: 26px;
}

/* Section équipe */

#equipe {
    display: none;
}

#equipe .bloc-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 4rem;
}

#equipe .barre::after {
    bottom: -40%;
    left: 50%;
    transform: translate(-50%, 0%);
}

#equipe .slick-prev,
#equipe .slick-next {
    top: -10% !important;
}

#equipe .slick-prev {
    left: inherit;
    right: 80px;
}

#equipe .slick-next {
    right: 2%;
}

#equipe .slick-prev::after {
    content: url(/wp-content/themes/Nautelis/images/prev.svg)
}

#equipe .slick-next::after {
    content: url(/wp-content/themes/Nautelis/images/next.svg)
}

#equipe .slide {
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.10);
}

#equipe .slide img {
    max-height: 325px;
    object-fit: cover;
}

#equipe .slide .contenu {
    padding: 1.5rem;
    min-height: 375px;
}

#equipe .slide .contenu h3 {
    font-family: var(--font-primary);
    margin-bottom: 0.5rem;
}

#equipe .slide .contenu p {
    font-size: 14px;
    border-bottom: 1px solid #D4D6DB;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

#equipe .slide .contenu ul {
    list-style: disc;
}

#equipe .slide .contenu li {
    margin: 0.5rem 0;
    font-size: 14px;
}

/* Section certification */

#le-cabinet #certif {
    background: var(--fond);
}

#le-cabinet #certif h2 {
    position: relative;
    margin-bottom: 2rem;
}

#le-cabinet #certif h2::after {
    content: url(/wp-content/themes/Nautelis/images/barre.svg);
    position: absolute;
    bottom: -25px;
    left: 0;
}

#le-cabinet #certif .card {
    background: white;
}

@media screen and (max-width: 800px) {
    #histoire .row {
        gap: 1rem;
    }

    #histoire .bloc-2:nth-child(2) {
        margin-bottom: 1rem;
    }

    #histoire .bloc-5 .date {
        width: fit-content;
        background: var(--color-secondary);
        border-radius: 8px;
        padding: 0rem 2rem;
        margin-bottom: 1rem;
    }

    #histoire .bloc-5 .dot {
        display: none;
    }

    #histoire .bloc-5 h3 {
        margin-bottom: 0rem;
    }

    #histoire .bloc-5 .description {
        margin-bottom: 1rem;
    }

    #histoire .bloc-5:last-child .description {
        margin-bottom: 0;
    }
}

/*------------------------------------*\
    Page Actualite
\*------------------------------------*/

/* Section une */

#une {
    padding-top: 2rem;
}

#une .bloc-2:nth-child(2) {
    position: relative;
    padding-right: 0;
}

#une .bloc-2 .cat {
    position: absolute;
    top: 6%;
    left: 7%;
    background: var(--color-secondary);
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 10px;
    letter-spacing: 2px;
    font-weight: 700;
}

#une .bloc-2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px 0 0 16px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
}

#une .bloc-2:nth-child(3) {
    padding-left: 0;
}

#une .card {
    border-radius: 0 16px 16px 0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
    border: 1px solid #F1F5F9;
    height: 100%;
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#une .card .titre {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

#une .card .date {
    font-size: 12px;
    font-weight: 700;
}

#une .card h3 {
    font-size: 24px;
    font-family: var(--font-primary);
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    line-height: normal;
}

#une .btn-actu {
    margin-top: 1rem;
}

/* Section actu */

#actualites #actu {
    padding: 3rem 0 6rem;
    background: var(--fond);
}

#actualites #actu .bloc-1 {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-bottom: 2rem;
}

#actualites #actu .bloc-1 p {
    font-size: 12px;
    font-weight: 700;
    margin: 0;
}

#actualites #actu .actus-filtres {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

#actualites #actu .actus-filtres button {
    background: transparent;
    border: 1px solid var(--color-primary);
    padding: 0.5rem 1rem;
    font-size: 10px;
    font-weight: 700;
    border-radius: 8px;
    cursor: pointer;
}

#actualites #actu .actus-filtres button.is-active {
    background: var(--color-primary);
    color: white;
}

#actualites #actu #actus-grille {
    display: flex;
    flex-wrap: wrap;
}

#actualites #actu #actus-grille>* {
    padding: 0 1rem;
    margin-bottom: 3rem;
}

#actualites #actu #actus-grille .bloc-3:last-child {
    margin-bottom: 0;
}

#actualites #actu .card {
    display: flex;
    flex-direction: column;
}

#actualites #actu .card a {
    position: relative;
}

#actualites #actu .card a .cat {
    position: absolute;
    top: 5%;
    left: 5%;
    background: var(--color-secondary);
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 10px;
    letter-spacing: 2px;
    font-weight: 700;
}

#actualites #actu .card a img {
    border-radius: 16px 16px 0 0;
    width: 100%;
    height: 320px;
    object-fit: cover;
}

#actualites #actu .card .content {
    padding: 1rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
    border-radius: 0 0 16px 16px;
    min-height: 250px;
    background: #FFF;
}

#actualites #actu .card .content .date {
    font-size: 12px;
    font-weight: 700;
}

#actualites #actu .card .content h3 {
    font-size: 24px;
    font-family: var(--font-primary);
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    line-height: normal;
}

#actualites #actu .btn-actu {
    margin-top: 1rem;
}

#actualites #actu .actus-pagination {
    display: flex;
    justify-content: center;
    gap: 0.25rem;
}

#actualites #actu .actus-pagination button {
    background: none;
    border: 1px solid var(--color-primary);
    border-radius: 8px;
    padding: 0.5rem 0.75rem;
    cursor: pointer;
}

#actualites #actu .actus-pagination button.is-active {
    background: var(--color-primary);
    color: white;
}

@media screen and (min-width: 800px) and (max-width: 1199px) {
    #actualites #actu .bloc-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 800px) {
    #une .bloc-2:nth-child(2) {
        padding-right: .46875em;
    }

    #une .bloc-2:nth-child(3) {
        padding-left: .46875em;
    }

    #une .bloc-2 img {
        border-radius: 16px 16px 0 0;
    }

    #une .card {
        border-radius: 0 0 16px 16px;
    }

    #actualites #actu .bloc-1 {
        flex-direction: column;
        gap: 1rem;
    }

    #actualites #actu .actus-filtres {
        justify-content: center;
    }

    #actualites #actu .bloc-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #actualites #actu img {
        width: 100%;
    }

    #actualites #actu .card .content {
        min-height: auto;
    }

}

/*------------------------------------*\
    Page Contact
\*------------------------------------*/

#contacter {
    padding-top: 2rem;
}

#contacter .bloc-contact {
    border: 1px solid var(--color-primary);
    border-radius: 16px;
    padding: 2rem;
    background: var(--fond);
}

#contacter .gform_heading {
    display: none;
}

#contacter #gform_1 input,
#contacter #gform_1 .chosen-single,
#contacter #gform_1 textarea {
    border-radius: 8px;
}

#contacter #gform_1 .order #input_1_4 {
    flex-direction: row-reverse;
    gap: 4px;
}

#contacter #gform_submit_button_1 {
    width: max-content;
    text-transform: uppercase;
    padding: 0.75rem 2.5rem 0.75rem 2rem;
    font-size: 18px;
    font-family: var(--font-secondary);
    font-weight: 700;
    color: var(--color-primary);
    background-image: url(/wp-content/themes/Nautelis/images/right-arrow.svg);
    background-color: var(--color-secondary);
    background-repeat: no-repeat;
    background-position: 200px center;
    transition: all 0.3s;
}

#contacter #gform_submit_button_1:hover {
    background-color: var(--color-primary);
    color: white;
    background-image: url(/wp-content/themes/Nautelis/images/right-arrow-sec.svg);
}

#contacter .obli {
    font-size: 12px;
}

#contacter .obli span {
    color: #c02b0a;
}

#contacter .bloc-3 {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

#contacter .telephone {
    background: var(--color-primary);
    border-radius: 16px;
    padding: 1.5rem 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

#contacter .telephone p {
    color: white;
    margin: 0;
}

#contacter .telephone .titre {
    font-size: 20px;
    font-weight: 700;
}

#contacter .tel {
    display: flex;
    gap: 1rem;
}

#contacter .tel img {
    background: rgba(255, 255, 255, 6%);
    padding: 1rem;
    border-radius: 12px;
    margin: auto 0;
}

#contacter .num p:first-child {
    font-size: 12px;
    text-transform: uppercase;
}

#contacter .num p:last-child {
    font-weight: bold;
}

#contacter .informations {
    border-radius: 16px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.20);
    padding: 1.5rem 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

#contacter .informations p {
    margin: 0;
}

#contacter .horaire p:first-child,
#contacter .adresse p:first-child {
    font-weight: 700;
}

@media screen and (min-width: 801px) and (max-width: 1024px) {

    #contacter .bloc-3,
    #contacter .bloc-2-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #contacter .bloc-3 {
        order: 1;
        margin-bottom: 2rem;
    }

    #contacter .bloc-2-3 {
        order: 2;
    }
}

@media screen and (max-width: 800px) {
    #contacter .bloc-3 {
        order: 1;
        margin-bottom: 2rem;
    }

    #contacter .bloc-2-3 {
        order: 2;
    }
}

/*------------------------------------*\
    Page ML & PC
\*------------------------------------*/

#ariane {
    padding-top: 2rem;
}

/*------------------------------------*\
    Composants
\*------------------------------------*/

/* Composant Nos expertises */

#expertise .bloc-2 {
    margin-bottom: 3rem;
}

#expertise .expert-card {
    background: url(/wp-content/themes/Nautelis/images/bg-expert.jpg);
    border-radius: 24px;
    padding: 2rem;
    min-height: 420px;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
}

#expertise .expert-card * {
    color: white;
}

#expertise .contenu img {
    background: rgba(255, 255, 255, 6%);
    padding: 1rem !important;
    border-radius: 12px;
    margin: 0 0 1rem 0;
    max-width: 56px;
}

#expertise .contenu .tag {
    font-size: 12px;
}

#expertise .contenu h3 {
    font-size: 24px;
    font-family: var(--font-primary);
    line-height: normal;
}

#expertise .expert-card .lien::after {
    content: url(/wp-content/themes/Nautelis/images/right-arrow-sec.svg);
}

#expertise .bloc-1 {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

#expertise .slick-prev,
#expertise .slick-next {
    top: -10% !important;
}

#expertise .slick-prev {
    left: inherit;
    right: 80px;
}

#expertise .slick-next {
    right: 2%;
}

#expertise .slick-prev::after {
    content: url(/wp-content/themes/Nautelis/images/prev.svg);
}

#expertise .slick-next::after {
    content: url(/wp-content/themes/Nautelis/images/next.svg);
}

@media screen and (min-width: 801px) and (max-width: 1199px) {
    #expertise .row {
        justify-content: center;
    }

    #expertise .bloc-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1199px) {
    #expertise .bloc-3 {
        margin-bottom: 2rem;
    }
}

@media screen and (min-width: 801px) and (max-width: 1024px) {
    #expertise .bloc-3 {
        margin-bottom: 1rem;
    }

    #expertise .bloc-1 {
        margin-top: 1rem;
    }
}

@media screen and (max-width: 800px) {
    #expertise .bloc-3 {
        margin: 1rem 0;
    }

    #expertise .bloc-1 {
        margin-top: 2rem;
    }
}

/* Composant Cabinet */

#cabinet {
    background: var(--fond);
}

#nos-expertises #cabinet {
    background: none;
}

#cabinet .row>* {
    margin-bottom: 3rem;
}

#cabinet .bloc-2:nth-of-type(2) p {
    margin: 1rem 0;
}

#cabinet .slick-prev,
#cabinet .slick-next {
    top: -10% !important;
}

#cabinet .slick-prev {
    left: inherit;
    right: 80px;
}

#cabinet .slick-next {
    right: 2%;
}

#cabinet .slick-prev::after {
    content: url(/wp-content/themes/Nautelis/images/prev.svg)
}

#cabinet .slick-next::after {
    content: url(/wp-content/themes/Nautelis/images/next.svg)
}

#cabinet .slick-list {
    padding: 2rem 0 1rem 0;
}

#cabinet .slide {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    min-height: 220px;
    background: white;
    padding: 2rem;
    border-radius: 16px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.20);
}

#cabinet .slide h4 {
    font-size: 20px;
    font-family: var(--font-primary);
    text-transform: uppercase;
    margin-bottom: 1rem;
}

#cabinet .slide p {
    color: #62748E;
}

#cabinet .liste {
    display: flex;
    flex-wrap: wrap;
    margin: 2rem 0 0 0;
}

#cabinet .liste li {
    width: 50%;
}

#cabinet .bloc-com {
    background: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem;
    border-radius: 16px;
}

#cabinet .contenu {
    display: flex;
    align-items: center;
    gap: 2rem;
    max-width: 65%;
}

#cabinet .contenu img {
    background: rgba(255, 255, 255, 6%);
    padding: 1rem;
    border-radius: 12px;
}

#cabinet .contenu div p {
    color: rgb(219 234 254 / 70%);
}

#cabinet .contenu div .titre {
    color: white;
    text-transform: uppercase;
    font-size: 22px;
}

@media screen and (min-width: 801px) and (max-width: 1199px) {
    #cabinet .row>* {
        margin-bottom: 1rem;
    }
}

@media screen and (max-width: 800px) {
    #cabinet .bloc-com {
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
    }

    #cabinet .contenu {
        max-width: 100%;
    }

    #cabinet .bloc-2:first-child {
        margin-bottom: 0;
    }

    #cabinet .row>* {
        margin-bottom: 2rem;
    }
}

@media screen and (max-width: 600px) {
    #cabinet .liste li {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    #cabinet .contenu {
        flex-direction: column;
    }
}

/* Composant Certification */

#certif {
    background: var(--gradiant);
}

#certif .bloc-2 {
    margin-bottom: 3rem;
}

#certif .slick-prev,
#certif .slick-next {
    top: -10% !important;
}

#certif .slick-prev {
    left: inherit;
    right: 80px;
}

#certif .slick-next {
    right: 2%;
}

#certif .slick-prev::after {
    content: url(/wp-content/themes/Nautelis/images/prev.svg)
}

#certif .slick-next::after {
    content: url(/wp-content/themes/Nautelis/images/next.svg)
}

#certif .slick-list {
    padding: 2rem 0 1rem 0;
}

#certif .card {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    background: rgba(255, 255, 255, 0.7);
    padding: 2rem;
    border-radius: 16px;
    min-height: 350px;
}

#certif .card * {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}

#certif .card img {
    max-width: 100px;
}

#certif .card .sous-titre {
    font-size: 14px;
}

#certif .bloc-1 {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

@media screen and (min-width: 801px) and (max-width: 1199px) {
    #certif .bloc-2 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 800px) {
    #certif .bloc-2 {
        margin-bottom: 0rem;
    }
}

/* Composant Chiffres */

.chiffres {
    background: var(--gradiant);
}

.chiffres .bloc-1 {
    margin-bottom: 3rem;
}

.chiffres .bloc-1 * {
    text-align: center;
}

.chiffres .chi {
    display: flex;
    justify-content: center;
    align-items: end;
    position: relative;
    margin-bottom: 2rem;
}

.chiffres .chi::after {
    content: url(/wp-content/themes/Nautelis/images/barre-sec.svg);
    position: absolute;
    bottom: -20%;
}

.chiffres .chi * {
    text-shadow: 0 4px 9px rgba(0, 0, 0, 0.10);
    font-weight: 700;
    line-height: 1;
}

.chiffres .nombre {
    font-size: 96px;
    margin: 0;
}

.chiffres .chi span {
    font-size: 36px;
    font-style: italic;
    margin-bottom: 0.5rem;
}

.chiffres .bloc-4 .donnée {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700
}

@media screen and (max-width: 800px) {
    .chiffres .bloc-1 {
        margin-bottom: 0rem;
    }
}

@media screen and (min-width: 481px) and (max-width: 800px) {
    .chiffres .bloc-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

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

    .chiffres .bloc-4:nth-child(3),
    .chiffres .bloc-4:nth-child(4),
    .chiffres .bloc-4:nth-child(5) {
        display: none;
    }
}

/* Composant Nous contacter */

#nous-contacter {
    background: var(--color-primary);
}

#nous-contacter .bloc-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#nous-contacter h2,
#nous-contacter p {
    color: white;
    text-align: center;
}

#nous-contacter p:not(.tag) {
    color: #DBEAFE;
}

#nous-contacter .grp-btn {
    margin-top: 2rem;
}

#nous-contacter .btn::after {
    display: none;
}

/* Composant Google avis */

#avis {
    background: var(--fond);
}

#avis .bloc-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
}

#avis .google-reviews__rating {
    flex-direction: row;
    align-items: center;
    gap: 0.25rem;
}

.google-reviews__rating {
    display: flex;
    flex-direction: column;
    font-weight: 600;
    margin: 0;
}

.stars-rating {
    --percent: calc(var(--rating) / 5 * 100%);
    display: inline-block;
    font-size: 16px;
}

.stars-rating::before {
    content: '★★★★★';
    background: linear-gradient(90deg,
            var(--color-secondary) var(--percent),
            white var(--percent));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: 2px;
}

.google-review {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    background: #FFF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
    border-radius: 16px;
    padding: 2rem;
}

.review-text {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.review-text__toggle {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    text-align: start;
    color: #000000;
    text-decoration: underline;
}

.review-text__toggle:hover {
    color: #006eff;
}

.google-review .auteur {
    font-weight: 700;
}

/* Composant Étapes */
#etapes {
    background: var(--fond);
}

#etapes * {
    text-align: center;
}

#etapes .bloc-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 2rem;
}

#etapes .bloc-1:last-child {
    margin: 2rem 0 0;
}

#etapes .card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

#etapes .card * {
    margin-bottom: 0;
}

#etapes .card .img,
#etapes .card .img img {
    position: relative;
    z-index: 6;
}

#etapes .card .img {
    width: 100%;
}

#etapes .card .img::after {
    content: '';
    background: var(--color-secondary);
    width: 90%;
    height: 2px;
    position: absolute;
    top: 50%;
    right: -50%;
    z-index: 1;
}

#etapes .bloc-5:nth-child(6) .card .img::after {
    display: none;
}

#etapes .duree {
    position: relative;
    font-weight: 600;
    background: #FFF3E3;
    padding: 0.5rem 0.75rem;
    border-radius: 40px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

#etapes .duree::before {
    content: url(/wp-content/themes/Nautelis/images/clock.svg);
    height: 18px;
}

@media screen and (max-width: 800px) {
    #etapes .bloc-5 {
        display: flex;
        justify-content: center;
    }

    #etapes .card {
        max-width: 75%;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        border-bottom: 1px solid var(--color-secondary);
    }

    #etapes .bloc-5:nth-child(6) .card {
        border-bottom: none;
    }

    #etapes .card .img::after {
        display: none;
    }
}

/* Composant Accordeon */

#faq .bloc-3-5 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.accordeon {
    background: var(--fond);
    border: 1px solid var(--color-primary);
    border-radius: 16px;
    padding: 1rem 2rem;
    cursor: pointer;
}

.accordeon.actif {
    background: white;
}

.accordeon .content {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease;
}

.accordeon .content>* {
    overflow: hidden;
}

.accordeon.actif .content {
    grid-template-rows: 1fr;
}

.accordeon .titre {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.accordeon .titre::after {
    content: url(/wp-content/themes/Nautelis/images/accordeon-open.svg);
}

.accordeon.actif .titre::after {
    content: url(/wp-content/themes/Nautelis/images/accordeon-close.svg);
}

.accordeon .content p {
    margin: 0;
}

.accordeon.actif .content p {
    margin: 1rem 0 0;
}

@media screen and (min-width: 801px) and (max-width: 1024px) {

    #faq .bloc-2-5,
    #faq .bloc-3-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #faq .bloc-2-5 {
        margin-bottom: 2rem;
    }
}

@media screen and (max-width: 800px) {
    #faq .bloc-2-5 {
        margin-bottom: 2rem;
    }
}

/*------------------------------------*\
    Section Intro
\*------------------------------------*/

#intro {
    background: url(/wp-content/themes/Nautelis/images/intro.jpg);
}

#intro .bloc-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 70%;
}

#intro h1,
#intro p {
    color: white;
}

#intro h1,
#intro .titre,
#intro .extrait {
    text-align: center;
}

#intro .extrait {
    max-width: 70%;
}

#intro .titre {
    font-size: 76px;
    font-weight: 700;
    font-family: var(--font-secondary);
    line-height: 1;
    margin-bottom: 1rem;
}

#intro .grp-btn {
    margin-top: 2rem;
}

@media screen and (max-width: 800px) {
    #intro .bloc-1 {
        width: 100%;
    }

    #intro .grp-btn {
        justify-content: center;
    }

}

@media screen and (min-width: 481px) and (max-width: 800px) {
    #intro .titre {
        font-size: 56px;
    }
}

@media screen and (max-width: 480px) {
    #intro .titre {
        font-size: 46px;
    }

    #intro .extrait {
        max-width: 100%;
    }
}

/* Composant Actualité */

/* Section actu */

#actu {
    background: var(--fond);
}

#actu .bloc-2-3,
#actu .bloc-3 {
    margin-bottom: 2rem;
}

#nautelis #actu .bloc-3 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#actu .feature h3,
#actu .all h3 {
    font-size: 24px;
    font-family: var(--font-primary);
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    line-height: normal;
}

#actu .all h3 {
    font-size: 18px;
    line-height: 1;
}

#actu .feature .date,
#actu .all .date {
    font-size: 12px;
    font-weight: 700;
}

#actu .feature .card {
    position: relative;
}

#actu .feature .card .cat {
    position: absolute;
    top: 5%;
    left: 5%;
    background: var(--color-secondary);
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 10px;
    letter-spacing: 2px;
    font-weight: 700;
}

#actu .feature .card img {
    width: 100%;
    max-height: 320px;
    object-fit: cover;
    border-radius: 16px 16px 0 0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
}

#actu .feature .card .content {
    border-radius: 0 0 16px 16px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
    height: 100%;
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #FFF;
}

#actu .all {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
}

#actu .all .card {
    position: relative;
    display: flex;
}

#actu .all .card .cat {
    position: absolute;
    top: 4%;
    left: 1%;
    background: var(--color-secondary);
    padding: 0.25rem 0.5rem;
    border-radius: 8px;
    font-size: 9px;
    letter-spacing: 2px;
    font-weight: 700;
    max-width: 140px;
}

#actu .all .card img {
    max-width: 185px;
    height: 100%;
    max-height: 200px;
    object-fit: cover;
    margin: 0;
    border-radius: 16px 0 0 16px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
}

#actu .all .card .content {
    width: 100%;
    border-radius: 0 16px 16px 0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
    height: 100%;
    padding: 0.75rem 1.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #FFF;
}

@media screen and (min-width: 1200px) {
    .actu-slider {
        display: none !important;
    }
}

@media screen and (max-width: 1199px) {
    #actu .bloc-2 {
        display: none;
    }

    #actu .feature .card img {
        max-height: 100%;
    }

    #actu .feature .card .content {
        margin-bottom: 4px;
        min-height: 280px;
        justify-content: space-evenly;
    }
}

/*------------------------------------*\
    Single Actu
\*------------------------------------*/

.single-extrait {
    margin-top: 3rem;
}

.built {
    padding: 0rem 0 6rem;
}

.built img {
    border-radius: 16px;
}

.built p {
    margin-bottom: 1rem;
}

.built ul {
    list-style: disc;
    margin-bottom: 1rem;
}

.built ul li {
    margin-bottom: 0.5rem;
}

.built ul li::marker {
    color: var(--color-secondary);
}

.built table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 1rem;
}

.built thead th {
    background: var(--color-primary);
    padding: 1rem 1.5rem;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    color: white;
    text-align: start;
}

.built thead th:first-child {
    border-radius: 16px 0 0 0;
}

.built thead th:last-child {
    border-radius: 0 16px 0 0;
}

.built tbody tr:nth-child(odd) {
    background: #F8FAFC;
}

.built tbody tr:nth-child(even) {
    background: #E2E8F0;
}

.built tbody td {
    padding: 1rem 1.5rem;
}

.built tbody tr:last-child td:first-child {
    border-radius: 0 0 0 16px
}

.built tbody tr:last-child td:last-child {
    border-radius: 0 0 16px 0
}


/*------------------------------------*\
    Single Expertise
\*------------------------------------*/

/* Section Expertises */

.single-expertise #expertises .bloc-2 {
    margin-bottom: 0;
}

.single-expertise #expertises h2 {
    max-width: 80%;
}

.single-expertise #expertises .barre::after {
    bottom: -15%;
}

.single-expertise #expertises .sous-titre {
    font-weight: 700;
}

.single-expertise #expertises p {
    margin-bottom: 1rem;
}

.single-expertise #expertises .bloc-2:last-child {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.single-expertise #expertises .liste {
    padding: 1.5rem 2rem;
    border: 1px solid var(--color-primary);
    border-radius: 16px;
}

.single-expertise #expertises .liste h3 {
    margin-bottom: 0.5rem;
}

.single-expertise #expertises .liste p {
    margin-bottom: 0;
}

/* Section Prestations */

#prestations {
    background: var(--fond);
}

#prestations .bloc-2 {
    margin-bottom: 2rem;
}

#prestations .card {
    background: white;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
    border-radius: 16px;
    padding: 3rem 2rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
}

#prestations .content h3 {
    margin-bottom: 0.5rem;
}

#prestations .content p {
    margin-bottom: 1.5rem;
}

#prestations .content ul {
    margin: 0;
}

#prestations .content ul .li:last-of-type {
    margin-bottom: 0;
}

#prestations .cible {
    padding-top: 1.5rem;
    border-top: 1px solid rgb(0 0 0 / 20%);
}

#prestations .cible p {
    margin: 0;
}

#prestations .cible p:first-of-type {
    text-transform: uppercase;
    font-weight: 700;
}

#prestations .cible span {
    margin: 0 0.25rem;
}

#prestations .cible span:last-of-type {
    display: none;
}

/* Section Instrumentation */

#instru {
    background: var(--gradiant);
}

#instru .bloc-2 {
    margin-bottom: 2rem;
}

#instru .bloc-2:nth-child(2) p {
    margin-top: 2rem;
}

#instru .bloc-4 .card {
    background: rgba(255, 255, 255, 0.7);
    padding: 2rem;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    height: 100%;
}

#instru .bloc-4 .card * {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
}

#instru .bloc-4 .card h3 {
    font-size: 24px;
    font-family: var(--font-primary);
}

/* Sectoin étapes */

.single-expertise #etapes {
    background: none;
}

/* Section faq */

.single-expertise #faq {
    background: var(--fond);
}

/* Section autre expertises */

#autre-expertises .bloc-1 {
    margin-bottom: 1rem;
}

#autre-expertises .slick-prev {
    left: inherit;
    right: 80px;
}

#autre-expertises .slick-next {
    right: 2%;
}

#autre-expertises .slick-prev,
#autre-expertises .slick-next {
    top: -10% !important;
}

#autre-expertises .slick-prev::after {
    content: url(/wp-content/themes/Nautelis/images/prev.svg);
}

#autre-expertises .slick-next::after {
    content: url(/wp-content/themes/Nautelis/images/next.svg);
}

#autre-expertises .card .header {
    padding: 2.5rem;
    border-radius: 24px 24px 0 0;
    background-color: var(--color-primary);
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    min-height: 242px;
}

#autre-expertises .card img {
    background: rgba(255, 255, 255, 6%);
    padding: 1rem !important;
    border-radius: 12px;
    margin: 0 !important;
    max-width: 56px;
}

#autre-expertises .card .titre>* {
    color: white;
}

#autre-expertises .card .titre .tag {
    text-transform: none;
}

#autre-expertises .card .titre h3 {
    margin: 0;
    font-size: 26px;
    font-family: var(--font-primary);
    text-transform: none;
}

#autre-expertises .card .contenu {
    padding: 2.5rem;
    border-radius: 0 0 24px 24px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.20);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
    height: 100%;
    margin-bottom: 4px;
}

#autre-expertises .card .contenu .extrait {
    margin-bottom: 1.5rem;
}

#autre-expertises .card .contenu ul {
    margin: 0;
}

#autre-expertises .card .footer {
    padding-top: 1.5rem;
    border-top: 1px solid rgb(0 0 0 / 20%);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

#autre-expertises .card .footer div p {
    margin: 0;
}

#autre-expertises .card .footer p:first-of-type {
    text-transform: uppercase;
    font-weight: 700;
}

@media screen and (max-width: 1199px) {
    .single-expertise #expertises h2 {
        max-width: 100%;
    }
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
    #prestations .row {
        justify-content: center;
    }

    #prestations .bloc-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 2rem;
    }

    #prestations .bloc-3:last-of-type {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 801px) and (max-width: 1025px) {
    #instru .bloc-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 2rem;
    }

    #instru .bloc-4:nth-child(5),
    #instru .bloc-4:last-of-type {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 800px) {
    .single-expertise #expertises .bloc-2:last-child {
        margin-top: 2rem;
    }

    #prestations .bloc-2:first-of-type {
        margin-bottom: 0;
    }

    #prestations .bloc-3 {
        margin-bottom: 2rem;
    }

    #prestations .bloc-3:last-of-type {
        margin-bottom: 0;
    }

    #instru .bloc-2:first-child,
    #instru .bloc-2:nth-child(2) p {
        margin: 0;
    }

    #instru .bloc-4 {
        margin-bottom: 2rem;
    }

    #instru .bloc-4:last-of-type {
        margin-bottom: 0;
    }
}

/*------------------------------------*\
    Single Secteurs
\*------------------------------------*/

.single-secteur #fil-ariane,
#carte {
    background: var(--fond);
}

#carte {
    padding-top: 2rem;
}

#carte .bloc-2 {
    margin-bottom: 2rem;
}

#carte .bloc-2 h2 {
    max-width: 75%;
}

#carte .bloc-2 h3 {
    font-family: var(--font-primary);
}

#carte .bloc-2:nth-child(3) h3 {
    text-transform: uppercase;
}

#carte .v-barre {
    max-width: 90%;
}

#carte .liste-ports {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

#carte .liste-ports p {
    margin: 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    padding: 0.5rem 1rem;
    border: 2px solid var(--color-primary);
    border-radius: 8px;
}

#autre-secteur .bloc-1 {
    margin-bottom: 1rem;
}

#autre-secteur .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem 1rem;
    border: 1px solid var(--color-primary);
    border-radius: 8px;
    margin-bottom: 2rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
}

#autre-secteur .content h3 {
    font-size: 16px;
    font-family: var(--font-primary);
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0;
}

@media screen and (min-width: 801px) and (max-width: 1400px) {
    #autre-secteur .bloc-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 480px) {
    #autre-secteur .content {
        flex-direction: column;
    }
}

/*------------------------------------*\
    Plugin Map
\*------------------------------------*/

@media screen and (max-width: 1024px) {
    .ports-map-section .bloc-2 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .ports-map-left {
        margin-bottom: 2rem;
    }

    .ports-map-right {
        height: 50vh;
        min-height: 350px;
    }

}

/*------------------------------------*\
    Responsive
\*------------------------------------*/

@media screen and (min-width: 1025px) and (max-width: 1199px) {}

@media screen and (min-width: 801px) and (max-width: 1024px) {}

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

@media screen and (min-width: 481px) and (max-width: 800px) {}

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