@font-face {
    font-family: 'DMSerif';
    src: url(../fonts/DMSerifDisplay-Regular.ttf);
    font-display: swap;
}

@font-face {
    font-family: 'Aller_Rg';
    src: url(../fonts/Aller_Rg.ttf);
    font-display: swap;
}

@font-face {
    font-family: 'Aller_Lt';
    src: url("/assets/fonts/Aller_Lt/Aller_Lt.woff") format('woff'),
        url("/assets/fonts/Aller_Lt/Aller_Lt.ttf") format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Nexa Script';
    src: url("/assets/fonts/Nexa_Script/Nexa_Script.otf");
    font-display: swap;
}

@font-face {
    font-family: 'Architects_Daughter';
    src: url("/assets/fonts/Architects_Daughter/ArchitectsDaughter-Regular.ttf");
    font-display: swap;
}

@font-face {
    font-family: 'Courgette';
    src: url("/assets/fonts/Courgette/Courgette-Regular.ttf");
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans Extra Bold';
    src: url("/assets/fonts/Open_Sans/static/OpenSans/OpenSans-ExtraBold.ttf");
    font-display: swap;
}

@font-face {
    font-family: "Daniel_Black";
    src: url("/assets/fonts/Daniel_Black/danielbk.ttf");
    font-display: swap;
}

/* Bannière cookies */

.cc-window.cc-banner {
    padding: 0.5em 1.8em;
}

.cc-btn {
    padding: .1em .2em;
}

.cc-link {
    display: inline;
    font-size: 10px;
}

.cc-window.cc-floating .cc-compliance {
    position: absolute;
    right: 10px;
}

.cc-banner .cc-btn:last-child {
    font-size: 16px;
    min-width: 0;
    padding: 5px;
}

.cc-revoke,
.cc-window {
    font-size: 12px;
    text-align: left;
}

.cc-floating .cc-message {
    margin-bottom: 0 !important;
    width: 95%;
    font-size: 10px;
    line-height: 14px;
}

.cc-window.cc-floating {
    width: 100%;
}

.cc-window.cc-floating {
    padding: 0.6em;
    max-width: 100%;
}

.cc-window {
    bottom: 0;
}

/* Fin bannière */

/* Cookie banner with choice */
#termsfeed-com---nb {
    max-width: 100%;
    width: 100%;
}

.termsfeed-com---nb .cc-nb-main-container {
    padding: 1rem 2rem;
}

.termsfeed-com---reset p {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.termsfeed-com---nb .cc-nb-title {
    font-size: 18px;
    font-weight: 600;
}

.termsfeed-com---nb .cc-nb-text {
    font-size: 14px;
    margin: 0 0 0.5rem 0;
}

.termsfeed-com---nb .cc-nb-buttons-container {
    display: flex;
    justify-content: end;
}

#open_preferences_center {
    position: fixed;
    color: white;
    padding: 0.25rem 0.5rem;
    bottom: 10px;
    left: 10px;
    width: 35px;
    z-index: 1000;
    display: block !important;
}

#open_preferences_center img {
    width: 100%;
    background-color: white;
    margin: auto;
    border-radius: 1rem;
}

/* End Cookie banner with choice */

a {
    cursor: pointer;
}

.img {
    width: 100%;
}

body {
    font-family: 'Aller_Lt', sans-serif;
    font-size: 16px;
}

.order,
.study {
    font-family: 'Arial', sans-serif;
}

.outer_header {
    float: left;
    min-height: 70px;
    padding: 5px 0;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

.outer_header img {
    height: 69px;
    width: 300px
}

.nopadding {
    padding: 0;
}

.noleft {
    padding-left: 0;
}

.noright {
    padding-right: 0;
}

.outer_menu {
    z-index: 999;
    margin: auto;
    display: flex;
}

.outer_menu a {
    overflow: hidden;
    display: table;
    margin: auto;
}

.outer_menu img {
    width: 200px;
}

.outer_menu .navbar-default {
    display: flex;
    margin: auto;
    background-color: white;
    border: none;
}

.outer_menu .navbar-default a,
.outer_menu .navbar-default a:active,
.outer_menu .navbar-default a:visited {
    color: #6E6C6C;
}

.outer_menu .navbar-default .container-fluid {
    padding: 0;
    margin: auto;
}

.outer_menu .navbar-default .collapse {
    padding: 0;
}

.outer_menu .navbar-default .navbar-nav > li > a {
    font-family: 'Aller_Lt', sans-serif;
    color: #6E6C6C;
    font-size: 14px;
    text-transform: uppercase;
}

.outer_menu .navbar-default .navbar-nav > li > ul > li > a {
    font-size: 13px;
}

.outer_menu .navbar-default .navbar-nav {
    margin-right: 0;
}

.outer_menu .navbar-default .navbar-nav li ul {
    list-style: none;
    display: none;
    position: absolute;
    width: 100%;
    text-align: center;
    background-color: white;
    padding: 18px 0 10px 0;
    transition-duration: 0.5s;
}

.outer_menu .navbar-default .navbar-nav li ul li {
    padding: 5px 0;
}

.outer_menu .navbar-default .navbar-nav li:hover ul {
    display: block;
    transition-duration: 0.5s
}

.outer_menu .navbar-default .navbar-nav > li > a:hover,
.outer_menu .navbar-default .navbar-nav > li > a:focus,
.outer_menu .navbar-default .navbar-nav > li > a:active {
    color: #F30F35;
}

.outer_menu .navbar-default .navbar-nav > li > a {
    padding: 0 30px;
}

.outer_menu .navbar-default .navbar-nav li:after {
    position: absolute;
    left: 50%;
    content: '';
    height: 1px;
    background: #F30F35;
    transition: all 0.4s linear;
    width: 0;
    bottom: -3px;
}

.outer_menu .navbar-default .navbar-nav li ul li:hover {
    background-color: #F30F35;
}

.outer_menu .navbar-default .navbar-nav li ul li:hover a {
    color: white;
}

.outer_menu .navbar-default .navbar-nav > li:hover:after {
    width: 70%;
    left: 15%;
}

.ouetr {
    float: left;
    width: 100%;
    min-height: 500px;
    padding: 30px 0;
    margin-top: 66px;
}

.ouetr .box {
    float: left;
    width: 100%;
    min-height: 500px;
    padding: 30px;
    border-radius: 3px;
}

.ouetr .boxquestion {
    background-size: cover;
    margin-top: 20px;
    background: url('/img/box-question.jpg') no-repeat center;
}

.ouetr .box1 {
    background-size: cover;
    background: url('/img/fond-mary.jpg') no-repeat center;
    padding-right: 0;
}

.ouetr .boxeclipse-solar {
    background-size: cover;
    background: url('../img/solar-eclipse-1.jpg') no-repeat center;
    padding-top: 150px;
    margin-top: 20px;
}

.ouetr .boxeclipse-solar p {
    color: white !important;
}

.ouetr .box h1 {
    font-size: 30px;
    color: white;
    font-family: 'Aller_Lt', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 55px;
}

.ouetr .box1 h1 {
    color: #ff0066;
    font-weight: 500;
}

.ouetr .box h2 {
    font-size: 23px;
    color: white;
    font-family: 'Aller_Lt', sans-serif;
    font-weight: 600;
    margin-top: 25px;
}

.ouetr .box1 h2 {
    font-weight: 500;
}

.ouetr .box p {
    font-size: 17px;
    color: white;
    font-family: 'Aller_Lt', sans-serif;
    font-weight: 600;
    float: left;
    width: 100%;
}

.ouetr .box1 p {
    font-weight: 500;
}

.menu {
    position: fixed;
    background: white;
    left: 0;
    top: 0;
    width: 100%;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.16), 0 0 0 0 rgba(0, 0, 0, 0.08);
    z-index: 999;
    padding: 10px 0;
}

.ouetr .box a {
    font-size: 14px;
    color: #fff;
    font-family: 'Aller_Rg', sans-serif;
    text-transform: uppercase;
    background: #ff0066;
    padding: 10px 30px;
    text-decoration: none;
    border-radius: 3px;
    margin-top: 10px;
    float: left;
}

.ouetr .dba {
    float: left;
    width: 100%;
    border: 1px solid #303030;
    border-radius: 3px;
    position: relative;
    margin-top: 20px;
}

.ouetr .dba1 h1 {
    color: #f30f35;
    font-family: "Aller_Rg", sans-serif;
    font-size: 25px;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 200px;
    width: 100%;
}

.box .text-cut {
    height: 232px;
}

.ouetr .dba1 p span {
    color: #b0010a;
}

.ouetr .dba a {
    border: 1px solid #5a5a5a;
    color: #5a5a5a;
    float: right;
    font-size: 12px;
    padding: 6px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
}

.ouetr .dba .a_content {
    float: right;
    margin: 10px;
}

.ouetr .dba p {
    font-family: "Aller_Lt", sans-serif;
    font-weight: 600;
    margin-top: 10px;
    text-align: center;
}

.study ul li,
.order ul li {
    margin-bottom: 3px;
    font-size: 16px;
    list-style-image: url(/img/li-orange.png);
    margin-top: 20px;
}

.order ol li {
    margin-bottom: 3px;
    font-size: 16px;
    margin-top: 20px;
}

div.study div.element_amour_container ul li:first-child {
    margin-top: 0;
}

.ouetr .dba2 p span {
    display: block;
    font-size: 16px;
    margin-top: 6px;
}

.ouetr .dba3 p span {
    color: #2e6d8f;
    text-transform: uppercase;
}

.ouetr .dba4 h1 {
    color: #fffc00;
    font-family: "Aller_lt", sans-serif;
    font-size: 22px;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 35px;
    width: 100%;
    text-shadow: 1px 1px 3px #000;
}

.ouetr .dba4 p span {
    color: #2e6d8f;
    text-transform: uppercase;
}

.ouetr .box2 {
    margin-top: 20px;
    background: url('/img/box-chinese-reading.jpg') no-repeat center;
    background-size: 100% 100%;
    padding: 100px 20px;
}

.ouetr .box2 p {
    margin-top: 20px;
}

.ouetr .box3 {
    background: url('/img/box3.jpg') no-repeat left;
    background-size: 100% 100%;
    margin-top: 20px;
}

.ouetr .box3 a {
    float: right;
    background: none;
    color: #fe0034;
    padding: 0;
    margin: 0;
    font-size: 15px;
}

.ouetr .dba6 p {
    font-size: 13px;
}

.ouetr .dba6 p span {
    color: #953e37;
    text-transform: uppercase;
    font-size: 16px;
}

.ouetr .dba8 p {
    font-size: 13px;
}

.ouetr .dba8 p span {
    color: #997488;
    text-transform: uppercase;
    font-size: 16px;
}

.ouetr .trow {
    width: 100%;
    float: left;
}

.ouetr .box2 > h1 {
    color: #FFFFFF;
    margin: 0;
    top: 20px;
}

.sidebar h3 {
    color: #a29f9f;
    float: left;
    font-family: "Aller_Lt", sans-serif;
    font-size: 20px;
    margin-top: 2px;
}

.sidebar .div1 {
    float: left;
    width: 100%;
    position: relative;
}

.sidebar .div1 .head {
    float: left;
    width: 100%;
    background: #0d395e;
    padding: 5px 5px;
}

.sidebar .div1 p {
    background: rgba(82, 69, 74, 0.58) none repeat scroll 0 0;
    bottom: -9px;
    color: #eb750d;
    font-size: 17px;
    padding: 5px;
    position: absolute;
    text-transform: uppercase;
    width: 100%;
}

.sidebar .div2 {
    float: left;
    width: 100%;
    background: #fff;
    padding: 20px 20px;
    margin: 0 0 10px;
    border-radius: 3px;
    border: 1px solid #303030;
}

