::selection {
    background: var(--orange);
    color: white;
    text-shadow: none;
}

::-webkit-selection {
    background: var(--orange);
    color: white;
    text-shadow: none;
}

::-moz-selection {
    background: var(--orange);
    color: white;
    text-shadow: none;
}

*,
*:after,
*:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    outline: none !important;
    text-decoration: none;

}

section,
div,
header,
nav,
article,
section,
aside,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
ul,
li,
figure,
figcaption,
class,
img {

    margin: 0;
    padding: 0;
}


/*
html::-webkit-scrollbar {

    width: 10px;
    background-color: #f2eada;
}

html::-webkit-scrollbar-thumb {

    background-color: #e5131c;
}
*/

html,
body {

    width: 100%;
    padding: 0;
    margin: 0;
    font-family: 'Open Sans', sans-serif;

}

body {

    overflow-x: hidden;

}

main {

    padding-left: 20%;
}

.page main > section > h1,
br.clear,
a.post-edit-link {

    display: none;
}

input::placeholder,
textarea::placeholder {

    opacity: 1 !important;
}

a {

    color: black;
}

:root {
    
    --bleu: #045582;
    --bleu2: #5F91CC;
    --vert: #5F9C61;
    --marron: #6d6152;
    --orange: #EE7203;
    --gris: #383F49;

}

/*------------------------------------*\
   PASSWORD
\*------------------------------------*/

.post-password-form {

    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Open Sans', sans-serif;
    z-index: 9999;
    background: white;
}

.post-password-form p:first-child {

    display: none;
}

.post-password-form p {

    position: relative;
    display: flex;
}

.post-password-form p:before {

    content: '';
    width: 100%;
    height: 12.5vh;
    background-image: url(https://www.smb-france.net/wp-content/uploads/2023/01/smb_logo_2023.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: calc(100% + 25px);
}

.post-password-form label {

    font-size: 0;
}

.post-password-form label input {

    padding: 12.5px;
    border: solid 1px black;
    background: white;
    font-size: .8vw;
}

.post-password-form input {

    border: solid 1px black;
    border-left: none;
    font-size: .8vw;
    background: var(--orange);
    padding: 12.5px;
    transition: all .3s;
}

.post-password-form p > input:hover {
    
    background: var(--bleu);
}

/*------------------------------------*\
   PHOTOTHEQUE
\*------------------------------------*/

.dialog-message * {

    color: var(--gris) !important;
    
}

#phototheque .e-gallery-item {

    transition: 0s;
}

#phototheque .elementor-gallery-title {

    padding: 0;
    margin-left: 25px;
}

#phototheque .elementor-gallery__titles-container {

    padding: 5% 0 !important;
    margin: 0 !important;
    position: -webkit-sticky !mportant;
    position: -moz-sticky !mportant;
    position: -o-sticky !mportant;
    position: -ms-sticky !mportant;
    position: sticky !important;
    top: 0 !important;
    background: white;
    z-index: 1;
}

#phototheque .e-gallery-image {

    transition: all .5s !important;
    transform-origin: center;
}

#phototheque a.e-gallery-item:hover .e-gallery-image {

    transform: scale(1.10);
    transform-origin: center;
}


/*------------------------------------*\
   ARTICLE BTN
\*------------------------------------*/

.back {

    transition: all .3s;
    width: 40px;
    height: 40px;
    display: inline-block;
    background-color: var(--marron);
    background-image: url('/wp-content/uploads/2021/07/back.svg');
    background-position: center;
    background-size: 66%;
    background-repeat: no-repeat;
    position: fixed;
    top: 0;
    z-index: 9998;
}

.back-top {

    transition: all .3s;
    width: 40px;
    height: 40px;
    display: none;
    background-color: var(--marron);
    background-image: url('/wp-content/uploads/2021/07/back.svg');
    transform: rotate(90deg);
    background-position: center;
    background-size: 66%;
    background-repeat: no-repeat;
    position: fixed;
    bottom: 100px;
    right: 0;
    z-index: 9998;
}

.elementor-widget-hotspot {

    position: relative;
}

.hide-dot {

    transition: all .3s;
    width: 40px;
    height: 40px;
    display: inline-block;
    background-color: var(--marron);
    background-image: url('/wp-content/uploads/2021/09/hide-dot.svg');
    background-position: center;
    background-size: 66%;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    position: absolute;
    cursor: pointer;
}

.active-dot {

    background-image: url('/wp-content/uploads/2021/09/active-dot.svg');
}

