/* #region TRICKS CSS */
  
    .MT0   {margin-top: 0px !important;}
    .MT10  {margin-top: 10px !important;}
    .MT20  {margin-top: 20px !important;}
    .MT30  {margin-top: 30px !important;}
    .MT40  {margin-top: 40px !important;}
    .MT50  {margin-top: 50px !important;}
    .MT60  {margin-top: 60px !important;}
    .MT70  {margin-top: 70px !important;}
    .MT80  {margin-top: 80px !important;}
    .MT90  {margin-top: 90px !important;}
    .MT100 {margin-top: 100px !important;}
    .MT110 {margin-top: 110px !important;}
    .MT120 {margin-top: 120px !important;}
    .MT130 {margin-top: 130px !important;}
    .MT140 {margin-top: 140px !important;}
    .MT150 {margin-top: 150px !important;}
    .MT160 {margin-top: 160px !important;}
    .MT170 {margin-top: 170px !important;}
    .MT180 {margin-top: 180px !important;}
    .MT190 {margin-top: 190px !important;}
    .MT200 {margin-top: 200px !important;}

    .MR0   {margin-right: 0px !important;}
    .MR10  {margin-right: 10px !important;}
    .MR20  {margin-right: 20px !important;}
    .MR30  {margin-right: 30px !important;}
    .MR40  {margin-right: 40px !important;}
    .MR50  {margin-right: 50px !important;}
    .MR60  {margin-right: 60px !important;}
    .MR70  {margin-right: 70px !important;}
    .MR80  {margin-right: 80px !important;}
    .MR90  {margin-right: 90px !important;}
    .MR100 {margin-right: 100px !important;}
    .MR110 {margin-right: 110px !important;}
    .MR120 {margin-right: 120px !important;}
    .MR130 {margin-right: 130px !important;}
    .MR140 {margin-right: 140px !important;}
    .MR150 {margin-right: 150px !important;}
    .MR160 {margin-right: 160px !important;}
    .MR170 {margin-right: 170px !important;}
    .MR180 {margin-right: 180px !important;}
    .MR190 {margin-right: 190px !important;}
    .MR200 {margin-right: 200px !important;}
  
    .MB0   {margin-bottom: 0px !important;}
    .MB10  {margin-bottom: 10px !important;}
    .MB20  {margin-bottom: 20px !important;}
    .MB30  {margin-bottom: 30px !important;}
    .MB40  {margin-bottom: 40px !important;}
    .MB50  {margin-bottom: 50px !important;}
    .MB60  {margin-bottom: 60px !important;}
    .MB70  {margin-bottom: 70px !important;}
    .MB80  {margin-bottom: 80px !important;}
    .MB90  {margin-bottom: 90px !important;}
    .MB100 {margin-bottom: 100px !important;}
    .MB110 {margin-bottom: 110px !important;}
    .MB120 {margin-bottom: 120px !important;}
    .MB130 {margin-bottom: 130px !important;}
    .MB140 {margin-bottom: 140px !important;}
    .MB150 {margin-bottom: 150px !important;}
    .MB160 {margin-bottom: 160px !important;}
    .MB170 {margin-bottom: 170px !important;}
    .MB180 {margin-bottom: 180px !important;}
    .MB190 {margin-bottom: 190px !important;}
    .MB200 {margin-bottom: 200px !important;}

    .ML0   {margin-left: 0px !important;}
    .ML10  {margin-left: 10px !important;}
    .ML20  {margin-left: 20px !important;}
    .ML30  {margin-left: 30px !important;}
    .ML40  {margin-left: 40px !important;}
    .ML50  {margin-left: 50px !important;}
    .ML60  {margin-left: 60px !important;}
    .ML70  {margin-left: 70px !important;}
    .ML80  {margin-left: 80px !important;}
    .ML90  {margin-left: 90px !important;}
    .ML100 {margin-left: 100px !important;}
    .ML110 {margin-left: 110px !important;}
    .ML120 {margin-left: 120px !important;}
    .ML130 {margin-left: 130px !important;}
    .ML140 {margin-left: 140px !important;}
    .ML150 {margin-left: 150px !important;}
    .ML160 {margin-left: 160px !important;}
    .ML170 {margin-left: 170px !important;}
    .ML180 {margin-left: 180px !important;}
    .ML190 {margin-left: 190px !important;}
    .ML200 {margin-left: 200px !important;}

    .MT-10  {margin-top: -10px !important;}
    .MT-20  {margin-top: -20px !important;}
    .MT-30  {margin-top: -30px !important;}
    .MT-40  {margin-top: -40px !important;}
    .MT-50  {margin-top: -50px !important;}
    .MT-60  {margin-top: -60px !important;}
    .MT-70  {margin-top: -70px !important;}
    .MT-80  {margin-top: -80px !important;}
    .MT-90  {margin-top: -90px !important;}
    .MT-100 {margin-top: -100px !important;}
    .MT-110 {margin-top: -110px !important;}
    .MT-120 {margin-top: -120px !important;}
    .MT-130 {margin-top: -130px !important;}
    .MT-140 {margin-top: -140px !important;}
    .MT-150 {margin-top: -150px !important;}
    .MT-160 {margin-top: -160px !important;}
    .MT-170 {margin-top: -170px !important;}
    .MT-180 {margin-top: -180px !important;}
    .MT-190 {margin-top: -190px !important;}
    .MT-200 {margin-top: -200px !important;}

    .MR-10  {margin-right: -10px !important;}
    .MR-20  {margin-right: -20px !important;}
    .MR-30  {margin-right: -30px !important;}
    .MR-40  {margin-right: -40px !important;}
    .MR-50  {margin-right: -50px !important;}
    .MR-60  {margin-right: -60px !important;}
    .MR-70  {margin-right: -70px !important;}
    .MR-80  {margin-right: -80px !important;}
    .MR-90  {margin-right: -90px !important;}
    .MR-100 {margin-right: -100px !important;}
    .MR-110 {margin-right: -110px !important;}
    .MR-120 {margin-right: -120px !important;}
    .MR-130 {margin-right: -130px !important;}
    .MR-140 {margin-right: -140px !important;}
    .MR-150 {margin-right: -150px !important;}
    .MR-160 {margin-right: -160px !important;}
    .MR-170 {margin-right: -170px !important;}
    .MR-180 {margin-right: -180px !important;}
    .MR-190 {margin-right: -190px !important;}
    .MR-200 {margin-right: -200px !important;}
  
    .MB-10  {margin-bottom: -10px !important;}
    .MB-20  {margin-bottom: -20px !important;}
    .MB-30  {margin-bottom: -30px !important;}
    .MB-40  {margin-bottom: -40px !important;}
    .MB-50  {margin-bottom: -50px !important;}
    .MB-60  {margin-bottom: -60px !important;}
    .MB-70  {margin-bottom: -70px !important;}
    .MB-80  {margin-bottom: -80px !important;}
    .MB-90  {margin-bottom: -90px !important;}
    .MB-100 {margin-bottom: -100px !important;}
    .MB-110 {margin-bottom: -110px !important;}
    .MB-120 {margin-bottom: -120px !important;}
    .MB-130 {margin-bottom: -130px !important;}
    .MB-140 {margin-bottom: -140px !important;}
    .MB-150 {margin-bottom: -150px !important;}
    .MB-160 {margin-bottom: -160px !important;}
    .MB-170 {margin-bottom: -170px !important;}
    .MB-180 {margin-bottom: -180px !important;}
    .MB-190 {margin-bottom: -190px !important;}
    .MB-200 {margin-bottom: -200px !important;}

    .ML-10  {margin-left: -10px !important;}
    .ML-20  {margin-left: -20px !important;}
    .ML-30  {margin-left: -30px !important;}
    .ML-40  {margin-left: -40px !important;}
    .ML-50  {margin-left: -50px !important;}
    .ML-60  {margin-left: -60px !important;}
    .ML-70  {margin-left: -70px !important;}
    .ML-80  {margin-left: -80px !important;}
    .ML-90  {margin-left: -90px !important;}
    .ML-100 {margin-left: -100px !important;}
    .ML-110 {margin-left: -110px !important;}
    .ML-120 {margin-left: -120px !important;}
    .ML-130 {margin-left: -130px !important;}
    .ML-140 {margin-left: -140px !important;}
    .ML-150 {margin-left: -150px !important;}
    .ML-160 {margin-left: -160px !important;}
    .ML-170 {margin-left: -170px !important;}
    .ML-180 {margin-left: -180px !important;}
    .ML-190 {margin-left: -190px !important;}
    .ML-200 {margin-left: -200px !important;}

        

    @media   (max-width: 767px) {
        .MTxs0   {margin-top: 0px !important;}
        .MTxs10  {margin-top: 10px !important;}
        .MTxs20  {margin-top: 20px !important;}
        .MTxs30  {margin-top: 30px !important;}
        .MTxs40  {margin-top: 40px !important;}
        .MTxs50  {margin-top: 50px !important;}
        .MTxs60  {margin-top: 60px !important;}
        .MTxs70  {margin-top: 70px !important;}
        .MTxs80  {margin-top: 80px !important;}
        .MTxs90  {margin-top: 90px !important;}
        .MTxs100 {margin-top: 100px !important;}
        .MTxs110 {margin-top: 110px !important;}
        .MTxs120 {margin-top: 120px !important;}
        .MTxs130 {margin-top: 130px !important;}
        .MTxs140 {margin-top: 140px !important;}
        .MTxs150 {margin-top: 150px !important;}
        .MTxs160 {margin-top: 160px !important;}
        .MTxs170 {margin-top: 170px !important;}
        .MTxs180 {margin-top: 180px !important;}
        .MTxs190 {margin-top: 190px !important;}
        .MTxs200 {margin-top: 200px !important;}

        .MRxs0   {margin-right: 0px !important;}
        .MRxs10  {margin-right: 10px !important;}
        .MRxs20  {margin-right: 20px !important;}
        .MRxs30  {margin-right: 30px !important;}
        .MRxs40  {margin-right: 40px !important;}
        .MRxs50  {margin-right: 50px !important;}
        .MRxs60  {margin-right: 60px !important;}
        .MRxs70  {margin-right: 70px !important;}
        .MRxs80  {margin-right: 80px !important;}
        .MRxs90  {margin-right: 90px !important;}
        .MRxs100 {margin-right: 100px !important;}
        .MRxs110 {margin-right: 110px !important;}
        .MRxs120 {margin-right: 120px !important;}
        .MRxs130 {margin-right: 130px !important;}
        .MRxs140 {margin-right: 140px !important;}
        .MRxs150 {margin-right: 150px !important;}
        .MRxs160 {margin-right: 160px !important;}
        .MRxs170 {margin-right: 170px !important;}
        .MRxs180 {margin-right: 180px !important;}
        .MRxs190 {margin-right: 190px !important;}
        .MRxs200 {margin-right: 200px !important;}
      
        .MBxs0   {margin-bottom: 0px !important;}
        .MBxs10  {margin-bottom: 10px !important;}
        .MBxs20  {margin-bottom: 20px !important;}
        .MBxs30  {margin-bottom: 30px !important;}
        .MBxs40  {margin-bottom: 40px !important;}
        .MBxs50  {margin-bottom: 50px !important;}
        .MBxs60  {margin-bottom: 60px !important;}
        .MBxs70  {margin-bottom: 70px !important;}
        .MBxs80  {margin-bottom: 80px !important;}
        .MBxs90  {margin-bottom: 90px !important;}
        .MBxs100 {margin-bottom: 100px !important;}
        .MBxs110 {margin-bottom: 110px !important;}
        .MBxs120 {margin-bottom: 120px !important;}
        .MBxs130 {margin-bottom: 130px !important;}
        .MBxs140 {margin-bottom: 140px !important;}
        .MBxs150 {margin-bottom: 150px !important;}
        .MBxs160 {margin-bottom: 160px !important;}
        .MBxs170 {margin-bottom: 170px !important;}
        .MBxs180 {margin-bottom: 180px !important;}
        .MBxs190 {margin-bottom: 190px !important;}
        .MBxs200 {margin-bottom: 200px !important;}

        .MLxs0   {margin-left: 0px !important;}
        .MLxs10  {margin-left: 10px !important;}
        .MLxs20  {margin-left: 20px !important;}
        .MLxs30  {margin-left: 30px !important;}
        .MLxs40  {margin-left: 40px !important;}
        .MLxs50  {margin-left: 50px !important;}
        .MLxs60  {margin-left: 60px !important;}
        .MLxs70  {margin-left: 70px !important;}
        .MLxs80  {margin-left: 80px !important;}
        .MLxs90  {margin-left: 90px !important;}
        .MLxs100 {margin-left: 100px !important;}
        .MLxs110 {margin-left: 110px !important;}
        .MLxs120 {margin-left: 120px !important;}
        .MLxs130 {margin-left: 130px !important;}
        .MLxs140 {margin-left: 140px !important;}
        .MLxs150 {margin-left: 150px !important;}
        .MLxs160 {margin-left: 160px !important;}
        .MLxs170 {margin-left: 170px !important;}
        .MLxs180 {margin-left: 180px !important;}
        .MLxs190 {margin-left: 190px !important;}
        .MLxs200 {margin-left: 200px !important;}


        .MTxs-10  {margin-top: -10px !important;}
        .MTxs-20  {margin-top: -20px !important;}
        .MTxs-30  {margin-top: -30px !important;}
        .MTxs-40  {margin-top: -40px !important;}
        .MTxs-50  {margin-top: -50px !important;}
        .MTxs-60  {margin-top: -60px !important;}
        .MTxs-70  {margin-top: -70px !important;}
        .MTxs-80  {margin-top: -80px !important;}
        .MTxs-90  {margin-top: -90px !important;}
        .MTxs-100 {margin-top: -100px !important;}
        .MTxs-110 {margin-top: -110px !important;}
        .MTxs-120 {margin-top: -120px !important;}
        .MTxs-130 {margin-top: -130px !important;}
        .MTxs-140 {margin-top: -140px !important;}
        .MTxs-150 {margin-top: -150px !important;}
        .MTxs-160 {margin-top: -160px !important;}
        .MTxs-170 {margin-top: -170px !important;}
        .MTxs-180 {margin-top: -180px !important;}
        .MTxs-190 {margin-top: -190px !important;}
        .MTxs-200 {margin-top: -200px !important;}

        .MRxs-10  {margin-right: -10px !important;}
        .MRxs-20  {margin-right: -20px !important;}
        .MRxs-30  {margin-right: -30px !important;}
        .MRxs-40  {margin-right: -40px !important;}
        .MRxs-50  {margin-right: -50px !important;}
        .MRxs-60  {margin-right: -60px !important;}
        .MRxs-70  {margin-right: -70px !important;}
        .MRxs-80  {margin-right: -80px !important;}
        .MRxs-90  {margin-right: -90px !important;}
        .MRxs-100 {margin-right: -100px !important;}
        .MRxs-110 {margin-right: -110px !important;}
        .MRxs-120 {margin-right: -120px !important;}
        .MRxs-130 {margin-right: -130px !important;}
        .MRxs-140 {margin-right: -140px !important;}
        .MRxs-150 {margin-right: -150px !important;}
        .MRxs-160 {margin-right: -160px !important;}
        .MRxs-170 {margin-right: -170px !important;}
        .MRxs-180 {margin-right: -180px !important;}
        .MRxs-190 {margin-right: -190px !important;}
        .MRxs-200 {margin-right: -200px !important;}
      
        .MBxs-10  {margin-bottom: -10px !important;}
        .MBxs-20  {margin-bottom: -20px !important;}
        .MBxs-30  {margin-bottom: -30px !important;}
        .MBxs-40  {margin-bottom: -40px !important;}
        .MBxs-50  {margin-bottom: -50px !important;}
        .MBxs-60  {margin-bottom: -60px !important;}
        .MBxs-70  {margin-bottom: -70px !important;}
        .MBxs-80  {margin-bottom: -80px !important;}
        .MBxs-90  {margin-bottom: -90px !important;}
        .MBxs-100 {margin-bottom: -100px !important;}
        .MBxs-110 {margin-bottom: -110px !important;}
        .MBxs-120 {margin-bottom: -120px !important;}
        .MBxs-130 {margin-bottom: -130px !important;}
        .MBxs-140 {margin-bottom: -140px !important;}
        .MBxs-150 {margin-bottom: -150px !important;}
        .MBxs-160 {margin-bottom: -160px !important;}
        .MBxs-170 {margin-bottom: -170px !important;}
        .MBxs-180 {margin-bottom: -180px !important;}
        .MBxs-190 {margin-bottom: -190px !important;}
        .MBxs-200 {margin-bottom: -200px !important;}

        .MLxs-10  {margin-left: -10px !important;}
        .MLxs-20  {margin-left: -20px !important;}
        .MLxs-30  {margin-left: -30px !important;}
        .MLxs-40  {margin-left: -40px !important;}
        .MLxs-50  {margin-left: -50px !important;}
        .MLxs-60  {margin-left: -60px !important;}
        .MLxs-70  {margin-left: -70px !important;}
        .MLxs-80  {margin-left: -80px !important;}
        .MLxs-90  {margin-left: -90px !important;}
        .MLxs-100 {margin-left: -100px !important;}
        .MLxs-110 {margin-left: -110px !important;}
        .MLxs-120 {margin-left: -120px !important;}
        .MLxs-130 {margin-left: -130px !important;}
        .MLxs-140 {margin-left: -140px !important;}
        .MLxs-150 {margin-left: -150px !important;}
        .MLxs-160 {margin-left: -160px !important;}
        .MLxs-170 {margin-left: -170px !important;}
        .MLxs-180 {margin-left: -180px !important;}
        .MLxs-190 {margin-left: -190px !important;}
        .MLxs-200 {margin-left: -200px !important;}
    }



  
  
    .PT0   {padding-top: 0px !important;}
    .PT10  {padding-top: 10px !important;}
    .PT20  {padding-top: 20px !important;}
    .PT30  {padding-top: 30px !important;}
    .PT40  {padding-top: 40px !important;}
    .PT50  {padding-top: 50px !important;}
    .PT60  {padding-top: 60px !important;}
    .PT70  {padding-top: 70px !important;}
    .PT80  {padding-top: 80px !important;}
    .PT90  {padding-top: 90px !important;}
    .PT100 {padding-top: 100px !important;}
    .PT110 {padding-top: 110px !important;}
    .PT120 {padding-top: 120px !important;}
    .PT130 {padding-top: 130px !important;}
    .PT140 {padding-top: 140px !important;}
    .PT150 {padding-top: 150px !important;}
    .PT160 {padding-top: 160px !important;}
    .PT170 {padding-top: 170px !important;}
    .PT180 {padding-top: 180px !important;}
    .PT190 {padding-top: 190px !important;}
    .PT200 {padding-top: 200px !important;}

    .PR0   {padding-right: 0px !important;}
    .PR10  {padding-right: 10px !important;}
    .PR20  {padding-right: 20px !important;}
    .PR30  {padding-right: 30px !important;}
    .PR40  {padding-right: 40px !important;}
    .PR50  {padding-right: 50px !important;}
    .PR60  {padding-right: 60px !important;}
    .PR70  {padding-right: 70px !important;}
    .PR80  {padding-right: 80px !important;}
    .PR90  {padding-right: 90px !important;}
    .PR100 {padding-right: 100px !important;}
    .PR110 {padding-right: 110px !important;}
    .PR120 {padding-right: 120px !important;}
    .PR130 {padding-right: 130px !important;}
    .PR140 {padding-right: 140px !important;}
    .PR150 {padding-right: 150px !important;}
    .PR160 {padding-right: 160px !important;}
    .PR170 {padding-right: 170px !important;}
    .PR180 {padding-right: 180px !important;}
    .PR190 {padding-right: 190px !important;}
    .PR200 {padding-right: 200px !important;}
  
    .PB0   {padding-bottom: 0px !important;}
    .PB10  {padding-bottom: 10px !important;}
    .PB20  {padding-bottom: 20px !important;}
    .PB25  {padding-bottom: 25px !important;}
    .PB30  {padding-bottom: 30px !important;}
    .PB40  {padding-bottom: 40px !important;}
    .PB50  {padding-bottom: 50px !important;}
    .PB60  {padding-bottom: 60px !important;}
    .PB70  {padding-bottom: 70px !important;}
    .PB80  {padding-bottom: 80px !important;}
    .PB90  {padding-bottom: 90px !important;}
    .PB100 {padding-bottom: 100px !important;}
    .PB110 {padding-bottom: 110px !important;}
    .PB120 {padding-bottom: 120px !important;}
    .PB130 {padding-bottom: 130px !important;}
    .PB140 {padding-bottom: 140px !important;}
    .PB150 {padding-bottom: 150px !important;}
    .PB160 {padding-bottom: 160px !important;}
    .PB170 {padding-bottom: 170px !important;}
    .PB180 {padding-bottom: 180px !important;}
    .PB190 {padding-bottom: 190px !important;}
    .PB200 {padding-bottom: 200px !important;}

    .PL0   {padding-left: 0px !important;}
    .PL10  {padding-left: 10px !important;}
    .PL20  {padding-left: 20px !important;}
    .PL30  {padding-left: 30px !important;}
    .PL40  {padding-left: 40px !important;}
    .PL50  {padding-left: 50px !important;}
    .PL60  {padding-left: 60px !important;}
    .PL70  {padding-left: 70px !important;}
    .PL80  {padding-left: 80px !important;}
    .PL90  {padding-left: 90px !important;}
    .PL100 {padding-left: 100px !important;}
    .PL110 {padding-left: 110px !important;}
    .PL120 {padding-left: 120px !important;}
    .PL130 {padding-left: 130px !important;}
    .PL140 {padding-left: 140px !important;}
    .PL150 {padding-left: 150px !important;}
    .PL160 {padding-left: 160px !important;}
    .PL170 {padding-left: 170px !important;}
    .PL180 {padding-left: 180px !important;}
    .PL190 {padding-left: 190px !important;}
    .PL200 {padding-left: 200px !important;}


    @media   (max-width: 767px) {

        .PTxs0   {padding-top: 0px !important;}
        .PTxs10  {padding-top: 10px !important;}
        .PTxs20  {padding-top: 20px !important;}
        .PTxs30  {padding-top: 30px !important;}
        .PTxs40  {padding-top: 40px !important;}
        .PTxs50  {padding-top: 50px !important;}
        .PTxs60  {padding-top: 60px !important;}
        .PTxs70  {padding-top: 70px !important;}
        .PTxs80  {padding-top: 80px !important;}
        .PTxs90  {padding-top: 90px !important;}
        .PTxs100 {padding-top: 100px !important;}
        .PTxs110 {padding-top: 110px !important;}
        .PTxs120 {padding-top: 120px !important;}
        .PTxs130 {padding-top: 130px !important;}
        .PTxs140 {padding-top: 140px !important;}
        .PTxs150 {padding-top: 150px !important;}
        .PTxs160 {padding-top: 160px !important;}
        .PTxs170 {padding-top: 170px !important;}
        .PTxs180 {padding-top: 180px !important;}
        .PTxs190 {padding-top: 190px !important;}
        .PTxs200 {padding-top: 200px !important;}

        .PRxs0   {padding-right: 0px !important;}
        .PRxs10  {padding-right: 10px !important;}
        .PRxs20  {padding-right: 20px !important;}
        .PRxs30  {padding-right: 30px !important;}
        .PRxs40  {padding-right: 40px !important;}
        .PRxs50  {padding-right: 50px !important;}
        .PRxs60  {padding-right: 60px !important;}
        .PRxs70  {padding-right: 70px !important;}
        .PRxs80  {padding-right: 80px !important;}
        .PRxs90  {padding-right: 90px !important;}
        .PRxs100 {padding-right: 100px !important;}
        .PRxs110 {padding-right: 110px !important;}
        .PRxs120 {padding-right: 120px !important;}
        .PRxs130 {padding-right: 130px !important;}
        .PRxs140 {padding-right: 140px !important;}
        .PRxs150 {padding-right: 150px !important;}
        .PRxs160 {padding-right: 160px !important;}
        .PRxs170 {padding-right: 170px !important;}
        .PRxs180 {padding-right: 180px !important;}
        .PRxs190 {padding-right: 190px !important;}
        .PRxs200 {padding-right: 200px !important;}

        .PBxs0   {padding-bottom: 0px !important;}
        .PBxs10  {padding-bottom: 10px !important;}
        .PBxs20  {padding-bottom: 20px !important;}
        .PBxs30  {padding-bottom: 30px !important;}
        .PBxs40  {padding-bottom: 40px !important;}
        .PBxs50  {padding-bottom: 50px !important;}
        .PBxs60  {padding-bottom: 60px !important;}
        .PBxs70  {padding-bottom: 70px !important;}
        .PBxs80  {padding-bottom: 80px !important;}
        .PBxs90  {padding-bottom: 90px !important;}
        .PBxs100 {padding-bottom: 100px !important;}
        .PBxs110 {padding-bottom: 110px !important;}
        .PBxs120 {padding-bottom: 120px !important;}
        .PBxs130 {padding-bottom: 130px !important;}
        .PBxs140 {padding-bottom: 140px !important;}
        .PBxs150 {padding-bottom: 150px !important;}
        .PBxs160 {padding-bottom: 160px !important;}
        .PBxs170 {padding-bottom: 170px !important;}
        .PBxs180 {padding-bottom: 180px !important;}
        .PBxs190 {padding-bottom: 190px !important;}
        .PBxs200 {padding-bottom: 200px !important;}

        .PLxs0   {padding-left: 0px !important;}
        .PLxs10  {padding-left: 10px !important;}
        .PLxs20  {padding-left: 20px !important;}
        .PLxs30  {padding-left: 30px !important;}
        .PLxs40  {padding-left: 40px !important;}
        .PLxs50  {padding-left: 50px !important;}
        .PLxs60  {padding-left: 60px !important;}
        .PLxs70  {padding-left: 70px !important;}
        .PLxs80  {padding-left: 80px !important;}
        .PLxs90  {padding-left: 90px !important;}
        .PLxs100 {padding-left: 100px !important;}
        .PLxs110 {padding-left: 110px !important;}
        .PLxs120 {padding-left: 120px !important;}
        .PLxs130 {padding-left: 130px !important;}
        .PLxs140 {padding-left: 140px !important;}
        .PLxs150 {padding-left: 150px !important;}
        .PLxs160 {padding-left: 160px !important;}
        .PLxs170 {padding-left: 170px !important;}
        .PLxs180 {padding-left: 180px !important;}
        .PLxs190 {padding-left: 190px !important;}
        .PLxs200 {padding-left: 200px !important;}

    }


    @media (max-width: 767px) {
        .PT60.PL60.PR60.PB60 {
            padding: 30px!important;
        }
        
    }