.sidebar .div2 h3 {
    color: #6e6c6c;
    font-family: 'arial', sans-serif;
    font-size: 24px;
    text-align: center;
    width: 100%;
}

.sidebar .div2 p {
    color: #6e6c6c;
    font-family: arial, sans-serif;
    font-size: 13px;
    text-align: center;
}

.input-medium {
    width: 33.33%;
    font-size: 12px;
    color: #A0A0A0;
    height: 30px;
    float: left;
    margin: 10px 0;
    cursor: pointer;
}

.overflow-hidden {
    overflow: hidden;
}

.sidebar .div2 input,
.sidebar .div2 select {
    margin-top: 10px;
}

.sidebar .div2 button {
    color: #fff;
    padding: 10px;
    float: right;
    border: none;
    background: #0d6c6c;
    font-size: 15px;
    border-radius: 3px;
    margin-top: 10px;
    width: 100%;
}

.sidebar .div3 {
    float: left;
    width: 100%;
    background: #fff;
    border-radius: 3px;
    margin-top: 10px;
    padding: 16px;
    border: 1px solid #303030;
}

.sidebar .div3 h4 {
    color: #0d6c6c;
    font-family: 'Aller_Lt', sans-serif;
    font-size: 18px;
}

.sidebar .div3 p {
    color: #000;
    font-family: "Aller_Lt", sans-serif;
    font-size: 12px;
    margin-top: 4px;
    text-align: center;
    text-transform: uppercase;
}

.sidebar .div4 {
    width: 100%;
    float: left;
}

.sidebar .div5 {
    width: 100%;
    float: left;
    margin-top: 10px;
    background: #fff;
}

.sidebar .div5 h5 {
    border-bottom: 1px solid #dfdcdc;
    color: #656363;
    float: left;
    font-family: "Aller_Rg", sans-serif;
    font-size: 19px;
    padding-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
}

.sidebar .div5 .top {
    float: left;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #adadad;
    padding: 10px 0;
    position: relative;
}

.sidebar .div5 .top img {
    display: block;
    margin: 0 auto;
    width: 34%;
}

.sidebar .div5 .top p {
    position: absolute;
    bottom: 5px;
    background: rgba(0, 0, 35, 0.17) none repeat scroll 0 0;
    padding: 6px 25px;
}

.sidebar .div6 {
    border-radius: 3px;
    border: none;
    position: relative;
    width: 100%;
    float: left;
    margin-top: 10px;
}


/*.sidebar .div6 p{
    position: absolute;
	text-align: center;
    bottom: 3px;
	color:#6e6c6c;
    background: rgba(255,255,255, 0.7);
	width:135px;
}*/

/*.sidebar .div6 p{
    position: absolute;
	text-align: center;
    bottom: 3px;
	color:#6e6c6c;
    background: rgba(255,255,255, 0.7);
	width:135px;
}*/

.sidebar .div6 p {
    text-align: center;
    font-size: 13px;
    bottom: 6px;
    color: white;
    background-color: #303030;
    font-family: "Aller_Lt", sans-serif;
    text-transform: uppercase;
    padding: 10px;
    width: 100%;
    margin: 0;
}

.sidebar .reading {
    float: left;
    width: 100%;
    border-radius: 3px;
    margin-top: 10px;
    border: 1px solid #303030;
    padding: 10px;
}

.sidebar .reading h5 {
    color: white;
    background-color: #303030;
    text-align: center;
    padding: 20px;
}

.sidebar .reading a {
    color: white;
}

.sidebar .reading .more {
    color: #e31919;
    font-size: 10px;
    float: right;
    margin: 5px 0;
}

.sidebar .reading a:focus {
    color: white;
}

.sidebar .div7 {
    width: 100%;
    float: left;
    background: #fff;
    padding: 10px;
    margin-top: 10px;
    border-radius: 3px;
}

.sidebar .div7 h4 {
    border-bottom: 1px solid #dfdcdc;
    color: #656363;
    float: left;
    font-family: "Aller_Rg", sans-serif;
    font-size: 19px;
    padding-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
}

.sidebar .div7 img {
    margin: 0 auto;
    display: block;
}

.sidebar .div7 P {
    color: #000;
    font-family: "Aller_Lt", sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
    text-align: center;
}

.sidebar .div8 {
    width: 100%;
    float: left;
    padding: 10px;
    margin-top: 10px;
    border-radius: 3px;
    background: url('/img/news-fond.png');
    background-size: 100% 100%;
}

.sidebar .div8 h4 {
    border-bottom: 1px solid #dfdcdc;
    color: white;
    float: left;
    font-family: "Aller_Rg", sans-serif;
    font-size: 19px;
    padding-bottom: 0;
    text-transform: uppercase;
    width: 100%;
}

.sidebar .div8 h5 {
    color: #3c420b;
    font-family: "Aller_Rg", sans-serif;
    font-size: 16px;
    margin: 0;
    float: left;
}

.sidebar .div8 img {
    float: right;
    width: 10px;
    margin-top: 4px;
}

.sidebar .div8 p {
    font-family: "Aller_Lt", sans-serif;
    font-size: 14px;
    color: black;
    text-align: left;
    clear: both;
}

.sidebar .div9 {
    width: 100%;
    float: left;
    padding: 10px;
    margin-top: 10px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #303030;
}

.sidebar .div9 h4 {
    border-bottom: 1px solid #dfdcdc;
    color: #000;
    float: left;
    font-family: "Aller_Rg", sans-serif;
    font-size: 19px;
    padding-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
}

.sidebar .div9 a {
    color: #e31919;
    float: right;
}

.div9 div {
    padding: 2px;
}

.form1_container {
    float: left;
    width: 100%;
    background: url('../img/form1bg.jpg') no-repeat left;
    background-size: cover;
    padding-bottom: 160px;
}

.form1_container h2 {
    font-family: "aller_lt";
    color: #fff;
    text-align: center;
    font-size: 35px;
    margin-top: 40px;
}

.form1_container h1 {
    font-family: "aller_lt";
    color: #fff;
    text-align: center;
    font-size: 55px;
    text-transform: uppercase;
}

.form1_container .luck {
    width: 80%;
    margin: 70px auto;
    background: rgba(255, 255, 255, 0.22) none repeat scroll 0 0;
    padding: 40px 80px;
    position: relative;
}

.form1_container .luck h3 {
    color: #f25064;
    font-size: 41px;
    font-family: 'Aller_Lt';
    text-align: center;
}

.form1_container .luck p {
    font-family: "aller_lt";
    color: #000;
    font-size: 20px;
    text-align: center;
}

.form1_container .luck p span {
    color: #f25064;
}

.form1_container .luck .offer {
    background: rgba(0, 0, 0, 0) url("../img/offerbg.png") no-repeat scroll 0 0;
    color: #fff;
    font-family: "aller_lt";
    font-size: 18px;
    height: 53px;
    padding-top: 13px;
    position: absolute;
    right: -26px;
    text-align: center;
    top: -30px;
    width: 135px;
}

.form1_container .form {
    width: 55%;
    margin: 50px auto 30px;
    min-height: 200px;
}

.form1_container .form select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff url("../img/bgs.jpg") no-repeat scroll right center;
    color: #f25064;
    cursor: pointer;
    font-family: "aller_lt";
    font-size: 18px;
    height: 40px;
    margin-top: 10px;
}

.form1_container .form input {
    font-family: "aller_lt";
    font-size: 18px;
    height: 40px;
    margin-top: 10px;
}

.form1_container .form label {
    font-family: "aller_lt";
    font-size: 19px;
    font-weight: 600;
    margin-top: 18px;
}

.form1_container .form .terms {
    font-size: 17px;
    float: left;
    margin-left: 5px;
    cursor: pointer;
}

.form1_container .form .terms a {
    color: #2d04ff;
    text-decoration: underline;
}

.form1_container .form #one {
    cursor: pointer;
    float: left;
    margin-right: 11px;
    margin-top: -9px;
}

.form1_container .form button {
    background: #f25064 none repeat scroll 0 0;
    border: 1px solid #cecece;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-family: "aller_lt";
    font-size: 50px;
    margin: 40px auto 0;
    padding: 10px 80px;
    transition: all 0.35s ease 0s;
}

.form1_container .form button:hover {
    background: #fff;
    color: #f25064;
}

.form1_container .mail {
    font-family: "aller_lt";
    font-size: 16px;
    color: #000;
    text-align: center;
}

.form2 h1,
.form2 h2 {
    color: #706f6f;
    text-shadow: 0 1px 2px #000;
}

.form2 {
    background: url('../img/form2bg.jpg') no-repeat left;
    background-size: cover;
}

.form2 .luck {
    background: rgba(255, 255, 255, 0.79) none repeat scroll 0 0;
}

div.inline-block-fields {
    margin-bottom: 20px;
}

.outer_container {
    width: 100%;
    float: left;
    margin-top: 120px;
    padding-bottom: 70px;
    position: relative;
    padding-top: 20px;
}

.outer_container .slider_top {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    left: calc(100% - 71%);
    padding: 0 15px;
    position: absolute;
    top: 65px;
    width: auto;
}

.outer_container .slider_top h1 {
    color: #f30f35;
    font-family: "Aller_Rg";
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
}

.outer_container .slider_top p {
    color: #000;
    font-family: "Aller_Rg";
    font-size: 19px;
    letter-spacing: 2px;
    margin-bottom: 10px;
    margin-top: 0;
    text-align: center;
    width: 100%;
    font-weight: bold;
}

.outer_container h1 {
    font-family: 'Aller_Rg';
    text-align: center;
    font-size: 36px;
    color: #000;
    margin-top: 25px;
}

.outer_container h2 {
    color: #f30f35;
    font-size: 22px;
    margin-top: 22px;
    font-family: 'Aller_Rg';
}

.outer_container p {
    font-family: 'Aller_Lt';
    font-size: 16px;
    color: #000;
    margin-top: 20px;
    text-align: left;
}

.outer_container .img {
    margin-top: 20px;
    width: 100%;
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2rem;
    padding-bottom: 0;
}

.product-grid-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #cccccc;
    padding: 20px;
    margin-bottom:20px;
}

.product-grid-item > h2 {
    text-align: center;
    margin-top: 0;
}

@media screen and (max-width: 500px) {
    .product-grid {
        grid-template-columns: 1fr;
    }
}

.form {
    float: left;
    width: 100%;
    background: #f6f6f6 url('../img/bg2.png') no-repeat bottom;
    min-height: 200px;
    margin-top: 20px;
    padding-bottom: 20px;
}

.form .heading {
    padding: 10px 16px;
    float: left;
    background-color: #1b998b;
    width: 100%;
}

.form .heading h3 {
    font-family: 'Aller_Rg';
    font-size: 22px;
    color: #fff;
    margin: 0;
}

.border-left-scribble1 {
    border-image: url(../assets/medias/ui/scribble-1.png);
    border-image-repeat: stretch;
    border-image-width: 0 0 100% 50px;
    border-style: solid;
    padding-left: 50px;
}
.border-left-scribble1-yellow {
    border-image: url(../assets/medias/ui/scribble-1-yellow.png);
    border-image-repeat: stretch;
    border-image-width: 0 0 100% 50px;
    border-style: solid;
    padding-left: 50px;
}
.border-left-scribble1-purple {
    border-image: url(../assets/medias/ui/scribble-1-purple.png);
    border-image-repeat: stretch;
    border-image-width: 0 0 100% 50px;
    border-style: solid;
    padding-left: 50px;
}
.border-left-scribble2 {
    border-image: url(../assets/medias/ui/scribble-2.png);
    border-image-repeat: stretch;
    border-image-width: 0 0 100% 50px;
    border-style: solid;
    padding-left: 50px;
}