.elementor-widget-html {

    z-index: 9998;
}

#logo-article-wrap {

    position: fixed;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 100px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9998 !important;
}

#logo-article-wrap #logo-article {

    width: 50px;
    height: 50px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}


/*------------------------------------*\
   PASSWORD PROTECT CONTENT
\*------------------------------------*/

/*
.no-padding {

    padding-left: 0;
}


article.post-password-required .password {

    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Open Sans', sans-serif;
    background-image: url(/wp-content/uploads/2021/07/smb-accueil-scaled.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

article.post-password-required .password .wrap {

    height: 100vh;
    width: 33%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    border-left: solid 1px white;
    border-right: solid 1px white;
}

article.post-password-required .wrap:before {

    content: '';
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: var(--bleu);
    display: inline-block;
    position: absolute;
    mix-blend-mode: multiply;
    -webkit-mix-blend-mode: multiply;
    content: '';
}

article.post-password-required .wrap .bloc {

    z-index: 1;
    width: 100%;
    height: 33.333%;
    border-bottom: solid 1px white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 10%;
}

article.post-password-required .wrap .bloc h1 {

    display: block;
    width: 100%;
    text-align: center;
    color: white;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 2vw;
}

article.post-password-required .wrap .bloc h1:nth-of-type(2) {

    font-weight: 600;
}

article.post-password-required .wrap .bloc svg {

    height: 100%;
}

article.post-password-required .wrap .bloc form {

    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

article.post-password-required .wrap .bloc div {

    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

article.post-password-required .wrap .bloc form div input {

    width: 100%;
    margin: 0 10%;
    text-align: center;
    padding: 2.5%;
    font-size: 1.1vw;
    background-color: transparent;
    border: solid 1px white;
    color: white;
    margin-bottom: 5%;
}

article.post-password-required .wrap .bloc form div input::placeholder {

    color: white;
}

article.post-password-required .wrap .bloc form div button {

    width: 100%;
    margin: 0 10%;
    text-align: center;
    padding: 2.5%;
    font-size: 1.1vw;
    background-color: var(--orange);
    border: solid 1px white;
    color: white;
    text-transform: uppercase;
}

*/

div.comments {

    display: none;
}
*/

/*------------------------------------*\
   FILTERS
\*------------------------------------*/

.active-filter {

    position: relative;
}

.active-filter:after {

    content: '';
    width: 100%;
    height: 100%;
    background-color: var(--orange);
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-mix-blend-mode: color-dodge;
    -moz-mix-blend-mode: color-dodge;
    -o-mix-blend-mode: color-dodge;
    -ms-mix-blend-mode: color-dodge;
    mix-blend-mode: color-dodge;
}

#entreprise .jet-radio-list__item {

    margin-left: 25px;
}

#entreprise .jet-radio-list__button .jet-radio-list__label {

    text-indent: -9999px;
    width: 75px;
    height: 75px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}

.jet-radio-list__button:hover {

    color: var(--orange);
}

.himber-filter {

    background-image: url(/wp-content/uploads/2023/01/himber_logo_gris_2023.svg) !important;
}

.crepin-filter {

    background-image: url(/wp-content/uploads/2023/01/crepin_logo_gris_2023.svg) !important;
}

.sixd-system-filter {

    background-image: url(/wp-content/uploads/2021/07/sixdsystems-contact.svg) !important;
}

.aloatec-filter {

    background-image: url(/wp-content/uploads/2023/01/aloatec_logo_gris_2023.svg) !important;
}

/*------------------------------------*\
   PORTFOLIO
\*------------------------------------*/

/*
.elementor-post-info__terms-list-item:not(.elementor-post-info__terms-list-item:contains('Himber')) {
    
    display: block !important;
    width: 100% !important;
}
*/

.elementor-portfolio-item__overlay {

    opacity: 1 !important;
    position: relative;
    padding: 10% !important;
    transition: all .3s;
}

.elementor-portfolio-item__overlay:before {

    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #4b5256;
    display: inline-block;
    mix-blend-mode: multiply;
    -webkit-mix-blend-mode: multiply;
    z-index: 1;
    transition: all .3s;
}

.elementor-post__thumbnail__link .elementor-post__thumbnail img {

    transition: width .5s !important;
}

.elementor-post__thumbnail__link:hover .elementor-post__thumbnail img {

    width: 110% !important;
    transition: width .5s !important;
}


