#mkt-page .h1,
   #mkt-page .h2,
   #mkt-page .h3,
   #mkt-page .h4,
   #mkt-page .h5,
   #mkt-page .h6,
   #mkt-page h1,
   #mkt-page h2,
   #mkt-page h3,
   #mkt-page h4,
   #mkt-page h5,
   #mkt-page h6 {
       margin-bottom: .5rem;
       font-family: "Rexel-Regular";
       font-weight: 400;
       font-style: normal;
   }

   #mkt-page {
       font-family: "Roboto", sans-serif !important;
   }

   #mkt-page .font-weight-light {
       font-weight: 100 !important;
   }

   #mkt-page .font-weight-bold {
       font-weight: 700 !important;
   }

   #mkt-page .h1,
   #mkt-page h1 {
       font-size: 2.5rem
   }

   #mkt-page .h2,
   #mkt-page h2 {
       font-size: 2rem
   }

   #mkt-page .h3,
   #mkt-page h3 {
       font-size: 1.75rem
   }

   #mkt-page .h4,
   #mkt-page h4 {
       font-size: 1.5rem
   }

   #mkt-page .h5,
   #mkt-page h5 {
       font-size: 1.25rem
   }

   #mkt-page .h6,
   #mkt-page h6 {
       font-size: 1rem
   }



   #mkt-page .rounded {
       border-radius: 1rem !important;
   }

   #mkt-page .rounded-top {
       border-radius: 1rem 1rem 0 0 !important;
   }

   #mkt-page .rounded-bottom {
       border-radius: 0 0 1rem 1rem !important;
   }

   #mkt-page .rounded-left {
       border-radius: 1rem 0 0 1rem !important;
   }

   #mkt-page .rounded-right {
       border-radius: 0 1rem 1rem 0 !important;
   }

   #mkt-page .rounded-1 {
       border-radius: 25px 0 0 0 !important;
   }

   #mkt-page .rounded-2 {
       border-radius: 0 25px 0 0 !important;
   }

   #mkt-page .rounded-3 {
       border-radius: 0 0 25px 0 !important;
   }

   #mkt-page .rounded-4 {
       border-radius: 0 0 0 25px !important;
   }

   #mkt-page .rounded-2-4 {
       border-radius: 0 25px 0 25px !important;
   }

   #mkt-page .rounded-rxl {
       border-radius: 0 1rem 0 1rem !important;
   }

   #mkt-page .shadow-sm {
       box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
   }

   #mkt-page .shadow {
       box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
   }

   #mkt-page .shadow-lg {
       box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
   }

   #mkt-page .produit .card {
       background: rgb(255, 255, 255);
       background-image: linear-gradient(195deg, rgb(242, 245, 248, .5), rgb(245, 247, 250, .9));
   }

   #mkt-page .produit .card:nth-child(2n+0) {
       background: rgb(242, 245, 248, .3);
   }

   #mkt-page .produit .card:first-child {
       border-radius: 1rem 1rem 0 0 !important;
   }

   #mkt-page .produit .card:last-child {
       border-radius: 0 0 1rem 1rem !important;
   }


   #mkt-page .col-55 {
       -ms-flex: 0 0 20%;
       flex: 0 0 20%;
       max-width: 20%
   }

   #mkt-page .col-77 {
       -ms-flex: 0 0 14.2857%;
       flex: 0 0 14.2857%;
       max-width: 14.2857%
   }

   #mkt-page .col-88 {
       -ms-flex: 0 0 12.5%;
       flex: 0 0 12.5%;
       max-width: 12.5%;
   }

   @media (min-width:576px) {
       #mkt-page .col-sm-55 {
           -ms-flex: 0 0 20%;
           flex: 0 0 20%;
           max-width: 20%
       }

       #mkt-page .col-sm-77 {
           -ms-flex: 0 0 14.2857%;
           flex: 0 0 14.2857%;
           max-width: 14.2857%
       }

       #mkt-page .col-sm-88 {
           -ms-flex: 0 0 12.5%;
           flex: 0 0 12.5%;
           max-width: 12.5%;
       }
   }

   @media (min-width:768px) {
       #mkt-page .col-md-55 {
           -ms-flex: 0 0 20%;
           flex: 0 0 20%;
           max-width: 20%
       }

       #mkt-page .col-md-77 {
           -ms-flex: 0 0 14.2857%;
           flex: 0 0 14.2857%;
           max-width: 14.2857%
       }

       #mkt-page .col-sm-88 {
           -ms-flex: 0 0 12.5%;
           flex: 0 0 12.5%;
           max-width: 12.5%;
       }
   }

   @media (min-width:992px) {
       #mkt-page .col-lg-55 {
           -ms-flex: 0 0 20%;
           flex: 0 0 20%;
           max-width: 20%
       }

       #mkt-page .col-lg-77 {
           -ms-flex: 0 0 14.2857%;
           flex: 0 0 14.2857%;
           max-width: 14.2857%
       }

       #mkt-page .col-lg-88 {
           -ms-flex: 0 0 12.5%;
           flex: 0 0 12.5%;
           max-width: 12.5%;
       }
   }

   @media (min-width:1200px) {
       #mkt-page .col-xl-55 {
           -ms-flex: 0 0 20%;
           flex: 0 0 20%;
           max-width: 20%
       }

       #mkt-page .col-xl-77 {
           -ms-flex: 0 0 14.2857%;
           flex: 0 0 14.2857%;
           max-width: 14.2857%
       }

       #mkt-page .col-xl-88 {
           -ms-flex: 0 0 12.5%;
           flex: 0 0 12.5%;
           max-width: 12.5%;
       }
   }

   #mkt-page .col-55,
   #mkt-page .col-sm-55,
   #mkt-page .col-md-55,
   #mkt-page .col-lg-55,
   #mkt-page .col-xl-55,
   #mkt-page .col-77,
   #mkt-page .col-sm-77,
   #mkt-page .col-md-77,
   #mkt-page .col-lg-77,
   #mkt-page .col-xl-77,
   #mkt-page .col-88,
   #mkt-page .col-sm-88,
   #mkt-page .col-md-88,
   #mkt-page .col-lg-88,
   #mkt-page .col-xl-88 {
       position: relative;
       width: 100%;
       padding-right: 12px;
       padding-left: 12px;
   }

   #mkt-page .m-1 {
       margin: .25rem !important
   }

   #mkt-page .mt-1,
   #mkt-page .my-1 {
       margin-top: .25rem !important
   }

   #mkt-page .mr-1,
   #mkt-page .mx-1 {
       margin-right: .25rem !important
   }

   #mkt-page .mb-1,
   #mkt-page .my-1 {
       margin-bottom: .25rem !important
   }

   #mkt-page .ml-1,
   #mkt-page .mx-1 {
       margin-left: .25rem !important
   }

   #mkt-page .m-2 {
       margin: .5rem !important
   }

   #mkt-page .mt-2,
   #mkt-page .my-2 {
       margin-top: .5rem !important
   }

   #mkt-page .mr-2,
   .#mkt-page mx-2 {
       margin-right: .5rem !important
   }

   #mkt-page .mb-2,
   #mkt-page .my-2 {
       margin-bottom: .5rem !important
   }

   #mkt-page .ml-2,
   #mkt-page .mx-2 {
       margin-left: .5rem !important
   }

   #mkt-page .m-3 {
       margin: 1rem !important
   }

   .mt-3,
   .my-3 {
       margin-top: 1rem !important
   }

   #mkt-page .mr-3,
   #mkt-page .mx-3 {
       margin-right: 1rem !important
   }

   #mkt-page .mb-3,
   #mkt-page .my-3 {
       margin-bottom: 1rem !important
   }

   #mkt-page .ml-3,
   #mkt-page .mx-3 {
       margin-left: 1rem !important
   }

   #mkt-page .m-4 {
       margin: 1.5rem !important
   }

   #mkt-page .mt-4,
   #mkt-page .my-4 {
       margin-top: 1.5rem !important
   }

   #mkt-page .mr-4,
   #mkt-page .mx-4 {
       margin-right: 1.5rem !important
   }

   #mkt-page .mb-4,
   #mkt-page .my-4 {
       margin-bottom: 1.5rem !important
   }

   #mkt-page .ml-4,
   #mkt-page .mx-4 {
       margin-left: 1.5rem !important
   }

   #mkt-page .m-5 {
       margin: 3rem !important
   }

   #mkt-page .mt-5,
   #mkt-page .my-5 {
       margin-top: 3rem !important
   }

   #mkt-page .mr-5,
   #mkt-page .mx-5 {
       margin-right: 3rem !important
   }

   #mkt-page .mb-5,
   #mkt-page .my-5 {
       margin-bottom: 3rem !important
   }

   #mkt-page .ml-5,
   #mkt-page .mx-5 {
       margin-left: 3rem !important
   }

   #mkt-page .p-0 {
       padding: 0 !important
   }

   #mkt-page .pt-0,
   #mkt-page .py-0 {
       padding-top: 0 !important
   }

   #mkt-page .pr-0,
   #mkt-page .px-0 {
       padding-right: 0 !important
   }

   #mkt-page .pb-0,
   #mkt-page .py-0 {
       padding-bottom: 0 !important
   }

   #mkt-page .pl-0,
   #mkt-page .px-0 {
       padding-left: 0 !important
   }

   #mkt-page .p-1 {
       padding: .25rem !important
   }

   #mkt-page .pt-1,
   #mkt-page .py-1 {
       padding-top: .25rem !important
   }

   #mkt-page .pr-1,
   #mkt-page .px-1 {
       padding-right: .25rem !important
   }

   #mkt-page .pb-1,
   #mkt-page .py-1 {
       padding-bottom: .25rem !important
   }

   #mkt-page .pl-1,
   #mkt-page .px-1 {
       padding-left: .25rem !important
   }

   #mkt-page .p-2 {
       padding: .5rem !important
   }

   #mkt-page .pt-2,
   #mkt-page .py-2 {
       padding-top: .5rem !important
   }

   #mkt-page .pr-2,
   #mkt-page .px-2 {
       padding-right: .5rem !important
   }

   #mkt-page .pb-2,
   #mkt-page .py-2 {
       padding-bottom: .5rem !important
   }

   #mkt-page .pl-2,
   #mkt-page .px-2 {
       padding-left: .5rem !important
   }

   #mkt-page .p-3 {
       padding: 1rem !important
   }

   #mkt-page .pt-3,
   #mkt-page .py-3 {
       padding-top: 1rem !important
   }

   #mkt-page .pr-3,
   #mkt-page .px-3 {
       padding-right: 1rem !important
   }

   #mkt-page .pb-3,
   #mkt-page .py-3 {
       padding-bottom: 1rem !important
   }

   #mkt-page .pl-3,
   #mkt-page .px-3 {
       padding-left: 1rem !important
   }

   #mkt-page .p-4 {
       padding: 1.5rem !important
   }

   #mkt-page .pt-4,
   #mkt-page .py-4 {
       padding-top: 1.5rem !important
   }

   .pr-4,
   .px-4 {
       padding-right: 1.5rem !important
   }

   #mkt-page .pb-4,
   #mkt-page .py-4 {
       padding-bottom: 1.5rem !important
   }

   #mkt-page .pl-4,
   #mkt-page .px-4 {
       padding-left: 1.5rem !important
   }

   #mkt-page .p-5 {
       padding: 3rem !important
   }

   #mkt-page .pt-5,
   #mkt-page .py-5 {
       padding-top: 3rem !important
   }

   #mkt-page .pr-5,
   #mkt-page .px-5 {
       padding-right: 3rem !important
   }

   #mkt-page .pb-5,
   #mkt-page .py-5 {
       padding-bottom: 3rem !important
   }

   #mkt-page .pl-5,
   #mkt-page .px-5 {
       padding-left: 3rem !important
   }

   @media (min-width:576px) {
       .m-sm-0 {
           margin: 0 !important
       }

       .mt-sm-0,
       .my-sm-0 {
           margin-top: 0 !important
       }

       .mr-sm-0,
       .mx-sm-0 {
           margin-right: 0 !important
       }

       .mb-sm-0,
       .my-sm-0 {
           margin-bottom: 0 !important
       }

       .ml-sm-0,
       .mx-sm-0 {
           margin-left: 0 !important
       }

       .m-sm-1 {
           margin: .25rem !important
       }

       .mt-sm-1,
       .my-sm-1 {
           margin-top: .25rem !important
       }

       .mr-sm-1,
       .mx-sm-1 {
           margin-right: .25rem !important
       }

       .mb-sm-1,
       .my-sm-1 {
           margin-bottom: .25rem !important
       }

       .ml-sm-1,
       .mx-sm-1 {
           margin-left: .25rem !important
       }

       .m-sm-2 {
           margin: .5rem !important
       }

       .mt-sm-2,
       .my-sm-2 {
           margin-top: .5rem !important
       }

       .mr-sm-2,
       .mx-sm-2 {
           margin-right: .5rem !important
       }

       .mb-sm-2,
       .my-sm-2 {
           margin-bottom: .5rem !important
       }

       .ml-sm-2,
       .mx-sm-2 {
           margin-left: .5rem !important
       }

       .m-sm-3 {
           margin: 1rem !important
       }

       .mt-sm-3,
       .my-sm-3 {
           margin-top: 1rem !important
       }

       .mr-sm-3,
       .mx-sm-3 {
           margin-right: 1rem !important
       }

       .mb-sm-3,
       .my-sm-3 {
           margin-bottom: 1rem !important
       }

       .ml-sm-3,
       .mx-sm-3 {
           margin-left: 1rem !important
       }

       .m-sm-4 {
           margin: 1.5rem !important
       }

       .mt-sm-4,
       .my-sm-4 {
           margin-top: 1.5rem !important
       }

       .mr-sm-4,
       .mx-sm-4 {
           margin-right: 1.5rem !important
       }

       .mb-sm-4,
       .my-sm-4 {
           margin-bottom: 1.5rem !important
       }

       .ml-sm-4,
       .mx-sm-4 {
           margin-left: 1.5rem !important
       }

       .m-sm-5 {
           margin: 3rem !important
       }

       .mt-sm-5,
       .my-sm-5 {
           margin-top: 3rem !important
       }

       .mr-sm-5,
       .mx-sm-5 {
           margin-right: 3rem !important
       }

       .mb-sm-5,
       .my-sm-5 {
           margin-bottom: 3rem !important
       }

       .ml-sm-5,
       .mx-sm-5 {
           margin-left: 3rem !important
       }

       .p-sm-0 {
           padding: 0 !important
       }

       .pt-sm-0,
       .py-sm-0 {
           padding-top: 0 !important
       }

       .pr-sm-0,
       .px-sm-0 {
           padding-right: 0 !important
       }

       .pb-sm-0,
       .py-sm-0 {
           padding-bottom: 0 !important
       }

       .pl-sm-0,
       .px-sm-0 {
           padding-left: 0 !important
       }

       .p-sm-1 {
           padding: .25rem !important
       }

       .pt-sm-1,
       .py-sm-1 {
           padding-top: .25rem !important
       }

       .pr-sm-1,
       .px-sm-1 {
           padding-right: .25rem !important
       }

       .pb-sm-1,
       .py-sm-1 {
           padding-bottom: .25rem !important
       }

       .pl-sm-1,
       .px-sm-1 {
           padding-left: .25rem !important
       }

       .p-sm-2 {
           padding: .5rem !important
       }

       .pt-sm-2,
       .py-sm-2 {
           padding-top: .5rem !important
       }

       .pr-sm-2,
       .px-sm-2 {
           padding-right: .5rem !important
       }

       .pb-sm-2,
       .py-sm-2 {
           padding-bottom: .5rem !important
       }

       .pl-sm-2,
       .px-sm-2 {
           padding-left: .5rem !important
       }

       .p-sm-3 {
           padding: 1rem !important
       }

       .pt-sm-3,
       .py-sm-3 {
           padding-top: 1rem !important
       }

       .pr-sm-3,
       .px-sm-3 {
           padding-right: 1rem !important
       }

       .pb-sm-3,
       .py-sm-3 {
           padding-bottom: 1rem !important
       }

       .pl-sm-3,
       .px-sm-3 {
           padding-left: 1rem !important
       }

       .p-sm-4 {
           padding: 1.5rem !important
       }

       .pt-sm-4,
       .py-sm-4 {
           padding-top: 1.5rem !important
       }

       .pr-sm-4,
       .px-sm-4 {
           padding-right: 1.5rem !important
       }

       .pb-sm-4,
       .py-sm-4 {
           padding-bottom: 1.5rem !important
       }

       .pl-sm-4,
       .px-sm-4 {
           padding-left: 1.5rem !important
       }

       .p-sm-5 {
           padding: 3rem !important
       }

       .pt-sm-5,
       .py-sm-5 {
           padding-top: 3rem !important
       }

       .pr-sm-5,
       .px-sm-5 {
           padding-right: 3rem !important
       }

       .pb-sm-5,
       .py-sm-5 {
           padding-bottom: 3rem !important
       }

       .pl-sm-5,
       .px-sm-5 {
           padding-left: 3rem !important
       }

       .m-sm-n1 {
           margin: -.25rem !important
       }

       .mt-sm-n1,
       .my-sm-n1 {
           margin-top: -.25rem !important
       }

       .mr-sm-n1,
       .mx-sm-n1 {
           margin-right: -.25rem !important
       }

       .mb-sm-n1,
       .my-sm-n1 {
           margin-bottom: -.25rem !important
       }

       .ml-sm-n1,
       .mx-sm-n1 {
           margin-left: -.25rem !important
       }

       .m-sm-n2 {
           margin: -.5rem !important
       }

       .mt-sm-n2,
       .my-sm-n2 {
           margin-top: -.5rem !important
       }

       .mr-sm-n2,
       .mx-sm-n2 {
           margin-right: -.5rem !important
       }

       .mb-sm-n2,
       .my-sm-n2 {
           margin-bottom: -.5rem !important
       }

       .ml-sm-n2,
       .mx-sm-n2 {
           margin-left: -.5rem !important
       }

       .m-sm-n3 {
           margin: -1rem !important
       }

       .mt-sm-n3,
       .my-sm-n3 {
           margin-top: -1rem !important
       }

       .mr-sm-n3,
       .mx-sm-n3 {
           margin-right: -1rem !important
       }

       .mb-sm-n3,
       .my-sm-n3 {
           margin-bottom: -1rem !important
       }

       .ml-sm-n3,
       .mx-sm-n3 {
           margin-left: -1rem !important
       }

       .m-sm-n4 {
           margin: -1.5rem !important
       }

       .mt-sm-n4,
       .my-sm-n4 {
           margin-top: -1.5rem !important
       }

       .mr-sm-n4,
       .mx-sm-n4 {
           margin-right: -1.5rem !important
       }

       .mb-sm-n4,
       .my-sm-n4 {
           margin-bottom: -1.5rem !important
       }

       .ml-sm-n4,
       .mx-sm-n4 {
           margin-left: -1.5rem !important
       }

       .m-sm-n5 {
           margin: -3rem !important
       }

       .mt-sm-n5,
       .my-sm-n5 {
           margin-top: -3rem !important
       }

       .mr-sm-n5,
       .mx-sm-n5 {
           margin-right: -3rem !important
       }

       .mb-sm-n5,
       .my-sm-n5 {
           margin-bottom: -3rem !important
       }

       .ml-sm-n5,
       .mx-sm-n5 {
           margin-left: -3rem !important
       }

       .m-sm-auto {
           margin: auto !important
       }

       .mt-sm-auto,
       .my-sm-auto {
           margin-top: auto !important
       }

       .mr-sm-auto,
       .mx-sm-auto {
           margin-right: auto !important
       }

       .mb-sm-auto,
       .my-sm-auto {
           margin-bottom: auto !important
       }

       .ml-sm-auto,
       .mx-sm-auto {
           margin-left: auto !important
       }
   }

   @media (min-width:768px) {
       .m-md-0 {
           margin: 0 !important
       }

       .mt-md-0,
       .my-md-0 {
           margin-top: 0 !important
       }

       .mr-md-0,
       .mx-md-0 {
           margin-right: 0 !important
       }

       .mb-md-0,
       .my-md-0 {
           margin-bottom: 0 !important
       }

       .ml-md-0,
       .mx-md-0 {
           margin-left: 0 !important
       }

       .m-md-1 {
           margin: .25rem !important
       }

       .mt-md-1,
       .my-md-1 {
           margin-top: .25rem !important
       }

       .mr-md-1,
       .mx-md-1 {
           margin-right: .25rem !important
       }

       .mb-md-1,
       .my-md-1 {
           margin-bottom: .25rem !important
       }

       .ml-md-1,
       .mx-md-1 {
           margin-left: .25rem !important
       }

       .m-md-2 {
           margin: .5rem !important
       }

       .mt-md-2,
       .my-md-2 {
           margin-top: .5rem !important
       }

       .mr-md-2,
       .mx-md-2 {
           margin-right: .5rem !important
       }

       .mb-md-2,
       .my-md-2 {
           margin-bottom: .5rem !important
       }

       .ml-md-2,
       .mx-md-2 {
           margin-left: .5rem !important
       }

       .m-md-3 {
           margin: 1rem !important
       }

       .mt-md-3,
       .my-md-3 {
           margin-top: 1rem !important
       }

       .mr-md-3,
       .mx-md-3 {
           margin-right: 1rem !important
       }

       .mb-md-3,
       .my-md-3 {
           margin-bottom: 1rem !important
       }

       .ml-md-3,
       .mx-md-3 {
           margin-left: 1rem !important
       }

       .m-md-4 {
           margin: 1.5rem !important
       }

       .mt-md-4,
       .my-md-4 {
           margin-top: 1.5rem !important
       }

       .mr-md-4,
       .mx-md-4 {
           margin-right: 1.5rem !important
       }

       .mb-md-4,
       .my-md-4 {
           margin-bottom: 1.5rem !important
       }

       .ml-md-4,
       .mx-md-4 {
           margin-left: 1.5rem !important
       }

       .m-md-5 {
           margin: 3rem !important
       }

       .mt-md-5,
       .my-md-5 {
           margin-top: 3rem !important
       }

       .mr-md-5,
       .mx-md-5 {
           margin-right: 3rem !important
       }

       .mb-md-5,
       .my-md-5 {
           margin-bottom: 3rem !important
       }

       .ml-md-5,
       .mx-md-5 {
           margin-left: 3rem !important
       }

       .p-md-0 {
           padding: 0 !important
       }

       .pt-md-0,
       .py-md-0 {
           padding-top: 0 !important
       }

       .pr-md-0,
       .px-md-0 {
           padding-right: 0 !important
       }

       .pb-md-0,
       .py-md-0 {
           padding-bottom: 0 !important
       }

       .pl-md-0,
       .px-md-0 {
           padding-left: 0 !important
       }

       .p-md-1 {
           padding: .25rem !important
       }

       .pt-md-1,
       .py-md-1 {
           padding-top: .25rem !important
       }

       .pr-md-1,
       .px-md-1 {
           padding-right: .25rem !important
       }

       .pb-md-1,
       .py-md-1 {
           padding-bottom: .25rem !important
       }

       .pl-md-1,
       .px-md-1 {
           padding-left: .25rem !important
       }

       .p-md-2 {
           padding: .5rem !important
       }

       .pt-md-2,
       .py-md-2 {
           padding-top: .5rem !important
       }

       .pr-md-2,
       .px-md-2 {
           padding-right: .5rem !important
       }

       .pb-md-2,
       .py-md-2 {
           padding-bottom: .5rem !important
       }

       .pl-md-2,
       .px-md-2 {
           padding-left: .5rem !important
       }

       .p-md-3 {
           padding: 1rem !important
       }

       .pt-md-3,
       .py-md-3 {
           padding-top: 1rem !important
       }

       .pr-md-3,
       .px-md-3 {
           padding-right: 1rem !important
       }

       .pb-md-3,
       .py-md-3 {
           padding-bottom: 1rem !important
       }

       .pl-md-3,
       .px-md-3 {
           padding-left: 1rem !important
       }

       .p-md-4 {
           padding: 1.5rem !important
       }

       .pt-md-4,
       .py-md-4 {
           padding-top: 1.5rem !important
       }

       .pr-md-4,
       .px-md-4 {
           padding-right: 1.5rem !important
       }

       .pb-md-4,
       .py-md-4 {
           padding-bottom: 1.5rem !important
       }

       .pl-md-4,
       .px-md-4 {
           padding-left: 1.5rem !important
       }

       .p-md-5 {
           padding: 3rem !important
       }

       .pt-md-5,
       .py-md-5 {
           padding-top: 3rem !important
       }

       .pr-md-5,
       .px-md-5 {
           padding-right: 3rem !important
       }

       .pb-md-5,
       .py-md-5 {
           padding-bottom: 3rem !important
       }

       .pl-md-5,
       .px-md-5 {
           padding-left: 3rem !important
       }

       .m-md-n1 {
           margin: -.25rem !important
       }

       .mt-md-n1,
       .my-md-n1 {
           margin-top: -.25rem !important
       }

       .mr-md-n1,
       .mx-md-n1 {
           margin-right: -.25rem !important
       }

       .mb-md-n1,
       .my-md-n1 {
           margin-bottom: -.25rem !important
       }

       .ml-md-n1,
       .mx-md-n1 {
           margin-left: -.25rem !important
       }

       .m-md-n2 {
           margin: -.5rem !important
       }

       .mt-md-n2,
       .my-md-n2 {
           margin-top: -.5rem !important
       }

       .mr-md-n2,
       .mx-md-n2 {
           margin-right: -.5rem !important
       }

       .mb-md-n2,
       .my-md-n2 {
           margin-bottom: -.5rem !important
       }

       .ml-md-n2,
       .mx-md-n2 {
           margin-left: -.5rem !important
       }

       .m-md-n3 {
           margin: -1rem !important
       }

       .mt-md-n3,
       .my-md-n3 {
           margin-top: -1rem !important
       }

       .mr-md-n3,
       .mx-md-n3 {
           margin-right: -1rem !important
       }

       .mb-md-n3,
       .my-md-n3 {
           margin-bottom: -1rem !important
       }

       .ml-md-n3,
       .mx-md-n3 {
           margin-left: -1rem !important
       }

       .m-md-n4 {
           margin: -1.5rem !important
       }

       .mt-md-n4,
       .my-md-n4 {
           margin-top: -1.5rem !important
       }

       .mr-md-n4,
       .mx-md-n4 {
           margin-right: -1.5rem !important
       }

       .mb-md-n4,
       .my-md-n4 {
           margin-bottom: -1.5rem !important
       }

       .ml-md-n4,
       .mx-md-n4 {
           margin-left: -1.5rem !important
       }

       .m-md-n5 {
           margin: -3rem !important
       }

       .mt-md-n5,
       .my-md-n5 {
           margin-top: -3rem !important
       }

       .mr-md-n5,
       .mx-md-n5 {
           margin-right: -3rem !important
       }

       .mb-md-n5,
       .my-md-n5 {
           margin-bottom: -3rem !important
       }

       .ml-md-n5,
       .mx-md-n5 {
           margin-left: -3rem !important
       }

       .m-md-auto {
           margin: auto !important
       }

       .mt-md-auto,
       .my-md-auto {
           margin-top: auto !important
       }

       .mr-md-auto,
       .mx-md-auto {
           margin-right: auto !important
       }

       .mb-md-auto,
       .my-md-auto {
           margin-bottom: auto !important
       }

       .ml-md-auto,
       .mx-md-auto {
           margin-left: auto !important
       }
   }

   @media (min-width:992px) {
       .m-lg-0 {
           margin: 0 !important
       }

       .mt-lg-0,
       .my-lg-0 {
           margin-top: 0 !important
       }

       .mr-lg-0,
       .mx-lg-0 {
           margin-right: 0 !important
       }

       .mb-lg-0,
       .my-lg-0 {
           margin-bottom: 0 !important
       }

       .ml-lg-0,
       .mx-lg-0 {
           margin-left: 0 !important
       }

       .m-lg-1 {
           margin: .25rem !important
       }

       .mt-lg-1,
       .my-lg-1 {
           margin-top: .25rem !important
       }

       .mr-lg-1,
       .mx-lg-1 {
           margin-right: .25rem !important
       }

       .mb-lg-1,
       .my-lg-1 {
           margin-bottom: .25rem !important
       }

       .ml-lg-1,
       .mx-lg-1 {
           margin-left: .25rem !important
       }

       .m-lg-2 {
           margin: .5rem !important
       }

       .mt-lg-2,
       .my-lg-2 {
           margin-top: .5rem !important
       }

       .mr-lg-2,
       .mx-lg-2 {
           margin-right: .5rem !important
       }

       .mb-lg-2,
       .my-lg-2 {
           margin-bottom: .5rem !important
       }

       .ml-lg-2,
       .mx-lg-2 {
           margin-left: .5rem !important
       }

       .m-lg-3 {
           margin: 1rem !important
       }

       .mt-lg-3,
       .my-lg-3 {
           margin-top: 1rem !important
       }

       .mr-lg-3,
       .mx-lg-3 {
           margin-right: 1rem !important
       }

       .mb-lg-3,
       .my-lg-3 {
           margin-bottom: 1rem !important
       }

       .ml-lg-3,
       .mx-lg-3 {
           margin-left: 1rem !important
       }

       .m-lg-4 {
           margin: 1.5rem !important
       }

       .mt-lg-4,
       .my-lg-4 {
           margin-top: 1.5rem !important
       }

       .mr-lg-4,
       .mx-lg-4 {
           margin-right: 1.5rem !important
       }

       .mb-lg-4,
       .my-lg-4 {
           margin-bottom: 1.5rem !important
       }

       .ml-lg-4,
       .mx-lg-4 {
           margin-left: 1.5rem !important
       }

       .m-lg-5 {
           margin: 3rem !important
       }

       .mt-lg-5,
       .my-lg-5 {
           margin-top: 3rem !important
       }

       .mr-lg-5,
       .mx-lg-5 {
           margin-right: 3rem !important
       }

       .mb-lg-5,
       .my-lg-5 {
           margin-bottom: 3rem !important
       }

       .ml-lg-5,
       .mx-lg-5 {
           margin-left: 3rem !important
       }

       .p-lg-0 {
           padding: 0 !important
       }

       .pt-lg-0,
       .py-lg-0 {
           padding-top: 0 !important
       }

       .pr-lg-0,
       .px-lg-0 {
           padding-right: 0 !important
       }

       .pb-lg-0,
       .py-lg-0 {
           padding-bottom: 0 !important
       }

       .pl-lg-0,
       .px-lg-0 {
           padding-left: 0 !important
       }

       .p-lg-1 {
           padding: .25rem !important
       }

       .pt-lg-1,
       .py-lg-1 {
           padding-top: .25rem !important
       }

       .pr-lg-1,
       .px-lg-1 {
           padding-right: .25rem !important
       }

       .pb-lg-1,
       .py-lg-1 {
           padding-bottom: .25rem !important
       }

       .pl-lg-1,
       .px-lg-1 {
           padding-left: .25rem !important
       }

       .p-lg-2 {
           padding: .5rem !important
       }

       .pt-lg-2,
       .py-lg-2 {
           padding-top: .5rem !important
       }

       .pr-lg-2,
       .px-lg-2 {
           padding-right: .5rem !important
       }

       .pb-lg-2,
       .py-lg-2 {
           padding-bottom: .5rem !important
       }

       .pl-lg-2,
       .px-lg-2 {
           padding-left: .5rem !important
       }

       .p-lg-3 {
           padding: 1rem !important
       }

       .pt-lg-3,
       .py-lg-3 {
           padding-top: 1rem !important
       }

       .pr-lg-3,
       .px-lg-3 {
           padding-right: 1rem !important
       }

       .pb-lg-3,
       .py-lg-3 {
           padding-bottom: 1rem !important
       }

       .pl-lg-3,
       .px-lg-3 {
           padding-left: 1rem !important
       }

       .p-lg-4 {
           padding: 1.5rem !important
       }

       .pt-lg-4,
       .py-lg-4 {
           padding-top: 1.5rem !important
       }

       .pr-lg-4,
       .px-lg-4 {
           padding-right: 1.5rem !important
       }

       .pb-lg-4,
       .py-lg-4 {
           padding-bottom: 1.5rem !important
       }

       .pl-lg-4,
       .px-lg-4 {
           padding-left: 1.5rem !important
       }

       .p-lg-5 {
           padding: 3rem !important
       }

       .pt-lg-5,
       .py-lg-5 {
           padding-top: 3rem !important
       }

       .pr-lg-5,
       .px-lg-5 {
           padding-right: 3rem !important
       }

       .pb-lg-5,
       .py-lg-5 {
           padding-bottom: 3rem !important
       }

       .pl-lg-5,
       .px-lg-5 {
           padding-left: 3rem !important
       }

       .m-lg-n1 {
           margin: -.25rem !important
       }

       .mt-lg-n1,
       .my-lg-n1 {
           margin-top: -.25rem !important
       }

       .mr-lg-n1,
       .mx-lg-n1 {
           margin-right: -.25rem !important
       }

       .mb-lg-n1,
       .my-lg-n1 {
           margin-bottom: -.25rem !important
       }

       .ml-lg-n1,
       .mx-lg-n1 {
           margin-left: -.25rem !important
       }

       .m-lg-n2 {
           margin: -.5rem !important
       }

       .mt-lg-n2,
       .my-lg-n2 {
           margin-top: -.5rem !important
       }

       .mr-lg-n2,
       .mx-lg-n2 {
           margin-right: -.5rem !important
       }

       .mb-lg-n2,
       .my-lg-n2 {
           margin-bottom: -.5rem !important
       }

       .ml-lg-n2,
       .mx-lg-n2 {
           margin-left: -.5rem !important
       }

       .m-lg-n3 {
           margin: -1rem !important
       }

       .mt-lg-n3,
       .my-lg-n3 {
           margin-top: -1rem !important
       }

       .mr-lg-n3,
       .mx-lg-n3 {
           margin-right: -1rem !important
       }

       .mb-lg-n3,
       .my-lg-n3 {
           margin-bottom: -1rem !important
       }

       .ml-lg-n3,
       .mx-lg-n3 {
           margin-left: -1rem !important
       }

       .m-lg-n4 {
           margin: -1.5rem !important
       }

       .mt-lg-n4,
       .my-lg-n4 {
           margin-top: -1.5rem !important
       }

       .mr-lg-n4,
       .mx-lg-n4 {
           margin-right: -1.5rem !important
       }

       .mb-lg-n4,
       .my-lg-n4 {
           margin-bottom: -1.5rem !important
       }

       .ml-lg-n4,
       .mx-lg-n4 {
           margin-left: -1.5rem !important
       }

       .m-lg-n5 {
           margin: -3rem !important
       }

       .mt-lg-n5,
       .my-lg-n5 {
           margin-top: -3rem !important
       }

       .mr-lg-n5,
       .mx-lg-n5 {
           margin-right: -3rem !important
       }

       .mb-lg-n5,
       .my-lg-n5 {
           margin-bottom: -3rem !important
       }

       .ml-lg-n5,
       .mx-lg-n5 {
           margin-left: -3rem !important
       }

       .m-lg-auto {
           margin: auto !important
       }

       .mt-lg-auto,
       .my-lg-auto {
           margin-top: auto !important
       }

       .mr-lg-auto,
       .mx-lg-auto {
           margin-right: auto !important
       }

       .mb-lg-auto,
       .my-lg-auto {
           margin-bottom: auto !important
       }

       .ml-lg-auto,
       .mx-lg-auto {
           margin-left: auto !important
       }
   }

   @media (min-width:1200px) {
       .m-xl-0 {
           margin: 0 !important
       }

       .mt-xl-0,
       .my-xl-0 {
           margin-top: 0 !important
       }

       .mr-xl-0,
       .mx-xl-0 {
           margin-right: 0 !important
       }

       .mb-xl-0,
       .my-xl-0 {
           margin-bottom: 0 !important
       }

       .ml-xl-0,
       .mx-xl-0 {
           margin-left: 0 !important
       }

       .m-xl-1 {
           margin: .25rem !important
       }

       .mt-xl-1,
       .my-xl-1 {
           margin-top: .25rem !important
       }

       .mr-xl-1,
       .mx-xl-1 {
           margin-right: .25rem !important
       }

       .mb-xl-1,
       .my-xl-1 {
           margin-bottom: .25rem !important
       }

       .ml-xl-1,
       .mx-xl-1 {
           margin-left: .25rem !important
       }

       .m-xl-2 {
           margin: .5rem !important
       }

       .mt-xl-2,
       .my-xl-2 {
           margin-top: .5rem !important
       }

       .mr-xl-2,
       .mx-xl-2 {
           margin-right: .5rem !important
       }

       .mb-xl-2,
       .my-xl-2 {
           margin-bottom: .5rem !important
       }

       .ml-xl-2,
       .mx-xl-2 {
           margin-left: .5rem !important
       }

       .m-xl-3 {
           margin: 1rem !important
       }

       .mt-xl-3,
       .my-xl-3 {
           margin-top: 1rem !important
       }

       .mr-xl-3,
       .mx-xl-3 {
           margin-right: 1rem !important
       }

       .mb-xl-3,
       .my-xl-3 {
           margin-bottom: 1rem !important
       }

       .ml-xl-3,
       .mx-xl-3 {
           margin-left: 1rem !important
       }

       .m-xl-4 {
           margin: 1.5rem !important
       }

       .mt-xl-4,
       .my-xl-4 {
           margin-top: 1.5rem !important
       }

       .mr-xl-4,
       .mx-xl-4 {
           margin-right: 1.5rem !important
       }

       .mb-xl-4,
       .my-xl-4 {
           margin-bottom: 1.5rem !important
       }

       .ml-xl-4,
       .mx-xl-4 {
           margin-left: 1.5rem !important
       }

       .m-xl-5 {
           margin: 3rem !important
       }

       .mt-xl-5,
       .my-xl-5 {
           margin-top: 3rem !important
       }

       .mr-xl-5,
       .mx-xl-5 {
           margin-right: 3rem !important
       }

       .mb-xl-5,
       .my-xl-5 {
           margin-bottom: 3rem !important
       }

       .ml-xl-5,
       .mx-xl-5 {
           margin-left: 3rem !important
       }

       .p-xl-0 {
           padding: 0 !important
       }

       .pt-xl-0,
       .py-xl-0 {
           padding-top: 0 !important
       }

       .pr-xl-0,
       .px-xl-0 {
           padding-right: 0 !important
       }

       .pb-xl-0,
       .py-xl-0 {
           padding-bottom: 0 !important
       }

       .pl-xl-0,
       .px-xl-0 {
           padding-left: 0 !important
       }

       .p-xl-1 {
           padding: .25rem !important
       }

       .pt-xl-1,
       .py-xl-1 {
           padding-top: .25rem !important
       }

       .pr-xl-1,
       .px-xl-1 {
           padding-right: .25rem !important
       }

       .pb-xl-1,
       .py-xl-1 {
           padding-bottom: .25rem !important
       }

       .pl-xl-1,
       .px-xl-1 {
           padding-left: .25rem !important
       }

       .p-xl-2 {
           padding: .5rem !important
       }

       .pt-xl-2,
       .py-xl-2 {
           padding-top: .5rem !important
       }

       .pr-xl-2,
       .px-xl-2 {
           padding-right: .5rem !important
       }

       .pb-xl-2,
       .py-xl-2 {
           padding-bottom: .5rem !important
       }

       .pl-xl-2,
       .px-xl-2 {
           padding-left: .5rem !important
       }

       .p-xl-3 {
           padding: 1rem !important
       }

       .pt-xl-3,
       .py-xl-3 {
           padding-top: 1rem !important
       }

       .pr-xl-3,
       .px-xl-3 {
           padding-right: 1rem !important
       }

       .pb-xl-3,
       .py-xl-3 {
           padding-bottom: 1rem !important
       }

       .pl-xl-3,
       .px-xl-3 {
           padding-left: 1rem !important
       }

       .p-xl-4 {
           padding: 1.5rem !important
       }

       .pt-xl-4,
       .py-xl-4 {
           padding-top: 1.5rem !important
       }

       .pr-xl-4,
       .px-xl-4 {
           padding-right: 1.5rem !important
       }

       .pb-xl-4,
       .py-xl-4 {
           padding-bottom: 1.5rem !important
       }

       .pl-xl-4,
       .px-xl-4 {
           padding-left: 1.5rem !important
       }

       .p-xl-5 {
           padding: 3rem !important
       }

       .pt-xl-5,
       .py-xl-5 {
           padding-top: 3rem !important
       }

       .pr-xl-5,
       .px-xl-5 {
           padding-right: 3rem !important
       }

       .pb-xl-5,
       .py-xl-5 {
           padding-bottom: 3rem !important
       }

       .pl-xl-5,
       .px-xl-5 {
           padding-left: 3rem !important
       }

       .m-xl-n1 {
           margin: -.25rem !important
       }

       .mt-xl-n1,
       .my-xl-n1 {
           margin-top: -.25rem !important
       }

       .mr-xl-n1,
       .mx-xl-n1 {
           margin-right: -.25rem !important
       }

       .mb-xl-n1,
       .my-xl-n1 {
           margin-bottom: -.25rem !important
       }

       .ml-xl-n1,
       .mx-xl-n1 {
           margin-left: -.25rem !important
       }

       .m-xl-n2 {
           margin: -.5rem !important
       }

       .mt-xl-n2,
       .my-xl-n2 {
           margin-top: -.5rem !important
       }

       .mr-xl-n2,
       .mx-xl-n2 {
           margin-right: -.5rem !important
       }

       .mb-xl-n2,
       .my-xl-n2 {
           margin-bottom: -.5rem !important
       }

       .ml-xl-n2,
       .mx-xl-n2 {
           margin-left: -.5rem !important
       }

       .m-xl-n3 {
           margin: -1rem !important
       }

       .mt-xl-n3,
       .my-xl-n3 {
           margin-top: -1rem !important
       }

       .mr-xl-n3,
       .mx-xl-n3 {
           margin-right: -1rem !important
       }

       .mb-xl-n3,
       .my-xl-n3 {
           margin-bottom: -1rem !important
       }

       .ml-xl-n3,
       .mx-xl-n3 {
           margin-left: -1rem !important
       }

       .m-xl-n4 {
           margin: -1.5rem !important
       }

       .mt-xl-n4,
       .my-xl-n4 {
           margin-top: -1.5rem !important
       }

       .mr-xl-n4,
       .mx-xl-n4 {
           margin-right: -1.5rem !important
       }

       .mb-xl-n4,
       .my-xl-n4 {
           margin-bottom: -1.5rem !important
       }

       .ml-xl-n4,
       .mx-xl-n4 {
           margin-left: -1.5rem !important
       }

       .m-xl-n5 {
           margin: -3rem !important
       }

       .mt-xl-n5,
       .my-xl-n5 {
           margin-top: -3rem !important
       }

       .mr-xl-n5,
       .mx-xl-n5 {
           margin-right: -3rem !important
       }

       .mb-xl-n5,
       .my-xl-n5 {
           margin-bottom: -3rem !important
       }

       .ml-xl-n5,
       .mx-xl-n5 {
           margin-left: -3rem !important
       }

       .m-xl-auto {
           margin: auto !important
       }

       .mt-xl-auto,
       .my-xl-auto {
           margin-top: auto !important
       }

       .mr-xl-auto,
       .mx-xl-auto {
           margin-right: auto !important
       }

       .mb-xl-auto,
       .my-xl-auto {
           margin-bottom: auto !important
       }

       .ml-xl-auto,
       .mx-xl-auto {
           margin-left: auto !important
       }
   }


   [type=button]:not(:disabled),
   [type=reset]:not(:disabled),
   [type=submit]:not(:disabled),
   button:not(:disabled) {
       cursor: pointer;
   }

   #mkt-page .btn {

       letter-spacing: 0;
       background-size: 150%;
       background-position-x: 25%;
       position: relative;
       overflow: hidden;
       -webkit-appearance: none;
   }

   #mkt-page .btn {
       --bs-btn-padding-x: 1.5rem;
       --bs-btn-padding-y: 0.625rem;
       --bs-btn-font-size: 0.75rem;
       --bs-btn-font-weight: 700;
       --bs-btn-line-height: 1.667;
       --bs-btn-color: #7b809a;
       --bs-btn-bg: transparent;
       --bs-btn-border-width: 1px;
       --bs-btn-border-color: transparent;
       --bs-btn-border-radius: 0.5rem;
       --bs-btn-hover-border-color: transparent;
       --bs-btn-box-shadow: 0 4px 7px -1px rgba(0, 0, 0, .11), 0 2px 4px -1px rgba(0, 0, 0, .07);
       --bs-btn-disabled-opacity: 0.65;
       --bs-btn-focus-box-shadow: 0 0 0 0.2rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
       display: inline-block;
       padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
       font-family: var(--bs-btn-font-family);
       font-size: var(--bs-btn-font-size);
       font-weight: var(--bs-btn-font-weight);
       line-height: var(--bs-btn-line-height);
       color: var(--bs-btn-color);
       text-align: center;
       vertical-align: middle;
       cursor: pointer;
       user-select: none;
       border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
       border-radius: var(--bs-btn-border-radius) !important;
       background-color: var(--bs-btn-bg);
       transition: all .15s ease-in;
   }

   #mkt-page .btn-tlt:hover {
       transform: translateY(-1px);
       transition: all .15s ease-in;
   }

   #mkt-page .badge,
   #mkt-page .btn {
       transition: all .15s ease-in;
       text-transform: uppercase;
   }

   #mkt-page .me-2 {
       margin-right: 0.5rem !important;
   }

   #mkt-page .btn:not([class*=btn-outline-]) {
       border: 0;
   }

   #mkt-page .bg-gradient-primary {
       background-image: linear-gradient(195deg, #0A287D, #10093C)
   }

   #mkt-page .btn-primary {
       background: #10093C !important;
   }

   #mkt-page .bg-gradient-secondary {
       background-image: linear-gradient(195deg, #0083FF, #0A287D)
   }

   #mkt-page .btn-secondary {
       background: #0A287D !important;
   }

   #mkt-page .bg-gradient-success {
       background-image: linear-gradient(195deg, #00D7B1, #009F8C)
   }

   #mkt-page .btn-success {
       background: #009F8C !important;
   }

   #mkt-page .bg-gradient-info {
       background-image: linear-gradient(195deg, #00C6FA, #0083FF)
   }

   #mkt-page .btn-info {
       background: #0083FF !important;
   }

   #mkt-page .bg-gradient-warning {
       background-image: linear-gradient(195deg, #FFDD00, #FF9D00)
   }

   #mkt-page .btn-warning {
       background: #FF9D00 !important;
   }

   #mkt-page .bg-gradient-danger {
       background-image: linear-gradient(195deg, #A75CCC, #75007E)
   }

   #mkt-page .btn-danger {
       background: #75007E !important;
   }

   #mkt-page .bg-gradient-light {
       background-image: linear-gradient(195deg, #ebeff4, #ced4da)
   }

   #mkt-page .btn-light {
       background: #ced4da !important;
   }

   #mkt-page .bg-gradient-dark {
       background-image: linear-gradient(195deg, #42424a, #191919)
   }

   #mkt-page .btn-dark {
       background: #191919 !important;
   }



   #mkt-page .btn-primary,
   #mkt-page .btn.bg-gradient-primary {
       box-shadow: 0 0 0 0 rgb(10, 40, 125, .15)
   }

   #mkt-page .btn-primary:hover,
   #mkt-page .btn.bg-gradient-primary:hover {
       background-color: #e91e63;
       border-color: #e91e63;
       box-shadow: 0 0.4rem 1rem -0.5rem rgba(10, 40, 125, .9) !important;
   }

   #mkt-page .btn-primary .btn.bg-outline-primary,
   #mkt-page .btn.bg-gradient-primary .btn.bg-outline-primary {
       border: 1px solid #0a287d
   }

   #mkt-page .btn-primary:not(:disabled):not(.disabled).active,
   #mkt-page .btn-primary:not(:disabled):not(.disabled):active,
   #mkt-page .btn.bg-gradient-primary:not(:disabled):not(.disabled).active,
   #mkt-page .btn.bg-gradient-primary:not(:disabled):not(.disabled):active,
   #mkt-page .show > .btn-primary.dropdown-toggle,
   #mkt-page .show > .btn.bg-gradient-primary.dropdown-toggle {
       color: color-yiq(#0a287d);
       background-color: #0a287d
   }

   #mkt-page .btn-primary.focus,
   #mkt-page .btn-primary:focus,
   #mkt-page .btn.bg-gradient-primary.focus,
   #mkt-page .btn.bg-gradient-primary:focus {
       color: #fff
   }

   #mkt-page .btn-outline-primary {
       box-shadow: none;
       color: #0a287d;
       border: 1px solid #0a287d;
   }

   #mkt-page .btn-outline-primary:hover:not(.active) {
       background-color: transparent;
       opacity: .75;
       box-shadow: none;
       color: #0a287d
   }

   #mkt-page .btn-secondary,
   #mkt-page .btn.bg-gradient-secondary {
       box-shadow: 0 0 0 0 rgb(26, 115, 232, .15)
   }

   #mkt-page .btn-secondary:hover,
   #mkt-page .btn.bg-gradient-secondary:hover {
       background-color: #7b809a;
       border-color: #7b809a;
       box-shadow: 0 0.4rem 1rem -0.5rem rgba(26, 115, 232, .9) !important;
   }

   #mkt-page .btn-secondary .btn.bg-outline-secondary,
   #mkt-page .btn.bg-gradient-secondary .btn.bg-outline-secondary {
       border: 1px solid #1a73e8
   }

   #mkt-page .btn-secondary:not(:disabled):not(.disabled).active,
   #mkt-page .btn-secondary:not(:disabled):not(.disabled):active,
   #mkt-page .btn.bg-gradient-secondary:not(:disabled):not(.disabled).active,
   #mkt-page .btn.bg-gradient-secondary:not(:disabled):not(.disabled):active,
   #mkt-page .show > .btn-secondary.dropdown-toggle,
   #mkt-page .show > .btn.bg-gradient-secondary.dropdown-toggle {
       color: color-yiq(#1a73e8);
       background-color: #1a73e8
   }

   #mkt-page .btn-secondary.focus,
   #mkt-page .btn-secondary:focus,
   #mkt-page .btn.bg-gradient-secondary.focus,
   #mkt-page .btn.bg-gradient-secondary:focus {
       color: #fff
   }

   #mkt-page .btn-outline-secondary {
       box-shadow: none;
       color: #1a73e8;
       border: 1px solid #1a73e8;
   }

   #mkt-page .btn-outline-secondary:hover:not(.active) {
       background-color: transparent;
       opacity: .75;
       box-shadow: none;
       color: #1a73e8
   }

   #mkt-page .btn-success,
   #mkt-page .btn.bg-gradient-success {
       box-shadow: 0 0 0 0 rgb(0, 159, 140, .15)
   }

   #mkt-page .btn-success:hover,
   #mkt-page .btn.bg-gradient-success:hover {
       background-color: #4caf50;
       border-color: #4caf50;
       box-shadow: 0 0.4rem 1rem -0.5rem rgba(0, 159, 140, .9) !important;
   }

   #mkt-page .btn-success .btn.bg-outline-success,
   #mkt-page .btn.bg-gradient-success .btn.bg-outline-success {
       border: 1px solid #009F8C
   }

   #mkt-page .btn-success:not(:disabled):not(.disabled).active,
   #mkt-page .btn-success:not(:disabled):not(.disabled):active,
   #mkt-page .btn.bg-gradient-success:not(:disabled):not(.disabled).active,
   #mkt-page .btn.bg-gradient-success:not(:disabled):not(.disabled):active,
   #mkt-page .show > .btn-success.dropdown-toggle,
   #mkt-page .show > .btn.bg-gradient-success.dropdown-toggle {
       color: color-yiq(#009F8C);
       background-color: #009F8C
   }

   #mkt-page .btn-success.focus,
   #mkt-page .btn-success:focus,
   #mkt-page .btn.bg-gradient-success.focus,
   #mkt-page .btn.bg-gradient-success:focus {
       color: #fff
   }

   #mkt-page .btn-outline-success {
       box-shadow: none;
       color: #009F8C;
       border: 1px solid #009F8C;
   }

   #mkt-page .btn-outline-success:hover:not(.active) {
       background-color: transparent;
       opacity: .75;
       box-shadow: none;
       color: #009F8C
   }

   #mkt-page .btn-info,
   #mkt-page .btn.bg-gradient-info {
       box-shadow: 0 0 0 0 rgb(0, 198, 250, .15)
   }

   #mkt-page .btn-info:hover,
   #mkt-page .btn.bg-gradient-info:hover {
       background-color: #1a73e8;
       border-color: #1a73e8;
       box-shadow: 0 0.4rem 1rem -0.5rem rgba(0, 198, 250, .9) !important;
   }

   #mkt-page .btn-info .btn.bg-outline-info,
   #mkt-page .btn.bg-gradient-info .btn.bg-outline-info {
       border: 1px solid #00C6FA
   }

   #mkt-page .btn-info:not(:disabled):not(.disabled).active,
   #mkt-page .btn-info:not(:disabled):not(.disabled):active,
   #mkt-page .btn.bg-gradient-info:not(:disabled):not(.disabled).active,
   #mkt-page .btn.bg-gradient-info:not(:disabled):not(.disabled):active,
   #mkt-page .show > .btn-info.dropdown-toggle,
   #mkt-page .show > .btn.bg-gradient-info.dropdown-toggle {
       color: color-yiq(#00C6FA);
       background-color: #00C6FA
   }

   #mkt-page .btn-info.focus,
   #mkt-page .btn-info:focus,
   #mkt-page .btn.bg-gradient-info.focus,
   #mkt-page .btn.bg-gradient-info:focus {
       color: #fff
   }

   #mkt-page .btn-outline-info {
       box-shadow: none;
       color: #00C6FA;
       border: 1px solid #00C6FA;
   }

   #mkt-page .btn-outline-info:hover:not(.active) {
       background-color: transparent;
       opacity: .75;
       box-shadow: none;
       color: #00C6FA
   }

   #mkt-page .btn-warning,
   #mkt-page .btn.bg-gradient-warning {
       box-shadow: 0 0 0 0 rgba(251, 140, 0, .15)
   }

   #mkt-page .btn-warning:hover,
   #mkt-page .btn.bg-gradient-warning:hover {
       background-color: #fb8c00;
       border-color: #fb8c00;
       box-shadow: 0 0.4rem 1rem -0.5rem rgba(251, 140, 0, .9) !important;
   }

   #mkt-page .btn-warning .btn.bg-outline-warning,
   #mkt-page .btn.bg-gradient-warning .btn.bg-outline-warning {
       border: 1px solid #fb8c00
   }

   #mkt-page .btn-warning:not(:disabled):not(.disabled).active,
   #mkt-page .btn-warning:not(:disabled):not(.disabled):active,
   #mkt-page .btn.bg-gradient-warning:not(:disabled):not(.disabled).active,
   #mkt-page .btn.bg-gradient-warning:not(:disabled):not(.disabled):active,
   #mkt-page .show > .btn-warning.dropdown-toggle,
   #mkt-page .show > .btn.bg-gradient-warning.dropdown-toggle {
       color: color-yiq(#fb8c00);
       background-color: #fb8c00
   }

   #mkt-page .btn-warning.focus,
   #mkt-page .btn-warning:focus,
   #mkt-page .btn.bg-gradient-warning.focus,
   #mkt-page .btn.bg-gradient-warning:focus {
       color: #fff
   }

   #mkt-page .btn-outline-warning {
       box-shadow: none;
       color: #fb8c00;
       border: 1px solid #fb8c00;
   }

   #mkt-page .btn-outline-warning:hover:not(.active) {
       background-color: transparent;
       opacity: .75;
       box-shadow: none;
       color: #fb8c00
   }

   #mkt-page .btn-danger,
   #mkt-page .btn.bg-gradient-danger {
       box-shadow: 0 0 0 0 rgba(117, 0, 126, .15)
   }

   #mkt-page .btn-danger:hover,
   #mkt-page .btn.bg-gradient-danger:hover {
       background-color: #f44335;
       border-color: #f44335;
       box-shadow: 0 0.4rem 1rem -0.5rem rgba(117, 0, 126, .9) !important;
   }

   #mkt-page .btn-danger .btn.bg-outline-danger,
   #mkt-page .btn.bg-gradient-danger .btn.bg-outline-danger {
       border: 1px solid #f44335
   }

   #mkt-page .btn-danger:not(:disabled):not(.disabled).active,
   #mkt-page .btn-danger:not(:disabled):not(.disabled):active,
   #mkt-page .btn.bg-gradient-danger:not(:disabled):not(.disabled).active,
   #mkt-page .btn.bg-gradient-danger:not(:disabled):not(.disabled):active,
   #mkt-page .show > .btn-danger.dropdown-toggle,
   #mkt-page .show > .btn.bg-gradient-danger.dropdown-toggle {
       color: color-yiq(#75007E);
       background-color: #75007E
   }

   #mkt-page .btn-danger.focus,
   #mkt-page .btn-danger:focus,
   #mkt-page .btn.bg-gradient-danger.focus,
   #mkt-page .btn.bg-gradient-danger:focus {
       color: #fff
   }

   #mkt-page .btn-outline-danger {
       box-shadow: none;
       color: #75007E;
       border: 1px solid #75007E;
   }

   #mkt-page .btn-outline-danger:hover:not(.active) {
       background-color: transparent;
       opacity: .75;
       box-shadow: none;
       color: #75007E
   }

   #mkt-page .btn-light,
   #mkt-page .btn.bg-gradient-light {
       box-shadow: 0 0 0 0 rgba(192, 196, 202, .15)
   }

   #mkt-page .btn-light:hover,
   #mkt-page .btn.bg-gradient-light:hover {
       background-color: #f0f2f5;
       border-color: #f0f2f5;
       box-shadow: 0 0.4rem 1rem -0.5rem rgba(192, 196, 202) !important;
   }

   #mkt-page .btn-light .btn.bg-outline-light,
   #mkt-page .btn.bg-gradient-light .btn.bg-outline-light {
       border: 1px solid #f0f2f5
   }

   #mkt-page .btn-light:not(:disabled):not(.disabled).active,
   #mkt-page .btn-light:not(:disabled):not(.disabled):active,
   #mkt-page .btn.bg-gradient-light:not(:disabled):not(.disabled).active,
   #mkt-page .btn.bg-gradient-light:not(:disabled):not(.disabled):active,
   #mkt-page .show > .btn-light.dropdown-toggle,
   #mkt-page .show > .btn.bg-gradient-light.dropdown-toggle {
       color: color-yiq(#f0f2f5);
       background-color: #f0f2f5
   }

   #mkt-page .btn-outline-light {
       box-shadow: none;
       color: #f0f2f5;
       border: 1px solid #f0f2f5;
   }

   #mkt-page .btn-outline-light:hover:not(.active) {
       background-color: transparent;
       opacity: .75;
       box-shadow: none;
       color: #f0f2f5
   }

   #mkt-page .btn-dark,
   #mkt-page .btn.bg-gradient-dark {
       box-shadow: 0 0 0 0 rgba(52, 71, 103, .15)
   }

   #mkt-page .btn-dark:hover,
   #mkt-page .btn.bg-gradient-dark:hover {
       background-color: #344767;
       border-color: #344767;
       box-shadow: 0 0.4rem 1rem -0.5rem rgba(52, 71, 103, .9) !important;
   }

   #mkt-page .btn-dark .btn.bg-outline-dark,
   #mkt-page .btn.bg-gradient-dark .btn.bg-outline-dark {
       border: 1px solid #344767
   }

   #mkt-page .btn-dark:not(:disabled):not(.disabled).active,
   #mkt-page .btn-dark:not(:disabled):not(.disabled):active,
   #mkt-page .btn.bg-gradient-dark:not(:disabled):not(.disabled).active,
   #mkt-page .btn.bg-gradient-dark:not(:disabled):not(.disabled):active,
   #mkt-page .show > .btn-dark.dropdown-toggle,
   #mkt-page .show > .btn.bg-gradient-dark.dropdown-toggle {
       color: color-yiq(#344767);
       background-color: #344767
   }

   #mkt-page .btn-dark.focus,
   #mkt-page .btn-dark:focus,
   #mkt-page .btn.bg-gradient-dark.focus,
   #mkt-page .btn.bg-gradient-dark:focus {
       color: #fff
   }

   #mkt-page .btn-outline-dark {
       box-shadow: none;
       color: #344767;
       border: 1px solid #344767;
   }

   #mkt-page .btn-outline-dark:hover:not(.active) {
       background-color: transparent;
       opacity: .75;
       box-shadow: none;
       color: #344767
   }

   #mkt-page .btn-white,
   #mkt-page .btn.bg-gradient-white {
       box-shadow: 0 3px 3px 0 hsla(0, 0%, 100%, .15), 0 3px 1px -2px hsla(0, 0%, 100%, .2), 0 1px 5px 0 hsla(0, 0%, 100%, .15)
   }

   #mkt-page .btn-white:hover,
   #mkt-page .btn.bg-gradient-white:hover {
       background-color: #fff;
       border-color: #fff;
       box-shadow: 0 14px 26px -12px hsla(0, 0%, 100%, .4), 0 4px 23px 0 hsla(0, 0%, 100%, .15), 0 8px 10px -5px hsla(0, 0%, 100%, .2)
   }

   #mkt-page .btn-white .btn.bg-outline-white,
   #mkt-page .btn.bg-gradient-white .btn.bg-outline-white {
       border: 1px solid #fff
   }

   #mkt-page .btn-white:not(:disabled):not(.disabled).active,
   #mkt-page .btn-white:not(:disabled):not(.disabled):active,
   #mkt-page .btn.bg-gradient-white:not(:disabled):not(.disabled).active,
   #mkt-page .btn.bg-gradient-white:not(:disabled):not(.disabled):active,
   #mkt-page .show > .btn-white.dropdown-toggle,
   #mkt-page .show > .btn.bg-gradient-white.dropdown-toggle {
       color: color-yiq(#fff);
       background-color: #fff
   }

   #mkt-page .btn-outline-white {
       box-shadow: none
   }

   #mkt-page .btn-outline-white:hover:not(.active) {
       background-color: transparent;
       opacity: .75;
       box-shadow: none;
       color: #fff
   }



   #mkt-page .btn-outline-white {
       border-color: hsla(0, 0%, 100%, .75);
       background: hsla(0, 0%, 100%, .1)
   }

   #mkt-page .btn-danger,
   #mkt-page .btn-danger:hover,
   #mkt-page .btn-dark,
   #mkt-page .btn-dark:hover,
   #mkt-page .btn-info,
   #mkt-page .btn-info:hover,
   #mkt-page .btn-primary,
   #mkt-page .btn-primary:hover,
   #mkt-page .btn-secondary,
   #mkt-page .btn-secondary:hover,
   #mkt-page .btn-success,
   #mkt-page .btn-success:hover,
   #mkt-page .btn-warning,
   #mkt-page .btn-warning:hover,
   #mkt-page .btn.bg-gradient-danger,
   #mkt-page .btn.bg-gradient-danger:hover,
   #mkt-page .btn.bg-gradient-dark,
   #mkt-page .btn.bg-gradient-dark:hover,
   #mkt-page .btn.bg-gradient-info,
   #mkt-page .btn.bg-gradient-info:hover,
   #mkt-page .btn.bg-gradient-primary,
   #mkt-page .btn.bg-gradient-primary:hover,
   #mkt-page .btn.bg-gradient-secondary,
   #mkt-page .btn.bg-gradient-secondary:hover,
   #mkt-page .btn.bg-gradient-success,
   #mkt-page .btn.bg-gradient-success:hover,
   #mkt-page .btn.bg-gradient-warning,
   #mkt-page .btn.bg-gradient-warning:hover {
       color: #fff !important;
   }

   #mkt-page .btn-light,
   #mkt-page .btn-light:hover,
   #mkt-page .btn.bg-gradient-light,
   #mkt-page .btn.bg-gradient-light:hover {
       color: #3a416f
   }

   #mkt-page a.btn:hover {
       box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
   }

   #mkt-page .btn:hover {
       filter: brightness(1);
   }

   #mkt-page .modal-header {
       flex-direction: row;

   }

   /* ========================================
           HEADER MARQUE - STYLES
           ======================================== */

   /* VERSION DESKTOP */
   #mkt-page .header-marque-desktop {
       display: flex;
       align-items: center;
       width: 100%;
       height: 200px;
       position: relative;
       background-color: #00C6FA;
       border-radius: 0 24px 0 24px;
       overflow: hidden;
   }

   /* Cercle blanc 502x502px positionné selon le PSD */
   #mkt-page .header-marque-logo-shape {
       position: absolute;
       top: -151px;
       left: -293px;
       width: 502px;
       height: 502px;
       background: #FFFFFF;
       border-radius: 50%;
       z-index: 1;
   }

   #mkt-page .header-marque-logo-container {
       position: absolute;
       top: 50%;
       left: 20px;
       transform: translateY(-50%);
       z-index: 2;
       display: flex;
       align-items: center;
       justify-content: center;
   }

   #mkt-page .header-marque-logo img {
       width: 164px;
       height: 164px;
       object-fit: contain;
   }


   #mkt-page .header-marque-title {
       font-family: 'Roboto', sans-serif;
       font-size: 48px;
       font-weight: 700;
       color: #FFFFFF;
       text-transform: uppercase;
       letter-spacing: 4px;
       margin: 0;
   }

   /* VERSION MOBILE */
   #mkt-page .header-marque-mobile {
       display: none;
       background-color: #00C6FA;
       width: 100%;
       max-width: 600px;
       height: 378px;
       margin: 0 auto;
       position: relative;
       overflow: visible;
       border-radius: 0 24px 0 24px;
   }

   /* Cercle blanc centré dépassant en haut */
   #mkt-page .header-marque-mobile-logo-shape {
       position: absolute;
       top: -60px;
       left: 50%;
       transform: translateX(-50%);
       width: 220px;
       height: 220px;
       background-color: #FFFFFF;
       border-radius: 50%;
       z-index: 1;
   }

   #mkt-page .header-marque-mobile-logo-container {
       position: absolute;
       top: -60px;
       left: 50%;
       transform: translateX(-50%);
       width: 220px;
       height: 220px;
       z-index: 2;
       display: flex;
       align-items: center;
       justify-content: center;
   }

   #mkt-page .header-marque-mobile-logo-container img {
       width: 150px;
       height: auto;
       object-fit: contain;
   }



   #mkt-page .header-marque-mobile-title {
       font-family: 'Roboto', sans-serif;
       font-size: 32px;
       font-weight: 700;
       color: #FFFFFF;
       text-transform: uppercase;
       letter-spacing: 3px;
       margin: 0;
   }

   /* RESPONSIVE HEADER */
   @media screen and (max-width: 768px) {
       #mkt-page .header-marque-desktop {
           display: none;
       }

       #mkt-page .header-marque-mobile {
           display: block;
           margin-top: 60px;
       }
   }

   /* ========================================
           FIN HEADER MARQUE
           ======================================== */

   #amplience > .container {
       max-width: 100%;
       padding: 0;
   }

   #mkt-page {
       font-family: "Roboto", sans-serif;
       font-weight: 400;
       line-height: 22.4px;
       font-style: normal;
       font-size: 16px;
       color: #0F0A3D !important;
   }

   #mkt-page h3,
   #mkt-page .h3 {
       font-family: "Rexel-Regular" !important;
       font-weight: 400;
       line-height: 38px;
       font-size: 30px;
       color: #0A287D;

   }

   #mkt-page h5,
   #mkt-page .h5 {
       font-family: "Rexel-Bold" !important;
       font-weight: 400;
       line-height: 28px;
       font-size: 24px;
       color: #0A287D;
       padding-bottom: 10px;
   }

   #mkt-page .text-primary {
       color: #0A287D !important;
   }

   #mkt-page .border-light {
       border: 2px #EDF6FF solid !important;
   }

   #mkt-page .rounded-1 {
       border-radius: 24px 0 0 0 !important;
   }

   #mkt-page .rounded-2 {
       border-radius: 0 24px 0 0 !important;
   }

   #mkt-page .rounded-3 {
       border-radius: 0 0 24px 0 !important;
   }

   #mkt-page .rounded-4 {
       border-radius: 0 0 0 24px !important;
   }

   #mkt-page .rounded-2-4 {
       border-radius: 0 24px 0 24px !important;
   }

   #mkt-page .rounded-card {
       border-radius: 60px;
   }

   #mkt-page .bg-light-blue {
       background: #EDF6FF;
   }

   #mkt-page .bg-light-blue-d {
       background: #EDF6FF;
       background: linear-gradient(312deg, rgba(247, 252, 255, 1) 28%, rgba(255, 255, 255, 1) 80%);
   }

   #mkt-page .text-blue {
       color: #0A287D;
   }

   #mkt-page .gamme .card-img {
       padding: 0.2rem;
       border-radius: 0 24px 0 0;
   }

   #mkt-page .gamme .card-tlt .card-footer {
       background: #fff;
       font-family: "Rexel-Regular" !important;
       display: flex;
       align-items: center;
       justify-content: center;
       min-height: 60px;
       padding-bottom: 1.5rem !important;
       padding-top: 1.5rem !important;
       border-radius: 0 0 0 24px;
       text-align: center;
   }

   #mkt-page .shadow-img {
       box-shadow: 0 6px 20px rgba(10, 40, 125, 0.12);

   }

   #mkt-page .card-tlt {
       transition: all .15s ease-in;
   }

   #mkt-page .card-tlt:hover {
       transform: translateY(-2px);
       transition: all .15s ease-in;
       box-shadow: 0 4px 10px rgba(10, 40, 125, 0.05);
       cursor: pointer !important;
   }

   #mkt-page .btn-link .card-footer,
   #mkt-page .collapsed:hover .card-footer {
       background: #0A287D !important;
       color: #fff;
       font-family: "Rexel-Light" !important;
       font-weight: 400;
       line-height: 22.4px;
       font-style: normal;
       font-size: 16px;
       border-top: 0px;
   }

   #mkt-page .btn-link,
   #mkt-page .collapsed:hover {
       color: #fff;
       cursor: pointer !important;
   }

   #mkt-page .collapsed .card-footer {
       background: #fff !important;
       color: #000;
       border-top: 0px;
   }

   /* Card avec fond image et masque */
   #mkt-page .card-background {
       position: relative;
       overflow: hidden;
       border: none;
   }

   /* Image de fond */
   #mkt-page .card-background .full-background {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background-size: cover;
       background-position: center;
       z-index: 1;
   }

   /* Masque overlay avec dégradé Rexel */
   #mkt-page .card-background .full-background::after {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: linear-gradient(to bottom, rgba(10, 40, 125, 0.75), rgba(0, 131, 255, 0.85));
       z-index: 2;
   }

   /* Corps de la card par dessus */
   #mkt-page .card-background .card-body {
       position: relative;
       z-index: 3;
       padding: 30px 20px;
   }

   /* Footer de la card par dessus */
   #mkt-page .card-background .card-footer {
       position: relative;
       z-index: 3;
   }

   /* Typographie */
   #mkt-page .card-background .card-title {
       font-family: 'Rexel', sans-serif;
       font-size: 20px;
       font-weight: 600;
       margin-bottom: 0px;
       text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
   }

   #mkt-page .card-background .card-description {
       font-family: 'Roboto', sans-serif;
       font-size: 15px;
       line-height: 1.6;
       margin-bottom: 0;
       opacity: 0.95;
       text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
   }

   /* ========================================
   ROTATING CARD
   ======================================== */

   /* Conteneur de rotation */
   #mkt-page .card-rotate {
       perspective: 1000px;
       position: relative;
   }

   /* Face avant et arrière */
   #mkt-page .card-rotate .front,
   #mkt-page .card-rotate .back {
       backface-visibility: hidden;
       transition: transform 0.6s cubic-bezier(0.4, 0.0, 0.2, 1);
       transform-style: preserve-3d;
   }

   /* Face avant - visible par défaut */
   #mkt-page .card-rotate .front {
       position: relative;
       z-index: 2;
       transform: rotateY(0deg);
   }

   /* Face arrière - cachée par défaut */
   #mkt-page .card-rotate .back {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       z-index: 1;
       transform: rotateY(180deg);

   }

   /* Au survol : rotation */
   #mkt-page .card-rotate:hover .front {
       transform: rotateY(-180deg);
   }

   #mkt-page .card-rotate:hover .back {
       transform: rotateY(0deg);
   }

   /* Styles pour la face arrière */
   #mkt-page .card-rotate .back .card-title {
       font-family: 'Rexel', sans-serif;
       font-size: 22px;
       font-weight: 600;
       color: #0083FF;
   }

   #mkt-page .card-rotate .back .card-text {
       font-family: 'Roboto', sans-serif;
       font-size: 14px;
       line-height: 1.6;
       color: #666;
   }

   #mkt-page .card-rotate .back ul li {
       font-family: 'Roboto', sans-serif;
       font-size: 14px;
       color: #0A287D;
       font-weight: 500;
   }

   #mkt-page .card-rotate .back h6 {
       font-family: 'Rexel', sans-serif;
       font-size: 16px;
       font-weight: 600;
   }

   /* Ajustements pour mobile */
   @media (max-width: 768px) {
       #mkt-page .card-rotate:active .front {
           transform: rotateY(-180deg);
       }

       #mkt-page .card-rotate:active .back {
           transform: rotateY(0deg);
       }
   }

   /* Style des liens dans la face arrière de la rotating card */
   #mkt-page .card-rotate .back a {
       font-family: 'Roboto', sans-serif;
       font-size: 14px;
       font-weight: 600;
       color: #0083FF;
       text-decoration: none;
       cursor: pointer;
       transition: color 0.3s;
   }

   #mkt-page .card-rotate .back a:hover {
       color: #0A287D;
       text-decoration: none;
   }

   /* Espacement des paragraphes */
   #mkt-page .card-rotate .back p {
       margin-bottom: 12px;
   }

   #mkt-page .card-rotate .back p:last-child {
       margin-bottom: 0;
   }


   #mkt-page .carousel-wrapper {
       position: relative;
       width: 100%;
   }

   #mkt-page .carousel-viewport {
       overflow: hidden;
       width: 100%;
       padding: 0 60px;
       box-sizing: border-box;
   }

   #mkt-page .carousel-track {
       display: flex;
       transition: transform 0.6s ease;
       box-sizing: border-box;
       padding: 0;
   }

   #mkt-page .product-card {
       box-sizing: border-box;
       padding: 10px;
       flex: 0 0 25%;
   }

   #mkt-page .product-card > div {
       background: #fff;
       border: 1px solid #ddd;
       border-radius: 8px;
       text-align: center;
       padding: 10px;
   }

   #mkt-page .product-card img {
       max-width: 100%;
       border-radius: 8px;
   }

   #mkt-page .carousel-control-prev,
   #mkt-page .carousel-control-next {
       position: absolute;
       top: 50%;
       transform: translateY(-50%);
       background-color: #fff;
       border-radius: 50%;
       width: 45px;
       height: 45px;
       display: flex;
       justify-content: center;
       align-items: center;
       z-index: 50;
       transition: all 0.3s ease;
   }

   /* Animation des flèches */
   #mkt-page .carousel-control-next-icon,
   #mkt-page .carousel-control-prev-icon {
       transition: transform 0.3s ease;
   }

   #mkt-page .carousel-control-next.pulse .carousel-control-next-icon,
   #mkt-page .carousel-control-prev.pulse .carousel-control-prev-icon {
       animation: arrow-pulse 0.4s ease;
   }

   @keyframes arrow-pulse {
       0% {
           transform: scale(1);
       }

       50% {
           transform: scale(1.3);
       }

       100% {
           transform: scale(1);
       }
   }

   #mkt-page .carousel-control-prev {
       left: 0;
   }

   #mkt-page .carousel-control-next {
       right: 0;
   }

   #mkt-page .carousel-control-prev-icon,
   #mkt-page .carousel-control-next-icon {
       background-size: 20px 20px;
       filter: invert(0.3);
   }

   /* Masques pour cacher les produits sous les flèches */
   #mkt-page .carousel-wrapper::before,
   #mkt-page .carousel-wrapper::after {
       content: '';
       position: absolute;
       top: 0;
       width: 60px;
       height: 100%;
       background: #0A287D;
       z-index: 40;
       pointer-events: none;
   }

   #mkt-page .carousel-wrapper::before {
       left: 0;
   }

   #mkt-page .carousel-wrapper::after {
       right: 0;
   }

   #mkt-page .carousel-indicators-wrapper {
       display: flex;
       justify-content: center;
       margin-top: 40px;
       width: auto;
       position: relative;
       z-index: 60;
   }

   #mkt-page .carousel-indicators {
       display: flex;
       justify-content: center;
       padding: 50px 0 0 0;
       list-style: none;
       right: 0;
       bottom: 0;
       left: 0;
       margin: auto;
   }

   #mkt-page .carousel-indicators li {
       width: 10px;
       height: 10px;
       background-color: #EDF6FF;
       border-radius: 50%;
       margin: 0 5px;
       cursor: pointer;
       transition: background-color 0.3s ease;
   }

   #mkt-page .carousel-indicators li.active {
       background-color: #007bff;
   }

   @media (max-width: 992px) {
       #mkt-page .product-card {
           flex: 0 0 50%;
       }
   }

   @media (max-width: 576px) {
       #mkt-page .product-card {
           flex: 0 0 100%;
       }
   }

   #mkt-page .shadow-img {
       box-shadow: 0 8px 30px rgba(10, 40, 125, 0.12);
   }

   /* Bouton collapse style Rexel */
   #mkt-page .collapse-toggle {
       font-family: 'Roboto', sans-serif;
       font-size: 14px;
       font-weight: 600;
       color: #0083FF;
       text-decoration: none;
       cursor: pointer;
       transition: color 0.3s;
       display: inline-flex;
       align-items: center;
       gap: 5px;
   }

   #mkt-page .collapse-toggle:hover {
       color: #0A287D;
       text-decoration: none;
   }

   /* Gestion du texte */
   #mkt-page .collapse-toggle .when-open {
       display: none;
   }

   #mkt-page .collapse-toggle .when-closed {
       display: inline;
   }

   #mkt-page .collapse-toggle[aria-expanded="true"] .when-open {
       display: inline;
   }

   #mkt-page .collapse-toggle[aria-expanded="true"] .when-closed {
       display: none;
   }

   /* Icône flèche vers le bas quand fermé */
   #mkt-page .collapse-toggle::after {
       content: '▼';
       display: inline-block;
       font-size: 10px;
       transition: all 0.3s;
   }

   /* Icône X quand ouvert */
   #mkt-page .collapse-toggle[aria-expanded="true"]::after {
       content: '✕';
       font-size: 14px;
       transform: none;
   }

   @font-face {
       font-family: 'Rexel-Light';
       src: url('https://mediawebshop.blob.core.windows.net/mediawebshop/mkt/rxl-font/Rexel-Light.woff');
   }

   @font-face {
       font-family: 'Rexel-Regular';
       src: url('https://mediawebshop.blob.core.windows.net/mediawebshop/mkt/rxl-font/Rexel-Regular.woff');
   }

   @font-face {
       font-family: 'Rexel-Bold';
       src: url('https://mediawebshop.blob.core.windows.net/mediawebshop/mkt/rxl-font/Rexel-Bold.woff');
   }

   @font-face {
       font-family: 'Rexel-Light-Italic';
       src: url('https://mediawebshop.blob.core.windows.net/mediawebshop/mkt/rxl-font/Rexel-LightItalic.woff');
   }

   @font-face {
       font-family: 'Rexel-Italic';
       src: url('https://mediawebshop.blob.core.windows.net/mediawebshop/mkt/rxl-font/Rexel-Italic.woff');
   }

   @font-face {
       font-family: 'Rexel-Bold-Italic';
       src: url('https://mediawebshop.blob.core.windows.net/mediawebshop/mkt/rxl-font/Rexel-BoldItalic.woff');
   }


   .rxl-font-light {
       font-family: "Rexel-Light" !important;
   }

   .rxl-font {
       font-family: "Rexel-Regular" !important;
   }

   .rxl-font-bold {
       font-family: "Rexel-Bold" !important;
   }

   .rxl-font-light-italic {
       font-family: "Rexel-Light-Italic" !important;
   }

   .rxl-font-italic {
       font-family: "Rexel-Italic" !important;
   }

   .rxl-font-bold-italic {
       font-family: "Rexel-Bold-Italic" !important;
   }