/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/cpao_fol_storefront/cartridge/client/default/scss/experience/components/assets/pricingDetails.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.container-custom {
  width: 25rem;
  color: #002453; }
  @media (max-width: 768px) {
    .container-custom {
      width: auto; } }
  @media (min-width: 769px) and (max-width: 991.98px) {
    .container-custom {
      width: 18rem; } }
  @media (min-width: 992px) and (max-width: 1199.98px) {
    .container-custom {
      width: 20rem; } }

.details-location {
  position: sticky !important;
  top: 2rem;
  z-index: 99;
  float: right; }
  @media (max-width: 768px) {
    .details-location {
      display: none; } }
  @media (min-width: 769px) and (max-width: 1399.98px) {
    .details-location {
      margin-right: 2rem; } }
  @media (min-width: 1400px) and (max-width: 1599.98px) {
    .details-location {
      margin-right: 4rem; } }
  @media (min-width: 1600px) {
    .details-location {
      margin-right: 8rem; } }

.background-color-odd {
  background-color: #FFFFFF; }

.background-color-even {
  background-color: #D0D7DD; }

.btn-pricing-add-cart {
  color: #002453;
  background-color: #14DB8F;
  border: 2px solid #14DB8F;
  border-bottom-right-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
  -webkit-transition: all .4s;
  transition: all .4s;
  outline: none !important; }
  .btn-pricing-add-cart i {
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out; }
  .btn-pricing-add-cart:hover {
    color: #fff;
    background-color: #003da6;
    border: 2px solid #003da6;
    text-decoration: none; }
    .btn-pricing-add-cart:hover i {
      -webkit-transform: translateX(5px);
              transform: translateX(5px); }
  .btn-pricing-add-cart:disabled {
    opacity: 1; }

.stawberry-color {
  color: #002453; }

.add-to-cart-messages {
  position: fixed;
  z-index: 999;
  top: 0;
  width: 100%; }

.w-first-col {
  width: 75% !important; }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .w-first-col {
      width: 65% !important; } }

.w-second-col {
  width: 25% !important; }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .w-second-col {
      width: 35% !important; } }


/*# sourceMappingURL=pricingDetails.css.map*/