.border-left-scribble2-yellow {
    border-image: url(../assets/medias/ui/scribble-2-yellow.png);
    border-image-repeat: stretch;
    border-image-width: 0 0 100% 50px;
    border-style: solid;
    padding-left: 50px;
}
.border-left-scribble2-purple {
    border-image: url(../assets/medias/ui/scribble-2-purple.png);
    border-image-repeat: stretch;
    border-image-width: 0 0 100% 50px;
    border-style: solid;
    padding-left: 50px;
}

.border-left-scribble3 {
    border-image: url(../assets/medias/ui/scribble-3.png);
    border-image-repeat: stretch;
    border-image-width: 0 0 100% 50px;
    border-style: solid;
    padding-left: 50px;
}

.border-left-scribble3-yellow {
    border-image: url(../assets/medias/ui/scribble-3-yellow.png);
    border-image-repeat: stretch;
    border-image-width: 0 0 100% 50px;
    border-style: solid;
    padding-left: 50px;
}
.border-left-scribble3-purple {
    border-image: url(../assets/medias/ui/scribble-3-purple.png);
    border-image-repeat: stretch;
    border-image-width: 0 0 100% 50px;
    border-style: solid;
    padding-left: 50px;
}
.border-left-scribble-black {
    border-image: url(../assets/medias/ui/scribble-1-black.png);
    border-image-repeat: stretch;
    border-image-width: 0 0 100% 15px;
    border-style: solid;
    padding-left: 20px;
}

.pencil-scribble-blue {
    border-image: url(../assets/medias/ui/pencil-scribble-banner-blue.png);
    border-image-repeat: stretch;
    border-image-width: 0 0 100% 50px;
    border-style: solid;
    padding-left: 50px;
}
.pencil-scribble-yellow {
    border-image: url(../assets/medias/ui/pencil-scribble-banner-yellow.png);
    border-image-repeat: stretch;
    border-image-width: 0 0 100% 50px;
    border-style: solid;
    padding-left: 50px;
}
.pencil-scribble-purple {
    border-image: url(../assets/medias/ui/pencil-scribble-banner-purple.png);
    border-image-repeat: stretch;
    border-image-width: 0 0 100% 50px;
    border-style: solid;
    padding-left: 50px;
}
.double-line-blue {
    border-image: url(../assets/medias/ui/double-line-blue.png);
    border-image-repeat: stretch;
    border-image-width: 0 0 100% 40px;
    border-style: solid;
    padding-left: 40px;
}

@media (max-width: 400px) and (pointer: coarse) {
    .form .heading h3 {
        display: flex;
        flex-direction: column;
        text-align: center;
    }
}

.form .content {
    float: left;
    width: 100%;
}

.form .content h4 {
    color: #f30f35;
    font-size: 20px;
    margin-top: 20px;
    font-family: 'Aller_Rg';
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.form .content p {
    font-size: 14px;
    color: #000;
    font-family: Arial, sans-serif;
    margin: 0;
    width: 100%;
}

.form .content p span {
    color: #f30f35;
    font-weight: 600;
}

.form .content .fields {
    float: left;
    width: 100%;
    padding-right: 20px;
}

@media screen and (min-width: 992px) {
    .form .content .fields {
        border-right: 1px solid #aaaaaa;
    }
}

.form .content .field input {
    box-shadow: none;
}

.form .content .height {
    height: 20px;
    overflow: hidden;
}

.form .content a {
    font-size: 17px;
    margin-top: 20px;
    text-decoration: underline;
}

.form .content .terms {
    font-size: 14px;
    margin-top: 35px;
}

.form .content .terms a {
    font-size: 14px;
    float: unset;
}

.form .content .bold {
    font-weight: 600;
    margin-top: 20px;
}

.col-sm-5 > img {
    float: left;
}

.form .bottom {
    margin-bottom: -63px;
}

.outer_container .container {
    padding: 0 100px;
}

#readit {
    padding: 5px 20px;
    display: table;
    margin: auto;
    background-color: #F30F35;
    border-radius: 4px;
    font-size: 16px;
    color: white;
    border: none;
    font-weight: bold;
    transition-duration: 1s;
    height: auto;
}

#readit:hover {
    background-color: #ca1231;
}

.outer_container ul {
    padding: 0;
}

.outer_container li {
    background: rgba(0, 0, 0, 0) url("../img/li.png") no-repeat scroll left 6px;
    list-style: none;
    margin-top: 20px;
    padding-left: 20px;
    text-align: left;
}

.page-my-dear h4 {
    font-family: 'Arial';
    font-size: 18px;
    color: #dd455a;
    font-weight: bold;
}

.my-footer {
    background-color: white;
    text-align: center;
    margin: 0;
}

.footer-menu a {
    font-size: 14px;
    color: #dc7785;
    margin: 0 40px 0 40px;
    line-height: 50px;
}

.btn-testimonial {
    background: url("/img/btn-testimonial.png");
    background-color: #F01917;
    color: white !important;
    padding: 7px 30px;
    background-size: 100% 100%;
}

.text-right {
    font-size: inherit;
    text-align: right;
    display: block;
    margin-bottom: 20px;
}

.subfooter-menu {
    margin-bottom: 40px;
}

.subfooter-menu span,
a {
    font-size: 12px;
    color: #000;
}

.outer_container ul li p {
    margin-top: -3px;
}

.page7 .slider_top {
    width: 40%;
    left: 30%
}

.page1 h1 {
    text-align: left;
    font-size: 27px;
}

.page1 .form .heading {
    background: #F30F35;
}

.page1 .form .heading h3 {
    text-transform: uppercase;
}

.page1 h2 {
    font-size: 22px;
}

.page1 .slider_top {
    width: 40%;
    left: 30%;
}

.page2 .slider_top {
    left: 20%;
    width: 60%
}

.page2 .slider_top p {
    letter-spacing: 0;
    font-size: 25px;
    font-family: "aller_lt";
}

.page2 h1 {
    font-size: 27px;
    text-align: left;
}

.page2 h2 {
    color: #ff7129;
}

.page3 h1 {
    font-size: 27px;
    text-align: left;
}

.page3 .form .heading h3 {
    text-transform: uppercase;
}

.page3 .form .heading {
    background: #27658c
}

.page h1 {
    font-size: 27px;
    text-align: left;
}

.page4 .slider_top {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    left: 8%;
    top: 9%;
}

.page4 .form .heading {
    background: #aaaaaa;
}


/*.page p{
    font-size: 16px;
}*/

.page5 .form .heading {
    background: #aaaaaa;
}

.page6 .slider_top {
    left: 20%;
    width: 60%;
    top: 5%;
    background: rgba(0, 0, 0, 0);
}

.page6 .form .heading {
    background: #f30f35;
}

.page7 .form .heading {
    background: #dc0500;
}

.form .heading h3 span {
    font-size: 22px;
    text-transform: none;
}

.row-question textarea.incorrect {
    border: 2px solid FireBrick;
}

input.incorrect,
#terms_conditions.incorrect,
textarea.incorrect {
    border: 2px solid FireBrick;
    background-image: url('/assets/medias/pictures/red-to-left-arrow.png');
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 20px;
}

select.incorrect {
    border: 2px solid FireBrick;
}

p.incorrect,
div.incorrect,
label.incorrect {
    color: FireBrick !important;
    border: 2px solid FireBrick;
}

label.incorrect {
    padding: 5px;
    border-radius: 5px;
}

#div_paybox_iframe {
    display: none;
    text-align: center;
    box-shadow: 1px 1px 7px 7px #858590;
}

#paybox_iframe {
    display: block;
    width: 450px;
    height: 615px;
    border: 2px solid #ddd1d1;
    margin: 0 auto;
    border-radius: 10px;
}

@media(max-width:767px) {
    #paybox_iframe {
        display: block;
        width: 100%;
        height: 615px;
        border: 0;
        margin: 0 auto;
        padding: 0 5px 0 5px;
    }
}

.boxquestiondiv {
    position: absolute;
    left: 24%;
    width: 50%;
    background: rgba(255, 255, 255, 0.42);
    text-align: center;
}

.dragon,
.ox,
.tiger,
.snake,
.horse,
.goat,
.monkey,
.dog,
.rooster,
.pig,
.rabbit,
.rat {
    display: none
}

.container .img-100-pc {
    width: 100%
}

.just_fill {
    padding-top: 30px;
    margin-top: 10px;
    margin-left: 120px;
    margin-right: 120px;
    text-align: center !important;
    border-top: 1px solid #F30F35;
}

p.just_fill span {
    color: #f30f35;
}

.red {
    color: #f30f35 !important;
}

.totop {
    color: #f30f35;
    float: right;
}

.col-sm-4 p {
    padding-top: 6px
}

.daily {
    background: rgba(255, 255, 255, 0.50) none repeat scroll 0 0;
    float: left;
    margin-bottom: 10px;
    margin-top: 23%;
    min-height: 100px;
    padding: 13px 75px;
    width: 100%;
}

.outer_container .content_daily_horoscope {
    background: rgba(255, 255, 255, 0.50) none repeat scroll 0 0;
    border-bottom: 1px solid #f30f35;
    border-left: 1px solid #f30f35;
    float: left;
    padding-left: 10px;
    width: 100%;
}

.daily h1 {
    font-size: 46px;
    color: #f30f35;
    font-family: 'Aller_Rg';
    float: left;
    text-align: center;
    text-transform: uppercase;
    margin-top: 46px;
}

.outer_container .sign {
    float: left;
    width: 100%;
    background: #fff;
    padding: 17px;
    margin-top: 10px;
    text-align: center;
}

.outer_container .sign h1 {
    font-size: 19px;
    color: #3c3c3c;
    text-align: left;
    font-family: 'Aller_Rg';
    border-bottom: 1px solid #F30F35;
    text-transform: uppercase;
    padding-bottom: 8px;
    margin-top: 0px;
}

.outer_container .sign ul {
    /* float: left;
    margin-top: 40px;*/
    display: inline-block;
    padding-left: 10px;
}

.outer_container .sign ul li {
    list-style: none;
    float: left;
    text-align: center;
    width: 77px;
    background: none;
}

.outer_container .sign ul li a span {
    display: block;
    float: left;
    min-height: 50px;
    width: 100%;
}

.outer_container .sign ul li a {
    text-align: center;
    text-decoration: none;
    color: #000;
    font-family: 'Aller_Lt';
    font-weight: 600;
    font-size: 14px;
}

.outer_container .sign ul li a img {
    display: block;
    margin: 0 auto;
}

.outer_container .interest {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.outer_container .interest h1 {
    font-size: 19px;
    color: #3c3c3c;
    font-family: 'Aller_Rg';
    padding-bottom: 8px;
    border-bottom: 1px solid #3c3c3c;
    text-transform: uppercase;
    text-align: left;
}

.outer_container .interest .box {
    border: 1px solid #cecece;
    border-radius: 3px;
    float: left;
    margin-top: 10px;
    padding: 10px;
    width: 100%;
}

.outer_container .interest .box img {
    margin: 0 auto;
    display: block;
}

.outer_container .interest .box h3 {
    font-size: 18px;
    font-family: 'Aller_Rg';
    color: #0d6c6c;
    text-align: center;
    margin-top: 10px;
}

.outer_container .interest .box p {
    color: #000;
    font-family: "Aller_Rg";
    font-size: 13px;
    margin: 10px 0;
    text-align: left;
    overflow: hidden;
    height: 300px;
}

.outer_container .interest .box a {
    color: #F30F35;
    font-family: "Aller_Rg";
    font-size: 11px;
    margin-top: 0;
    float: right;
}

.outer_container .interest .box p span {
    color: #F30F35;
}

.outer_container .interest .box p q {
    color: #F30F35;
    font-size: 12px;
}

.backto {
    float: right;
    margin-top: 30px;
    font-size: 15px;
    color: #e73300;
    text-decoration: underline;
}

.outer_container .add {
    background: #fff none repeat scroll 0 0;
    float: left;
    margin-top: 40px;
    min-height: 120px;
    width: 100%;
    padding: 10px;
    border: 1px solid #cecece;
}

.rasi13 {
    background: #ffffff url(../img/chkbg2.png) no-repeat top left 0/100% auto;
}

.chicken {
    background: rgba(255, 255, 255, 0.7) url(../img/new2.png) no-repeat center 0/76% auto;
    opacity: 0.5;
    height: 292px;
    margin-top: 71px;
}

img.csc {
    position: relative;
    bottom: 215px;
    right: -29px;
    width: 88%;
}

.csc-text p {
    margin-top: -100px;
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size: 17px;
}

@media screen and (min-width: 992px) {
    .csc-text p {
        display: none;
    }
}

.days {
    width: 100% !important;
    font-family: 'Aller_lt';
    font-size: 17px;
}

.months {
    width: 100% !important;
    font-family: 'Aller_lt';
    font-size: 17px;
}

.years {
    width: 100% !important;
    font-family: 'Aller_lt';
    font-size: 17px;
}

#calcutates select.form-control {
    border-color: #f30f35;
    font-weight: bold;
}