/* #endregion TRICKS CSS */    





/* #region FONTS */

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/TitilliumWeb-Light.woff2') format('woff2'),
         url('../fonts/TitilliumWeb-Light.ttf') format('truetype');
    font-display: block;
}

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/TitilliumWeb-Regular.woff2') format('woff2'),
         url('../fonts/TitilliumWeb-Regular.ttf') format('truetype');
    font-display: block;
}

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/TitilliumWeb-SemiBold.woff2') format('woff2'),
         url('../fonts/TitilliumWeb-SemiBold.ttf') format('truetype');
    font-display: block;
}

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/TitilliumWeb-SemiBold.woff2') format('woff2'),
         url('../fonts/TitilliumWeb-SemiBold.ttf') format('truetype');
    font-display: block;
}

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/Manrope-Light.woff2') format('woff2'),
         url('../fonts/Manrope-Light.ttf') format('truetype');
    font-display: block;
}

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Manrope-Regular.woff2') format('woff2'),
         url('../fonts/Manrope-Regular.ttf') format('truetype');
    font-display: block;
}

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Manrope-Medium.woff2') format('woff2'),
         url('../fonts/Manrope-Medium.ttf') format('truetype');
    font-display: block;
}

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/Manrope-SemiBold.woff2') format('woff2'),
         url('../fonts/Manrope-SemiBold.ttf') format('truetype');
    font-display: block;
}

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/Manrope-ExtraBold.woff2') format('woff2'),
         url('../fonts/Manrope-ExtraBold.ttf') format('truetype');
    font-display: block;
}




