.elementor-970 .elementor-element.elementor-element-1ff59e99:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-970 .elementor-element.elementor-element-1ff59e99 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hexatag-group.com/wp-content/uploads/2022/06/IMG_8304-scaled.jpg");background-position:0px -124px;background-repeat:no-repeat;background-size:cover;}.elementor-970 .elementor-element.elementor-element-1ff59e99 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-970 .elementor-element.elementor-element-1ff59e99 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-970 .elementor-element.elementor-element-497a92ea .elementor-spacer-inner{--spacer-size:65vh;}.elementor-970 .elementor-element.elementor-element-92aee84 .elementor-spacer-inner{--spacer-size:70px;}.elementor-970 .elementor-element.elementor-element-a2264a9 > .elementor-container{max-width:1400px;}.elementor-970 .elementor-element.elementor-element-9cc14f4{width:65.714%;}.elementor-970 .elementor-element.elementor-element-9cc14f4 > .elementor-element-populated{padding:0px 90px 0px 0px;}.elementor-970 .elementor-element.elementor-element-fdd2c24{width:27%;}.elementor-970 .elementor-element.elementor-element-af73d7e .elementor-heading-title{color:#131313;font-family:"Open Sans", Sans-serif;font-size:30px;font-weight:700;}.elementor-970 .elementor-element.elementor-element-af73d7e > .elementor-widget-container{margin:2.5% 0% 2% 0%;}.elementor-970 .elementor-element.elementor-element-7cc3df6{width:73%;}.elementor-970 .elementor-element.elementor-element-b30cc3a{color:#131313;font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-970 .elementor-element.elementor-element-b30cc3a > .elementor-widget-container{margin:30px 0px 0px 0px;padding:0px 20px 0px 80px;}.elementor-970 .elementor-element.elementor-element-46ada37 .elementor-spacer-inner{--spacer-size:35px;}.elementor-970 .elementor-element.elementor-element-0f90d47{width:27%;}.elementor-970 .elementor-element.elementor-element-7ebefbd .elementor-heading-title{color:#131313;font-family:"Open Sans", Sans-serif;font-size:30px;font-weight:700;}.elementor-970 .elementor-element.elementor-element-7ebefbd > .elementor-widget-container{margin:2.5% 0% 2% 0%;}.elementor-970 .elementor-element.elementor-element-799c681{width:73%;}.elementor-970 .elementor-element.elementor-element-e7bb5d2{color:#131313;font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-970 .elementor-element.elementor-element-e7bb5d2 > .elementor-widget-container{margin:30px 0px 0px 0px;padding:0px 20px 0px 80px;}.elementor-970 .elementor-element.elementor-element-7b63b11{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-970 .elementor-element.elementor-element-7b63b11 .e-gallery-item:hover .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-970 .elementor-element.elementor-element-7b63b11 > .elementor-widget-container{padding:0px 10px 0px 80px;}.elementor-970 .elementor-element.elementor-element-b55c011{width:33.619%;}.elementor-970 .elementor-element.elementor-element-b55c011 > .elementor-element-populated{padding:20px 0px 20px 20px;}.elementor-970 .elementor-element.elementor-element-3c54de9 .elementor-spacer-inner{--spacer-size:50px;}.elementor-970 .elementor-element.elementor-element-7bdae477 > .elementor-container{max-width:1400px;}.elementor-970 .elementor-element.elementor-element-7bdae477{margin-top:0%;margin-bottom:10%;}.elementor-970 .elementor-element.elementor-element-8130cc9.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-970 .elementor-element.elementor-element-50556eb3{margin-top:50px;margin-bottom:0px;}.elementor-bc-flex-widget .elementor-970 .elementor-element.elementor-element-66fb8505.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-970 .elementor-element.elementor-element-66fb8505.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-970 .elementor-element.elementor-element-47e48438 .elementor-heading-title{color:#131313;font-family:"Open Sans", Sans-serif;font-size:25px;font-weight:600;}.elementor-970 .elementor-element.elementor-element-7bf01167.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-bc-flex-widget .elementor-970 .elementor-element.elementor-element-43e68dba.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-970 .elementor-element.elementor-element-43e68dba.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-970 .elementor-element.elementor-element-2056cce3{text-align:right;}.elementor-970 .elementor-element.elementor-element-2056cce3 .elementor-heading-title{color:#131313;font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-970 .elementor-element.elementor-element-2af5325b{margin-top:15px;margin-bottom:0px;}:root{--page-title-display:none;}/* Start custom CSS for section, class: .elementor-element-6930d631 */.elementor-970 .elementor-element.elementor-element-6930d631{
    position: absolute;
    top:25vh;
    left: 150px
}
.header-h1{
    color: #FAFAFA;
    padding: 20px 20px 25px 25px;
    width: 450px;
    background-color: #13131340;
    height: auto;
    background-color: none;
    border-radius: 15px;
    font-family: open sans;
}
h1{
    font-size: 35px;
    font-weight: 700;
    text-align: left;
    width: 100%;
    margin-bottom: 20px;
    background-image: url(https://hexatag-group.com/wp-content/uploads/2022/07/h1-underline-t30.svg);    
    background-position: 25px 28px;
    background-size: auto 10px;
    background-repeat: no-repeat;
}
.title-p{
    font-size: 16px;
    font-weight: 500;
    width: 75%;
    margin-bottom: 25px;
}


@media screen and (max-width:500px){
    h1{
        background-image: url(https://hexatag-group.com/wp-content/uploads/2022/07/h1-underline-t20.svg);    
        background-position: 25px 28px;
        background-size: auto 10px;
        background-repeat: no-repeat;
    }
    .elementor-970 .elementor-element.elementor-element-6930d631{
        top:20vh;
        left:inherit !important;
        width:75vw;
    }
    .title-p{
        width:100%;
    }
}

@media screen and (max-width:1050px){
    .elementor-970 .elementor-element.elementor-element-6930d631{
        position: absolute;
        left: 30px;
    }  
    .header-h1{
        width: 350px;
    }
    h1{
        font-size: 28px;
        background-position: 25px 23px;
    }
    .title-p{
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-af73d7e */.elementor-970 .elementor-element.elementor-element-af73d7e{
    background-image: url('https://hexatag-group.com/wp-content/uploads/2022/06/h2-underline-t15.svg');
    background-position: 20px 27px;
    background-size: auto 8px;
    background-repeat: no-repeat
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7ebefbd */.elementor-970 .elementor-element.elementor-element-7ebefbd{
    background-image: url('https://hexatag-group.com/wp-content/uploads/2022/06/h2-underline-t25.svg');
    background-position: 20px 27px;
    background-size: auto 8px;
    background-repeat: no-repeat
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2e55c5d */*{
    padding: 0%;
    margin: 0%;
    font-family: open sans;
}

.modale{
    position: relative;

    display: flex; 
    justify-content: center;
}


.contact-page{
    position: relative;
    display: block;
    width: auto;
    height: auto;
    background-color: transparent;
    border-radius: 20px;
    box-shadow: 1px 1px 12px #13131310;
}


form{
    position: relative;
    width: 100%;
    height: auto;
    margin: 50px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
}


form h2{
    width: 80%;
    font-size: 24px;
    font-weight: 600;
    color:#131313;
    height: 1em;
    margin:0;
    margin-bottom: 40px;
}

.form-style-container{
    margin: 10px 0;
    width: 100%;
    height: auto;
    padding: 0 10%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.form-style{
    width: 47%;
    height: auto;
    padding: 0;
}
.form-style-list,.form-style-msg, input, .button{
    width: 80%;
}

input{
    height: 35px;
    width: 100%;
    border: none !important ;
    border-radius: 10px;
}

input, select, button, textarea{
    border: none;
    border-radius: 10px; 
}

::placeholder{
    font-size: 12px;
    font-style: italic;
    color: #13131340;
}

input,select::placeholder{
    padding-left: 10px ;
}

.form-style-list{
    width: 80%;
}

.modale-button{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modale-button button{

    width: auto;
    height: 2.5em;
    background-color: transparent;
    color: #0CE887;
    border: 1px solid #0CE887;
    line-height: 1;
    border-radius: 10px;
}
.modale-button button:hover{
    background-color: #0CE887;
    color: white;
}


#rgpd, #newsletter-checkbox{
    height: 1em;
    width: 1em;
}
.form-modale-label{
    font-size: 12px;
}

#modale-form-end{
    margin-top: 30px;
}

input:checked{
    background-color: #131313;
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-1096 */.card-eco{
    display: block;
    width: 75%;
    height: 320px;
    background-color: white;
    position: relative;
    border-radius: 5px;
    box-shadow: 0px 2.5px 10px #13131330;
    margin: auto;
}

.cardimg-eco{
    position: relative;
    background-image: url(https://hexatag-group.com/wp-content/uploads/2022/06/jungle.jpg);
    background-size: 110%;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 32%;
    border-radius: 5px 5px 0 0;
    transition: .5s ease-in-out;
}
.cardcontent{
    position: relative;
    height: 320px;
    display: block;
    text-align: left;
    padding: 10px 10px 10px 20px;
}

.cardtitle{
    position: relative;
    font-size: 22px;
    font-weight: 600;
    width: 100%;
    padding-top: 120px;
}

.cardp{
    position: relative;
    margin-top: 20px;
}

.card-arrow{    
    width: 25px;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0 10px 10px 0;
}

.card-eco:hover .cardimg-eco{
    background-size: 100%;
    filter: brightness(80%) contrast(120%);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6f43870d */.card-p{
    display: block;
    width: 300px;
    height: 320px;
    background-color: white;
    position: relative;
    border-radius: 5px;
    box-shadow: 0px 2.5px 10px #13131330;
    margin: auto;
}

.cardimg-p{
    position: relative;
    background-image: url(https://hexatag-group.com/wp-content/uploads/2022/06/dior.jpg);
    background-size: 110%;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 32%;
    border-radius: 5px 5px 0 0;
    transition: .5s ease-in-out;
}
.card-p:hover .cardimg-p{
    background-size: 100%;
    filter: brightness(80%) contrast(120%);
}
.cardcontent{
    position: relative;
    height: 320px;
    display: block;
    text-align: left;
    padding: 10px 10px 10px 20px;
}

.cardtitle{
    position: relative;
    font-size: 22px;
    font-weight: 600;
    width: 100%;
    padding-top: 120px;
}

.cardp{
    position: relative;
    margin-top: 20px;
}

.card-arrow{    
    width: 25px;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0 10px 10px 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1921b143 */.card-rse{
    display: block;
    width: 300px;
    height: 320px;
    background-color: white;
    position: relative;
    border-radius: 5px;
    box-shadow: 0px 2.5px 10px #13131330;
    margin: auto;
}

.cardimg-rse{
    position: relative;
    background-image: url(https://hexatag-group.com/wp-content/uploads/2022/06/IMG_2314-scaled.jpg);
    background-size: 110%;
    background-repeat: no-repeat;
    background-position: center -20px;
    width: 100%;
    height: 32%;
    border-radius: 5px 5px 0 0;
    transition: .5s ease-in-out;
}
.card-rse:hover .cardimg-rse{
    background-size: 100%;
    filter: brightness(80%) contrast(120%);
}
.cardcontent{
    position: relative;
    height: 320px;
    display: block;
    text-align: left;
    padding: 10px 10px 10px 20px;
}

.cardtitle{
    position: relative;
    font-size: 22px;
    font-weight: 600;
    width: 100%;
    padding-top: 120px;
}

.cardp{
    position: relative;
    margin-top: 20px;
}

.card-arrow{    
    width: 25px;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0 10px 10px 0;
}/* End custom CSS */