.btn-danger.btn-cal {
    color: #fff;
    background-color: #f30f35;
    border-color: #f30f35;
    text-transform: uppercase;
    font-family: 'Aller_Rg';
    margin-top: 29px;
    width: 60%;
}

.outer_container .bnr-bottom {
    background: #fff none repeat scroll 0 0;
    float: left;
    margin-top: 20px;
    min-height: 175px;
    width: 100%;
    padding: 10px;
    border: 1px solid #ffffff;
    background: url(../img/bnr.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 1048px;
}

.bnr-bottom h1 {
    float: right;
    text-align: left;
    background: rgba(51, 51, 51, 0.60);
    color: #fff;
    font-family: 'Aller_Rg';
    font-size: 28px;
    margin-right: 20px;
    top: 7px;
    position: relative;
    padding: 5px 20px 5px 5px;
}

.banner-text {
    position: absolute;
    left: 25%
}

.banner-text h1 {
    font-family: 'Aller_Rg';
    text-align: center;
    font-size: 25px;
    color: #fff;
    margin-top: 25px;
}

.outer_container.bg h2 {
    color: #41bb96;
    font-size: 20px;
    margin-top: 22px;
    font-family: 'Aller_Rg';
    border-bottom: 0px;
}

.banner-text h1 {
    color: #41bb96;
}

.short {
    color: #000;
    font-weight: 500;
    margin: 0;
}

.payment_btn {
    cursor: pointer;
    max-width: 100%;
    width: 200px;
    display: block;
    margin: auto;
    opacity: 0.9;
    margin-top: 25px;
    float: none !important;
}

.payment_btn:hover {
    opacity: 1;
}

.modal-dialog {
    margin: 20% auto;
}

.icon-bar {
    background-color: #888;
}

@media (min-width: 760px) {
    .mg_bottom {
        margin-bottom: 30px;
        overflow: hidden
    }
}

.row-testimonial {
    background-color: #E7FFFF;
    padding: 10px 5px;
    margin-top: 20px;
}

div.home-testimonial img.left-img {
    margin-right: 5px;
    margin-bottom: 1px;
}

div.home-testimonial img.right-img {
    margin-left: 5px;
    margin-bottom: 1px;
    float: right;
}

div.home-testimonial {
    background-image: url(/img/bg_testimonial.png);
    background-size: 100% 100%;
    padding: 10px;
    line-height: 14px;
    margin-bottom: 15px;
    text-align: left;
    text-align-last: center;
}

div.home-testimonial strong {
    font-size: 11px;
    line-height: 1px;
    font-weight: normal;
}

div.home-testimonial em {
    color: #f0772e;
    font-size: 12px;
    font-weight: bold;
    clear: both;
    display: block;
    margin-top: 10px;
    text-align: center;
    font-style: normal;
    font-family: 'Aller_lt', sans-serif;
}

h1.testimonials {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 10px;
    color: #039b8c;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
}

.form-alert {
    margin-top: 30px;
    display: none;
    font-size: 16px;
    text-transform: uppercase;
}

.bg-white {
    background-color: white;
}

.choose_product {
    border: 1px solid #1B998B;
    padding: 0;
    width: 100%;
    margin-top: 20px;
    opacity: 0.9;
    box-shadow: 0px 0px 15px 0px #656565;
}

.choose_product:hover {
    opacity: 1.1;
}

a:visited {
    text-decoration: none;
    color: red;
}

.clearboth {
    clear: both;
}

.choose_product .content_title_prix {
    background-color: #1B998B;
    display: flex;
    padding: 5px;
}

.choose_product .title h2 {
    color: white;
    float: left;
    margin: 0;
    display: inline-block;
}

.choose_product .title {
    margin: auto 0;
}

.choose_product .content_title_prix .prix {
    padding: 5px 0 0 0;
}

.choose_product .content_title_prix .prix .prix_barre {
    color: #e40126;
    font-size: 22px;
    float: left;
    text-decoration: line-through;
    margin: 0;
}

.choose_product .content_title_prix .prix .prix_affiche {
    color: white;
    font-size: 26px;
    float: right;
    margin: 0;
}

.choose_product .content_title_prix .prix .prix-jour {
    float: right;
    color: white;
    font-size: 13px;
    margin: 0;
}

.choose_product_description {
    padding: 20px;
    overflow: hidden;
    display: flex;
}

.choose_product_description span {
    color: red;
    text-align: center;
}

.choose_product_description p {
    padding: 0;
    display: inline-block;
    margin: 0;
}

.choose_product_description a {
    background-color: red;
    padding: 10px;
    font-size: 20px;
    color: white;
    margin: auto 0 auto auto;
    opacity: 0.7;
}

.choose_product_description a:hover {
    opacity: 1;
}

.choose_product_description a:hover,
.choose_product_description a:active {
    text-decoration: none;
}

@media screen and (max-width: 768px) {
    .choose_product_description {
        display: block;
    }

    .choose_product_description a {
        width: 100%;
        text-align: center;
        font-size: 20px;
        display: inline-block;
    }

    .choose_product_description p {
        margin-bottom: 15px;
        text-align: center;
    }

    .choose_product .content_title_prix {
        display: block;
        overflow: hidden;
    }

    .choose_product .content_title_prix .prix_affiche,
    .prix_barre,
    .prix-jour,
    h2 {
        float: none !important;
        display: inline-block;
    }

    .choose_product .content_title_prix .title,
    .prix {
        text-align: center;
    }

    .choose_product .content_title_prix h2 {
        font-size: 22px;
    }
}

.float_right {
    float: right;
}

.order h2 {
    color: #039b8c;
}

.padding-top-30 {
    padding-top: 30px;
}

.text-justify.order.nopadding {
    padding: 0 10px;
}

.study h2 {
    color: black;
}

.study h3,
.order_b h3 {
    color: #FF2F5D;
    margin-bottom: 30px;
    margin-top: 30px;
}

.order_b ul li {
    list-style-image: url(/img/li-rose.png);
}


ul li.li-red-arrow {
    list-style-image: url(/assets/medias/ui/li-red-arrow-2.png);
}

ul:has(.li-red-arrow) {
    padding-left: 30px !important;
}

@media screen and (max-width: 768px) {
    ul:has(.li-red-arrow) {
        padding-left: 25px !important;
    }
}

ul li.li-green-check {
    list-style-image: url(/assets/medias/ui/li-green-check.png);
}

ul li.li-green-arrow {
    list-style-image: url(/assets/medias/ui/li-green-arrow.png);
}

ul li.li-blue-arrow {
    list-style-image: url(/assets/medias/ui/li-blue-arrow.png);
}

ul li.li-grey-circle-arrow {
    list-style-image: url(/assets/medias/ui/li-grey-circle-arrow.png);
}

ul li.li-red-circle-arrow {
    list-style-image: url(/assets/medias/ui/li-red-circle-arrow.png);
}

ul li.li-orange-4-losange {
    list-style-image: url(/assets/medias/ui/li-orange-4-losange.png);
}

ul li.li-svg {
    list-style: none;
    position: relative;
}

ul li.li-svg.li-darkblue-arrow::before {
    --img-width: 1.15em;
    --img-height: 1.15em;

    content: '';
    position: absolute;
    left: calc(0px - var(--img-width) * 1.25);
    top: min(calc(var(--img-width) * 0.25), 5px);
    width: var(--img-width);
    height: var(--img-height);
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M15.795 11.272L7.795 16.272C6.79593 16.8964 5.5 16.1782 5.5 15L5.5 5.00002C5.5 3.82186 6.79593 3.1036 7.795 3.72802L15.795 8.72802C16.735 9.31552 16.735 10.6845 15.795 11.272Z' fill='%2315274f'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

ul li.li-svg.li-americanviolet-arrow::before {
    --img-width: 1.15em;
    --img-height: 1.15em;

    content: '';
    position: absolute;
    left: calc(0px - var(--img-width) * 1.25);
    top: min(calc(var(--img-width) * 0.25), 5px);
    width: var(--img-width);
    height: var(--img-height);
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M15.795 11.272L7.795 16.272C6.79593 16.8964 5.5 16.1782 5.5 15L5.5 5.00002C5.5 3.82186 6.79593 3.1036 7.795 3.72802L15.795 8.72802C16.735 9.31552 16.735 10.6845 15.795 11.272Z' fill='%23671b87'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

ul li.li-svg.li-pucered-sharp-arrow::before {
    --img-width: 1.15em;
    --img-height: 1.15em;

    content: '';
    position: absolute;
    left: calc(0px - var(--img-width) * 1.25);
    top: min(calc(var(--img-width) * 0.15), 5px);
    width: var(--img-width);
    height: var(--img-height);
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg fill='%236e2341' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' transform='rotate(90)'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M21,21H3L12,3Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

ul li.li-svg.li-americanviolet-sharp-arrow::before {
    --img-width: 1.15em;
    --img-height: 1.15em;

    content: '';
    position: absolute;
    left: calc(0px - var(--img-width) * 1.25);
    top: min(calc(var(--img-width) * 0.15), 5px);
    width: var(--img-width);
    height: var(--img-height);
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23671b87' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' transform='rotate(90)'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M21,21H3L12,3Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

ul li.li-cut-square {
    list-style-image: url(/assets/medias/ui/li-cut-square.png);
}

.alt-payment li input,
.alt-payment2 li input,
.alt-payment3 li input,
.alt-payment4 li input {
    margin: 4px 14px 0 0;
    cursor: pointer;
}

#payment-method {
    margin-left: 20px;
}

.color_blue {
    color: #039b8c !important;
}

.payment-hr {
    border-color: black;
    width: 50%;
    margin: 50px auto;
}

@media screen and (min-width: 992px) {
    .payment-hr:nth-child(1) {
        display: none;
    }
}

.btn-submit,
.btn-submit:hover {
    color: white;
    background-color: #F30F35;
    height: 26px;
    font-size: 12px;
    border-radius: 0px;
    margin: auto;
    width: 100%;
    font-weight: 700;
}

.label_file {
    color: white;
    background-color: #F30F35;
    padding: 5px 10px;
    cursor: pointer;
    display: block;
    width: 180px;
    text-align: center;
}

.label_file svg {
    fill: currentColor;
    margin-right: 5px;
}

.choose_file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.form_file {
    display: inline-block;
    margin: 50px 0;
}

.t_center {
    text-align: center;
}

.page_account .msg_error {
    text-align: center;
    color: red;
}

.page_account .msg_ok {
    text-align: center;
    color: green;
}

.page_account .msg {
    text-align: center;
}

.ouetr .dba2 .green {
    color: #1f6c2c;
    display: inline;
}

.img_h1_content h1 {
    text-align: center;
    color: #d21259;
    background-color: #f4f4f4;
    margin: 20px auto;
    padding: 30px;
}

.natal h2 {
    color: #d21259;
    font-size: 20px;
}

.img_h1_content img {
    width: 100%;
}

.natal span {
    color: #ff7ae5;
    font-size: 18px;
}

.link_fixed_order {
    background-color: #635F8B;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    display: flex;
}

.link_fixed_order a {
    color: white;
    margin: auto;
    border: 2px solid white;
    padding: 15px;
    border-radius: 3px;
    font-size: 13px;
    transition: 0.1s;
}

.link_fixed_order a:hover {
    border: 3px solid white;
    text-decoration: none;
    font-weight: 800;
    transition: 0.1s;
}

.link_fixed_order a,
a:hover,
a:active,
a:visited {
    text-decoration: none;
}

.terms_bottom {
    margin-bottom: 80px;
}

.box.box1 .content {
    margin-top: 80px;
    overflow: hidden;
    float: right;
}

/* Study page */
.study {
    padding: 0;
}

.study img {
    max-width: 100%;
}

.study p,
.study span {
    text-align: left;
}

.study .container_banner {
    padding: 0;
    margin-bottom: 1rem;
}

.ouetr .reconciling p span {
    color: #81285b;
}

.sidebar .div8 div div {
    background-color: white;
    margin: 10px 0;
    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
}

.sidebar .div8 .my-life {
    display: inline-block;
    background-color: white;
    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
}

.sidebar .div8 .my-life a {
    float: right;
    color: white;
    font-family: 'aller_lt';
    font-size: 10px;
    background-color: #58ad36;
    padding: 5px 15px;
}

.sidebar hr {
    padding: 5px 0;
    border: none;
    border-bottom: 1px solid #58ad36;
    clear: both;
    margin: 5px 0;
}

.rs-content {
    width: 100%;
    text-align: center;
    position: fixed;
    left: 0;
    bottom: 0;
    background: rgba(229, 229, 229, 0.8);
    z-index: 999;
}

.rs-content img {
    width: auto;
    margin: 0 10px;
    opacity: 0.8;
    transition-duration: 0.5s;
}

.rs-content img:hover {
    opacity: 1;
    transition-duration: 0.5s;
}

.liens-articles {
    overflow: hidden;
    padding: 10px;
    margin-top: 20px;
    border: 2px solid #F30F35;
    border-radius: 3px;
}

.liens-articles .discover-content {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.liens-articles a {
    text-align: center;
    transition-duration: 0.5s;
    border: 1px solid #e2e2e2;
    width: 32%;
    padding: 10px;
}

.liens-articles img {
    height: 148px;
    border-radius: 3px;
}

.liens-articles hr {
    border-top: 1px solid #e2e2e2;
}

.planets .img_h1_content h1 {
    background-color: #335560;
    color: white;
    padding: 10px;
}

.bad_transit .img_h1_content h1 {
    background-color: #fc9d05;
    color: white;
    padding: 10px;
}

.bad_transit span {
    color: #fc9d05;
}

.table-change {
    margin: 0;
}

.modal-content p {
    text-align: center;
    margin: 10px 0;
}

.dba_content,
.dba_content div:nth-child(2) {
    display: flex;
}

.dba_content div:nth-child(2) a {
    margin: auto;
}

.zsign {
    padding: 3px;
}

.img-responsive {
    width: 100%;
}

.navbar-toggle span {
    margin: 0;
}

.outer_header .container {
    display: flex;
}

.t_radio {
    display: flex;
    padding: 0;
}

.t_radio p {
    width: 50% !important;
}

.t_radio input {
    width: auto;
    height: auto;
    margin: auto 5px;
}

.t_radio * {
    display: inline-block;
    width: auto;
}

.grid img {
    width: 100%;
}

.grid .grid-item div h2 {
    text-align: center;
    display: block;
}

.grid-item {
    padding: 20px;
}

.grid-item a div {
    border: 1px solid #cccccc;
    padding: 20px;
}

.dba_content > div {
    padding: 0;
}

.dba_content > div > p {
    text-align: center;
}

.liens-articles img {
    width: 100%;
}

#who-am-i {
    overflow: hidden;
    width: 100%;
    padding: 0;
}

#who-am-i a {
    background-color: #F30F35;
    width: 100%;
    padding: 15px;
    color: white;
    display: block;
    text-align: center;
    overflow: hidden;
    font-size: 15px;
}

#div_paybox_iframe img {
    width: auto;
}

.red {
    color: #D61259;
}

.fb-page,
.fb-page * {
    margin-top: 10px;
    width: 100% !important;
}

.logo {
    margin: auto;
    display: block;
    padding: 10px;
}

.cma,
.cma:hover,
.cma:checked,
.cma:visited {
    color: black;
    text-decoration: underline;
    font-size: 16px;
}

.form .global-form-alert {
    padding: 5px;
    border-radius: 2px;
    border: 1px solid red;
    display: none;
}

.form .global-form-alert p {
    color: red;
}

.relocation input {
    margin-top: 5px;
}

.cta {
    background-color: #F33155;
    padding: 15px 50px;
    color: white;
    font-size: 18px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 211px 0px rgba(0, 0, 0, 0.75);
    /* display: block; */
    margin: 40px auto;
    display: block;
    max-width: max-content;
    transition-duration: 1s;
}

.cta:hover {
    color: white;
    transform: scale(1.1);
    transition-duration: 1s;
}

.cta:visited,
.cta:active,
.cta:checked {
    color: white;
}

#valentine_partner > div > label {
    padding-top: 10px;
}

.video-conteneur {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video-conteneur iframe,
.video-conteneur object,
.video-conteneur embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

video {
    width: 100%;
}

.content-picto-chakra-order {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-right: 20px;
}

.picto-chakra-order {
    width: 100px;
}

#cta-chakra-order {
    padding: 15px 35px;
    background-color: #f61938;
    color: white;
    display: table;
    margin: auto;
    margin: 30px auto 20px;
    font-size: 22px;
    font-weight: bold;
    border-radius: 5px;
    -webkit-box-shadow: 0px 3px 30px 0px rgba(98, 98, 98, 0.72);
    -moz-box-shadow: 0px 3px 30px 0px rgba(98, 98, 98, 0.72);
    box-shadow: 0px 3px 30px 0px rgba(98, 98, 98, 0.72);
}

@media screen and (min-width: 768px) {
    #valentine_partner label[for="no_partner"] {
        float: right;
        padding-right: 10px;
    }
}