.elementor-portfolio-item__title {

    text-align: left;
    z-index: 2;
    padding-right: 25% !important;
    position: relative;
}

.elementor-portfolio-item__title:after {

    content: '';
    width: 10px;
    height: 10px;
    background-color: var(--orange);
    border-radius: 10px;
    position: absolute;
    right: 0;
    top: calc(50% - 5px);
    display: inline-block;
}

.elementor-portfolio-item__title:before {

    content: '';
    width: 20px;
    height: 20px;
    border: 1.5px solid var(--orange);
    border-radius: 20px;
    position: absolute;
    right: -5px;
    top: calc(50% - 10px);
    display: inline-block;
}

article.category-crepin .elementor-portfolio-item__title:before,
article.category-lowtev .elementor-portfolio-item__title:before {

    border-color: #5f91cc !important;
}

article.category-crepin .elementor-portfolio-item__title:after,
article.category-lowtev .elementor-portfolio-item__title:after {

    background-color: #5f91cc !important;
}

.elementor-post__thumbnail__link:hover .elementor-portfolio-item__title:before {

    animation: opacity-dot linear .5s alternate infinite;
}



@keyframes opacity-dot {

    from {

        opacity: 1;
        transform: scale(1);
    }

    to {

        opacity: 0;
        transform: scale(1.2);
    }
}


.bg-article-orange {

    background-color: var(--orange) !important;
}

.bg-article-blue {

    background-color: #5f91cc !important;
}

.title-article > .elementor-widget-wrap:after {

    content: '';
    height: 100%;
    width: 100%;
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: calc(100% - 1px);

}

.title-article .bg-article-orange:after {

    background-image: url(/wp-content/uploads/2021/07/border-orange.svg) !important;
}


.title-article .bg-article-blue:after {

    background-image: url(/wp-content/uploads/2021/07/border-blue.svg) !important;
}

.elementor-post-info__terms-list {

    font-size: 0;
}

.elementor-post-info__terms-list .elementor-post-info__terms-list-item {

    font-size: 1.3vw;
}


/*------------------------------------*\
   SCROLL TOP
\*------------------------------------*/



.top-scroll {

    position: absolute;
    display: inline-block;
    background-color: transparent;
    width: 25px;
    height: 33vh;
    right: 0;
    top: -33vh;
}

#himber .top-scroll {

    top: 0 !important;
}

/*------------------------------------*\
   BORDER
\*------------------------------------*/

#border-top {

    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: nowrap;
    border-bottom: solid 1px white;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    top: 0 !important;
}

#border-top div {

    width: 33.333%;
    padding-bottom: 13.5%;
    position: relative;
}


#border-top div.a {

    border-right: solid 1px white;
}

#border-top div:after {

    content: '';
    width: 8px;
    height: 8px;
    display: block;
    background-color: white;
    position: absolute;
    bottom: -4px;
    right: -4px;
}

#border-top2 {

    width: calc(100% - 10%);
    height: auto;
    display: flex;
    flex-wrap: nowrap;
}

#border-top2 div {

    width: 50%;
    padding-bottom: 22.5%;
    position: relative;
    border-right: solid 1px white;
}

#border-top2 div:after {

    content: '';
    width: 8px;
    height: 8px;
    display: block;
    background-color: white;
    position: absolute;
    bottom: -4px;
    right: -4px;
}

/*------------------------------------*\
   OPACITY
\*------------------------------------*/

.add-opacity {

    transition: all .3s;
    opacity: 0;
}

.opacity-class {

    opacity: 1;
}



/*------------------------------------*\
   LINE BOTTOM
\*------------------------------------*/

.line-bottom .elementor-widget-container {

    position: relative;
}

.line-bottom .elementor-widget-container:after {

    content: '';
    position: absolute;
    left: 0;
    padding-top: 3%;
    width: 3vw;
    height: auto;
    border-bottom: 3.5px solid #5f91cc;
    display: inline-block;
}

.line-bottom-orange .elementor-widget-container:after {

    border-color: var(--orange);
}

.line-bottom-img {

    position: relative;
}

.line-bottom-img:after {

    content: '';

    padding-top: 3%;
    width: 3vw;
    height: auto;
    border-bottom: 3.5px solid var(--orange);
    display: inline-block;
}

.line-bottom-img-blue:after {

    border-color: #5f91cc;
}

/*------------------------------------*\
   ASPECT RATIO SQUARE
\*------------------------------------*/

.square-ratio {

    padding-bottom: 25% !important;
    display: inline-block !important;
    height: auto !important;
}