/* #endregion FONTS */

/* #region COLOR & FONT */

    :root {
        --color-bleu: #0182FE;
        --color-violet-fonce: #290E56;
        --color-black: #151515;
        --color-white: #fff;
        --color-gris: #EFF2F4;
        --color-gris-fonce: #55575A;
        --color-violet-clair: #E7E4F7;
        --color-violet: #BAA3FF;
        --color-bleu-clair: #E8F7FF;
        --color-bleu-vif: #6EC7F5;
        --color-sable: #FFFDF8;

        --font-primary:'Manrope';
        --font-secondary:'Titillium Web';
        --font-bold: 'Titillium Web';

        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 1.5rem;
        
    }

    
    .bold {
        font-family: var(--font-secondary);
        font-weight: 500;
    }

    .bg-gris {
        background-color: var(--color-gris);
    }
    .bg-bleu {
        background-color: var(--color-bleu) !important;
    }
    .bg-violet-fonce {
        background-color: var(--color-violet-fonce);
    }
    .bg-blanc {
        background-color: var(--color-white) !important;
    }
    .bg-violet-clair {
        background-color: var(--color-violet-clair);
    }
    .bg-bleu-clair {
        background-color: var(--color-bleu-clair) !important;
    }
    .bg-sable {
        background-color: var(--color-sable);
    }



    .font-bleu {
        color: var(--color-bleu);
    }
    .font-bleu-clair {
        color: var(--color-bleu-clair);
    }
    
    .font-white {
        color: var(--color-white);
    }
    .font-gris-fonce {
        color:var(--color-gris-fonce)
    }
   