#valentine_partner_detail {
    display: none;
}

#valentine_partner_detail > * {
    display: none;
}

.mt-2 {
    margin-top: 20px;
}

.name {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 3px;
}

.o_l_b {
    margin: 40px auto;
    display: table;
    font-size: 20px;
    background-color: #635F8B;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
}

.o_l_b:hover {
    background-color: #635F8B;
}

.o_l_b:hover,
.o_l_b:visited {
    color: white;
}

/* Order page V2 */

#order_page_v2 {
    padding: 0 10px;
    font-family: Arial, sans-serif;
}

#order_page_v2 p {
    margin: 20px 0 20px 0;
}

#order_page_v2 mark {
    background: #ff0;
    padding: 0;
}


#order_page_v2 h3 {
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    text-decoration: underline;
    text-decoration-style: double;
}

#order_page_v2 .underline {
    text-decoration: underline;
    text-decoration-color: #187821;
    color: #187821;
}

#order_page_v2 #img_list_new_order {
    background-image: url('../img/trait.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 0;
    width: 5%;
}

#order_page_v2 #img_blue_list_new_order {
    background-image: url('../img/trait-bleu.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 0;
    width: 5%;
}

#order_page_v2 #img_green_list_new_order {
    background-image: url('../img/trait-vert.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 0;
    width: 5%;
}

@media screen and (max-width: 768px) {
    .liens-articles a {
        width: 100%;
        margin-top: 20px;
    }

    .content-picto-chakra-order {
        display: none;
    }

    #cta-chakra-order {
        font-size: 12px;
        text-align: center;
        padding: 5px 10px;
        margin: 15px auto 10px;
    }
}

#order_page_v2 #list_new_order {
    padding-left: 0;
}

#order_page_v2 #list_new_order ul.v2 {
    padding-left: 0;
}

#order_page_v2 #list_new_order li.v2, #order_page_v2 li.v2 {
    list-style-image: none;
    list-style-type: none;
}

#order_page_v2 #border_yellow li.v2:first-child {
    margin-top: 0 !important;
}

#order_page_v2 #list_new_order li.v3, #order_page_v3 li.v3 {
    list-style-image: url('../img/rond.png');
    list-style-type: none;
}

#border_ext {
    margin: 5px;
    padding: 10px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
}

.border_plus {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(235, 184, 62, 0.8) !important;
    -moz-box-shadow: 0px 0px 20px 0px rgba(235, 184, 62, 0.8) !important;
    box-shadow: 0px 0px 20px 0px rgba(235, 184, 62, 0.8) !important;
}

.yellow_box,
.green_box,
.blue_box,
.orange_box,
.purple_box
{
    margin: 5px;
    padding: 10px;
    background-color: #ffffff;
}

.yellow_box {
    -webkit-box-shadow: 0 0 20px 0 rgba(235, 184, 62, 0.8) !important;
    -moz-box-shadow: 0 0 20px 0 rgba(235, 184, 62, 0.8) !important;
    box-shadow: 0 0 20px 0 rgba(235, 184, 62, 0.8) !important;
}

.green_box {
    -webkit-box-shadow: 0 0 20px 0 rgba(27, 153, 139, 0.8) !important;
    -moz-box-shadow: 0 0 20px 0 rgba(27, 153, 139, 0.8) !important;
    box-shadow: 0 0 20px 0 rgba(27, 153, 139, 0.8) !important;
}

.blue_box {
    -webkit-box-shadow: 0 0 20px 0 rgba(43, 129, 197, 0.8) !important;
    -moz-box-shadow: 0 0 20px 0 rgba(43, 129, 197, 0.8) !important;
    box-shadow: 0 0 20px 0 rgba(43, 129, 197, 0.8) !important;
}

.orange_box {
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 153, 0, 0.8) !important;
    -moz-box-shadow: 0 0 20px 0 rgba(255, 153, 0, 0.8) !important;
    box-shadow: 0 0 20px 0 rgba(255, 153, 0, 0.8) !important;
}

.purple_box {
    -webkit-box-shadow: 0 0 20px 0 rgba(147, 112, 219, 0.8) !important;
    -moz-box-shadow: 0 0 20px 0 rgba(147, 112, 219, 0.8) !important;
    box-shadow: 0 0 20px 0 rgba(147, 112, 219, 0.8) !important;
}

#order_page_v2 ul.border_teal,
#order_page_v2 ul.border_dore,
#order_page_v2 ul.border_orange_clair,
#order_page_v2 ul.border_jaune_sombre,
#order_page_v2 ul.border_purple,
#order_page_v2 ul.border_blue,
#order_page_v2 ol.border_teal,
#order_page_v2 ol.border_dore,
#order_page_v2 ol.border_orange_clair,
#order_page_v2 ol.border_jaune_sombre,
#order_page_v2 ol.border_purple,
#order_page_v2 ol.border_blue,
#order_page_v2 ol.border_black
{
    padding-left: 35px;
}

#order_page_v2 ol.brackets {
    counter-reset: list;
}

#order_page_v2 ol.brackets > li {
    list-style: none;
    position: relative;
}

