* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
  .headersection {
    text-align: center;
    background-color: #ffffff;
    padding: 10px 0 20px 0;
    border-bottom: 3px solid #ab0534;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    display: flex;
    justify-content: center;
  }
  .headersection a {
    text-decoration: none;
  }
  .logo_desktop {
    /* width: 256px;  */
      width: 314px;
    height: auto;
  }
  .logo_mob {
    display: none;
  }
  .logo-caption {
    font-size: 12px;
    color: #6f6f6f;
    font-weight: 600;
  }
  @media only screen and (max-width: 567px) {
    .logo_desktop {
      display: none;
    }
    .logo_mob {
      display: inline;
      width: 314px;
    }
    .logo-caption {
      margin-top: 5px;
      font-size: 10px;
    }
  }
  .banner-main_container {
    margin-top: 15px;
    padding: 40px;
    background-image: url("https://www.laciviltacattolica.fr/wp-content/uploads/2024/05/Subscription-page-banner-3.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
  @media only screen and (max-width: 768px) {
    .banner-main_container {
      /* background-image: url("https://dev.laciviltacattolica.fr/wp-content/themes/lccfrench/assets/img/xmas-sub/banner-bg-tablet.png"); */
      padding: 0;
    }
  }
  
  @media only screen and (max-width: 567px) {
    .banner-main_container {
      /* background-image: url("https://dev.laciviltacattolica.fr/wp-content/themes/lccfrench/assets/img/xmas-sub/banner_bg_mobile.png"); */
      padding: 0px;
    }
  }
  .banner-section {
    margin: 0 auto;
    max-width: 1400px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .banner-lhs {
    padding: 40px;
    margin-right: 7%;
    width: 50%;
  }

  @media only screen and (max-width: 800px ){
		.banner-lhs{
      width: 100%;
    }
  }

  .banner-title {
    font-family: "Rosario";
    /*font-size: 27px;*/
    font-size: 25px;
    color: #357791;
    font-weight: 700;
  }
  .banner-content {
    color: #2f738b;
    font-family: "Rosario";
    font-weight: 400;
    margin: 25px 0;
    line-height: 25px;
  }
  .banner-content-link a {
    color: #dc6568;
    font-family: "Rosario";
    font-weight: 400;
  }
  .banner-rhs-img {
    width: 386px;
  }
  /* @media only screen and (max-width: 1350px) {
    .banner-rhs-img {
      width: 600px;
    }
  }
  @media only screen and (max-width: 991px) {
    .banner-rhs-img {
      width: 400px;
    }
  }
  @media only screen and (max-width: 800px) {
    .banner-rhs-img {
      width: 350px;
    }
  } */
  
  @media only screen and (max-width: 768px) {
    .banner-rhs-img {
      width: 100%;
    }
    .banner-section {
      flex-wrap: wrap;
      flex-direction: column-reverse;
    }
    .banner-lhs {
      margin-right: 0;
      margin-bottom: 15px;
      text-align: center;
    }
  }
  
  
  .leaf-rhs {
    position: absolute;
    bottom: 10px;
    right: 0;
  }
  .leaf-rhs img {
    width: 200px;
  }
  @media only screen and (max-width: 1590px) {
    .leaf-rhs img {
      width: 138px;
    }
  }
  @media only screen and (max-width: 768px) {
    .leaf-rhs {
      bottom: unset;
      top: 61px;
    }
    .leaf-rhs img {
      width: 178px;
    }
  }
  @media only screen and (max-width: 500px) {
    .leaf-rhs {
      top: 125px;
    }
    .leaf-rhs img {
      width: 138px;
    }
  }
  .banner-bottom-text {
    color: #565454;
    font-family: "Sansita";
    font-size: 28px;
    text-align: center;
    margin: 32px 0;
    padding: 0 20px;
    line-height: 28px;
  }
  @media only screen and (max-width: 768px) {
    .banner-bottom-text {
      font-size: 25px;
      padding: 0 40px;
    }
  }
  @media only screen and (max-width: 567px) {
    .banner-bottom-text {
      font-size: 20px;
    }
  }
  .content-wapper {
    margin: 0 auto;
    max-width: 1400px;
  }
  .subscription-main-container {
    background-image: url("https://www.laciviltacattolica.fr/wp-content/themes/lccfrench/assets/img/xmas-sub/sub_bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
  }
  @media only screen and (max-width: 1000px) {
    /* .subscription-main-container {
      height: 500px;
    } */
  }
  .subs_tabs {
    background-color: #d3d3d7;
    opacity: 0.9;
    padding: 25px;
  }
  .subs-tabmenus {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    list-style: none;
  }
  .subs-tabmenus li {
    text-transform: uppercase;
    font-family: "Rosario";
    font-weight: 700;
    font-size: 19px;
    padding: 0 50px;
    border-right: 3px solid #54071d;
    cursor: pointer;
    color: #54071d;
  }
  .subs-tabmenus li:last-child {
    border-right: none;
  }
  @media only screen and (max-width: 768px) {
    .subs-tabmenus li {
      font-size: 18px;
      padding: 0 5%;
    }
  }
  @media only screen and (max-width: 576px) {
    .subs-tabmenus li {
      font-size: 14px;
      font-weight: 600;
    }
  }
  .tabmenu-active {
    color: #ab0534 !important;
  }
  .sub-main-card-container {
    margin: 30px auto 0 auto;
    max-width: 1400px;
    padding: 25px;
  }
  @media only screen and (max-width: 1000px) {
    .sub-main-card-container {
    padding: 75px 25px;
  }
  }
  .subcard-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(150px, 1fr));
    grid-gap: 85px;
    row-gap: 25px;
    margin: 80px 0 150px 0;
  }
  .subcard-grid02 {
    display: grid;
    grid-template-columns: repeat(3, minmax(150px, 1fr));
    grid-gap: 85px;
    row-gap: 25px;
    margin: 80px auto 150px auto;
    width: 1050px;
  }
  @media only screen and (max-width: 1200px) {
    .subcard-grid,
    .subcard-grid02 {
      grid-gap: 55px;
    }
  }
  @media only screen and (max-width: 1000px) {
    .subcard-grid,
    .subcard-grid02 {
      grid-template-columns: repeat(1, minmax(150px, 1fr));
      width: 450px;
      margin: 0 auto;
    }
  }
  @media only screen and (max-width: 600px) {
    .subcard-grid,
    .subcard-grid02 {
      grid-template-columns: repeat(1, minmax(150px, 1fr));
      width: 350px;
    }
  }
  @media only screen and (max-width: 450px) {
    .subcard-grid,
    .subcard-grid02 {
      grid-template-columns: repeat(1, minmax(150px, 1fr));
      width: 75%;
    }
    .sub-main-card-container {
      padding: 75px 0px;
    }
  }
  .subcard-lhs {
    background-image: url("https://dev.laciviltacattolica.fr/wp-content/themes/lccfrench/assets/img/xmas-sub/lhs_card-ng.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 41px;
    /* width: 370px; */
    position: relative;
    padding: 50px;
    box-shadow: -4px 0px 34px 21px rgba(0, 0, 0, 0.24);
    background: #fff;
  }
  .subcard-rhs {
    background-image: url("https://dev.laciviltacattolica.fr/wp-content/themes/lccfrench/assets/img/xmas-sub/rhs_card-ng.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 41px;
    /* width: 370px; */
    position: relative;
    padding: 50px;
    box-shadow: -4px 0px 34px 21px rgba(0, 0, 0, 0.24);
    background: #fff;
  }
  .subcard-center-desk {
    background-image: url("https://dev.laciviltacattolica.fr/wp-content/themes/lccfrench/assets/img/xmas-sub/center-card_bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 41px;
    /* width: 370px; */
    position: relative;
    padding: 50px;
    box-shadow: -4px 0px 34px 21px rgba(0, 0, 0, 0.24);
    margin-bottom: 20px;
    transform: scale(1.18);
    background: #fff;
  }
  .subcard-center-mob {
    background-image: url("https://dev.laciviltacattolica.fr/wp-content/themes/lccfrench/assets/img/xmas-sub/center-card_bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 41px;
    /* width: 370px; */
    position: relative;
    padding: 50px;
    box-shadow: -4px 0px 34px 21px rgba(0, 0, 0, 0.24);
    margin-bottom: 20px;
    transform: scale(1.1);
    display: none;
    background: #fff;
  }
  @media only screen and (max-width: 1000px) {
    .subcard-center-mob {
      display: block;
    }
    .subcard-center-desk {
      display: none;
    }
    .subcard-lhs,
    .subcard-rhs,
    .subcard-center-desk,
    .subcard-center-mob {
      box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
    }
  }
  .subcard-subtype {
    text-align: center;
    color: #ab0534;
    font-family: "Secular";
    text-transform: uppercase;
    font-size: 36px;
    line-height: 26px;
    position: relative;
  }
  .subcard-subtype-caption {
    text-align: center;
    font-family: "SourceSansPro";
    font-weight: 400;
    text-transform: uppercase;
    font-size: 15px;
    color: #000000;
    margin-top: 5px;
  }
  .subcard-border {
    content: "";
    border-top: 0.5px solid #b7b0b0;
    width: 80%;
    margin: 10px auto;
  }
  .subcard-pricing {
    margin-top: 20px;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: baseline;
    position: relative;
  }
  .subcard-original-pricing {
    font-size: 24px;
    color: #4e4b4b;
    font-family: "Sansita";
    font-weight: 500;
    position: relative;
  }
  .subcard-original-pricing::before {
    content: "";
    position: absolute;
    left: -3px;
    top: 15px;
    height: 2px;
    width: 105%;
    background-color: #ab0534;
  }
  .subcard-offer-pricing {
    font-size: 34px;
    color: #000000;
    font-family: "Sansita";
    font-weight: 500;
    margin-left: 5px;
  }
  .subcard-feature-list {
    margin-bottom: 20px;
  }
  .subcard-feature-list li {
    font-family: "SourceSansPro";
    margin-bottom: 8px;
    font-size: 15px;
  }
  .subcard-feature-viewmore {
    /* color: #ab0534;
    font-size: 15px;
    text-decoration: none;
    font-family: "SourceSansPro"; */
    color: #ab0534;
      font-weight: 700;
      font-size: 17px;
      text-decoration: none;
      font-family: sourcesanspro;
      display: flex;
      justify-content: center;
  }
  .subcard-btn-container {
    text-align: center;
    margin-top: 20px;
  }
  .subcard-btn-container button {
    background-color: #ab0534;
    font-family: "Jost";
    outline: none;
    border: none;
    border-radius: 50px;
    padding: 8px 35px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 15px;
    cursor: pointer;
  }
  .giftimg {
    position: absolute;
    left: -10px;
    top: -10px;
  }
  .ribbon {
    position: absolute;
    top: -8px;
    right: -8px;
  }
  
  
  .footer-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(150px, 1fr));
    grid-gap: 85px;
    row-gap: 25px;
    padding: 0 30px;
    margin: 0 auto;
  }
  @media only screen and (max-width: 1000px) {
    .footer-grid {
      grid-template-columns: repeat(1, minmax(150px, 1fr));
    }
  }
  .footer-logo {
    margin-bottom: 8px;
  }
  .footer-one{
    width:70%;
    margin-right: 20px;
  }
  @media only screen and (max-width: 992px) {
    .footer-one{
      width: 100%;
      margin-right: 0;
      margin-bottom: 25px;
    }
  }
  .footer-content {
    font-family: "SourceSansPro";
    font-size: 18px;
    color: #434141;
    line-height: 28px;
    margin-top: 15px;
  }
  .footer-headings {
    color: #6c2323;
    font-weight: 600;
    font-family: "SourceSansPro";
    font-size: 20px;
    letter-spacing: 1px;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 18px;
    border-bottom: 1px solid #c8c5c5;
  }
  .footer-headings::before {
    content: "";
    background-color: #6c2323;
    width: 20%;
    height: 1.5px;
    border-radius: 10px;
    bottom: 0;
    left: 0;
    position: absolute;
  }
  .footer-categories-links {
    display: flex;
  }
  @media only screen and (max-width: 580px) {
    .footer-categories-links {
      flex-direction: column;
    }
  }
  .catergories-links-lhs {
    margin-right: 45px;
  }
  .catergories-links-lhs ul {
    margin-left: 15px;
    list-style: none;
   
  }
  .catergories-links-lhs ul li {
    margin-bottom: 15px;
  }
  .catergories-links-lhs ul li a {
    font-family: "SourceSansPro";
    text-decoration: none;
    font-size: 18px;
    color: #434141;
    white-space: nowrap;
  }
  .catergories-links-rhs {
    margin-right: 45px;
  }
  .catergories-links-rhs ul {
    margin-left: 15px;
    list-style: none;
  }
  @media only screen and (max-width: 992px) {
    .catergories-links-lhs ul  {
      margin-left: 0px;
    }
  }
  .catergories-links-rhs ul li {
    margin-bottom: 15px;
  }
  @media only screen and (max-width: 580px) {
    .catergories-links-rhs ul{
      margin-left: 0;
    }
  }
  .catergories-links-rhs ul li a {
    font-family: "SourceSansPro";
    text-decoration: none;
    font-size: 18px;
    color: #434141;
    white-space: nowrap;
  }
  .footer-email-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    border-top: 1px solid #9f0038;
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px 0;
  }
  @media only screen and (max-width: 1400px) {
    .footer-email-section {
      margin: 0 20px;
    }
  }
  @media only screen and (max-width: 992px) {
    .footer-email-section {
      flex-direction: column;
      align-items: unset;
    }
  }
  .footer-email-text {
    color: #ab0534;
    font-size: 20px;
    font-family: "SourceSansPro";
    margin-bottom: 5px;
    margin-top: 18px;
  }
  .footer-email-text a {
    color: #434141;
    text-decoration: none;
    letter-spacing: 1px;
    font-family: "SourceSansPro";
  }
  .footer-ip-address {
    font-size: 17px;
    font-family: "SourceSansPro";
  }
  .footer-socialmedia ul {
    display: flex;
    list-style: none;
  }
  .footer-socialmedia ul li:first-child {
    margin-right: 15px;
  }
  /* .fb-icon {
    width: 25px;
  }
  .tw-icon {
    width: 30px;
  }
  .in-icon {
    width: 25px;
  } */
  .footer-copy-right {
    text-align: center;
    background-color: #ab0634;
    color: #ffffff;
    font-family: "SourceSansPro";
    padding: 25px;
  }
  @media only screen and (max-width: 1000px) {
    .footer-socialmedia {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      margin-top: 20px;
    }
  }
  .footer-container{
    background-image: url(https://www.laciviltacattolica.fr/wp-content/uploads/footer_background.jpg);
    background-position: center;
    padding-top: 25px;
  }
  .footer-logo-img{
    width: 314px !important;
    height: auto;
  }
  .footer-flex{
    display: flex;
    padding: 25px 0;
    max-width: 1400px;
    margin: 0 auto;
    justify-content: space-between;
  }
  @media only screen and (max-width: 1400px) {
    .footer-flex{
      padding: 25px;
    }
  }
  @media only screen and (max-width: 992px) {
    .footer-flex{
      flex-direction: column;
    }
  }
  
.discount-text {
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
  font-family: Sansita;
  font-weight: 800;
  color: #ab0534;
  font-size: 20px;
  text-shadow: 0 0 #ab0534;
}