/* #endregion COLOR & FONT */
    

/* #region GENERIQUE */
   
    /* Empêche les débordements horizontaux accidentels */
    body, html {
        overflow-x: hidden;
    }

    hr {
        background-color: var(--color-bleu);
        opacity: 1;
    }

    .my-icon.icon-magnifying-glass {
        font-weight: bolder;
    }
    

    body {
        color: var(--color-violet-fonce);
        font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        background-color: var(--color-white);
        font-size: clamp(16px, 2vw, 18px);
    }

    .container {
        max-width: 1440px;
    }
    .container-md {
        max-width: 1200px;
    }
    .container-xl {
        max-width: 1620px;
    }

    .container-fluid {
        padding-left: 0px;
        padding-right: 0px;
    }

    a {
        color: var(--color-bleu);
        text-decoration: none;
    }

    a:hover {
        color: var(--color-rouge);
        text-decoration: none;
    }

   
    
    ul, ol, li {
        list-style: none;
    }

    section {
        padding-top: 80px;
        padding-bottom: 80px;
    }


    
    .custom-list li {
        opacity: 0.7;
        line-height: 3rem;
        list-style: disc inside
    }
    .custom-list2 li {
        opacity: 0.7;
        list-style: disc inside
    }
    


    

    

    
/* #endregion GENERIQUE */


