.subscription-actions{
.button--primary{
    background: #EC9B21;
padding:7px 8px;
border-radius:4px;
font-size:13px;
    color: #030C2C;
margin-right:15px;
}
}
.user-subscription-edit-form{
max-width:500px;
width:100%;
color:#000000;
margin:200px auto 100px;
.form-actions {
display:flex;
gap:20px;
button, a{
border-radius:4px!important;
}
}
}
.row > * {
  padding: 0px;
}

.row {
  margin-left: 0px;
  margin-right: 0px;
}

.play-fair-font {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}

a, button {
  transition: all 0.3s ease;
  -webkit-transition: all .3s ease;
}

h1 {
  color: #FFCC7F;
  font-family: "Playfair Display", serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 0px;
  -webkit-font-smoothing: antialiased;
}

h2 {
  color: #FFCC7F;
  font-family: "Playfair Display", serif;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 0px;
  line-height: 130%;
  -webkit-font-smoothing: antialiased;
}

h3 {
  color: #FFF;
  font-family: "Playfair Display", serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 130%;
  -webkit-font-smoothing: antialiased;
}

h4 {
  color: #FFCC7F;
  font-family: "Playfair Display", serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  -webkit-font-smoothing: antialiased;
}

body {
  color: #F7F3DE;
  font-size: 16px;
  font-weight: 400;
  font-family: "DM Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
}

p {
  margin-bottom: 0px;
}

.dm-sans-font {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}

.site-footer {
  background: #030C2C;
  padding-top: 50px;
  color: #F7F3DE;
  font-family: "DM Sans", sans-serif;
  padding-bottom: 33px;
  -webkit-font-smoothing: antialiased;
  margin-top: auto
}

.footer-logo p {
  font-family: "Playfair Display", serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  margin-top: 10px;
  -webkit-font-smoothing: antialiased;
}

.site-footer .lien-title {
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 12px;
}

.footer-lien-content .nav {
  display: block;
  column-count: 2;
  width: fit-content; /* column-gap: 30px; */
}

a {
  text-decoration: none;
  color: #F7F3DE
}

a:hover {
  color: #EC9B21;
}

.footer-lien-content .nav li a:hover {
  color: #EC9B21;
}

.footer-lien-content .nav li {
  margin-bottom: 8px;
}

.footer-lien-content .nav li a {
  font-size: 16px;
  padding: 0px;
  color: #F7F3DE;
  font-weight: 400;
  line-height: normal;
}

.newsletter-form h2 {
  color: #FFCC7F;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  margin-bottom: 10px;
}

.newsletter-form .form-control {
  width: 330px;
  padding: 17px 0px 16px 14px;
  border: 0px !important;
  border-radius: 0px;
  color: #030C2C;
  font-size: 16px;
  line-height: 22px;
}

.newsletter-form .form-control::placeholder {
  color: #030C2C !important;
}

.newsletter-form .newsletterbtn {
  background: #FFCC7F;
  padding: 15px 50px;
  color: #030C2C;
  font-size: 18px;
  border: 0px;
  height: 55px;
  outline: 0px;
  box-shadow: none;
  border-radius: 0px;
  line-height: normal;
  text-transform: capitalize;
  border: 1px solid #FFCC7F;
}

.newsletter-form .js-form-item {
  margin-bottom: 0px !important;
}

.newsletter-form .form-actions {
  margin-bottom: 0px !important;
}

.newsletter-text {
  line-height: normal;
  max-width: 520px;
  margin-top: 10px;
}

.newsletter-form .webform-flexbox, .newsletter-form .webform-flex--container {
  margin: 0px;
  margin-bottom: 0px !important;
}

.newsletter-form .webform-flex {
  flex: initial;
}

.section-wrap {
  position: relative;
  background: linear-gradient(0deg, #030C2C 0%, #222561 100%);
  padding-top: 160px;
  padding-bottom: 112px;
}

.sec-overlay {
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.hompage-main-wrap .home-second-sec-wrap {
  position: relative;
  background: #030C2C;
}

.sec-overlay-1 {
  background-image: url('../images/big-bg.svg');
}

.sec-overlay-2 {
  background-image: url('../images/bg-big-2.svg');
}

.header .menu-block .nav-item .dropdown-menu .header {
  padding-top: 20px;
}

.dropdown-item:hover {
  background-color: transparent;
}

.dropdown:hover > .dropdown-menu {
  display: flex !important;
  border: 0px;
  border-radius: 0px;
  box-shadow: 10px 10px 30px 0px rgba(3, 12, 44, 0.20);
}

.dropdown-menu.show {
  display: flex;
  background-clip: initial;
  border: 0px;
  border-radius: 0px;
  box-shadow: 10px 10px 30px 0px rgba(3, 12, 44, 0.20);
}

.login-btn-custom a {
  color: #FFCC7F;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
}

.login-btn-custom a:hover, .login-btn-custom a:focus {
  color: #EC9B21;
}

.login-btn-custom .nav {
  justify-content: end;
}

.login-btn-custom .nav a {
  margin-right: 50px;
  display: flex;
  padding: 0px;
}

.login-btn-custom .nav .nav-item:last-child a {
  margin-right: 0px;
}

.login-btn-custom .nav a:before {
  content: '';
  display: block;
  margin-right: 5px;
  width: 24px;
  height: 24px;
}

.login-btn-custom .nav .nav-link--s-abonner::before, .login-btn-custom .nav .nav-link--fr-plans-dabonnement:before, .login-btn-custom .nav .nav-link--fr-subscribe::before {
  background: url('../images/subscribe.svg') no-repeat;
}

.login-btn-custom .nav .nav-link--fr-user-login::before, .login-btn-custom .nav .nav-link--fr-user-logout::before {
  background: url('../images/log-in.svg') no-repeat;
}

.login-btn-custom .nav .nav-link--fr-user-register::before, .login-btn-custom .nav .nav-link--fr-user::before {
  background: url('../images/write.svg') no-repeat;
}

.header .navbar {
  padding: 20px 0px 0px;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.menu-block .navnavbar-nav .nav-item .nav-link {
  padding: 0px;
  color: #F8F6F4;
  font-family: "Playfair Display", serif;
  font-size: 18px;
  font-weight: 700;
  padding: 0px !important;
  min-height: auto;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
}

.navbar-brand {
  padding: 0px;
  margin-right: 40px;
}

.header .navbar > .container {
  justify-content: initial;
}

.menu-block .navnavbar-nav .nav-item .nav-link:hover, .menu-block .navnavbar-nav .nav-item .nav-link.is-active {
  color: #FFCC7F;
}

.dropdown-menu .is-active, .footer-lien-content .nav li a.is-active {
  color: #EC9B21 !important;
}

.header .header-menu {
  width: 100%;
}

.menu-block .navnavbar-nav .nav-item {
  padding-right: 30px;
  list-style: none;
}

.menu-block .navnavbar-nav .nav-item:nth-child(2) .dropdown-menu .dropdown-item:first-child, .menu-block .navnavbar-nav .nav-item:nth-child(2) .dropdown-menu .dropdown-item:nth-child(2) {
  padding: 30px 25px 25px 25px;
}

.menu-block .navnavbar-nav .nav-item:nth-child(2) .dropdown-menu .dropdown-item {
  list-style: none;
  padding: 0px;
}

.rendered-menu-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.fs-hd-menu .rendered-menu-wrap img, .fs-hm-menu .rendered-menu-wrap img {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

.rendered-menu-wrap a, .dropdown-menu .dropdown-item a {
  color: #030C2C;
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
}

.menu-block .navnavbar-nav .nav-item:nth-child(2) .dropdown-menu {
  width: 1026px;
  border-radius: 0px;
  left: 145px;
  padding: 0px;
  min-height: 340px;
}

.dropdown-menu[data-bs-popper] {
  margin-top: 0px;
}

.header .menu-block .navnavbar-nav {
  display: flex;
  margin-bottom: 0px;
  margin-top: 25px;
  padding-left: 0px;
}

.navbar-expand-lg .navbar-collapse {
  justify-content: flex-start !important;
}

.header .navbar > .container {
  position: relative;
}

.dropdown-toggle::after {
  display: none;
}

.header .menu-block .dropdown {
  position: initial
}

#block-horoscope-pro-trouvezvotresigne .menu-item span {
  color: #030C2C;
  font-family: "Playfair Display", serif;
  font-size: 22px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 40px;
  -webkit-font-smoothing: antialiased;
}

#block-horoscope-pro-horoscopemensuel .menu-level-1 {
  column-count: 4;
  column-gap: 30px;
}

#block-horoscope-pro-horoscopemensuel .menu_link_content .menu-item {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}

#block-horoscope-pro-horoscopemensuel .menu_link_content .menu-item .field--type-image img {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

.ultimenu__flyout .menu-item a {
  color: #030C2C;
  font-size: 18px;
  font-weight: 400;
  font-family: "DM Sans", sans-serif;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
}

#main-wrapper {
  padding-top: 0px;
}

#block-horoscope-pro-horoscopedujour {
  display: none;
}

