:root {
  --color-primary: #047eb5;
  --btn-color: #047eb5;
}

@media only screen and (min-width: 900px) {
          .container {
            width: 50%;
            margin: auto;
            display: table;
            background: white;
          }
        }
        @media only screen and (max-width: 899px) {
          .container {
            width: 100%;
            margin: auto;font-variant-numeric: ;
            display: table;
            background: white;
          }
        }
        #btnCmd
        {
            width: 100%;
            display: block;
            border: none!important;
            background-color: var(--btn-color)!important;
            color: white!important;
/*            padding: 14px 28px!important;*/
            font: bold 14pt Arial, Helvetica, sans-serif!important;
            cursor: pointer!important;
            text-align: center!important;
            position: sticky!important;
            bottom: 0!important;
            left: auto!important;
            right: auto!important;
            border-radius: 0!important;
            height: 47px!important;
        }
        .block
        {
            display: block;
        }
        body
        {
            margin: 0;
            background: whitesmoke;
            font-family: Arial, Helvetica, sans-serif;
        }
        .dvBlock {
            display: block;
            border: none;
            background-color: #1A7013;
            color: white;
            padding: 14px 28px;
            font: bold 14pt Arial, Helvetica, sans-serif;
            cursor: pointer;
            text-align: center;
            position: fixed;
            bottom: 0;
            left: auto;
            right: auto;
        }
        .btn {
            font-size: 20px;
            font-family: sans-serif;
            color: white;
            cursor: pointer;
            height: 30px;
            background-color: var(--btn-color);
            z-index: 1;
            transition: all 0.3s ease-in;
            padding:0 !important; 
        }

        .btn::after {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 0;
            background-color: #21d949;
            border-color: white;
            z-index: -1;
            transition: all 0.3s ease-in;
        }

        .btn:hover::after {
            width: 100%;
        }

        .btn:hover {
            color: white;
        }
        .btn:hover svg>path {
            fill: white;
        }
        .dvPrice
        {
            box-shadow: 5px 6px 10px 6px silver;
            height: 80%;
            align-items: center;
            display: flex;
            border-radius: 4px;
            width: 95%;
            margin: auto; 
            padding: 5px 0;
        }
        .oldPrice
        {
            font-weight: 700;
            text-decoration: line-through;
            color: red;
        }
        .newPrice
        {
            color: #047eb5;
            font-weight: 900;
            font-size: 3rem;
        }
        .priceH
        {
            text-align: center;
            width: 100%;
            margin: 0;
        }
        .row
        {
            width: 100%;
        }
        .col-3
        {
            width: 25%;
            float: left;
        }
        .moving-element {
          position: absolute;
          color: var(--btn-text-color)!important;
          font-size: 22pt;
          left: 0;
          animation: moveRightAndBack 2.5s linear infinite;
        }

        @keyframes moveRightAndBack {
          0% {
            left: 0;
          }
          50% {
            left: 20%;
          }
          100% {
            left: 0;
          }
        }
        .moving-element-R {
          position: absolute;
          color: var(--btn-text-color)!important;
          font-size: 22pt;
          right: 0;
          animation: moveRightAndBackR 2.5s linear infinite;
        }

        @keyframes moveRightAndBackR {
          0% {
            right: 0;
          }
          50% {
            right: 20%;
          }
          100% {
            right: 0;
          }
        }
        .btRw
        {
            --bs-gutter-x:0!important;
        }
        .btn-text
        {
            color: var(--btn-text-color)!important;
            align-items: center;
            display: grid;
            height: 47px;
        }
        .col-6
        {
            width: 50%;
            float: left;
        }
        .m10-0
        {
            margin: 10px 0!important;
        }
        .elem-center
        {
            margin: auto;
            display: table;
        }
        .text-center
        {
            text-align: center;
        }
        .m-0
        {
            margin: 0;
        }
        .svgCnt
        {
            width: 49px;
            height: 53px;
            margin: auto;
            display: table;
        }
        .boxInf
        {
            /*box-shadow: 0px 0px 5px 2px lightblue;*/
            /*border: 1px solid silver;*/
            border-radius: 5px;
            margin: 2px;
            padding: 2px;
            height: 100%;
        }
        .flex
        {
            display: flex;
        }
        .hidden
        {
            display:none!important;
        }
        .font-20
        {
            font-size: 20px;
        }
        .green
        {
            color: var(--color-primary);
        }
        .white
        {
            color: white;
        }
        .black
        {
            color: black;
        }
        .b900
        {
            font-weight: 900;
        }
        .p-0-10
        {
            padding: 0 10px!important;
        }
        .text-p
        {
            text-align: center;
        }
        .red
        {
            color: red;
        }
        .left
        {
            float: left;
        }
        .solde
        {
            transform: rotate(-20deg);
            margin-left: 57%;
            margin-bottom: -78px;
            z-index: 1;
            position: relative;
        }
        .lightgray
        {
            color: #484646;
        }
        li.ico {
            padding-inline-start: 0.35em;
            margin-bottom: 15px;
            font-size: 20px;
            &::marker {
                content: "";
            }
        }
        li.nbr {
            margin-left: 10px;
            margin-bottom: 15px;
            &::marker {
                content: "";
            }
        }
        li.ing {
            padding-inline-start: 0.35em;
            font-size: 16px;
            &::marker {
                content: "➡";
            }
        }
        .p-0
        {
            padding: 0!important;
        }
        .mb-30
        {
            margin-bottom: 30px!important;
        }
        .m-30-0
        {
            margin: 30px 0!important;
        }
        .m-l-5
        {
            margin-left: 5px;
        }
        #txtHead
        {
            background: red;
            color: white;
            align-items: center;
            display: flex;
            height: 38px;
        }
        .full-width
        {
            width: 100%;
        }
        .txt-box
        {
            background: var(--color-primary);
            color: white;
            margin: 0 30px;
            padding: 18px 0px;
            border-radius: 5px;
        }
        .steps{
            padding: 20px;
        }
        .step {
          position: relative;
          min-height: 1em;
          color: gray;
        }
        .step + .step {
          margin-top: 1.5em
        }
        .step > div:first-child {
          position: static;
          height: 0;
        }
        .step > div:not(:first-child) {
          margin-left: 1.5em;
          padding-left: 1em;
        }
        .step.step-active {
          /*color: #4285f4*/
        }
        .step.step-active .circle {
          background-color: var(--color-primary);
        }

        /* Circle */
        .circle {
          background: gray;
          position: relative;
          width: 1.5em;
          height: 1.5em;
          line-height: 1.5em;
          border-radius: 100%;
          color: #fff;
          text-align: center;
          box-shadow: 0 0 0 3px #fff;
        }

        /* Vertical Line */
        .circle:after {
          content: ' ';
          position: absolute;
          display: block;
          top: 1px;
          right: 50%;
          bottom: 1px;
          left: 50%;
          height: 100%;
          width: 1px;
          transform: scale(1, 2);
          transform-origin: 50% -100%;
          background-color: rgb(8 227 11 / 75%);
          /*z-index: -1;*/
        }
        .circleLst:after {
          height: 120%!important;
        }
        .step:last-child .circle:after {
          display: none
        }
        .title {
          line-height: 1.5em;
          font-weight: bold;
          color: var(--color-primary);
          font-size: 1.2em;
        }
        .caption {
          font-size: 1em;
        }
        input[type=text], select, textarea {
            width: 100%;
            padding: 12px;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-sizing: border-box;
            margin-top: 6px;
            margin-bottom: 13px;
            resize: vertical;
            font-size: 20px;
        }
        .frm
        {
            background: whitesmoke;
            padding: 15px 20px;
/*            margin: 5px;*/
            border-radius: 5px;
            border : 3px dashed;
        }
        .buy
        {
            width: 100%;
            padding: 10px 0;
            margin: 20px 0;
            background: var(--color-primary);
            border-color: var(--color-primary);
            box-shadow: 0 0 5px 1px black;
            border-radius: 7px;
            color: white;
            font-size: 20px;
        }
        .fld
        {
            border-color: #00800070;
            border-radius: 5px;
        }
        .w-100
        {
            font-weight: 700!important;
        }
        .w-fit
        {
            width: fit-content;
        }
        .mAll
        {
            margin: 0.83em 0!important;
        }
        .mt
        {
            margin-top: 0.83em;
        }
        .review
        {
            width: 100%!important;
            background: var(--color-primary);
            margin: 0.83em 0;
        }
        .revImg
        {
            width: 45%;
            float: left;
            height: 150px;
            border-radius: 5px;
            /*background-size: cover;*/
            background-repeat: no-repeat;
            background-size: contain;
            background-position: 50% 50%;
        }
        .revBox
        {
            border-radius: 5px;
            background: white;
            display: inline-block;
            padding: 11px;
            margin: 0.83em;
            width: -webkit-fill-available;
        }
        .before
        {
            margin: -25px auto 0 auto;
            position: relative;
            z-index: 1;
            color: white;
            display: block;
            background: var(--color-primary);
            width: fit-content;
            padding: 5px 10px;
            border-radius: 5px;
        }
        .after
        {
            margin: -25px auto 0 auto;
            position: relative;
            z-index: 1;
            color: white;
            display: block;
            background: var(--color-primary);
            width: fit-content;
            padding: 5px 10px;
            border-radius: 5px;
        }
        .arrow
        {
            width: 10%;
            float: left;
            align-items: center;
            height: 150px;
            display: flex;
        }
        .ttlH
        {
            align-items: center;
            display: flex;
        }
        .mt-2
        {
            margin-top: 2px;
        }
        .mt-8
        {
            margin-top: 8px;
        }
        .w-45
        {
            width: 45%;
        }
        .w-10
        {
            width: 10%;
        }
        .b-600
        {
            font-weight: 600;
        }
        .mb-15
        {
            margin-bottom: 15px!important;
        }
        .imgIco
        {
            margin-top: -59px;
            margin-left: -21px;
            z-index: 1;
            position: absolute;
        }
        .mr-10
        {
            margin-right: 10px;
        }
        .btnQte
        {
            border-color: var(--color-primary);
            padding: 10px 5px;
            background: whitesmoke;
            font-weight: bold;
            border-radius: 5px;
        }
        .btnQte.active
        {
            background: var(--color-primary)!important;
            color: white!important;
            box-shadow: 0 0 5px 1px var(--color-primary);
        }
        .mb-13
        {
            margin-bottom: 13px!important;
        }
        .p-b
        {
            margin-left: 6px;
            margin-bottom: 0;
        }
        .p-t-15
        {
            padding-top: 15px;
        }