/* #region STYLE TYPOS */

    h1, h2, h3, h4, h5 {
        font-family: var(--font-secondary);
        font-weight: 300;
        color: var(--color-violet-fonce);
    }

    h1 {
        font-size: clamp(46px, 4vw, 64px);
    }

    h2 {
        font-size: clamp(46px, 4vw, 64px);
    }
    h2.h2 {
        font-size: clamp(36px, 4vw, 44px);
        font-weight: 200;
    }

    h3 {
        font-size: clamp(24px, 4vw, 30px);
    }

    h4 {
        font-size: clamp(16px, 3.5vw, 22px);
    }

    h5 {
        font-size: clamp(14px, 3vw, 18px);
    }

    p {
        color: var(--color-violet-fonce);
    }


    .small {
        font-size: clamp(10px, 1.5vw, 14px);
    }

    .opacity-70 {
        opacity: 0.70;
    }

    

   
/* #endregion STYLE TYPOS */  
   

/* #region BOUTONS */

    .btn {
        border-radius: 25px;
        font-size: clamp(14px, 3vw, 18px);
        padding: 10px 40px 10px 40px;
    }
    .btn-small {
        padding: 6px 30px 6px 30px;
        font-size: clamp(12px, 2.5vw, 16px);
    }
    
    .btn:focus {
        outline: none !important;
        box-shadow: none !important;
    }

    /* blanc sur fond bleu */
    .btn-primary {
        background: var(--color-bleu);
        color: var(--color-white);
        border-color: var(--color-bleu);
    }
    .btn-primary:hover {
        color: var(--color-white);
        background-color: var(--color-violet-fonce); 
        border-color: var(--color-violet-fonce);       
    }

    

    /* blanc sur fond transparent et contour blanc */
    .btn-second {
        background: transparent;
        color: var(--color-white);
        border: 1px solid var(--color-white);
    }
    .btn-second:hover {
        color: var(--color-bleu) !important;
        background-color:var(--color-white);    
        border: 1px solid var(--color-white);    
    }


    
    .btn-cta {
        background: var(--color-bleu);
        color: var(--color-white);
        border-color: var(--color-bleu);
    }
    .btn-cta:hover {
        color: var(--color-white);
        background-color: transparent; 
        border-color: var(--color-white);       
    }

    


    

    /* rouge sur fond blanc */
    .btn-link {
        background: transparent;
        color: var(--color-jaune);
        border-color: transparent;
        text-decoration: none;
    }
    .btn-link:hover {
        background-color: var(--color-white); 
        border-color: var(--color-white);     
        color: var(--color-jaune);  
    }

    
    