#page {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.mentions-wrapper h1 {
  text-align: center;
  margin-bottom: 13px;
}

.mentions-wrapper {
  padding-bottom: 28px;
}

.mentions-wrapper h4 {
  max-width: 1070px;
}

.mentions-wrapper p {
  color: #F8F6F4;
  font-size: 16px;
  font-weight: 400;
}

.mentions-wrapper ul {
  counter-reset: num-counter;
  list-style: none;
}

.mentions-wrapper ul li {
  margin-bottom: 30px;
}

.mentions-wrapper ul li h4:before {
  content: counter(num-counter) ".";
  counter-increment: num-counter;
  padding-right: 5px;
}

#page-wrapper {
  background: linear-gradient(90deg, #030C2C 0%, #222561 100%);
}

.fs-hidden {
  display: none;
}

.fs-sub-menu-wrap .menu {
  padding: 0px;
}

.fs-sub-menu-wrap .menu .menu-item {
  list-style: none;
}

.fs-sub-menu-wrap .fs-hm-menu .menu-level-0, .fs-sub-menu-wrap .fs-hd-menu .menu-level-0 { /* column-count: 4; */
  position: absolute;
  left: 25px;
}

.fs-sub-menu-wrap .fs-hm-menu .menu-level-1, .fs-sub-menu-wrap .fs-hd-menu .menu-level-1 {
  grid-template-columns:repeat(4, 1fr);
  display: grid;
  column-gap: 30px;
}

.fs-sub-menu-wrap .fs-hm-title, .fs-sub-menu-wrap .fs-hdj-title {
  color: #030C2C;
  font-size: 20px;
  font-family: "Playfair Display", serif;
  font-weight: 400;
  width: fit-content;
  padding-right: 60px;
  cursor: pointer;
  margin-bottom: 10px;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
}

.dropdown-menu .dropdown-item .horoscope-mensuel-custom, .dropdown-menu .dropdown-item .horoscope-du-jour-custom {
  color: #030C2C;
  font-size: 16px;
  font-weight: 700;
  width: fit-content;
  padding-right: 60px;
  cursor: pointer;
  display: block;
  padding-bottom: 30px;
  line-height: normal;
}

.fs-sub-menu-wrap .fs-tvs-title {
  font-weight: 700;
  font-family: "Playfair Display", serif;
  color: #030C2C;
  margin-bottom: 40px;
  font-size: 22px;
  font-weight: 700;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
}

.fs-sub-menu-wrap .fs-hm-title.fs-active, .fs-sub-menu-wrap .fs-hdj-title.fs-active {
  font-weight: 700;
}

.fs-sub-menu-wrap .fs-hm-menu .menu-item, .fs-sub-menu-wrap .fs-hd-menu .menu-item {
  margin-bottom: 40px;
  width: 149px;
}

.fs-sub-menu-wrap .fs-hdj-title {
  margin-left: -137px;
}

.menu-block .navnavbar-nav .nav-item:nth-child(2) .dropdown-menu .dropdown-item:last-child {
  background: #FFF0E3;
  width: auto;
  padding: 30px 25px 25px 25px;
}

.menu-block .fs-tvs-menu {
  padding-right: 23px;
}

.fs-tvs-menu .rendered-menu-wrap img {
  margin-right: 10px;
}

.rendered-menu-wrap:hover a {
  cursor: pointer;
  color: #EC9B21;
}

.fs-hd-menu .rendered-menu-wrap:hover img, .fs-hm-menu .rendered-menu-wrap:hover img, .menu-level-1 .menu-item--active-trail .rendered-menu-wrap img {
  filter: invert(77%) sepia(67%) saturate(2374%) hue-rotate(342deg) brightness(94%) contrast(96%);
}

/* home page */
.hompage-main-wrap .home-first-sec-wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-top: 52px;
}

.hompage-main-wrap .home-first-sec-wrap h1 {
  max-width: 545px;
  margin-bottom: 50px;
}

.font-20 {
  font-size: 20px;
  font-weight: 400;
  line-height: 160%;
}

.hompage-main-wrap .home-first-sec-wrap p {
  color: #FFF;
  max-width: 545px;
}

.hompage-main-wrap .home-first-sec-wrap .sand-light-btn {
  margin-top: 30px;
}

.sand-light-btn, .global-custom-form-class .form-actions .button {
  display: flex;
  padding: 15px 50px;
  align-items: center;
  color: #030C2C;
  font-size: 18px;
  font-weight: 400;
  background: #FFCC7F;
  width: fit-content;
  line-height: normal;
  border-radius: 0px; /*text-transform:capitalize;*/
  cursor: pointer;
  border: 0px;
}

.hompage-main-wrap .home-first-sec-wrap .home-first-sec-left {
  padding-top: 126px;
}

.hompage-main-wrap .home-first-sec-wrap .home-first-sec-right-sub {
  float: right;
  padding-right: 73px;
}

.hompage-main-wrap .home-second-sec-wrap {
  padding-bottom: 15px;
}

p {
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}

.avantages-para-sec .avantages-para-col {
  margin-bottom: 40px;
  padding-left: 12px;
  padding-right: 12px;
}

.avantages-para-sec .avantages-para-col:nth-last-child(-n + 3) {
  margin-bottom: 0px;
}

.avantages-para-sec .avantages-para-sec-wrap h3 {
  margin-bottom: 20px;
}

.avantages-para-sec .avantages-para-sec-wrap img {
  margin-bottom: 20px;
  max-width: 133px;
  max-height: 133px;
}

.avantages-para-sec .avantages-para-sec-wrap {
  border: 1px solid rgba(71, 76, 171, 0.50);
  padding: 30px;
  min-height: 360px;
}

.avantages-para-sec .avantages-title {
  margin-bottom: 42px;
  text-align: center;
}

.avantages-para-sec .row {
  max-width: 960px;
  margin: auto;
}

.votre-sign-main-wrap .votre-sign-inner {
  background: #fff;
  width: fit-content;
  margin: auto;
  text-align: center;
  padding: 65px 33px;
  position: relative;
}

.hompage-main-wrap .avantages-para-sec {
  padding-bottom: 15px;
  padding-top: 80px;
}

.votre-sign-main-wrap .votre-sign-inner img {
  width: 150px;
  height: 150px;
}

.votre-sign-main-wrap .votre-sign-inner h2 {
  color: #030C2C;
  max-width: 345px;
  margin-bottom: 45px;
}

.votre-sign-main-wrap .votre-sign-inner .vsi-img-sec {
  margin-bottom: 45px;
}

.votre-sign-main-wrap .votre-sign-inner .vsi-href a {
  color: #030C2C;
  width: fit-content;
  display: block;
  margin: auto;
}

.link-border:after {
  background: #EC9B21;
  height: 3px;
  content: '';
  display: block;
}

.home-third-sec-wrap {
  padding-top: 50px;
  text-align: center;
  padding-bottom: 85px;
}

.home-third-sec-wrap .htcw-image {
  margin-bottom: 20px;
}

.home-third-sec-wrap .htcw-text-1 p, .home-third-sec-wrap .htcw-text-2 p {
  font-size: 30px;
  font-weight: 400;
  color: #F8F6F4;
  line-height: 50px;
}

.home-third-sec-wrap .htcw-text-2 span {
  font-weight: 400;
  color: #FFCC7F;
}

.home-third-sec-wrap .htcw-text-2 p {
  font-weight: 700;
}