.square-ratio .elementor-widget-wrap {

    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}


/*------------------------------------*\
   SQUARE
\*------------------------------------*/

.square .elementor-heading-title {

    position: relative;
}

.square .elementor-heading-title:before {

    content: '';
    position: absolute;
    left: -30px;
    top: calc(50% - 3px);
    width: 6px;
    height: 6px;
    background-color: #5f91cc;
    display: inline-block;
}

/*------------------------------------*\
   HEADER
\*------------------------------------*/

#header {

    height: 100vh;
    width: 20vw;
    background-color: white;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    -webkit-box-shadow: 0px 0px 20px 5px rgba(6, 16, 25, 0.25);
    box-shadow: 0px 0px 20px 5px rgba(6, 16, 25, 0.25);
    padding: 3%;
    overflow-y: scroll;

}

#header::-webkit-scrollbar,
#header::-webkit-scrollbar-thumb {

    width: 0;
}

#header .bloc {

    position: relative;
    height: 100%;
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
}

#header .bloc .burger {

    display: none;
}

#header .bloc a#logo {

    display: inline-block;
    width: 33.333%;
}

#header .bloc #full {

    cursor: pointer;
    margin-top: 10%;
    width: 7.5%;
}

#header .bloc #wrapper #full svg polygon {

    fill: var(--orange);
}

#header .bloc #wrapper #full svg {

    width: 100%;
}

#header .bloc #wrapper #nav {

    margin: 25% 0;
}

#header .bloc #wrapper #nav ul,
#header .bloc #wrapper .sociaux {

    width: 100%;
}

#header .bloc #wrapper #nav ul li {

    list-style: none;
    display: inline-block;
    height: 5%;
    width: 100%;
}

#header .bloc #wrapper #nav ul li .sub-menu {

    display: none;
    margin-left: 5%;
}

#header .bloc #wrapper #nav ul li .sub-menu li a {

    font-size: .7vw;
}

#header .bloc #wrapper #nav ul .menu-item-has-children > a {

    text-transform: uppercase;
}

#header .bloc #wrapper #nav ul .menu-item-has-children .chevron {

    width: .7vw;
    margin-left: 2.5%;
    height: .7vw;
    display: inline-block;
    background-image: url(/wp-content/uploads/2021/07/chevron.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    cursor: pointer;
}

.rotate {

    transform: rotate(90deg);
}

#header .bloc #wrapper #nav ul li a,
#header .bloc #wrapper .sociaux span,
#header .bloc #espace-smb {

    color: black;
    font-size: .8vw;
}

#header .bloc #wrapper #nav ul li a:hover,
#header .bloc #espace-smb:hover {

    font-weight: bold;
}

#header .bloc #wrapper #nav ul li:not(:last-of-type) a {

    margin-bottom: 5%;
    display: inline-block;
}

.active-nav {

    font-weight: bold !important;
}

#header .bloc #wrapper #nav ul .menu-item-has-children:nth-of-type(odd) > a.active-nav {

    color: #5f91cc !important;
}

#header .bloc #wrapper #nav ul .menu-item-has-children:nth-of-type(even) > a.active-nav {

    color: var(--orange) !important;
}


#header .bloc #wrapper .sociaux a.linkedin svg {

    width: 7.5%;
}

#header .bloc #wrapper .sociaux span {

    display: block;
    margin-top: 10%;
}

#header .bloc #espace-smb {

    position: absolute;
    bottom: 0;
    left: 0;
}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/

#footer {

    margin-left: 20%;
    background-color: var(--gris);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 1% 2.5%;
}