/* #endregion BOUTONS */


/* #region MENU */

    button {
        border: none;
        background: none;
        outline: none;
        cursor: pointer;
    }
    .nav-link {
        color: #fff;
    }
    .mobile-menu-header .icon-close {
        color: var(--color-jaune);
    }
    .main-menu a {
        color: var(--color-violet-fonce);
    }

    .bg-menu {
        background-color: var(--color-bleu) !important;
    }

    .search-option-open {
        display: none;
    }

    /* Chevron pour les items avec sous-menu (ex: Nos marques) */
    .menu-bar.v1 .main-menu li.menu-item-has-children > a::after {
        content: "▾";
        display: inline-block;
        margin-left: 8px;
        font-size: 0.8em;
        transition: transform 0.3s ease;
    }
    /* Rotation du chevron au hover */
    .menu-bar.v1 .main-menu li.menu-item-has-children:hover > a::after {
        transform: rotate(180deg);
    }

    
    

/* #endregion MENU */
    

/* #region HERO */ 

    .hero-padding {
        padding-top: 240px;
    }
    
    @media (max-width: 767px) {
        .hero-padding {
            padding-top: 100px;
        }
    }
    @media (min-width: 768px) and (max-width: 950px) {
        .hero-padding {
            padding-top: 200px;
        }
    }
    .bloc-bleu {
        background-color: var(--color-bleu);
        position: absolute;
        width: 25vw;
        height: 50vh;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
    .bloc-gris {
        background-color: var(--color-gris);
        position: absolute;
        width: 25vw;
        height: 5vh;
        bottom:-25px;
        right: 0;
        z-index: 1;
    }
    

/* #endregion HERO */


/* #region HEADER PAGE */

    

    


    @media (max-width: 1199px) {
        .header-page {
            padding-top: 55px !important;
        }
        
    }
    .header-page {
        padding-top: 100px;
    }





   

   
    
   

/* #endregion HEADER PAGE */


/* #region FOOTER */

    .contact-block .separator {
        width: 2px;
        height: 50px;
        background-color: #fff;
        opacity: 0.8;
    }

    footer {
        padding-top: 80px;
        padding-bottom: 40px;
    }

    footer p {
        font-family: var(--font-primary);
        font-size: clamp(14px, 2vw, 14px);
        color:#fff !important
    }

    footer a {
        margin-right: 10px;
        color:#fff !important;
        font-family: var(--font-primary);
        font-size: clamp(14px, 2vw, 18px);
        
        font-weight: 500;
    }
    footer li {
        margin-bottom: 10px;
    }
    footer ul {
        padding-left: 0px;
    }

    .footer-bottom a {
        color:#fff !important;
        font-family: var(--font-primary);
        font-size: clamp(14px, 2vw, 14px);
    }

    footer a:hover {
        color: var(--color-bleu) !important;
    }

    
    .footer-submenu a {
        color: #acacac !important;
        font-size: clamp(14px, 2vw, 14px);
    }




    @media (max-width: 767px) {

    /* Footer menu vertical sur mobile */
    .footer-menu {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
        align-items: start;
    }

    /* Sous-menu Secteurs */
    .footer-submenu {
        margin-top: 10px;
        padding-left: 15px;
    }

    /* Remove extra bottom margin on footer menu items for mobile */
    footer li {
        margin-bottom: 0;
    }
}

    

   

/* #endregion FOOTER */


/* #region SWIPER */

    .swiper {
        width: 100%;
        height: 100%;
      }
  
      .swiper-slide {
        text-align: center;
        font-size: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
      }
  
      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        aspect-ratio: 20 / 10;
        object-fit: cover;
      }
      @media (max-width: 767px) {
        .swiper-slide img {
            aspect-ratio: 4 / 4;
        }
      }

      .swiper-button-next, .swiper-button-prev {
        color: #ffffff;
        }

        .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
            bottom: var(--swiper-pagination-bottom,20px);
            top: var(--swiper-pagination-top,auto);
            left: 50%;
            transform: translateX(-50%);
            width: 100px;
            background-color: #FFF;
            padding: 5px 0px;
            border: none;
            border-radius: 25px;
        }


/* #endregion SWIPER */


/* #region CONTACT */

    
    .form-control {
        padding: 10px;
        font-size: 0.9rem;
    }

    .form-control:focus {
        outline: none !important;
        box-shadow: none !important;
        border: 1px solid var(--color-black);
    }

    .wpcf7-list-item {
        margin: 0
    }
    /* GROUP SUCCESS / ENCADRÉ BLEU */
    .wpcf7-mail-sent-ok,
    .wpcf7-mail-sent-success,
    .wpcf7 form.sent .wpcf7-response-output {
        border: 2px solid #235CA4;
        background-color: #235CA420; /* bleu léger transparent */
        color: #235CA4;
        padding: 15px 20px;
        font-family: var(--font-primary);
        margin-top: 20px;
    }

    /* GROUP ERROR / ENCADRÉ ROUGE */
    .wpcf7-validation-errors,
    .wpcf7-mail-sent-ng,
    .wpcf7-spam-blocked,
    .wpcf7 form.invalid .wpcf7-response-output,
    .wpcf7 form.failed .wpcf7-response-output,
    .wpcf7 form.spam .wpcf7-response-output,
    .wpcf7 form.unaccepted .wpcf7-response-output {
        border: 2px solid #E61C2B;
        background-color: #E61C2B20; /* rouge léger transparent */
        color: #E61C2B;
        padding: 15px 20px;
        font-family: var(--font-primary);
        margin-top: 20px;
    }



/* #endregion CONTACT */ 


/* #region CONTENU */

    .cont-redac h2 {
        font-size: clamp(38px, 5vw, 50px);
        text-transform: uppercase;
        font-family: var(--font-bold);
    }
    .cont-redac a {
        text-decoration: underline;
        color: var(--color-jaune);
    }
    .cont-redac a:hover {
        text-decoration: none;
        color: var(--color-gris-fonce);
    }
    .cont-redac strong {
        font-family: var(--font-bold);
    }
    .cont-redac h3 {
        font-size: clamp(28px, 4vw, 40px);
        text-transform: uppercase;
    }
    .cont-redac blockquote {
        font-size: clamp(28px, 5vw, 40px);
        font-family: var(--font-bold);
    }
    blockquote p {
        margin-bottom: 0px !important;
        position: relative;
        padding-left: 30px;
    }
    .cont-redac ul, .cont-redac ol, .cont-redac li {
        list-style: disc inside;
    }