#order_page_v2 ol.brackets > li:before {
    content: counter(list) ")";
    counter-increment: list;
    left: -40px;
    padding-right: 7px;
    position: absolute;
    text-align: right;
    width: 40px;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    #order_page_v2 ul.border_teal,
    #order_page_v2 ul.border_dore,
    #order_page_v2 ul.border_orange_clair,
    #order_page_v2 ul.border_jaune_sombre,
    #order_page_v2 ul.border_purple,
    #order_page_v2 ul.border_blue,
    #order_page_v2 ul.border_black
    {
        padding-left: 35px !important;
    }

    #order_page_v2 ol.border_teal,
    #order_page_v2 ol.border_dore,
    #order_page_v2 ol.border_orange_clair,
    #order_page_v2 ol.border_jaune_sombre,
    #order_page_v2 ol.border_purple,
    #order_page_v2 ol.border_blue,
    #order_page_v2 ol.border_black
    {
        padding-left: 35px !important;
    }

}

#order_page_v2 li.ls-disc {
    list-style: disc outside none;
}

#order_page_v2 li.ls-circle {
    list-style: circle outside none;
}

#order_page_v2 li.ls-square {
    list-style: square outside none;
}

#order_page_v2 li.ls-dash {
    list-style: ' - ' outside none;
}

#order_page_v2 li.ls-checkmark {
    list-style: ' ✓ ' outside none;
}

#order_page_v2 ul.text-center {
    text-align: center;
}

#order_page_v2 ul.text-center li.ls-checkmark {
    list-style: ' ✓ ' inside none;
}

#order_page_v2 p.title {
    text-align: center;
    font-size: 21px;
    font-family: Arial, serif;
    font-weight: bold;
}

#order_page_v2 .underline_yellow {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: yellow;
    text-decoration-thickness: 4px;
}

#order_page_v2 .underline_green {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: #23ab23;
    text-decoration-thickness: 2px;
}

#order_page_v2 .underline_orange {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: #f4b83e;
    text-decoration-thickness: 2px;
}

#order_page_v2 .green_text {
    color: #039b8c;
}

#order_page_v2 a:visited {
    color: #333
}

.div_price_ny2022 {
    text-align: right;
}

@media screen and (max-width: 768px) {
    .div_price_ny2022 {
        text-align: center;
    }

    .customer_price_ny2022 {
        display: block;
        margin-top: 10px;
        text-align: center;
        width: 100%;
    }

    .product_label_ny2022 {
        display: block;
        margin-bottom: 5px;
        text-align: center;
    }
}

#border_ext ul:not(.border_teal) {
    padding: 10px !important;
    margin: 0;
    border: 1px solid rgba(0,0,0,0.3);
    border-top: none;
}

#border_ext li {
    list-style-type: none !important;
    list-style-image: none !important;
}

@media screen and (max-width: 768px) {
    #border_ext {
        margin: -5px;
    }
    #border_ext ul {
        padding: 0.2rem 1rem !important;
    }
    #border_ext ul.border_teal {
        padding: 0.2rem 2.5rem !important;
    }
}

.border_ext_only {
    margin: 5px;
    padding: 10px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
}

.border_ext_only ul {
    padding: 20px 40px !important;
    margin: 0;
}

.border_ext_only ul > li:first-child {
    margin-top: 0;
}

@media screen and (max-width: 768px) {
    .border_ext_only ul {
        padding: 20px !important;
        margin: 0;
    }
}

#border_yellow {
    border-image-source: url('../img/barre_jaune_order.png');
    border-image-repeat: stretch;
    border-image-width: 0 0 100% 1%;
    border-style: solid;
    padding-left: 20px;
}

.border_blue {
    border-image-source: url('../img/barre_bleu_order.png');
    border-image-repeat: stretch;
    border-image-width: 0 0 100% 1%;
    border-style: solid;
    padding-left: 20px;
}

.border_teal {
    border-image-source: url('../img/barre_teal_order.png');
    border-image-repeat: stretch;
    border-image-width: 0 0 100% 1%;
    border-style: solid;
    padding-left: 20px;
}

.border_teal > li:first-child, .border_blue > li:first-child {
    margin-top: 3px;
}

/*Orange clair*/
.border_orange_clair {
    border-image-source: url('../img/barre_orange_clair_order.png');
    border-image-repeat: stretch;
    border-image-width: 0 0 100% 1%;
    border-style: solid;
    padding-left: 20px;
}

/*Violet*/
.border_purple {
    border-image-source: url('../img/barre_purple_order.png');
    border-image-repeat: stretch;
    border-image-width: 0 0 100% 1%;
    border-style: solid;
    padding-left: 20px;
}

.border_jaune_sombre {
    border-image-source: url('../img/barre_jaune_sombre_order.png');
    border-image-repeat: stretch;
    border-image-width: 0 0 100% 1%;
    border-style: solid;
    padding-left: 20px;
}

.border_dore {
    border-image-source: url('../img/barre_dore.png');
    border-image-repeat: stretch;
    border-image-width: 0 0 100% 1%;
    border-style: solid;
    padding-left: 20px;
}

.border_black {
    border-image-source: url('/assets/medias/ui/trait-noir.png');
    border-image-repeat: stretch;
    border-image-width: 0 0 100% 1%;
    border-style: solid;
    padding-left: 20px;
}

li.no-list-style {
    list-style-image: none !important;
    list-style-type: none !important;
}


#order_page_v2 ul.summer > li {
    color: #7e7e7e;
    font-size: 13px;
}

@media screen and (max-width: 768px) {
    #order_page_v2 {
        padding: 0;
    }

    #order_page_v2 #list_new_order {
        padding-left: 0;
    }

    #order_page_v2 #img_list_new_order {
        display: none;
    }

    #order_page_v2 #img_blue_list_new_order {
        display: none;
    }

    #order_page_v2 #img_green_list_new_order {
        display: none;
    }

    #order_page_v2 #img_blue_list_new_order + #list_new_order {
        margin-left: 10px;
        padding-right: 10px;
        /* border-left: 5px solid #228de7; */
    }

    #order_page_v2 #img_blue_list_new_order + #list_new_order > ul {
        margin-left: -10px;
        margin-top: 10px;
        padding-left: 10px;
        /* border-left: 5px solid #228de7; */
    }

    #order_page_v2 #img_blue_list_new_order + #list_new_order > ul > li:first-child {
        margin-top: 0;
    }

    #order_page_v2 #img_green_list_new_order + #list_new_order {
        margin-left: 10px;
        padding-right: 10px;
        /* border-left: 5px solid #32CD32; */
    }

    #order_page_v2 #img_green_list_new_order + #list_new_order > ul {
        margin-left: -10px;
        margin-top: 10px;
        padding-left: 10px;
        /* border-left: 5px solid #32CD32; */
    }

    #order_page_v2 #img_green_list_new_order + #list_new_order > ul.v3 {
        margin-left: 0;
        margin-top: 10px;
        padding-left: 10px;
        /* border-left: 5px solid #32CD32; */
    }

    #order_page_v2 #img_green_list_new_order + #list_new_order > ul > li:first-child {
        margin-top: 0;
    }

    #order_page_v2 ul {
        padding-left: 20px;
    }

    #border_yellow, .border_blue, .border_jaune_sombre, .border_orange_clair, .border_purple, .border_teal, .border_dore, .border_black {
        border-image-width: 0 0 100% 3%;
        padding-left: 35px !important;
    }

    div#list_new_order ul#border_yellow li.v2:first-child {
        margin-top: 0;
    }

    div#list_new_order ul.border_blue li.v2:first-child {
        margin-top: 0;
    }
    div#list_new_order ul.border_jaune_sombre li.v2:first-child {
        margin-top: 0;
    }
    div#list_new_order ul.border_orange_clair li.v2:first-child {
        margin-top: 0;
    }
    div#list_new_order ul.border_purple li.v2:first-child {
        margin-top: 0;
    }
    div#list_new_order ul.border_teal li.v2:first-child {
        margin-top: 0;
    }
    div#list_new_order ul.border_dore li.v2:first-child {
        margin-top: 0;
    }
    div#list_new_order ul.border_black li.v2:first-child {
        margin-top: 0;
    }
}

.title_form_custom {
    background: -webkit-linear-gradient(#f8cb5b, #c5752c);
    -webkit-background-clip: text;
    -moz-background-clip: border;
    -webkit-text-fill-color: transparent;
}

#cpt {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}
#cpt #inner_cpt {
    background-color: #D80100;
    padding: 20px;
    width: 20%;
    margin: 1rem auto;
    border-radius: 5px;
    font-size: 1.5rem;
    font-weight: bold;
    display: inline-block;
}
#cpt .countdown-row {
    clear: both;
    width: 100%;
    padding: 0 2px;
    text-align: center;
}
#cpt .countdown-row .countdown-section {
    display: block;
    float: left;
    text-align: center;
    border-radius: 5px;
    margin: 0;
    padding: 0 10px;
}
#cpt .countdown-row .countdown-section .countdown-amount {
    display: inline-block;
    border-radius: 100px;
    width: 67px;
    border: 4px solid #2e2e2e;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    font-size: 27px;
    padding: 10px;
    margin-bottom: 10px;
    background: linear-gradient(to bottom, #444 0%, #2e2e2e 100%);
    color: white;
}
#cpt .countdown-row .countdown-section .countdown-period {
    font-size: 10px;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
}
/* Your infos section */
#your-infos {
    margin-top: 70px;
    font-family: 'Aller_Rg', Arial, sans-serif;
}

#your-infos h2 {
    text-align: center;
    color: #f30f35;
    font-size: 22px;
}

#your-infos th {
    text-align: center;
    padding: 5px;
    vertical-align: middle;
}

#your-infos td {
    text-align: center;
    vertical-align: middle;
}

.tarot2020_separator {
    background-image: url("/assets/medias/ui/tarot2020/separator.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 30px;
    margin: 10px auto;
    max-width: 58%;
    opacity: 0.5;
}

@media (max-width: 768px) {
    .tarot2020_separator {
        background-image: url("/assets/medias/ui/tarot2020/separator.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 30px;
        margin: 10px auto;
        max-width: 80%;
    }
}

.border_tarot2020 {
     border-image-source: url('/assets/medias/ui/tarot2020/border_left.png');
     border-image-repeat: stretch;
     border-image-width: 0 0 100% 5%;
     border-style: solid;
 }

.border_bottom_tarot2020 {
    border-image-source: url('/assets/medias/ui/tarot2020/border_bottom.png');
    border-image-repeat: stretch;
    border-image-width: 0 0 20% 100%;
    border-style: solid;
    padding-bottom: 10px;
}

div#tarot_question {
    display: block;
    margin: 14px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

div#tarot_question > p {
    text-align: center;
    font-weight: 700;
    display: block;
}

#tarot_question_textarea {
    width: 100%;
    resize: none;
    border-color: rgba(137, 49, 172, 0.2);
}

.tarot_after_question {
    padding: 0 10px 0 10px;
    text-align: center;
    color: #8931AC;
    font-weight: bold;
}

#order_page_v2 ol.custom_style > li::marker {
    color: forestgreen;
    font-weight: bold;
}

#order_page_v2 ol.colored-marker > li::marker {
    --marker-color: red;
    color: var(--marker-color);
    font-weight: bold;
}

#order_page_v2 li.fa_icon {
    list-style-type: none;
    list-style-image: none;
}


#order_page_v2 li.fa_icon::before {
    content: "\f138";
    font-family: "FontAwesome";
    padding: 0 10px 0 0;
    vertical-align: middle;
    color: #f4a70f;
    font-size: 1.5em;
}

/* Stripe form */
#stripe_submit_button {
    display: none;
    width: 100%;
    margin-top: 1rem;
    border: transparent;
    border-radius: 5px;
    padding: 10px;
    background-color: #1b998b;
/*    background-color: #0570de;*/
    color: white;
    font-weight: bold;
}