#footer p {

    color: black;
    transition: all .3s;
    font-size: .8vw;
    font-weight: 600;
}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

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


    main {

        padding-left: 0;
    }

    .add-opacity {

        opacity: 1 !important;

    }

    .line-bottom .elementor-widget-container:after,
    line-bottom-img {

        width: 10vw;

    }

    .square .elementor-heading-title:before {

        left: -25px;
        top: calc(50% - 3px);

    }

    #border-top {

        display: none;

    }

    .elementor-post-info__terms-list .elementor-post-info__terms-list-item {

        font-size: 4vw;
    }

    /*------------------------------------*\
   ASPECT RATIO SQUARE
\*------------------------------------*/

    .square-ratio {

        padding-bottom: 50% !important;
        display: inline-block !important;
        height: auto !important;
    }

    .square-ratio .elementor-widget-wrap {

        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    /*------------------------------------*\
    BURGER
\*------------------------------------*/



    #header .bloc .burger {
        position: relative;
        width: 30px;
        height: 30px;
        display: inline-block;
    }

    #header .bloc .burger span {
        position: absolute;
        background-color: white;
        width: 5px;
        height: 5px;
        transition: all .3s !important;
        opacity: 1;
    }

    #header .bloc .burger span:nth-child(1) {
        left: 0;
        top: 0;
    }

    #header .bloc .burger span:nth-child(2) {
        left: calc(50% - 2.5px);
        top: 0;
    }

    #header .bloc .burger span:nth-child(3) {
        right: 0;
        top: 0;
    }

    #header .bloc .burger span:nth-child(4) {
        left: 0;
        top: calc(50% - 2.5px);
    }

    #header .bloc .burger span:nth-child(5) {
        left: calc(50% - 2.5px);
        top: calc(50% - 2.5px);
    }

    #header .bloc .burger span:nth-child(6) {
        right: 0;
        top: calc(50% - 2.5px);
    }

    #header .bloc .burger span:nth-child(7) {
        left: 0;
        bottom: 0;
    }

    #header .bloc .burger span:nth-child(8) {
        left: calc(50% - 2.5px);
        bottom: 0;
    }

    #header .bloc .burger span:nth-child(9) {
        right: 0;
        bottom: 0;
    }

    .span-desactive {
        opacity: 0 !important;
    }

    .open-span1 {
        left: -5px !important;
        width: 15px !important;
        transform: translateY(9px) rotate(-45deg) !important;
    }

    .open-span2 {
        width: 100% !important;
    }

    .open-span3 {
        width: 100% !important;
        left: -5px !important;
        width: 15px !important;
        transform: translateY(-9px) rotate(45deg) !important;
    }


    /*------------------------------------*\
   HEADER
\*------------------------------------*/

    #header {

        height: auto;
        width: 100vw;
        background-color: var(--orange);
        position: -webkit-sticky;
        position: -moz-sticky;
        position: -o-sticky;
        position: -ms-sticky;
        position: sticky;
        top: 0 !important;
        z-index: 9999;
        padding: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        border-bottom: solid 1px white;
        overflow: visible;

    }

    #header .bloc {

        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        padding: 5%;
        transition: all .3s;
    }

    #header .bloc a#logo {

        width: 50px;
        height: 50px;
    }

    header .bloc a#logo svg {

        min-width: 50px;
        min-height: 50px;
    }

    #header .bloc a#logo g#icon {

        width: 100%;
        height: 100%;
    }

    #header .bloc a#logo svg g#smb {

        display: none;
    }

    #header .bloc a#logo svg * {

        fill: white !important;
    }

    #header .bloc #wrapper {

        padding: 10%;
        position: absolute;
        top: calc(100% + 1px);
        left: 0;
        right: 0;
        bottom: 0;
        width: 100vw;
        height: calc(100vh - 100%);
        overflow: scroll !important;
        background-color: var(--orange);
        width: 100%;
        z-index: -1;
        display: none;
    }



    #header .bloc #wrapper #nav {

        margin: 0;
    }

    #header .bloc #wrapper #nav ul li {

        height: auto;
    }


    #header .bloc #wrapper #nav ul li a,
    #header .bloc #wrapper .sociaux span,
    #header .bloc #espace-smb,
    #header .bloc #wrapper #nav ul li .sub-menu li a {

        font-size: 4vw;
    }

    #header .bloc #wrapper #nav ul .menu-item-has-children .chevron {

        width: 4vw;
        height: 4vw;
    }

    .active-nav,
    #header .bloc #wrapper #nav ul .menu-item-has-children:nth-of-type(odd) > a.active-nav,
    #header .bloc #wrapper #nav ul .menu-item-has-children:nth-of-type(even) > a.active-nav {

        color: black !important;
    }

    #header .bloc #wrapper .sociaux {

        margin-top: 10%;
    }


    #header .bloc #wrapper .sociaux span {

        margin: 5% 0;
    }

    #header .bloc #espace-smb {

        position: static;

    }

    #header .bloc #wrapper #full {

        display: none;
    }

    /*------------------------------------*\
    FOOTER
\*------------------------------------*/

    #footer {

        margin-left: 0;

        justify-content: center;
        padding: 5%;
    }

    #footer p {

        font-size: 2.75vw;
        width: 100%;
        text-align: center;
    }

}