/* #endregion CONTENU */ 


/* #region FORMULAIRES */

    #candidature-form .form-label, #candidature-form .form-check-label {
        color: var(--color-jaune);
        font-weight: 600;
    }
    #candidature-form .form-control {
        border: 1px solid var(--color-jaune);
        background-color: #FEFAF2;
        border-radius: 0;
    }
    #candidature-form .form-check {
        border: 1px solid var(--color-jaune);
        padding: 10px 20px;
        background-color: #FFF;
    }
    .form-check .form-check-input
    {
        margin-left:0;
        margin-right: 10px;
    }
    .form-check-input:checked {
        background-color:var(--color-jaune); 
        border-color: var(--color-jaune);
    }


    #contact-form .form-label, #contact-form .form-check-label {
        font-weight: 400;
    }
    #contact-form .form-control, #contact-form .form-select {
        background-color: var(--color-gris);
        border-radius: 0;
    }
    #contact-form .form-check {
        border: 1px solid var(--color-bleu);
        padding: 10px 20px;
        background-color: #FFF;
    }
    .contact-border {
        border: 1px solid var(--color-bleu);
        padding: 80px;
        background-color: #FFF;
    }
    @media (max-width: 991px) {
        .contact-border {
            padding: 20px;
        }
    }

    .contact-block .separator {
        width: 2px;
        height: 50px;
        background-color: var(--color-bleu);
        opacity: 0.8;
    }


/* #endregion formu */


/* // NEXPER // */


.bg-partenaire {
    background: linear-gradient(to bottom, #fff, #e8f7ff);
}
.card-partenaire img {
    width: 200px;
    height: auto;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}


.swiper-free-mode .swiper-wrapper {
    transition-timing-function: linear;

}


/* #region MESSAGE */

.message-section {
    position: relative;
    overflow: hidden;
}

.message-section::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    background-image: url('../img/HOME_carre pixel-gauche.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    z-index: 1;
}

.message-section::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    background-image: url('../img/HOME_carre pixel-droite.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    z-index: 1;
}

.message-section .container {
    position: relative;
    z-index: 2;
}

@media (max-width: 767px) {
    .message-section::after {
        display: none;
    }
}

/* #endregion MESSAGE */


/* #region EXPERTISE ACCORDION */

.accordion.expertise-accordion {
    background-color: var(--color-white);
    padding: 0px;
}

.expertise-image-container {
    position: sticky;
    top: 0;
    min-height: 400px;
}

.expertise-image-container img {
    transition: opacity 0.4s ease-in-out;
    width: 100%;
}

.expertise-accordion .accordion-item {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    margin-bottom: 10px;
}

.expertise-accordion .accordion-item:last-child {
    border-bottom: none;
}

.expertise-accordion .accordion-header {
    font-family: var(--font-secondary) !important;
}

.expertise-accordion .accordion-button {
    background-color: var(--color-bleu-clair);
    color: var(--color-violet-fonce);
    font-size: 44px;
    font-weight: 300;
    padding: 20px 30px;
    box-shadow: none;
    border: none;
    font-family: var(--font-secondary) !important;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.expertise-accordion .accordion-button:not(.collapsed) {
    background-color: var(--color-bleu);
    color: #fff;
    box-shadow: none;
}

.expertise-accordion .accordion-button:hover {
    background-color: var(--color-bleu);
    color: #fff;
}

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

.expertise-accordion .accordion-button::after {
    display: none;
}

.expertise-accordion .accordion-body {
    background-color: var(--color-bleu);
    color: #fff;
    padding: 10px 40px 40px 40px;
    transition: all 0.3s ease;
}

.expertise-accordion .accordion-body h3 {
    color: #fff;
    font-size: 32px;
    margin-bottom: 15px;
}

.expertise-accordion .accordion-body .expertise-subtitle {
    color: #fff;
    font-size: 18px;
    margin-bottom: 20px;
    font-family: var(--font-secondary);
    font-weight: 600;
}

.expertise-accordion .accordion-body p {
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .expertise-accordion .accordion-button {
        font-size: 20px;
        padding: 15px 20px;
    }
    
    .expertise-accordion .accordion-body {
        padding: 30px 20px;
    }
}

.bg-tabulations {
    background-color: var(--color-white);
    padding: 40px;
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

/* #endregion EXPERTISE ACCORDION */


/* #region VIDEO BACKGROUND */

.video-background-section {
    position: relative;
    width: 100%;
    height: 90vh;
    overflow: hidden;
}

.video-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: 1;
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.video-overlay span {
    color: #ffffff;
    font-size: 120px;
    font-weight: 900;
    margin: 0;
}

@media (max-width: 768px) {
    
    .video-overlay span {
        font-size: 55px;
    }
}

/* #endregion VIDEO BACKGROUND */


/* #region AVIS CLIENTS */

.card-avis-client {
    background-color: #fff;
    box-shadow: 0px 5px 21px 0px #BAA3FF;
    padding: 80px;
    min-height: 420px;
}

@media (max-width: 768px) {
    .card-avis-client {
        padding: 25px;
        min-height: auto;
    }
}

img.avatar-avis-client {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
}

h5.avis-name {
   
    font-size: clamp(16px, 2.5vw, 20px);
    font-family: var(--font-primary);
    font-weight: 400;
    color: var(--color-violet);
}
p.avis-fonction {
    font-size: 14px;
    color: var(--color-violet);
}
.avis-infos {
    border-left: 1px solid var(--color-violet);
    padding-left: 30px;
}


.avisSwiper .swiper-pagination {
    position: relative;
    margin-top: 40px;
}

.avisSwiper .swiper-slide {
    opacity: 0.5;
    transition: opacity 0.3s ease;
}

.avisSwiper .swiper-slide .card-avis-client {
    box-shadow: none;
}

.avisSwiper .swiper-slide-active {
    opacity: 1;
}

.avisSwiper .swiper-slide-active .card-avis-client {
    box-shadow: 0 5px 21px rgba(186, 163, 255, 1);
}

.avisSwiper .swiper-button-next,
.avisSwiper .swiper-button-prev {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    margin-top: 40px;
    width: 50px;
    height: 50px;
}

.avisSwiper .swiper-button-next::after,
.avisSwiper .swiper-button-prev::after {
    font-size: 20px;
    color: var(--color-violet);
}

.avisSwiper {
    position: relative;
    padding-bottom: 80px;
}

.avisSwiper .swiper-button-next,
.avisSwiper .swiper-button-prev {
    position: absolute;
    top: auto;
    bottom: 0;
}

.avisSwiper .swiper-button-prev {
    left: calc(50% - 60px);
    background-color: #fff;
    border-radius: 10px;
    transition: background-color 0.3s ease;
}

.avisSwiper .swiper-button-prev:hover {
    background-color: var(--color-violet-fonce);
}

.avisSwiper .swiper-button-prev:hover::after {
    color: #fff;
}

.avisSwiper .swiper-button-next {
    right: calc(50% - 60px);
    background-color: #fff;
    border-radius: 10px;
    transition: background-color 0.3s ease;
}

.avisSwiper .swiper-button-next:hover {
    background-color: var(--color-violet-fonce);
}

.avisSwiper .swiper-button-next:hover::after {
    color: #fff;
}

/* #endregion AVIS CLIENTS */


/* #region POURQUOI SLIDER */


.pourquoiSwiper {
    overflow: visible !important;
}

.pourquoiSwiper .swiper-wrapper {
    overflow: visible !important;
}

.pourquoiSwiper .swiper-slide {
    overflow: visible !important;
}

.pourquoiSwiper .swiper-slide img {
    display: block;
    width: 100%;
    height: auto !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
}

.pourquoiSwiper h4 {
    font-size: 24px;
}

.pourquoi-navigation .swiper-button-next,
.pourquoi-navigation .swiper-button-prev {
    position: static;
    width: 50px;
    height: 50px;
    margin: 0;
}

.pourquoi-navigation .swiper-button-next::after,
.pourquoi-navigation .swiper-button-prev::after {
    font-size: 20px;
    color: var(--color-bleu-vif);
}

.pourquoi-navigation .swiper-button-prev {
    background-color: var(--color-bleu-clair);
    border-radius: 10px;
    transition: background-color 0.3s ease;
}

.pourquoi-navigation .swiper-button-prev:hover {
    background-color: var(--color-violet-fonce);
}

.pourquoi-navigation .swiper-button-prev:hover::after {
    color: #fff;
}

.pourquoi-navigation .swiper-button-next {
    background-color: var(--color-bleu-clair);
    border-radius: 10px;
    transition: background-color 0.3s ease;
}

.pourquoi-navigation .swiper-button-next:hover {
    background-color: var(--color-violet-fonce);
}

.pourquoi-navigation .swiper-button-next:hover::after {
    color: #fff;
}

@media (max-width: 767px) {
    .pourquoi-navigation .swiper-button-next::after,
    .pourquoi-navigation .swiper-button-prev::after {
        font-size: 14px;
    }
}

.card-pourquoi {
    background-color: var(--color-bleu-clair);
    padding: 20px 30px 0px 30px;
    min-height: 300px;
    position: relative;
}
.card-pourquoi img {
    min-height: 200px;
}
.card-pourquoi::before {
    content: "";
    position: absolute;
    right: -20px;
    top: -20px;
    width: 100%;
    height: 100%;
    background-color: #E8F7FF59;
    z-index: -1;
}

/* #endregion POURQUOI SLIDER */


/* #region BLOG */

.card-blog-link {
    text-decoration: none;
    display: block;
    transition: transform 0.3s ease;
}

.card-blog-link:hover {
    transform: translateY(-5px);
}

.card-blog-link:hover .card-blog-title {
    color: var(--color-bleu);
}

/* #endregion BLOG */


/* #region FAQ */


#faqAccordion .accordion-item {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid var(--color-bleu-vif);
    border-radius: 0;
    margin-bottom: 0;
}

#faqAccordion .accordion-item:last-child {
    border-bottom: none;

}

#faqAccordion .accordion-header {
    font-family: var(--font-secondary) !important;
}

