code {
     font-family: Corbel !important;
 }

 body {
     font-family: Corbel !important;
 }

 li.nav-item {
     position: relative;
     top: 14px;
 }

 #collapseExample1 {
     display: block;
 }

 #collapseExample2 {
     display: none;
 }

 #collapseExample3 {
     display: none;
 }

 .bg-light {
     background-color: #f8f9fad6 !important;
 }

 .contain.blocks120:hover {
     background: #ffffff63;
 }

 .contain.blocks120.focus {
     background: #ffffff63;
 }

 a.btn.boutonheader {
     font-size: 24px;
     font-family: system-ui;
     background: transparent;
     float: right;
     color: #2392d0;
     border: none;
     position: relative;
     top: 25px !important;
     left: 11px;
 }

 @font-face {
     font-family: "Audiowide";
     src: url("<?php echo base_url(); ?>assets/uploads/files/Audiowide-Regular.ttf");
 }

 button.buttoninscrit {
     background: transparent !important;
     border: none;
     color: #2392d0;
     right: 38px;
     position: relative;
 }


 .navbar {

     padding-top: 0px !important;
     padding-bottom: 0px !important;
 }

 .container-fluid {

     height: auto;
 }

 button.boutonheader {
     font-family: system-ui;
     background: transparent;
     float: right;
     color: #2392d0;
     border: none;
     position: relative;
     /* right: 300px; */
     top: 30px;
     font-size: 26px !important;
     font-weight: 500;
     margin-left: 38px;
 }

 button.boutonheader:hover {
     font-family: system-ui;
     background: transparent;
     float: right;
     color: #f4b50b;
     border: none;
     font-size: 26px !important;
     font-weight: 700;

 }

 button.boutonheader.focus {
     font-family: system-ui;
     background: transparent;
     float: right;
     color: #f4b50b;
     border: none;
     font-size: 26px !important;
     font-weight: 700;
 }


 .modal-content {
     padding-top: 31px !important;
 }

 .btn.btn-primary.focus {
     background: #0c8db7 !important;
     color: white !important;
     padding: 5px !important;
     border: 4px solid #0c8db7 !important;
     border-radius: 14px !important;
     font-weight: 700 !important;
 }

 .btn.btn-primary:hover {
     background: #3098d3 !important;
     color: white !important;
     padding: 5px !important;
     border: 4px solid #3098d3 !important;
     border-radius: 14px !important;
     font-weight: 700 !important;
 }

 .btn.btn-primary {
     background: white !important;
     color: #0c8db7 !important;
     padding: 5px !important;
     border: 2px solid #0c8db7 !important;
     border-radius: 14px !important;
     font-weight: 700 !important;
 }

 .card {
     position: relative;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     border: 1px solid rgb(15 118 109 / 18%) !important;
     border-radius: 3.25rem;
     height: 469px !important;
     margin-top: 8px !important;
     background: #f8fcfd69 !important;
 }

 .dropdown-menu {
     text-align: left;
     list-style: none;
     background-color: #2895d2 !important;
     background-clip: padding-box;
     border: 3px solid rgb(255 255 255 / 34%) !important;
     border-radius: 0.25rem;
 }

 .dropdown-item:hover {
     background: transparent !important;
     color: #eff3f7 !important;
 }

 .dropdown-item:active {
     background: transparent !important;
     color: #eff3f7 !important;
 }

 .dropdown-item.focus {
     background: transparent !important;
     color: #eff3f7 !important;
 }

 .dropdown-item {
     display: block;
     width: 100%;
     padding: 0.25rem 1rem;
     clear: both;
     font-weight: 600 !important;
     color: #ffffff !important;
 }

 @media (min-width: 900.98px) {
     li.nav-item {
         margin-right: 27px;
     }

     ul.dropdown-menu.show {
         width: 745px;
         position: relative;
         left: -367px;
     }

     a.nav-link {
         font-size: 25px;

         color: #2392d0 !important;
     }

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

 .btn-primary:visited,
 .btn-primary:visited {
     border-bottom-color: orange;
     border-bottom-width: 30px;

 }

 .buttonA {
     background-image: linear-gradient(#fcc300, #ee8400);
     border-width: 0px;
     float: right;
     position: relative;
     left: 4px;
     top: 33px;
     height: 54px;
     border-color: #7ea2d8;
     width: 275px;
 }

 .nav-button:hover {
     border-bottom: 1px solid rgb(255, 217, 0);
 }

 button.btn.btn-primary.nav-button :active {
     border-bottom: 10px solid rgb(255, 217, 0) !important;
 }

 button.btn.btn-primary.nav-button:visited {
     border-bottom: 10px solid red !important;
 }

 button.btn.btn-primary.nav-button:hover {
     border-bottom: 10px solid rgb(243 179 21) !important;
 }

 button.btn.btn-primary.nav-button:focus {
     border-bottom: 10px solid rgb(255, 217, 0) !important;
 }








 /* .form-group {
     width: 90%;
     margin: 0 auto;
     /* height: 73px;
 } */

 */ .col-lg-8.col-sm-9.align-self-center {
     background: #fff;
     padding: 25px;
     box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
     filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3));
 }


 .form-check-input:checked {
     background-color: #ee8400 !important;
     border-color: #ee8400 !important;
 }






 @media (max-width: 992px) {
     h3.titre125 {
         font-size: 42px;
     }

     input {
         height: 74px;
         font-size: 30px !important;
     }

     select {
         height: 70px;
         font-size: 23px;
     }

     .alert-warning {
         font-size: 32px;
     }

     button.buttoninscrit>h5 {
         font-size: 40px !important;
     }

     h3.titre126 {
         font-size: 35px !important;
         color: #677985 !important;
     }

     label.form-check-label {
         font-size: 28px !important;
     }

     label {
         font-size: 28px !important;
     }

     .container2.container-fluid {
         height: auto !important;
     }



     .col-lg-4.col-sm-6.col-xs-6>a>img {
         width: 324px !important;
         margin-left: 47px !important;
     }

     img.logo123 {
         margin-top: -20px;
         margin-left: 41px;
         width: 242px !important;
     }

     button.buttoninscrit.buttoninscrit1 {
         position: relative;
         top: -64px;
         left: -299px;
         width: 248px !important;
     }

     .container-fluid.cont-footer {
         height: auto !important;
     }

     .Block0 {
         background-color: #ffffffd9 !important;
     }

     .blockres {
         margin-top: 102px !important;
         padding: 0px !important;
     }

     .text-footer {
         font-size: 31px !important;
         margin-left: 20px;
         margin-right: 20px;
         text-align: left !important;
     }



 }

 .accordion-button:not(.collapsed) {
     color: #ee8400;
     background-color: #ffffff;
     font-weight: 900;
     box-shadow: none;
     font-size: 17px;
     border-bottom: 3px solid #ee8400;
     letter-spacing: 1px;
     text-transform: uppercase;
 }

 .accordion-button:focus {
     border: none;
     box-shadow: none;
 }

 button.accordion-button:focus {
     border-bottom: 3px solid #ee8400;
 }

 #checkboxes label:hover {
     background-color: #ffffff !important;
 }

 .container-fluid.block120A {
     background-size: cover !important;
     background-position: center;
     height: 590px;
     background-repeat: no-repeat !important;
     background-image: url(https://reeme.digitalbundle.tn/assets/uploads/img/banner.jpg) !important;
 }

 .container-fluid.block120A .container-fluid {
     background: transparent !important;
 }

 button.buttoninscrit {
     float: right;
     background-image: linear-gradient(#ffd73f, #fecb0c);
     margin: 4px 0 0 0;
     border-radius: 7px;
 }

 button.buttoninscrit h5 {
     font-size: 25px;
 }

 button.buttoninscrit.buttoninscrit1 {
     float: right;
     border-radius: 7px;
     width: 150px;
     margin: 4px 7px 0 0;
     border-width: 0px;
     background-image: linear-gradient(#005da8, #009de0);

 }

 .container1 {
     margin: -297px 0 0 0;
 }

 .Block0 {
     background-color: #ffffff94;
     padding: 17px 27px 18px 19px;
     margin: 27px 0 0 0px;
 }

 h2.Block01 {
     color: #005da8;
 }

 .blockA h5 {
     color: #005da8;
 }

 .container2.container-fluid {
     margin: 114px 0 0 0;
     background: #f9f9f9;
     width: 100%;
     padding: 0;
 }

 .container3 .row {
     padding: 5px 0 0 0;
     background: #f4b615;
     background-repeat: no-repeat;
     width: auto;
     background-position: center;
     height: 340px;
     background-size: cover;
     position: relative;
 }



 .container3 .row .col-12 {
     padding: 5px 0 0 0;
 }

 a.btn.rejoinger {
     background: white;
     width: 260px;
     border-radius: 21px;
     color: orange;
     font-size: 22px;
     font-weight: 600;
 }

 a.btn.rejoinger:hover {
     background: #2392d0;
     width: 260px;
     border-radius: 21px;
     color: white;
     font-size: 22px;
     font-weight: 600;
 }

 button.btn.btn-primary.nav-button.b2 {
     border-bottom: 10px solid rgb(244 181 27) !important;
 }

 @media (min-width: 992px) {
     .blockD {
         color: #3d517e !important;
         padding: 0 0 0 0;
         width: 82%;
         margin: 131px 0 0 96px;
         text-align: justify;
     }
 }

 @media (max-width: 992px) {
     button.buttoninscrit>h5 {
         font-size: 40px !important;
     }

     .container2.container-fluid {
         height: auto !important;
     }

     button.buttoninscrit {
         /* position: relative;
                right: -353px; */
     }

     h4.blockD {
         font-size: 30px;
         font-weight: 500;
         margin-top: -43px !important;
         font-size: 40px;
         font-weight: 500;
         margin-top: 52px !important;
         margin-bottom: 52px;
         margin: 54px;
         text-align: justify;
     }

     h4.blockC {
         font-size: 39px !important;
         text-align: justify !important;
         margin-top: 8px !important;
         margin-left: 19px !important;
         margin-right: 20px !important;
     }

     .container3>.row {
         padding: 50px !important;
         height: auto !important;
     }

     h4.blockB {
         font-size: 39px !important;
         text-align: justify !important;
         margin-top: 8px !important;
         margin-left: 19px;
         margin-right: 20px;
         padding: 44px 45px 54px 25px !important;
     }

     a.btn.rejoinger {
         font-size: 34px !important;

     }

     .blockA>h5 {
         font-size: 32px;
         font-weight: 500;
     }

     .container1 {
         padding-top: 0px !important;

     }

     .blockB {
         color: #fecb0c;
     }

     .blockC {
         color: white;

     }

     .blockD {
         color: #0c1224;

     }

     .block0 {
         background-color: #ffffff94;
     }

     .block01 {
         font-size: 55px;
     }
 }

 .container2.container-fluid .col-lg-6.col-sm-12.col-xs-12 {
     background: url(https://reeme.digitalbundle.tn/assets/uploads/img/bloc1.jpg);
     background-repeat: no-repeat;
     background-position: center;
     height: 345px;
     background-size: cover;
     position: relative;
     top: -5px;
 }



 h4.blockB {
     color: #3d517e !important;
     padding: 98px 29px 0 25px;
     position: relative;
     text-align: justify;
 }



 h4.blockC {
     color: white;
     margin-top: 80px;
     text-align: center;
     margin-left: 105px;
     margin-right: 105px;
     font-size: 25px;
 }

 a.btn.rejoinger {
     margin-top: 27px;
 }

 .container4 .row .col-lg-6.col-sm-12.col-xs-12 {
     background-image: url('https://reeme.digitalbundle.tn/assets/uploads/img/bloc2.png');
     background-repeat: no-repeat;
     background-position: center;
     height: 340px;
     background-size: cover;
     position: relative;
 }

 .btnfouter {
     height: 33px;
     width: 32px;
     padding: 5px 1px 0 0;
     background: orange;
     color: white !important;
     border: 5px solid orange;
     margin-top: 8px;
     border-radius: 33px;
 }

 .btnfouter:hover {
     background: white;
     color: orange !important;
 }

 .container-fluid.cont-footer {
     background: #e7e7e7;
     height: 300px;
     padding-top: 21px;
     margin-top: -36px;
 }


 img.logo123 {
     margin-top: -20px;
     margin-left: 41px;
     width: 152px;
 }

 .blockres {
     padding: 10px;
 }

 .text-footer {
     color: grey;
     text-align: justify;
     font-size: 18px;
 }

 .cont-footer {
     position: relative;
     top: 35px;
 }

 a.dbl {
     color: #0d0d85;
 }

 .blockres>a.btn.btn-primary {
     padding: 13px !important;
     margin: 10px;
 }