#stripe-payment-message {
    color: #697386;
    font-size: 16px;
    line-height: 20px;
    padding-top: 12px;
    text-align: center;
}

@keyframes spinner {
    0% {
        transform: translate3d(-50%, -50%, 0) rotate(0deg);
    }
    100% {
        transform: translate3d(-50%, -50%, 0) rotate(360deg);
    }
}

.spinner {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    position: relative;
}

.spinner::before {
    animation: 1.5s linear infinite spinner;
    animation-play-state: inherit;
    border: solid 5px #cfd0d1;
    border-bottom-color: #1c87c9;
    border-radius: 50%;
    content: "";
    height: 25px;
    width: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    will-change: transform;
}

#form-left {
    margin-bottom: 2em;
}

/* Design Newyear 2023 (Prototype) */

#order_page_v2 .img_container {
    display: flex;
}

#order_page_v2 .img_50_65 {
    margin: 1.5em auto;
    max-width: 50%;
}

#order_page_v2 .img_25_40 {
    margin: 1.5em auto;
    max-width: 25%;
}

#order_page_v2 .img_75_100 {
    margin: 1.5em auto;
    max-width: 75%;
}

#order_page_v2 .newyear2023_title {
    font-family: 'Courgette', sans-serif;
    margin: 1.5em 0;
    font-size: 2.5rem;
    text-align: center;
    font-weight: bold;
}

#order_page_v2 .newyear2023_subtitle {
    font-family: 'Architects_Daughter', sans-serif;
    font-size: 2rem;
    font-weight: bold;
}

#order_page_v2 .border_dot {
    border-image-source: url('/assets/medias/ui/vertical-dot.png');
    border-image-repeat: stretch;
    border-image-width: 0 0 100% 1%;
    border-style: solid;
    padding-left: 20px;
}

#order_page_v2 .border_dot *:first-child {
    margin-top: 0;
}

#order_page_v2 .border_dot *:last-child {
    margin-bottom: 0;
}

#order_page_v2 .newyear2023_box {
    font-family: 'Architects_Daughter', sans-serif;
    background-color: #F1FBFC;
    border-radius: 10px;
    padding: 1em;
}

#order_page_v2 .newyear2023_box .newyear2023_box_title {
    font-weight: bold;
    font-size: 1.5em;
}

#order_page_v2 .newyear2023_box p:not(.title) {
    font-weight: bold;
}

#order_page_v2 .blue_text {
    color: #7D97B8;
}

#order_page_v2 .newyear2023_parts_container {
    background-color: #F1FBFC;
    border-radius: 10px;
    padding: 0.5em 1em;
}

#order_page_v2 .newyear2023_parts {
    display: flex;
    margin-top: 1.5em;
}

#order_page_v2 .newyear2023_parts p {
    font-size: 2rem;
    font-weight: bold;
    margin: auto 0;
    font-family: 'Courgette', sans-serif;
}

#order_page_v2 .newyear2023_parts img {
    width: 60px;
    height: 40px;
    margin: 0 0.7em 0 0;
}

#order_page_v2 .newyear2023_orange_paragraph {
    background-color: #FFD177;
    padding: 1em;
    font-weight: bold;
    text-decoration: underline;
}

/* Order page NEWBEGINNING_2023 */

#order_page_v2 .img_container + * {
    margin-top: 0;
}

#order_page_v2 .img_container_with_text {
    display: flex;
    flex-direction: row;
}

#order_page_v2 .img_container_with_text li {
    list-style-image: none;
    list-style-type: disc;
}

#order_page_v2 .img_container_with_text li:first-child {
    margin-top: 0;
}

#order_page_v2 .img_container_with_text li:last-child {
    margin-bottom: 0;
}

#order_page_v2 .text_arch_daug {
    font-family: 'Architects_Daughter', sans-serif;
    font-size: 2rem;
    font-weight: bold;
}

#order_page_v2 .color_box {
    text-align: center;
    font-family: 'Architects_Daughter', sans-serif;
    font-weight: bold;
    background-color: rgba(32, 152, 158, 0.2);
    padding: 0.5em 1.5em;
    border-radius: 25px;
}

#order_page_v2 .color_box > li:first-child {
    margin-top: 0.5em;
}

#order_page_v2 li.pink_square {
    list-style-image: none;
    list-style-type: square;
}

#order_page_v2 li.pink_square::marker {
    color: #ff9292;
}

#order_page_v2 .img-container {
    display: flex;
}

#order_page_v2 .img-container img {
    margin: auto;
    max-width: min(100%, 512px);
}

#order_page_v2 .img-left {
    width: 30%;
    float: left;
    padding: 0 0.5rem 0 0;
}

#order_page_v2 .red-underlined-paragraph {
    display: flex;
    flex-direction: column;
}

#order_page_v2 .red-underlined-paragraph p {
    color: #ED0707;
    font-weight: bold;
    margin-bottom: 0;
}

#order_page_v2 .red-underlined-paragraph img {
    margin: auto;
    width: 50%;
}

#order_page_v2 .text-bold-red {
    color: #ED0707;
    font-weight: bold;
}

#order_page_v2 .pencil-underlined {
    border-bottom: 1px solid black;
    border-image: url('/assets/medias/pictures/ny2024-pencil-underline.png');
    border-image-width: 0 0 1rem 100%;
    border-image-outset: 5;
}

#order_page_v2 .yellow-left-border {
    border-left: 1px solid black;
    border-image: url('/assets/medias/pictures/ny-2024-yellow-left-border.png');
    border-image-width: 0 0 100% 1rem;
    padding-left: 1.5rem;
}

#order_page_v2 .purple-left-border {
    border-left: 1px solid black;
    border-image: url('/assets/medias/pictures/purple-left-border.png');
    border-image-width: 0 0 100% 1rem;
    padding-left: 1.5rem;
}

#order_page_v2 .blue-chalk-left-border {
    border-left: 1px solid black;
    border-image: url('/assets/medias/pictures/blue-chalk-left-border.png');
    border-image-width: 0 0 100% 1rem;
    padding-left: 1.5rem;
}

#order_page_v2 .span-circle {
    background: url("/assets/medias/pictures/ny2024-circle.png") no-repeat center;
    background-size: 100% 100%;
    padding: 0.5rem 1.5rem;
    margin: -0.5rem -1.5rem;
    white-space: nowrap;
    color: #ED0707;
    font-weight: bold;
}


#order_page_v2 .red-circles-with-arrows-on-top {
    background: url("/assets/medias/ui/red-circles-with-arrow-on-top.png") no-repeat center;
    background-size: 100% 100%;
    padding: 4rem 1.5rem 1.5rem;
    margin: -1.5rem -1.5rem;
    white-space: nowrap;
    font-weight: bold;
    display: inline-block;
    background-position-y: -0.5rem;
}

#order_page_v2 .warning-before-paragraphe {
    display: flex;
    justify-content: space-around;
    margin-top: 1rem;
}

#order_page_v2 .warning-before-paragraphe p {
    font-weight: bold;
    font-size: 2rem;
    align-self: end;
    margin-bottom: 0;
    color: #ED0707;
}

#order_page_v2 .warning-before-paragraphe img {
    width: 50%;
}

#order_page_v2 .warning-paragraphe {
    border-left: 4px solid #ed0904;
    padding: 1rem;
    background-color: #f1f1f1;
    margin-top: 1rem;
}

#order_page_v2 .red-left-border {
    border-left: 1px solid black;
    border-image: url('/assets/medias/pictures/ny2024-left-red-border.png');
    border-image-width: 0 0 100% 1rem;
    padding-left: 1.5rem;
}

#order_page_v2 .yellow-underlined {
    border-bottom: 1px solid black;
    border-image: url('/assets/medias/pictures/ny2024-yellow-underline.png');
    border-image-width: 0 0 0.75rem 100%;
    border-image-outset: 5;
}

#order_page_v2 .red-underlined {
    border-bottom: 1px solid black;
    border-image: url('/assets/medias/pictures/ny2024-bottom-red-border.png');
    border-image-width: 0 0 0.75rem 100%;
    border-image-outset: 5;
}

#order_page_v2 .red-underlined-2 {
    border-bottom: 1px solid black;
    border-image: url('/assets/medias/pictures/red-underline.png');
    border-image-width: 0 0 0.75rem 100%;
    border-image-outset: 5;
}

#order_page_v2 .red-underlined-chalk {
    border-bottom: 1px solid black;
    border-image: url('/assets/medias/ui/red-chalk-underline.png');
    border-image-width: 0 0 1rem 100%;
    border-image-outset: 7;
    white-space: nowrap;
}

#order_page_v2 .black-underlined {
    border-bottom: 1px solid black;
    border-image: url('/assets/medias/pictures/bottom-black-3-border.png');
    border-image-width: 0 0 0.75rem 100%;
    border-image-outset: 5;
}

#order_page_v2 .double-red-underlined {
    border-bottom: 1px solid black;
    border-image: url('/assets/medias/pictures/double-red-underlined.png');
    border-image-width: 0 0 0.75rem 100%;
    border-image-outset: 5;
}

#order_page_v2 .study-description-section {
    position: relative;
}

#order_page_v2 .study-description-section > img {
    width: 105%;
    margin-left: -5%;
}

#order_page_v2 .study-description-container {
    position: relative;
    background-color: #fffcf1;
    padding: 0.5rem;
    border: 2px solid #eee127;
    z-index: 1;
    margin-top: -20rem;
}

#order_page_v2 .study-descrition-title {
    margin: 0.5rem auto;
    padding: 0.5rem 0.5rem 0;
    text-align: center;
    color: #ED0707;
    font-weight: bold;
    background-image: url('/assets/medias/pictures/ny2024-yellow-paragraph.png');
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

#order_page_v2 .study-descrition-subtitle {
    font-size: 1.25rem;
    font-style: italic;
    text-align: center;
    padding: 0 1rem;
    margin-top: 0.5rem;
}

#order_page_v2 .study-description-container ul + p {
    padding: 0 1rem;
}

#order_page_v2 .study-description-container li.ls-dash {
    font-weight: bold;
    margin-top: 0.25rem;
    margin-bottom: 0;
    margin-left: 1rem;
}

#order_page_v2 .newyear2024-title-with-star {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 0;
}

#order_page_v2 .newyear2024-title-with-star img {
    max-height: 3rem;
}

#order_page_v2 .title-surligned {
    background-color: rgba(241, 178, 13, 0.3);
    color: #000;
    padding: 0.25rem 0.5rem;
    letter-spacing: -0.075rem;
    font-weight: bold;
    font-size: 2rem;
}

#order_page_v2 .box-black-border {
    border: 1px solid black;
    padding: 0.5rem 1rem;
}

#order_page_v2 .box-black-border > p:first-child {
    margin-top: 0;
}

#order_page_v2 .box-black-border > p:last-child {
    margin-bottom: 0;
}

#order_page_v2 .list-orange-background {
    background-color: #f5ede2;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

#order_page_v2 .list-orange-background li {
    margin: 0;
}

#order_page_v2 .red-single-left-border {
    border-left: 1px solid black;
    border-image: url('/assets/medias/pictures/ny2024-red-left-border.png');
    border-image-width: 0 0 100% 1rem;
    padding-left: 1.5rem;
}

#order_page_v2 .study-descrition-title-2 {
    margin: 0.5rem auto 1rem;
    padding: 0.5rem 0.5rem 0;
    text-align: center;
    color: #000000;
    font-weight: bold;
    background-image: url('/assets/medias/pictures/ny2024-beige-paragraph.png');
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    font-size: 2rem;
}

#order_page_v2 .study-description-container-2 {
    background-color: #fff;
    border: 2px solid transparent;
    padding: 0 0.5rem;
}