#faqAccordion .accordion-button {
    background-color: transparent;
    color: var(--color-violet-fonce);
    font-size: 24px;
    font-weight: 400;
    padding: 30px 60px 30px 0;
    box-shadow: none;
    border: none;
    position: relative;
    font-family: var(--font-secondary) !important;
}

#faqAccordion .accordion-button:not(.collapsed) {
    background-color: transparent;
    color: var(--color-violet-fonce);
    box-shadow: none;
}

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

#faqAccordion .accordion-button::after {
    display: none;
}

#faqAccordion .accordion-button::before {
    content: "+";
    position: absolute;
    right: 0;
    font-size: 40px;
    color: var(--color-bleu-vif);
    font-weight: 100;
    transition: transform 0.3s ease;
}

#faqAccordion .accordion-button:not(.collapsed)::before {
    content: "−";
}

#faqAccordion .accordion-body {
    padding: 0 60px 30px 0;
    color: var(--color-violet-fonce);
    font-family: var(--font-secondary) !important;
    padding-left: 40px;
    font-size: 18px;
}

@media (max-width: 767px) {
    #faqAccordion .accordion-button {
        padding: 30px 50px 30px 0;
        font-size: 18px;
    }
    
    #faqAccordion .accordion-body {
        padding: 0 0 30px 0;
    }
}

.accordion {
    background-color: var(--color-bleu-clair);
    padding: 40px;
    position: relative;
}
.accordion::before {
    content: "";
    position: absolute;
    right: -40px;
    top: -40px;
    width: 100%;
    height: 100%;
    background-color: #E8F7FF59;
    z-index: -1;
}

/* #endregion FAQ */




.card-feat-defis {
    background-color: var(--color-sable);
    padding: 40px 120px 0px 40px;
    min-height: 310px;
    margin-bottom: 20px;
}
.card-feat-defis img {
    padding-top: 20px;
}
@media (max-width: 767px) {
    .card-feat-defis {
        padding: 30px 30px 0px 30px;
        min-height: auto;
    }
}





.card-methode {
    padding: 80px;
}
@media (max-width: 991px) {
    .card-methode {
        padding: 40px;
    }
}


.card-logo-cas {
    background-color: var(--color-bleu-clair);
    border-radius: 20px;
    padding: 40px;
    text-align: center;
}


.cont-cas h4 {
    margin-bottom: 20px;
    opacity: 0.7;
    font-family: var(--font-primary);
    font-weight: 400;
}
.cont-cas li {
    opacity: 0.7;
    list-style: disc inside;
    line-height: 2rem;
}
.cont-cas p {
    opacity: 0.7;
    
}
.cont-cas ul {
    padding-left: 1rem;
}

.card-cas {
    background-color: var(--color-bleu-clair);
    padding: 40px 40px 20px 40px;
    min-height: 190px;

}
@media (max-width: 767px) {
    .card-cas {
        padding: 30px 20px 20px 20px;
        min-height: auto;
    }
}
.card-avis-client.client-one-slide {
    padding: 80px 160px;
    min-height: 300px;
}
@media (max-width: 991px) {
    .card-avis-client.client-one-slide {
        padding: 40px;
        min-height: auto;
    }
}   

@media (max-width: 991px) {
.client-one-slide img {
    width: 100px;
    height: 100px;
}
}