.home-third-sec-wrap .htcw-btn-wrap {
  margin-top: 20px;
  font-family: "DM Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
}

.home-third-sec-wrap .htcw-btn-wrap a {
  margin: auto;
}

.home-terminology-wrap {
  padding-top: 50px;
  padding-bottom: 35px;
  position: relative;
  z-index: 1;
}

.home-terminology-wrap h2 {
  text-align: center;
  margin-bottom: 50px;
}

.terminology-home-custom .slick-slider .slick-track,
.terminology-home-custom .slick-slider .slick-list {
  display: flex;
}

.terminology-home-custom .slick-slide {
  background: #fff;
  margin-right: 30px;
  width: 350px;
  height: inherit;
}

.terminology-home-custom {
  max-width: 1130px;
  margin: auto;
  overflow-x: hidden;
}

.terminology-home-custom .terminology-card {
  padding: 30px;
  text-align: center;
}

.terminology-home-custom .terminology-card .tc-start-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.terminology-home-custom .terminology-card .tc-image {
  margin-bottom: 20px;
}

.terminology-home-custom .terminology-card .tc-image img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 100%;
  margin-left: auto;
  margin-right: auto;
}

.terminology-home-custom .terminology-card .tc-desc-wrap p {
  color: #030C2C;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 30px;
}

.terminology-home-custom .terminology-card .tc-desc-wrap {
  clear: both;
  margin-top: 20px;
}