#order_page_v2 .beige-underlined {
    border-bottom: 1px solid black;
    border-image: url('/assets/medias/pictures/ny2024-bottom-beige-border.png');
    border-image-width: 0 0 0.75rem 100%;
    border-image-outset: 5;
}

#order_page_v2 .yellow-surligned {
    background: url('/assets/medias/pictures/yellow-line.png') no-repeat center;
    background-size: 90% 100%;
}

#order_page_v2 .yellow-surligned-2 {
    background: url('/assets/medias/pictures/yellow-line-2.png') no-repeat center;
    background-size: 100% 100%;
}

#order_page_v2 .number-with-orangelines {
    display: flex;
    flex-direction: row;
    width: 100%;
}

#order_page_v2 .number-with-orangelines div {
    border-bottom: 1px solid #fc6e48;
    flex-grow: 1;
    margin-bottom: 1rem;
}

#order_page_v2 .number-with-orangelines span {
    color: #fc6e48;
    display: block;
    padding: 0 1rem;
    margin: auto;
    flex-grow: 0;
    font-size: 4rem;
    line-height: 4rem;
    font-weight: bold;
}

.section-before-banner {
    --before-banner-bg-color: #6c186d;
    background-color: var(--before-banner-bg-color);
    padding: 1rem 0;
    display: flex;
}

.section-before-banner span {
    margin: auto;
    display: inline-block;
    color: #fef;
    font-weight: bold;
}

.fullreading-color {
    --before-banner-bg-color: #6c186d;
}

#order_page_v2 .section-separator {
    border-top: 1px solid #999;
    position: relative;
    margin: 1.5em 0;
}

#order_page_v2 .section-separator span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #6c186d;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    width: 2em;
    height: 2em;
    text-align: center;
    line-height: 2em;
}

#order_page_v2 .container-title {
    background-color: #efefef;
    border-left: 3px solid #800080;
    padding: 0.5rem;
    margin: 2em 0 1em;
}

#order_page_v2 .container-title h3, #order_page_v2 .container-title-no-background h3 {
    font-size: 1.4em;
    text-align: center;
    font-weight: bold;
    margin: 0;
    color: #800080;
    text-transform: initial;
    text-decoration: initial;
}

#order_page_v2 .container-title-no-background {
    padding: 0.5rem;
    margin: 1em 0;
}

#order_page_v2 .container-title-no-background h3 {
    color: #000;
}

#order_page_v2 .bordered-container {
    --bordered-container-border-color: #000;
    --bordered-container-background-color: #FDF8FF;
    border: 3px solid var(--bordered-container-border-color);
    background-color: var(--bordered-container-background-color);
    padding: 0 1rem;
}

#order_page_v2 .bordered-container:has(> .negative-margin-top-25) {
    margin-top: 25%;
}

#order_page_v2 .bordered-container img {
    max-width: 100%;
}

#order_page_v2 .purple-bordered-container {
    --bordered-container-border-color: #6c186d;
    --bordered-container-background-color: #FDF8FF;
}

#order_page_v2 .negative-margin-top-25 {
    margin-top: -25%;
}

#order_page_v2 .purple-surligned {
    background: url("/assets/medias/pictures/purple-surligned.png") no-repeat;
    background-size: cover;
}

#order_page_v2 ul.purple-check-list, #order_page_v2 ul.bg-check-list {
    padding-left: 0;
}

#order_page_v2 ul.purple-check-list li, #order_page_v2 ul.bg-check-list li {
    --background-check-list: #fff;
    list-style-image: none;
    background: var(--background-check-list) left top no-repeat;
    background-position-y: 3px;
    background-size: 24px 24px;
    padding-left: 32px;
    list-style-type: none;
    margin-top: 0;
    line-height: 1.5em;
    margin-bottom: 1em;
}

#order_page_v2 ul.purple-check-list ul li::marker, #order_page_v2 ul.bg-check-list ul li::marker {
    font-size: 1em;
}

#order_page_v2 ul.purple-check-list li {
    --background-check-list: url('/assets/medias/ui/purple-li-check.png');
}

#order_page_v2 ul.orange-check-list li {
    --background-check-list: url('/assets/medias/ui/orange-li-check.png');
}

#order_page_v2 ul.green-check-list li {
    --background-check-list: url('/assets/medias/ui/li-green-check-2.png');
}

#order_page_v2 .box-with-left-picture {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#order_page_v2 .box-with-left-picture img {
    max-width: min(25%, 100px);
}

#order_page_v2 .box-with-left-picture p {
    padding: 0 1.5rem;
    text-align: center;
    margin: 0;
    line-height: 1.15em;
    font-size: clamp(1.25em, 5vw, 1.5em);
}

#order_page_v2 .mary-picture-abs-container {
    display: block;
    margin: 0 0 0 -30px;
    position: absolute;
}

#order_page_v2 .mary-picture-abs-container img {
    max-width: 60%;
    shape-outside: url(/assets/medias/pictures/mary-character.png);
    float: left;
    height: auto;
    shape-margin: 1rem;
    z-index: -1;
    position: relative;
}

#order_page_v2 .mary-picture-abs-container p {
    padding-top: 1.5rem;
    text-align: center;
    color: #df233c;
    font-weight: bold;
    font-size: 1.15em;
    line-height: 1.25em;
    padding-right: 0.5rem;
}

#order_page_v2 .mary-picture-abs-container + * {
    margin-top: calc(60% + 2em);
}

.custom-colored-line {
    --custom-colored-line-bg: linear-gradient(90deg, rgb(87 40 156 / 51%) 0%, rgb(87 40 156 / 30%) 100%);
    --custom-colored-line-text-color: #000;
    position: relative;
    color: var(--custom-colored-line-text-color);
    background: var(--custom-colored-line-bg);
    background-size: 100% 50%;
    background-repeat: no-repeat;
    background-position: bottom;
}

@media screen and (min-width: 576px) {
    #order_page_v2 .img-left {
        width: 15%;
    }

    #order_page_v2 .warning-before-paragraphe {
        flex-direction: column;
        margin: 1rem auto;
    }

    #order_page_v2 .warning-before-paragraphe p {
        align-self: auto;
        margin: 0 auto;
    }

    #order_page_v2 .warning-before-paragraphe img {
        max-width: 250px;
        margin: auto;
    }

    #order_page_v2 .study-description-section > img {
        width: 50%;
        margin-left: 0;
    }

    #order_page_v2 .study-description-container {
        margin-top: -25rem;
    }

    #order_page_v2 .study-descrition-title {
        max-width: 512px;
    }

    #order_page_v2 .newyear2024-title-with-star img {
        max-height: 6rem;
    }

    #order_page_v2 .title-surligned {
        font-size: 3rem;
    }

    #order_page_v2 .mary-picture-abs-container img {
        max-width: 25%;
    }

    #order_page_v2 .mary-picture-abs-container p {
        padding-top: 0;
        padding-right: 0;
        font-size: 1.5em;
        line-height: 1.25em;
    }

    #order_page_v2 .mary-picture-abs-container + * {
        margin-top: calc(20% + 2em);
    }

    #order_page_v2 .box-with-left-picture {
        max-width: 75%;
        margin: auto;
    }
}

@media screen and (max-width: 576px) {
    #order_page_v2 .newyear2023_title {
        font-size: 2.5rem;
    }

    #order_page_v2 .img_container img.img_50_65 {
        max-width: 65%;
    }

    #order_page_v2 .img_container img.img_25_40 {
        max-width: 40%;
    }

    #order_page_v2 .img-container img.img_75_100 {
        max-width: 100%;
    }

    #order_page_v2 .img_container_with_text {
        display: flex;
        flex-direction: column;
    }

    #order_page_v2 .img_container_with_text img {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
}

#order_page_v2.op_yf2024 {
    margin: -20px -15px;
    padding: 0 1rem;
    background: url('/assets/medias/pictures/op_yf2024_background.jpg') no-repeat fixed top;
    background-size: 100% 100%;
}

@media screen and (min-width: 990px) {
    #order_page_v2.op_yf2024 {
        background: none;
    }
}

#order_page_v2 .numeroted-title {
    margin: 1rem auto;
}

#order_page_v2 .numeroted-title .number {
    --number-color: #dee2eb;

    text-align: center;
    font-size: 5rem;
    color: var(--number-color);
    margin: 0;
    line-height: 1em;
}

#order_page_v2 .numeroted-title .title {
    --title-color: #7397bb;

    font-size: 2.25rem;
    color: var(--title-color);
    line-height: 1em;
    margin: 0.5rem 0 1rem;
}

#order_page_v2 .title-with-picture-bottom {
    display: flex;
    flex-direction: column;
}

#order_page_v2 .title-with-picture-bottom p {
    --text-color: #e25d10;
    color: var(--text-color);
    margin: 0;
    font-family: 'Arial', sans-serif !important;
    line-height: 1.2em;
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
}

#order_page_v2 .title-with-picture-bottom img {
    --image-width: min(50%, 250px);
    width: var(--image-width);
    margin: 1rem auto;
}

#order_page_v2 .colored-section-with-left-border {
    --border-color: #c61819;
    --background-color: #f0f0f0;
    border-left: 4px solid var(--border-color);
    background-color: var(--background-color);
    padding: 1rem;
}

#order_page_v2 .colored-section-with-left-border:has(ol), #order_page_v2 .colored-section-with-left-border:has(ul) {
    padding: 0.1rem 1rem 0.1rem 0;
}

#order_page_v2.colored-background {
    --background-color: #000;
    --text-color: #fff;
    background-color: var(--background-color);
    margin: -20px -15px;
    padding: 20px 15px;
    color: var(--text-color);
}

#order_page_v2 .underline-with-upper-shadow {
    --shadow-line-height: 0.75em;
    --highlight-color: #74D7D740;
    --underline-gap: 4px;
    --underline-color: #74D7D7;
    box-shadow: inset 0 calc(var(--shadow-line-height) * -1) 0 0 var(--highlight-color);
    padding-bottom: var(--underline-gap);
    border-bottom: 2px solid var(--underline-color);
    line-height: calc(var(--shadow-line-height) * 2);
}

#compatibility_choice .compatibility_choice_fields_container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: space-evenly;
    margin: 2rem 0;
}

#compatibility_choice .compatibility_choice_separator {
    display: none;
    width: 1px;
    border: 1px solid lightgrey;
}

#compatibility_choice label {
    width: fit-content;
}

@media screen and (min-width: 600px) {
    #compatibility_choice .compatibility_choice_fields_container {
        flex-direction: row;
    }

    #compatibility_choice .compatibility_choice_separator {
        display: block;
    }
}

.order-testimonials-container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}

@media screen and (min-width: 600px) {
    .order-testimonials-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

.order-testimonials {
    background-color: #f2f2f2;
    border-radius: 15px;
    padding: 2rem 3rem;
    box-shadow: 0 5px 5px -2px rgba(0,0,0,0.1);
}

.order-testimonials .rating-container {
    display: flex;
    gap: 1rem;
}

.order-testimonials .rating-container img {
    width: 50px;
}

.order-testimonials .rating-container .testimonial-author {
    font-weight: bold;
}

.order-testimonials .rating-container .rating-stars {
    color: #fec311;
}

.order-testimonials .testimonial-text-container {
    font-weight: bold;
    text-align: center;
}

#order_page_v2 .order-testimonials .testimonial-text-container p {
    margin-bottom: 0;
}

.top-cut-parchment-background {
    background-image: url('/assets/medias/ui/top-cut-parchment.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: bottom center;
    padding-top: 6rem;
    padding-bottom: 1rem;
}

@media screen and (max-width: 800px) {
    .top-cut-parchment-background {
        background-image: url('/assets/medias/ui/mobile-parchment.png');
        margin-inline: -20px;
        padding-top: 1rem;
        padding-bottom: 2rem;
        padding-left: 4rem !important;
        padding-right: 2rem;
    }
}