.tc-sbtl-wrap {
  color: #667ED4;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}

.terminology-home-custom .view-footer {
  margin-top: 50px;
}

.terminology-home-custom .view-footer a {
  margin: auto;
}

.terminology-home-custom .tc-title {
  color: #EC9B21;
  margin-top: 20px;
}

.slick-dots {
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  list-style: none;
  margin-bottom: 0px;
  margin-top: 30px;
}

.slick-dots li button {
  font-size: 0px;
  width: 20px;
  height: 20px;
  background: transparent;
  border: 1px solid #FFCC7F;
  border-radius: 100%;
  margin-right: 20px;
}

.newsletter-form .newsletterbtn:hover {
  color: #fff;
}

.slick-dots li.slick-active button {
  background: #FFCC7F;
}

.cadeau-horoscope-wrap .cadeau-horoscope-inner {
  display: flex;
  margin-bottom: 0px;
  align-items: center;
  max-width: 1130px;
}

.cadeau-horoscope-wrap h2 {
  margin-bottom: 20px;
}

.cadeau-horoscope-wrap .cade-desc {
  margin-bottom: 30px;
}

.cadeau-horoscope-wrap .ichi-left-sec {
  max-width: 611px;
  position: relative;
}

.cadeau-horoscope-wrap .ichi-right-sec {
  margin-left: 15px;
}

.contact-use-wrap .tl-inner h1 {
  text-align: center;
}

.contact-use-wrap .contact-form-wrapper {
  margin-top: 68px;
}

.contact-use-wrap .contact-form-wrapper .webform-submission-form {
  background: #FFF;
  max-width: 910px;
  margin: auto;
  padding: 50px 30px;
  box-shadow: 0px 0px 30px 0px rgba(227, 151, 40, 0.15);
}

.webform-submission-form .form-control, .global-custom-form-class .form-control {
  border: 1px solid #DADADA;
  border-radius: 0px;
  padding-left: 20px;
}

.global-custom-form-class .form-floating > label {
  padding-left: 0px;
}

.form-required::after {
  display: none !important;
}

.webform-submission-form .form-floating > label, .global-custom-form-class .form-floating > label {
  color: #030C2C;
  font-size: 18px;
  font-weight: 400;
  left: 20px;
  line-height: normal;
}

.description.text-muted {
  display: none;
}

.global-custom-form-class.js-form-item {
  margin-bottom: 20px !important;
}

.webform-submission-form .js-form-item {
  margin-bottom: 0px !important;
}

.webform-submission-contact-us-form .js-form-wrapper, .global-custom-form-class .js-form-wrapper {
  margin-bottom: 20px !important;
}

.form-floating > .form-control:not(:placeholder-shown) ~ label::after {
  display: none;
}

.form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control:focus ~ label {
  color: #EC9B21 !important;
}

.webform-submission-form .form-textarea {
  resize: none;
  height: 120px;
}

.webform-submission-contact-us-form .webform-actions, .global-custom-form-class .form-actions {
  display: flex;
  justify-content: end;
  margin-top: 30px;
  margin-bottom: 0px !important;
}

.global-custom-form-class .form-actions {
  justify-content: center;
}

.webform-submission-form .form-control:focus, .global-custom-form-class .form-control:focus, .global-custom-form-class .form-select:focus {
  box-shadow: none;
  border-color: #EC9B21;
}

.contact-use-wrap .qns-third-sec {
  margin-top: 50px;
  margin-bottom: 38px;
  background: transparent;
}

.webform-submission-form .js-form-type-textarea label, .global-custom-form-class .js-form-type-textarea label {
  padding-left: 0px !important;
}

.btn:hover {
  background: #EC9B21;
  border: 1px solid #EC9B21;
  color: #030C2C;
}

.recevez-votre-horoscope-wrap {
  display: flex;
  max-width: 910px;
  margin: auto;
  align-items: center;
}

.recevez-votre-horoscope-wrap .rvh-right-sec {
  padding-left: 70px;
}

.recevez-votre-horoscope-wrap .rvh-right-sec img {
  width: 400px;
  height: 400px;
  object-fit: cover;
}

.recevez-votre-horoscope-wrap .rvh-left-sec p {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  max-width: 440px;
}

.recevez-votre-horoscope-wrap .rvh-left-sec span {
  color: #FFCC7F;
}

.recevez-votre-horoscope-wrap .rvh-left-sec a {
  margin-top: 12px;
}

.qns-third-sec .recevez-votre-horoscope-wrap .rvh-left-sec a span {
  color: inherit;
  font-weight: 700;
}

.qns-third-sec .recevez-votre-horoscope-wrap .rvh-left-sec a {
  font-size: 20px;
  line-height: normal;
  font-weight: 400;
}

.home-votre-sign-block, .login-votre-sign-block, .register-votre-sign-block, .zodiac-votre-sign-block {
  background: #030C2C;
}

.votre-sign-main-wrap {
  position: relative;
  z-index: 1;
  padding: 95px 0px;
  background: rgba(13, 13, 86, 0.6);
}

.third-for-sec-wrap {
  position: relative;
}

.third-for-sec-wrap:after {
  background-repeat: no-repeat;
  background-position: bottom center;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  content: '';
  position: absolute;
  background-image: url('../images/big-bg.svg');
  background-size: cover;
}

.home-third-sec-wrap {
  background: #030C2C;
  position: relative;
  z-index: 2;
}

.home-third-sec-wrap:after {
  height: 651px;
  width: 564px;
  top: 0;
  left: 0;
  content: '';
  position: absolute;
  background: url('../images/circle-bg.svg') no-repeat;
}

.home-cadeau-horoscope-block {
  position: relative;
  background: #030C2C;
  height: 550px;
  z-index: 1;
}

.home-cadeau-horoscope-block .container, .home-cadeau-horoscope-block .cadeau-horoscope-wrap, .home-cadeau-horoscope-block .cadeau-horoscope-inner, .home-cadeau-horoscope-block .field {
  height: 100%;
}

.home-cadeau-horoscope-block::before, .cadeau-horoscope-wrap:before {
  height: 550px;
  width: 551px;
  top: 0;
  left: 0;
  content: '';
  position: absolute;
  background: url('../images/cade.svg') no-repeat;
}

.home-cadeau-horoscope-block::after, .cadeau-horoscope-wrap:after {
  height: 522px;
  width: 526px;
  top: 16px;
  right: 0;
  content: '';
  position: absolute;
  background: url('../images/cade-sec-2.svg') no-repeat;
}

.cadeau-horoscope-wrap .ichi-right-sec img {
  width: 385px;
  height: 385px;
}

/* commann css */
.horoscope-bg {
  background: var(--gradient, linear-gradient(90deg, #030C2C 0%, #222561 100%));
  position: relative;
  padding-top: 160px;
}

.contact-use-sub-wrap {
  position: relative;
}

.page-node-17 .horoscope-bg-overlay {
  height: 1250px !important;
}

.node--type-mentions-legales .horoscope-bg-overlay, .page-node-17 .horoscope-bg-overlay {
  background-image: url('../images/bg-big-2.svg'), linear-gradient(0deg, #030C2C, #222561);
  height: 1100px;
}

.horoscope-bg-overlay {
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  content: '';
  background-image: url('../images/bg-big-2.svg');
  position: absolute;
}

.mentions-wrapper ul li:last-child {
  margin-bottom: 0px;
}

.mentions-wrapper ul {
  margin-bottom: 0px;
  max-width: 1070px;
  padding: 0px;
  margin: auto;
}

.mentions-sub-wrapper {
  position: relative;
}

.page-user-login .horoscope-bg-overlay, .page-user-register .horoscope-bg-overlay, .path-user .horoscope-bg-overlay, .path-user .horoscope-bg-overlay {
  background-position: bottom -24px center;
  height: 1024px;
}

.checkout-wrapper .horoscope-bg-overlay {
  background-position: top center;
}

.page-user-register .horoscope-bg-overlay {
  background-position: bottom 0px center;
  height: 1037px;
}

.page-user-login .horoscope-bg, .page-user-register .horoscope-bg, .path-user .horoscope-bg {
  background: linear-gradient(0deg, #030C2C 0%, #222561 100%);
}

.login-form-main-wrap, .custom-register-form-wrap {
  margin-top: 40px;
}

.login-form-main-wrap .login-form-inner {
  display: flex;
  padding-bottom: 170px;
  position: relative;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.login-form-main-wrap .login-form-inner .login-title {
  width: 545px;
  margin-right: 54px;
}

.global-custom-form-class {
  padding: 30px 30px 50px 30px;
  background: #fff;
}

.login-form-main-wrap .user-login-form {
  max-width: 410px;
  margin-bottom: 0px;
}

.login-link a {
  color: #6D7985;
  font-size: 14px;
  margin-top: 0px;
  font-weight: 700;
  line-height: 35px;
}

.user-login-form .js-form-item.js-form-type-password {
  margin-bottom: 10px !important;
}

.qsn-inner-wrap .head-title {
  text-align: center;
}

.qsn-inner-wrap .qns-first-sec-sub {
  position: relative;
  z-index: 3;
}

.qsn-inner-wrap .qns-first-sec-sub .qsn-lr-sec {
  margin-top: 68px;
}

.qsn-lr-sec {
  display: flex;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.qsn-lr-sec .qsn-right-sec {
  max-width: 410px; /* margin-left:40px; */
}

.qsn-lr-sec .qsn-right-sec span {
  color: #FFCC7F;
}

.qsn-left-sec {
  display: flex;
  flex-wrap: wrap;
}

.qsn-lr-sec .qsn-right-sec p {
  margin-bottom: 5px;
}

.qsn-lr-sec .qsn-left-sec .qns-other-images {
  display: flex;
}

.qsn-lr-sec .qsn-left-sec .qns-other-images div {
  padding-right: 30px;
}

.qsn-lr-sec .qsn-left-sec .qns-other-images div:last-child {
  padding-right: 0px;
  padding-bottom: 0px;
}

.qsn-lr-sec .qsn-left-sec .qns-other-image-0-block {
  padding-right: 40px;
  padding-bottom: 30px;
}

.qsn-inner-wrap .subscriber-text {
  text-align: center;
  margin-top: 38px;
}

.qns-ad-sec-wrap .avantages-para-sec h2 {
  padding-top: 10px;
  text-align: center;
  padding-bottom: 40px;
}

.avantages-para-sec {
  position: relative;
}

.qsn-inner-wrap.qns-third-sec {
  background: #030C2C;
}

.custom-register-form-wrap .register-first-sec {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1070px;
  margin: auto;
}

.custom-register-form-wrap .rfs-left-sec p {
  max-width: 409px;
  margin-top: 28px;
}

.custom-register-form-wrap .rfs-right-sec {
  padding-left: 190px;
}

.page-user-password .login-form-main-wrap p {
  color: #030C2C;
  font-size: 18px;
  font-weight: 400;
  left: 20px;
  line-height: normal;
}

.custom-register-inner {
  position: relative;
  z-index: 1;
}

.terminology-listing-wrap .tl-inner {
  text-align: center;
}

.terminology-listing-wrap .tl-inner .tl-desc p {
  margin-top: 18px;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.terminology-listing-wrap .temoignages-listing-custom .field-content {
  background: #fff;
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  display: block;
  height: 280px;
}

.terminology-listing-wrap .temoignages-listing-custom {
  margin-top: 68px;
  margin-bottom: 74px;
}

.terminology-listing-wrap .temoignages-listing-custom .terminology-col {
  padding-left: 15px;
  padding-right: 15px;
}

.register-votre-sign-block {
  position: relative;
}

.register-second-sec .cadeau-horoscope-wrap {
  position: relative;
}

.register-second-sec {
  position: relative;
}

.cadeau-horoscope-wrap .reg-cade-desc span {
  color: #FFCC7F;
}

.cadeau-horoscope-wrap .sand-light-btn {
  margin-top: 30px;
}

.votre-sign-main-wrap:before {
  background-image: url('../images/bg-big-2.svg');
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  content: '';
  position: absolute;
}

.node--type-qui-sommes-nous .horoscope-bg {
  background: linear-gradient(0deg, #030C2C 0%, #222561 100%);
}

.qns-ad-sec-wrap, .qns-third-sec, .qsn-inner-wrap .home-votre-sign-block {
  position: relative;
  background: #030C2C;
}

.path-frontpage .votre-sign-main-wrap:before, .page-user-login .votre-sign-main-wrap:before, .contact-use-wrap .votre-sign-main-wrap:before, .zodiac-votre-sign-block .votre-sign-main-wrap:before {
  display: none;
}

.horoscope-list-main-wrap h1 {
  text-align: center;
}

.horoscope-list-main-wrap .horoscope-list-desc {
  text-align: center;
  margin-top: 18px;
}

.horoscope-list-main-wrap .horoscope-listing-custom {
  margin-top: 68px;
  padding-bottom: 20px;
}

.horoscope-list-main-wrap.horoscope-bg, .zodiac-detail-main-wrap.horoscope-bg {
  background: linear-gradient(0deg, #030C2C 0%, #222561 100%);
}

.horoscope-list-inner {
  position: relative;
}

.horoscope-listing-custom .horscope-listing-col {
  text-align: center;
  margin-bottom: 50px;
}

.horoscope-listing-custom .horoscope-listing-card h3 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.horoscope-listing-custom .horoscope-listing-card-desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.horoscope-listing-custom .date-field-wrap {
  margin-top: 5px;
}

.horoscope-listing-custom .votre-horoscope-wrap {
  color: #FFCC7F;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 10px;
  max-width: 190px;
  margin-left: auto;
  margin-right: auto;
}

.horoscope-listing-custom .horoscope-listing-image-block {
  width: 120px;
  height: 115px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.horoscope-list-main-wrap .horoscope-bg-overlay {
  background-position: top center;
}

.zodiac-detail-main-wrap .zodiac-title {
  text-align: center;
}

.zodiac-detail-main-wrap .zodiac-detail-main-wrap-desc {
  margin-top: 18px;
  text-align: center;
  font-size: 30px;
}

.zodiac-detail-main-wrap .zodiac-lr-sec {
  display: flex;
  margin-top: 40px;
  position: relative;
  justify-content: center;
}

.zodiac-detail-main-wrap .zodiac-lr-sec .zodiac-left-sec {
  padding-right: 125px;
}

.zodiac-detail-main-wrap .zodiac-lr-sec .zodiac-left-sec img {
  width: 350px;
  height: 284px;
  filter: brightness(0) saturate(100%) invert(71%) sepia(69%) saturate(249%) hue-rotate(354deg) brightness(101%) contrast(101%);
}

.zodiac-detail-main-wrap .zodiac-lr-sec .zodiac-left-sec .zodiac-date {
  margin-top: 30px;
  text-align: center;
  margin-bottom: 85px;
}

.zodiac-detail-main-wrap .zodiac-lr-sec .zodiac-left-sec .zodiac-btn {
  box-shadow: 0px 10px 20px 0px rgba(236, 68, 0, 0.20);
}

.zodiac-detail-main-wrap .zodiac-lr-sec .zodiac-right-sec .zodiac-label h3 {
  max-width: 520px;
  margin-bottom: 10px;
}

.zodiac-detail-main-wrap .zodiac-lr-sec .zodiac-right-sec .zodiac-label {
  margin-bottom: 30px;
}

.node--type-zodiac-sign .cadeau-horoscope-wrap {
  position: relative;
  background: #030C2C;
}

.zodiac-detail-main-wrap .zodiac-lr-sec .zodiac-right-sec .zodiac-label p {
  max-width: 520px;
  padding-bottom: 10px;
}

.zodiac-detail-main-wrap .zodiac-second-section {
  position: relative;
}

.zodiac-detail-main-wrap .zodiac-lr-sec .zodiac-right-sec .zodiac-label:last-child {
  margin-bottom: 0px;
}

.zodiac-second-section .cadeau-horoscope-inner {
  padding-top: 87px;
  padding-bottom: 87px;
}

.horoscope-listing-custom a:hover .horoscope-listing-image-block img {
  filter: brightness(0) saturate(100%) invert(71%) sepia(69%) saturate(249%) hue-rotate(354deg) brightness(101%) contrast(101%);
}

.zodiac-detail-inner {
  position: relative;
}

.footer-copyright .footer-copyright-wrap {
  display: flex;
  justify-content: space-between;
  padding-top: 64px;
}

.footer-copyright .footer-copyright-wrap p {
  font-size: 13px;
  font-weight: 400;
  color: rgba(247, 243, 222, 0.4);
  line-height: normal;
}

.hompage-main-wrap .cadeau-horoscope-wrap:before, .hompage-main-wrap .cadeau-horoscope-wrap:after {
  display: none;
}

.node--type-qui-sommes-nous .horoscope-bg-overlay {
  height: 977px;
  z-index: 3;
  background-position: bottom -70px center;
}

.qns-ad-sec-wrap .horoscope-bg-overlay {
  background-position: bottom -86px center;
  height: 100%;
}

.register-second-sec .cadeau-horoscope-wrap:after {
  top: 0px
}

.register-second-sec {
  padding-top: 81px;
}

.register-second-sec .cadeau-horoscope-wrap .cadeau-horoscope-inner {
  padding-top: 77px;
  padding-bottom: 77px;
}

.terminology-main-wrap {
  background: #030C2C;
}

.login-btn-custom a:hover:before, .login-btn-custom a:hover, .login-btn-custom a:focus {
  filter: brightness(0) saturate(100%) invert(69%) sepia(90%) saturate(1516%) hue-rotate(345deg) brightness(97%) contrast(91%);
}

.link-border:hover {
  color: #EC9B21 !important;
}

.sand-light-btn:hover, .global-custom-form-class .form-actions .button:hover {
  background: #EC9B21;
  color: #fff;
}

.hompage-main-wrap .cadeau-horoscope-wrap .cadeau-horoscope-inner {
  margin-left: auto;
  margin-right: auto;
}

.horoscope-listing-custom a:hover .votre-horoscope-wrap {
  color: #EC9B21;
}

.dropdown-menu .dropdown-item .horoscope-mensuel-custom:hover, .dropdown-menu .dropdown-item .horoscope-mensuel-custom.is-active, .dropdown-menu .dropdown-item .horoscope-du-jour-custom.is-active, .dropdown-menu .dropdown-item .horoscope-du-jour-custom:hover {
  color: #030C2C !important;
}

.profile-main-wrap {
  position: relative;
  padding-bottom: 20px;
}

.profile-tab-content-wrap {
  margin-top: 68px;
  justify-content: center;
  max-width: 1130px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns:220px 910px;
  box-shadow: 0px 0px 30px 0px #E3972826;
  min-height: 310px;
}

.profile-main-wrap .profile-tabs-section {
  background: #F8F6F4;
  padding-left: 30px;
  padding-top: 40px;
}

.profile-main-wrap .profile-tabs-section a {
  font-size: 20px;
  font-weight: 400;
  line-height: 40px;
  color: #030C2C;
  display: block;
  padding-bottom: 4px;
}

.profile-main-wrap .profile-tabs-section a:hover {
  color: #EC9B21;
  font-weight: 400;
}

.profile-main-wrap .profile-tabs-section .active-tab {
  font-weight: 700;
}

.profile-main-wrap h1 {
  text-align: center;
}

.profile-main-wrap .profile-content-section {
  grid-template-columns:repeat(2, 1fr);
  display: grid;
  column-gap: 30px;
  background: #fff;
  padding: 40px 30px 65px 30px;
}

.profile-main-wrap .profile-content-section .user-user-profile-form {
  padding: 0px
}

.profile-main-wrap .astrology-calculation-form {
  padding: 0px;
}

.profile-main-wrap .form-actions {
  justify-content: end;
  margin-top: 0px;
}

.profile-main-wrap .subscription-wrap {
  padding: 62px 0px 0px 0px;
}

.profile-main-wrap .subscription-wrap h3 {
  margin-bottom: 20px;
  color: #030C2C;
}

.profile-main-wrap .subscription-wrap p {
  color: #030C2C;
}

.profile-main-wrap .subscription-wrap span {
  color: #EC9B21;
  padding-left: 8px;
}

.profile-main-wrap .subscription-wrap .subscription-wrap-inner {
  max-width: 410px;
}

.subscription-wrap .subscribe-btn-wrap {
  float: right;
  margin-top: 20px;
}

.horoscope-tab-wrap .horoscope-content-section {
  grid-template-columns:repeat(1, 1fr);
  column-gap: initial;
  padding: 30px 30px 49px 30px;
  background: #fff;
  position: relative;
}

.horoscope-tab-wrap .horoscope-content-section p {
  margin-bottom: 15px;
}

.horoscope-tab-wrap .horoscope-content-section .font-20 {
  font-weight: 700;
  margin-bottom: 10px;
}

.horoscope-tab-wrap .horoscope-content-section h3, .horoscope-tab-wrap .horoscope-content-section p {
  color: #030C2C;
}

.horoscope-tab-wrap .horoscope-content-section h3 {
  margin-bottom: 30px;
}

.horoscope-tab-wrap .horoscope-content-section span {
  color: #FFCC7F;
  display: block;
  margin-bottom: 10px;
}

.consulter-wrap .subscribe-msg {
  background: #FFF0E3;
  padding: 12px 20px;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
}

.horoscope-tab-wrap .horoscope-content-section .consulter-wrap {
  padding-top: 30px;
}

.consulter-wrap .subscribe-msg p {
  margin-bottom: 0px;
}

.consulter-wrap .consult-inner {
  display: flex;
  margin-bottom: 15px;
  align-items: center;
}

.consulter-wrap .consult-inner p {
  max-width: 410px;
  margin-right: 4px;
  margin-bottom: 0px !important;
  font-weight: 400 !important;
}

.consulter-wrap .horoscope-menusel-link {
  padding: 12px 0px;
}

.consulter-wrap .horoscope-menusel-link a {
  color: #030C2C;
  font-weight: 400;
}

.consulter-wrap .horoscope-menusel-link a:hover {
  color: #EC9B21;
}

.consulter-wrap .horoscope-menusel-link a:hover svg path {
  stroke: #EC9B21;
}

.consulter-wrap .horoscope-menusel-link svg {
  margin-left: 15px;
}

.view-commerce-user-orders .view-empty {
  font-size: 20px;
  color: #030C2C;
  font-weight: 400;
  line-height: 160%;
}

.contact-form-wrapper .webform-submission-contact-us-form .js-form-item {
  padding-right: 20px;
}

.contact-form-wrapper .webform-submission-contact-us-form .js-form-item-nom, .contact-form-wrapper .webform-submission-contact-us-form .js-form-item-sujet, .contact-form-wrapper .webform-submission-contact-us-form .js-form-item-message {
  padding-right: 0px;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}

.profile-main-wrap .profile-content-section h3 {
  color: #030C2C;
  margin-bottom: 20px;
  font-family: "DM Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
}

.profile-main-wrap .signe-output {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.profile-main-wrap .signe-output .intro {
  color: #030C2C;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}

.profile-main-wrap .signe-output .intro span {
  color: #EC9B21;
  padding-left: 3px;
}

.commerce-order-second-sec {
  padding-top: 40px;
  background: transparent;
}

.commerce-order-third-sec {
  background: #030C2C;
  padding-top: 0px;
}

.commerce-order-second-sec .recevez-votre-horoscope-wrap {
  max-width: 1130px;
}

.commerce-order-third-sec .cadeau-horoscope-wrap .cadeau-horoscope-inner {
  max-width: 1130px;
  padding-left: 0px;
  padding-right: 0px;
}

.temoignages-listing-nodes {
  position: relative;
}

.profile-main-wrap .commerce-content-section {
  grid-template-columns:repeat(1, 1fr);
  display: block
}

.profile-main-wrap .commerce-content-section table {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
}

.profile-main-wrap .commerce-content-section table th {
  background: #030C2C;
  color: #FFF0E3;
  font-weight: inherit;
  padding: 13px 20px;
  text-align: center;
  vertical-align: middle;
}

.profile-main-wrap .commerce-content-section table tr {
  border-top: 10px solid #fff;
}

.profile-main-wrap .commerce-content-section table tr td {
  color: #030C2C;
  padding: 13px 20px;
  border: 0px;
  text-align: center;
  box-shadow: none;
}

.profile-main-wrap .commerce-content-section table td a {
  color: #EC9B21;
}

.table-hover > tbody > tr:hover > * {
  --bs-table-bg-state: transparent;
}

.profile-main-wrap .commerce-content-section table tr:nth-child(even) td {
  background-color: #fff;
}

.profile-main-wrap .commerce-content-section table tr:nth-child(odd) td {
  background-color: #FFF0E3;
}

.subcription-listing .view-content {
  display: grid;
  grid-template-columns:45% 45%;
  column-gap: 30px;
  justify-content: center;
  position: relative;
}

.sub-list-container {
  position: relative;
}

.view-subscription-plans {
  padding-bottom: 150px;
}

.view-subscription-plans .views-field-title {
  font-family: "Playfair Display", serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 20px;
  -webkit-font-smoothing: antialiased;
}

.subcription-listing h1 {
  text-align: center;
  margin-bottom: 68px;
}

/* input[type="time"] {
background: #fff;
}
input[type="time"]:before {
content: 'HH:mm aa';
color: #030C2C;
font-size: 18px;
font-weight: 400;
left: 20px;
line-height: normal;
position: absolute;
background: #fff;
}
input[type="time"]:focus:before {
width: 0;
content: '';
} */
.path-checkout .commerce-checkout-flow-multistep-default {
  color: #000;
  margin-top: 140px;
}

.toolbar-horizontal .nav-tabs {
  cursor: pointer;
  z-index: 9999;
  position: relative;
}

.commerce-checkout-flow-subscription-process {
  padding: 0px;
  background: transparent;
}

.checkout-wrapper .container {
  position: relative;
}

.checkout-wrapper .process-heading-text {
  text-align: center;
  margin-bottom: 50px;
}

.checkout-wrapper .process-heading-text .checkout-desc {
  margin-top: 18px;
}

.checkout-wrapper .process-heading-text .checkout-desc span {
  font-size: 20px;
  font-weight: 400;
  line-height: 35px;
}

.checkout-wrapper .process-heading-text .checkout-desc .orange {
  color: #EC9B21;
}

.checkout-wrapper .process-heading-text .checkout-desc .white {
  color: #F8F6F4;
  font-weight: 700;
}

.checkout-wrapper .process-heading-text .checkout-desc p {
  color: #F8F6F4;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.checkout-wrapper .checkout-step-wrapper {
  background: #FFF;
  box-shadow: 0px 0px 30px 0px rgba(227, 151, 40, 0.15);
  max-width: 910px;
  padding: 34px 38px 50px 30px;
  margin: 0px auto;
}

.checkout-wrapper .checkout-step-main-wrap {
  padding-bottom: 100px;
}

.checkout-wrapper .process-heading-text .checkout-desc .ensuite {
  display: block;
}

.checkout-wrapper .address-container-inline {
  display: grid;
  grid-template-columns:410px 410px;
  column-gap: 20px;
  margin-bottom: 0px !important;
}

.checkout-wrapper .checkout-step-main-wrap #edit-payment-information-billing-information, .checkout-wrapper .checkout-step-wrapper .checkout-pane-payment-information, .checkout-pane .field--widget-address-default, #edit-payment-information-billing-information-address-0, #edit-payment-information-billing-information-address-0-address {
  margin-bottom: 0px !important;
}

.checkout-wrapper .checkout-step-wrapper .form-actions {
  margin-top: 0px !important;
  justify-content: end;
}

.checkout-wrapper .checkout-step-wrapper .checkout-progrssbar ul {
  padding: 0px;
  list-style: none;
  display: grid;
  grid-template-columns:351px 351px 137px;
  justify-content: center;
  margin-bottom: 0px;
}

.checkout-wrapper .checkout-step-wrapper .checkout-progrssbar li {
  position: relative; /* 22.4px */
}

.checkout-wrapper .checkout-step-wrapper .checkout-progrssbar li p {
  max-width: 137px;
  color: #DADADA;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}

.checkout-wrapper .checkout-step-wrapper .checkout-progrssbar li:before {
  border: 1px solid #DADADA;
  width: 32px;
  height: 32px;
  content: '';
  border-radius: 100%;
  display: block;
  margin-bottom: 10px;
  position: relative;
  z-index: 3;
  margin-left: 50px;
  margin-right: 50px;
  background: #fff;
}

.checkout-wrapper .checkout-step-wrapper .checkout-progrssbar li:last-child:before {
  margin: 0px auto 10px;
}

.checkout-wrapper .checkout-step-wrapper .checkout-progrssbar li:last-child:after {
  display: none;
}

.checkout-wrapper .checkout-step-wrapper .checkout-progrssbar li:first-child:after {
  right: 0px;
  width: 275px; /* width: 50%; */
}

.checkout-wrapper .checkout-step-wrapper .checkout-progrssbar li:after {
  content: '';
  height: 2px;
  top: 15px;
  background: #DADADA; /* width:100%; */
  width: 407px;
  position: absolute;
}

.checkout-wrapper .checkout-step-wrapper .checkout-progrssbar li.active:before {
  border: 1px solid #EC9B21;
}

.checkout-wrapper .checkout-step-wrapper .checkout-progrssbar li.active p:before {
  background: #FFCC7F;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  content: '';
  top: 8px;
  left: 58px;
  display: block;
  position: absolute;
  z-index: 3;
}

.checkout-wrapper .checkout-step-wrapper .checkout-progrssbar li.active p {
  color: #EC9B21;
}

.checkout-wrapper .subscription-wrap {
  margin-top: 20px;
}

.checkout-wrapper .configure-text, .checkout-wrapper .fieldset-legend {
  color: #030C2C;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.checkout-step-main-wrap .form-floating > .form-select {
  padding: 13px 20px;
}

.checkout-step-main-wrap legend {
  margin-bottom: 0px;
}

.checkout-pane-send-setting .fieldset-legend {
  display: none;
}

.checkout-pane-send-setting .fieldset-wrapper {
  grid-template-columns:repeat(2, 1fr);
  display: grid;
  column-gap: 20px;
}

.checkout-wrapper .checkout-step-wrapper .form-actions {
  flex-direction: row-reverse;
}

.checkout-wrapper .checkout-step-wrapper .form-actions .link--previous {
  display: flex;
  color: #030C2C;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  align-items: center;
  margin-right: 20px;
}

.checkout-wrapper .checkout-step-wrapper .form-actions .link--previous:before {
  width: 32px;
  height: 32px;
  background: url('../images/checkout-back.svg') no-repeat;
  content: '';
  display: block;
  margin-right: 7px;
}

.horoscope-menusel-link a {
  color: #030C2C;
  font-weight: 400;
}

.horoscope-menusel-link a svg {
  margin-left: 15px;
}

.horoscope-menusel-link a:hover {
  color: #EC9B21;
}

.horoscope-menusel-link a:hover svg path {
  stroke: #EC9B21;
}

.checkout-wrapper .checkout-step-wrapper .form-actions .link--previous:hover {
  color: #EC9B21;
}

.checkout-wrapper .checkout-step-wrapper .form-actions .link--previous:hover::before {
  filter: brightness(0) saturate(100%) invert(84%) sepia(22%) saturate(7193%) hue-rotate(343deg) brightness(95%) contrast(94%);
}

.checkout-wrapper .checkout-step-wrapper .checkout-progrssbar li.prv-step:before {
  background: #FFCC7F;
  border-color: #FFCC7F;
}

.checkout-wrapper .checkout-step-wrapper .checkout-progrssbar li.prv-step:after
  /* .checkout-wrapper .checkout-step-wrapper .checkout-progrssbar li.current-active:after */
{
  background: #FFCC7F;
}

.checkout-wrapper .checkout-step-wrapper .checkout-progrssbar li.prv-step p {
  color: #FFCC7F
}

.checkout-wrapper .checkout-step-wrapper .checkout-progrssbar li.current-active p {
  color: #DADADA;
}

.checkout-wrapper .checkout-step-wrapper .checkout-progrssbar li.prv-step p:before {
  background: url('../images/check.svg') no-repeat;
  width: 20px;
  height: 20px;
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  left: 56px;
  z-index: 3;
}

.checkout-wrapper .checkout-step-wrapper .checkout-progrssbar li.current-active:after {
  background: #FFCC7F;
  width: 52px;
}

.checkout-wrapper .checkout-step-wrapper .checkout-progrssbar li.next-active:after {
  display: block;
  left: -273px;
  width: 326px;
}

.checkout-pane-payment-information .stripe-form {
  display: flex;
  padding-top: 20px;
  flex-direction: column-reverse;
}

.form-item-payment-information-add-payment-method-payment-details-card-number {
  order: 3;
  display: flex;
  height: 50px;
  width: 100%;
}

.form-item-payment-information-add-payment-method-payment-details-expiration {
  order: 2;
  display: inline-flex;
  height: 50px;
  width: 100%
}

.form-item-payment-information-add-payment-method-payment-details-security-code {
  order: 1;
  display: inline-flex;
  height: 50px;
  width: 100%
}

.stripe-form #card-number-element {
  width: 100%;
}

.stripe-form #expiration-element {
  width: 100%;
}

.stripe-form #security-code-element {
  width: 100%;
}

.stripe-form .__PrivateStripeElement {
  left: 20px;
  top: 24px;
}

.stripe-form label {
  padding-top: 2px;
  padding-bottom: 13px;
}

.stripe-form .form-text {
  padding: 0px;
}

.checkout-pane-offer-horoscope .form-item-offer-horoscope-field-send-gift, .js-form-item-offer-horoscope-field-terms-and-condition {
  position: initial;
  display: flex;
  align-items: center;
  margin-bottom: 10px !important;
}

.checkout-pane-offer-horoscope .form-item-offer-horoscope-field-send-gift label, .subscription-gift-wrap .js-form-item-offer-horoscope-field-terms-and-condition label {
  position: relative;
  left: 0px;
  top: 3px;
  font-size: 14px;
  line-height: 35px;
  margin-left: 10px;
  padding: 0px;
}

.form-check-input:focus {
  box-shadow: none;
}

.checkout-pane-offer-horoscope .form-check-input:checked {
  background-color: transparent;
  background-image: url('../images/checkicon.svg');
  background-repeat: no-repeat;
  background-size: 18px 18px;
  box-shadow: none;
}

.checkout-pane-offer-horoscope .form-item-offer-horoscope-field-send-gift .form-checkbox, .js-form-item-offer-horoscope-field-terms-and-condition .form-checkbox {
  width: 18px;
  height: 18px;
  border-color: #030C2C;
  border-radius: 0px;
}

.subscription-gift-wrap p {
  color: #030C2C;
  font-size: 12px;
  margin-bottom: 10px;
  line-height: 140%;
}

.checkout-step-wrapper .text-formatted {
  clear: both;
  padding-top: 20px;
  margin-bottom: 60px;
}

.checkout-step-wrapper .checkout-terms {
  color: rgba(3, 12, 44, 0.3);
  font-size: 12px;
  line-height: 140%;
}

.checkout-step-wrapper .layout-region-checkout-footer {
  width: 100%;
  padding-right: 0px;
  float: none;
}

.checkout-step-wrapper .other-fields-wrap-show, .checkout-step-wrapper .other-fields-wrap-id {
  grid-template-columns:repeat(2, 1fr);
  display: grid !important;
  column-gap: 20px;
}

.checkout-step-wrapper .right-side {
  background: #F7F3DE;
  padding: 30px;
  height: fit-content;
  margin-left: 20px;
  color: #030C2C;
  margin-top: 20px;
  width: calc(50% - 20px)
}

.checkout-step-wrapper .right-side h3 {
  color: #030C2C;
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 150%;
  -webkit-font-smoothing: antialiased;
  font-family: "DM Sans", sans-serif; /* 27px */
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  background: transparent;
  border: 0px;
  box-shadow: none;
}

.checkout-step-wrapper .checkout-pane-order-summary a {
  color: #030C2C;
}

.checkout-step-wrapper .checkout-pane-order-summary .total-price-wrap {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #BEBEBE;
  padding: 16px 0px;
}

.checkout-step-wrapper .checkout-pane-order-summary .total-price-wrap p {
  color: #030C2C;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

.checkout-step-wrapper .checkout-pane-order-summary .total-price-wrap .price-value-wrap {
  color: #EC9B21;
}

.checkout-step-wrapper .checkout-pane-order-summary table td {
  padding: 16px 0px;
}

.checkout-step-wrapper .checkout-pane-order-summary table td {
  font-size: 20px;
  line-height: 30px;
}

.checkout-step-wrapper .checkout-pane-order-summary table td:nth-child(2) {
  text-align: right;
}

.checkout-step-wrapper .checkout-pane-order-summary table tr p {
  color: #030C2C;
  font-size: 18px;
  line-height: 150%;
  margin-bottom: 2px; /* 27px */
}

.checkout-step-wrapper .checkout-pane-order-summary table {
  margin-bottom: 0px;
}

.checkout-step-wrapper .checkout-pane-order-summary .product-name-wrap {
  font-size: 14px;
  line-height: 21px;
}

.checkout-wrapper .checkout-step-wrapper .checkout-progrssbar li.last-active.active p:before {
  left: 60.5px;
}

.checkout-pane-completion-message .checkout-complete {
  text-align: center;
  font-family: "Playfair Display", serif;
  font-size: 18px;
  line-height: normal;
  color: #030C2C;
  -webkit-font-smoothing: antialiased;
}

.btn:disabled {
  border: 0px;
}

.checkout-step-wrapper .other-fields-wrap {
  display: none;
}

.checkout-pane-identification .fieldset-legend {
  display: none;
}

.checkout-pane-payment-information .fieldgroup[data-drupal-selector="edit-payment-information-payment-method"] .fieldset-legend {
  display: none;
}

.checkout-pane-payment-information .fieldgroup[data-drupal-selector="edit-payment-information-payment-method"] .js-form-item-payment-information-payment-method label {
  position: initial;
  padding: 0px;
}

.checkout-pane-payment-information .fieldgroup[data-drupal-selector="edit-payment-information-payment-method"] .fieldset-wrapper {
  padding-top: 15px;
}

.checkout-pane-payment-information .fieldgroup[data-drupal-selector="edit-payment-information-payment-method"] .form-check-input:checked {
  background-color: #030C2C;
  border-color: #030C2C;
  background-size: 18px 18px;
}

.checkout-pane-payment-information .fieldgroup[data-drupal-selector="edit-payment-information-payment-method"] .form-check-input[type=radio] {
  border-color: #030C2C;
  box-shadow: none;
}

.zodiac-detail-main-wrap .zodiac-lr-sec .subscribe-btn-wrap {
  padding: 30px 30px 50px 30px;
  background: #fff;
  max-width: 520px;
}

.zodiac-detail-main-wrap .zodiac-lr-sec .subscribe-btn-wrap p {
  color: #030C2C;
}

.zodiac-detail-main-wrap .zodiac-lr-sec .subscribe-btn-wrap .sand-light-btn {
  margin: 20px auto 0px;
}

.horoscope-bg.access-denied, .horoscope-bg.page-not-found {
  height: calc(100vh - 311px);
}

.ascendant-wrap {
  position: relative;
  padding-bottom: 49px;
}

.ascendant-wrap .ad-inner {
  text-align: center;
}

.ascendant-wrap .ad-inner h1 {
  margin-bottom: 18px;
}

.ascendant-wrap .ad-inner .tl-desc {
  max-width: 1070px;
  margin: auto;
}

.ascendant-wrap .ad-inner .tl-desc p {
  font-size: 20px;
  font-weight: 400;
  line-height: 160%;
}

.ascendant-wrap .astrology-calculation-form {
  box-shadow: 0px 0px 30px 0px rgba(227, 151, 40, 0.15);
  margin: 30px auto 0px;
  max-width: 850px;
}

.ascendant-wrap .astrology-calculation-form h3 {
  text-align: center;
  color: #030C2C;
  margin-bottom: 30px;
}

.ascendant-wrap .astrology-calculation-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 10px;
}

.ascendant-wrap .astrology-calculation-form .js-form-item-ville-de-naissance {
  width: 100%;
  flex-grow: 1;
  max-width: 440px;
}

.ascendant-wrap .astrology-calculation-form .js-form-type-date, .ascendant-wrap .astrology-calculation-form .js-form-type-time {
  width: 215px;
}

.ascendant-wrap .astrology-calculation-form .signe-output {
  flex-grow: 1;
  width: 100%;
}

.ascendant-wrap .astrology-calculation-form .signe-output .intro {
  color: #030C2C;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}

.ascendant-wrap .astrology-calculation-form .signe-output .intro span {
  color: #EC9B21;
  padding-left: 3px;
}

.ascendant-wrap .astrology-calculation-form .signe-output .signe-output-sub {
  display: flex;
  justify-content: space-between;
  max-width: 440px;
  margin: auto;
  column-gap: 10px;
}

.alert-wrapper {
  background: #FFCC7F;
  color: #030C2C;
  padding: 10px 0px;
}

.alert-wrapper .alert svg {
  margin-right: 15px !important;
  height: 32px;
}

.alert-wrapper .alert {
  background: transparent;
  padding: 0px;
  border: 0px;
}

.custom-message-wrap {
  display: flex;
  align-items: center;
  color: #030C2C;
}

.custom-message-wrap h2 {
  color: #030C2C;
  font-size: 30px;
  line-height: normal;
  display: none;
}

.alert-wrapper .btn-close {
  opacity: 1;
}

.custom-message-wrap .placeholder {
  color: #030C2C;
  font-weight: 600;
  opacity: 1;
  background-color: transparent;
}

.checkout-order-summary .discount-product-wrap {
  font-size: 14px;
  line-height: 21px;
}

.user-user-profile-form .password-confirm-message {
  display: none;
}

.user-user-profile-form .label-custom {
  padding-top: 15px;
  color: #030C2C;
  font-size: 20px;
  line-height: normal;
  padding-bottom: 15px;
  -webkit-font-smoothing: antialiased;
  font-weight: 700;
}

.commerce-subscription-license-cancel-form {
  margin-top: 200px;
  background: transparent;
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
}

.commerce-subscription-license-cancel-form .form-actions {
  gap: 30px;
}

.table-responsive {
  scrollbar-width: thin;
}

.profile-main-wrap .commerce-content-section table tr td {
  vertical-align: middle;
}

.horoscope-mensuel-wrap.home-third-sec-wrap {
  padding-bottom: 0px;
  padding-top: 80px;
}

.horoscope-mensuel-wrap.home-third-sec-wrap:after {
  display: none;
}

.webform-confirmation__message p, .webform-confirmation__back a {
  color: #030C2C;
}

.commerce-license-role-edit-prefix {
  padding: 0 30px;
  margin-top: 200px;
  font-size: calc(1.275rem + .3vw);
}

.commerce-subscription-license-cancel-form, .commerce-license-role-edit-form {
  margin-top: 200px;
  background: transparent;
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
}

.commerce-license-role-edit-form {
  margin-top: 0;
}

.commerce-license-role-edit-form .layout-license-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.commerce-subscription-license-cancel-form .form-actions, .commerce-license-role-edit-form .form-actions {
  gap: 30px;
}

.commerce-license-role-edit-form .form-actions {
  flex-direction: row-reverse;
}

.stripe-form .messages--error {
  color: #030C2C;
}

.password-reset-form p {
  color: #030C2C;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
}

.password-reset-form .placeholder {
  color: #030C2C;
  font-weight: 600;
  opacity: 1;
  background-color: transparent;
}

.user-profile-edit-form .password-confirm-message {
  display: none;
}

.subscriptions-table {
  thead {
    th {
      color: #030C2C;
    }
  }
}

.profile-content-section.subscription-section {
  display: flex;

  .subscription-wrap {
    padding: 0;
  }

  .subscription-card {
    p, h4, h3 {
      color: #030C2C;
    }
  }
}

.user-subscriptions-page {
  max-width: 1200px;
  margin: 150px auto;
  padding: 20px;
}

.individual-portal-link {
  background: #EC9B21;
  color: #030C2C;
}

.subscriptions-header {
  margin-bottom: 30px;
  color: #030C2C;

  h3 {
    color: #030C2C !important;
  }
}

.stripe-portal-section {
  background: #f8f9fa;
  padding: 20px;
  border-radius: 8px;
  margin: 20px 0;
  color: #030C2C !important;
}

.stripe-portal-link {
  display: inline-block;
  background: #EC9B21;
  color: #030C2C;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 4px;
  margin: 10px 0;
}

.stripe-portal-link:hover {
  background: #030C2C;
  color: #EC9B21;
}

.subscriptions-grid {
  display: flex;
  flex-wrap: wrap;
  flex-direction:row;
  gap: 20px;
  margin-bottom: 30px;
}

.subscription-card {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 20px;
  max-width: 350px;
  width: 100%;
  flex-shrink: 0;
  background: white;
}

.subscription-card--active {
  border-color: #28a745;
}

.subscription-card--trialing {
  border-color: #ffc107;
}

.subscription-card--past_due {
  border-color: #dc3545;
}

.subscription-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.subscription-status {
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: 500;
}

.subscription-status--active {
  background: #d4edda;
  color: #155724;
}

.subscription-status--trialing {
  background: #fff3cd;
  color: #856404;
}

.subscription-status--canceled {
  background: #f8d7da;
  color: #721c24;
}

.subscription-price {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 15px;

  .amount {
    color: #EC9B21;
  }
}

.currency {
  font-size: 1rem;
  color: #666;
}

.period {
  font-size: 0.875rem;
  color: #666;
}

.meta-item {
  margin-bottom: 8px;
  color: #000000;
}

.cancellation-notice {
  color: #dc3545;
}

.subscriptions-table table {
  width: 100%;
  border-collapse: collapse;
}

.subscriptions-table th,
.subscriptions-table td {
  padding: 12px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

.subscriptions-table th {
  background: #f8f9fa;
  font-weight: 600;
}

.no-subscriptions {
  text-align: center;
  padding: 40px;
  background: #f8f9fa;
  border-radius: 8px;
}

.help-text {
  display: block;
  color: #666;
  margin-top: 5px;
}

code {
  background: #f1f3f4;
  padding: 2px 4px;
  border-radius: 3px;
  font-family: monospace;
  font-size: 0.875rem;
}

.captcha-type-challenge--image legend, .captcha-type-challenge--image .captcha__description {
  color: #EC9B21;
}

.captcha-type-challenge--image .captcha__element {
  flex-direction: column;
}

.captcha-type-challenge--image .form-item-captcha-response label {
  position: static
}

.captcha-type-challenge--image #edit-captcha-image-wrapper {
  flex: unset;
  margin-bottom: 0px !important;
  display: flex;
  column-gap: 15px;
}

.captcha-type-challenge--image #edit-captcha-image-wrapper .reload-captcha-wrapper {
  display: flex;
  align-items: center;
}

.captcha-type-challenge--image #edit-captcha-image-wrapper img {
  margin-bottom: 0;
}

#edit-payment-information .stripe-info {
  color: #030C2C;
}

.commerce-checkout-flow-subscription-process h1{
  font-size: 45px;
}
.profile-inner .subscriptions-grid .subscription-details .subscription-meta .horoscope-actif{
	display:none;
}