@import url('https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.3/css/regular.min.css');
        .swiper-container {
          width: 100%;
          height: auto;
          overflow-x: hidden;
          position:relative;

        }

        .swiper-slide {
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 24px;

        }
        .swiper-wrapper{
          height:auto!important;
        }
        .swiper-button-next:after{
          display:none;
        } 

        .swiper-button-prev:after{
          display:none;
        } 
        .swiper-button-next,
        .swiper-button-prev {
          display:none!important;
          position: absolute;
          left: auto!important;
          bottom: 10px;
          right: 60px;
          width: 40px;
          height: 40px;
          background-color: #ccc;
          color: #fff;
          font-size: 20px;
          display: flex;
          justify-content: center;
          align-items: center;
          cursor: pointer;
          z-index: 10;
          top: auto;
        }

        .swiper-button-prev {
          right: 110px;
        }
        @media (max-width: 1200px){
          .swiper-backface-hidden .swiper-slide{
            width: 100%!important;
          }
          .swiper-button-next,
        .swiper-button-prev {
          position: fixed;
          z-index:15;
        }
        }
        
    html, body {
    height: 100%;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Barlow', sans-serif;      
    overflow-x:hidden;
    }

    /*Desktop*/
    .bold{
    font-family: 'Barlow', sans-serif;
    font-weight:600;
    }
    .slideLeft{
      animation-name: slideLeft;
      animation-iteration-count: 1;
      animation-duration: .7s;
    }
    .slideRight{
      animation-name: slideRight;
      animation-iteration-count: 1;
      animation-duration: .7s;
    }
    .slideUp{
      animation-name: slideUp;
      animation-iteration-count: 1;
      animation-duration: .7s;
    }
    .slideDown{
      animation-name: slideDown;
      animation-iteration-count: 1;
      animation-duration: .7s;
    }
    .page{
      padding: 5rem 5rem 0 5rem;
      width: calc(100% - 10rem);
    }
    .titleContent{
      width: 85%;
      font-size: 3rem;
      margin-bottom: 3rem;
    }
    .divider{
      width: 3rem;
      height: 5px;
      background: linear-gradient(to left, #80C2BB, #41B2E2);
      border-radius: 10px;
      margin: 1.05rem 0 1.3rem 0;
    }
    .page2{
      width:100%;
      padding: 5rem 0 5rem 5rem;
    }

    .step{
    display:none;
    }

    .content{
      width: calc(100% - 25rem);    
      background: #D6D9DA;
      background-repeat: no-repeat;
      background-size: cover;
        background-position: bottom right;
        background-attachment: fixed;
      color: #06262D;
      height:100%;
      margin-left: 25rem;
      margin-top: 6.25rem;

      min-height: 100%;
      z-index: 0;
      position: relative;
    }
    .sideMenu ul{
        padding-top: 6rem;
        padding-left: 0; 
        margin: 0;
      }
       .sideMenu ul li{
        list-style-type: none;
        margin: 0 0 0px 0;
        width: 100%;

       }
       .sideMenu ul li a{
        padding: 14px 13%;
        width:74%;
        position:relative;
        display:block;

       }
      .sideMenu ul a{
           font-weight:600;

        color:white;
        text-decoration: none;
        font-size: 1.1rem; 
      }
      li a.active{
        background-color: #CDE6E420;
      }
      li a:hover{
        background-color: #CDE6E420;
      }
    .sideMenu{
          width: 25rem;
          background: url(https://assets-gbr.mkt.dynamics.com/f43dc028-7644-4515-bdcc-4c671d8ff19c/digitalassets/images/53e6c978-3805-ee11-8f6e-0022481b5481?ts=638217418699752707);
          background-repeat: no-repeat;
          background-size: cover;
          height: 100%;
          top: 6.25rem;
          position:fixed;
          display:block;      
          z-index:2; 
      }
    .arrowButton{
        border: none;
        background: linear-gradient(to right, #00897F, #80C698); 
        text-transform: uppercase;
        letter-spacing: 2px;
        padding: 15px 15px;
        border-radius: 5px;
        margin-left: 6px;
      }
    .topNavBar{
        position:fixed;
        background:white;
        display:flex;
        width: 92%;
        height: 6.25rem;
        z-index:52;
        padding: 0 4%;
        align-items: center;
        justify-content: space-between;    
      }
      .topButton{
        border: 2px solid #00897F;
        background-color: #CDE6E4;
        text-transform: uppercase;
        letter-spacing: 2px;
        padding: 12px 15px;
        border-radius: 5px;
        transition: .25s;
        cursor:pointer;
        font-family: 'Barlow', sans-serif;
      }
      .hoverButtons{
        cursor:pointer;
      }

      .hoverButtons:hover .topButton{
        background: #00837F;
      }
      .hoverButtons:hover .topButton a{
        color:white;
      }
      .topButton a{
        z-index:2;
        text-decoration: none;
        color:#00897F;
     font-weight:600;

           font-size: .85rem;

      }
      .mobileMenuToggle{
      display:none;
    }
    .container{
      background-color: #D6D9DA;
          display:flex;
          height: auto;
          min-height: 100%;
          width:100%;
          position:relative;
      }
      .activeContent{ 
      display:block;
    }
    .fixed-background{
        background-attachment:fixed!important;
    }
    .imgAbsolute{
          position:absolute;
         z-index: -1;
          right: 0;
          top: 13%;
        width: 40%;

      }
      .imgAbsolute img{
          width: 90%;
      }
      .content1{
          z-index:1;
          position:relative;
      }
      .beforeMenu{
      margin-right: 12px;
      margin-bottom: -5px;
    }
    .testimonials{
    display:flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    }
    .testimonialContainer{
      display:flex;
      flex-wrap: wrap;
      width: 45%;
      margin-right: 2rem;
      margin-bottom: 3rem;
    }
    .topButton{
        border: 2px solid #00897F;
        background-color: #CDE6E4;
        text-transform: uppercase;
        letter-spacing: 2px;
        padding: 12px 15px;
        border-radius: 5px;
      }
      .topButton a{
        text-decoration: none;
        color:#00897F;
        font-weight:600;

           font-size: .85rem;

      }
      h1{
        font-weight:600;
      font-size:2.6rem;
      margin: 0;
    }
    h3{
      color: #40AC6A;
      text-transform: uppercase;
      font-size: 1.1rem;
      font-weight:600;

      letter-spacing: 1px;
      margin: 0px;
    }
    .black{
      font-weight:800;
    }
    .barLeftTitle{
      font-weight:600;
      color:#00897F;
      font-size: 2.8rem;
      padding-left: 20px;
      position:relative;
      line-height: 2.3rem;
      width: 25%;
      margin-bottom: 2rem;
    }
    .barLeftTitle span{
      font-family: 'Barlow', sans-serif;
      font-size: 1.2rem;
      color:#06262D;
    }
    .barLeftTitle:before{
      content: '';
      background-color: #00897F;
      width: 8px;
      height: 95%;
      position:absolute;
      left: 0;
      top: 0;
    }
    .leftBarsFlex{
      display:flex;
      align-items:flex-start;
      align-content: flex-start;
      flex-wrap: wrap;
    }
    .thirdScreen{
      width: 25%;
    }
    .learnMoreButton{
      margin-top: 2rem;
    }
    .leftGradientSquare{
      width: 100px;
      height: 120px;
      background: linear-gradient(to bottom right, #41a5d5,#80b5ae);
      position: absolute;
      border-radius: 10px;
      left: -65px;
      top: 55%;
    }
    .descriptionText{
      margin-block-start: 0!important;
      margin-bottom:2.2rem;
    }
    .topGradientSquare{
      width: 170px;
      height: 100px;
      background: linear-gradient(to top right, #72ac83,#258e80);
      position: absolute;
      border-radius: 10px;
      top: -45px;
      left: 55%;
      z-index: -25;
    }
    .textLeft{
      display: inline-block;
      width: 59%;
      vertical-align: top;
    }
    .mapRight{
      display: inline-block;
      width:40%;
      vertical-align: top;
      position:relative;
      height:90%;
      position: absolute;
        right: 0;
    }

    .mapRight img{
      position:relative;
      width:100%;
      height: 100%;
    }

    .testimonials{
    display:flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    margin-top: 0rem;
    }

    .testimonialContainer{
      display:flex;
      flex-wrap: wrap;
      width: 48%;
      margin-right: 2rem;
      margin-bottom: 3rem;
    }
    .imageTestimonial img{
      border-radius:15px;
      width:100%;
      height: 8rem;
      object-fit:cover;
    }
    .imageTestimonial{
     margin-right: 2rem;
     width: 22%;
     height: auto;
    }
    .textTestimonial{
      font-size: 1.1rem!important;
    width: 71%!important;
    }
    .textTestimonial p{
      margin-block-start: 0!important;

    }
    .h3Testimonial{
      margin:0;
      font-size: 1rem;
    }
    .noMargin{
      margin-right: 0!important;
    }
    .videoImgTestimonial{
      width: 90%;
      object-fit: cover;
      border-radius: 20px;
      margin-bottom: 1.2rem;

    }
    .contentContentBoxRight p{
    margin-block-start: 0!important;
    }
    .contentBox{
      display: inline-block;

      width: 48%;
      background: white;
      border-radius: 15px;
      margin-right: 2%;
      margin-bottom: 0rem;
      margin-top: 1rem;
    }
    .contentBoxLast{
    padding-right: 0!important;
    margin-right: 0!important;
    }
    .shareBoxHalf{
      width:49%;

    }
    .contactContainer{
        display:flex;
        flex-wrap:wrap;

    }
    .contentContentBox p{
        margin-block-start: 0;
        margin-block-end: 0;
    }

    .contentContentBox{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
      padding: 1.5rem;
      min-height: 7.5rem;
      font-size: .9rem;
      font-family: 'Barlow';
      }
      .contentContentBoxLeft ul{
        margin-block-start: 0!important;
        padding-inline-start: 20px;
      }
      .contentContentBoxLeft img{
        width:90%;
        border-radius: 20px;
      }
      .contentContentBoxRight ul{
        margin-block-start: 0!important;
        padding-inline-start: 20px;
      }
      .contentContentBoxLeft{
        width:46%;
        margin-top:1rem;
      }
      .contentContentBoxRight{
        width:46%;
      }
      .titleContentBox{
      background: linear-gradient(to right, #00897f, #80c698);
      height: 3rem!important;
      border-radius: 15px 15px 0 0;
      display:flex;
      justify-content: center;
      align-items: center;
    }
    .titleContentBox p{

    text-align: center;
    font-weight:600;
    font-size:1.3rem;

    color: white;
    }
    .thematicCourseBox{
    margin-top: 0rem;
    margin-bottom: 0rem;
    width: 33%;
    margin-right: 7.5%;
    display:inline-block;
    }
    .imgThematicCourseBox{
    width:100%;
    border-radius: 20px;
    }
    .thematicCoursesContainer{
    display:flex;
    flex-direction: row;
    align-items: flex-start;
    align-content: flex-start;
    }
    .titleIconContentBox{
    margin-right: 10px;
    }
    .imgFocusContentBox{
    width:30%;
    display:inline-block;
    border-radius: 15px;
    margin-bottom: 1.5rem;
    }
    .videoShareContentBox{
    width:100%;
    }
    .contentBoxes{
    display:flex;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    }

    .contentAgenda{
    display:flex;
    flex-direction: row;
    width:100%;
      position: relative;

    }
    .contentAgendaRight{
    width: 46%;  
    display:inline-flex;
    flex-direction: column;
    }
    .textsTimeline{
      font-size: 1.2rem;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    }
    .textAgenda{
    height: 8rem;
    display:flex;
    align-items: flex-start;
    justify-content: space-between;
    }
    .textAgendaLast{
      height:2.5rem;
    }

    .textAgenda p{
    display:inline-block;
    margin-block-end: 0;
    margin-block-start: 0;
    margin-right: 20px;
    }
    .textAgenda .topButton{
    display:inline-block;
    }
    .leftTimelineImg{
      height: 45vh;
        width: auto;
    margin-right: 10px;
    }
    .textsTimeline{
    display:flex;
    flex-direction: column;
    }
    .titleAgendaBoxes{
      font-size: 1.4rem;
    }
    .agendaBoxes{
    background:white;
    border-radius: 15px;
      width: calc(100% - 30px);
      margin-left: 30px;
    }
    .boxAgenda{

    display:flex;
    border-radius: 15px;
    align-items: center;
    width: 95%;
    margin-bottom: 2rem;
    }
    .boxAgenda img{
    width: 2rem;
     background: linear-gradient(to right, #00837F, #80C092);
    padding: 1.5rem;
    border-radius: 15px;
    z-index:1;
    }
    .fa-chevron-down{
      transition: 0.3s;
      font-size: .8rem;
      margin-left: 15px;
    }
    .rotate{
      bottom: 30%;
      transform: rotate(180deg);
    }
    .boxAgendaContent{
    font-size: 1.3rem;
    border-radius: 0 15px 15px 0;
    margin-left: -10px;
    padding: 10px 0 10px 3rem;

    }
    .boxAgendaContent p{
    width: 100%;
    margin-block-end: 0;
    margin-block-start: 0;
    }

    .dividerAgenda{
    margin-bottom: 2rem!important;
    }
    .imageAgenda{
    width:17%;
      border-radius: 8px;
      margin-left: 10px;

    }
    .imageButtonsAgenda{
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    }
    .agendaItems{
    display:flex;
    margin-bottom: 3rem;
    justify-content: space-between;

    }
    .contentLeftAgenda{
    width: 46%;
    }
    .videoImgAgenda{
    widtH: 30%;
    }
    .lastBoxAgenda{
    margin-bottom: 0!important;
    }
    .agendaBoxes img {
      margin-left: -30px;
      height: 28px;
      object-fit: cover;
    }
    .BottomBoxTitle{
    font-weight:600;
    color:#00837F;
    font-size:1.5rem;
    text-transform: uppercase;
    }
    .page6LeftContent{
    width: 62%;
    }
    .bottomBoxContent{
    display: flex;
      width: 66.5%;
      flex-direction: row;
      position: relative;
      flex-wrap: wrap;
    }
    .bottomBoxContent .barLeftTitle{
    width:44%;
    font-size: 2.2rem;

    }
    p.contentThematicCourseBox{
      font-size: 1.15rem;
      width: 100%;
    }
    .bottomBoxContent .barLeftTitle span{
      display: block;
        width: 85%;
        line-height: 1.5rem;
    }
    .barLeftGreen .barLeftTitle:before{
    background: #40a66a;
    }
    .barLeftGreen .barLeftTitle{
    color: #40a66a;
    font-size: 2.2rem;
    width:30%;
    line-height: 1.7rem;

    }
    .submenuDesktop{
      display:none;
    }
    .activeDropdown{
      display:block!important;
    }
    .barLeftGreen{
    width:100%;
    }
    .barLeftGreen .barLeftTitle span{
    margin-top: 10px;
    }
    .sliderTestimonials{
      margin-top: 3rem;
    }
    .contactBox{
    width: 25%;
    display:block;
    text-align: center;
    margin-bottom: 3rem;
    }
    .contactCountry p{
    margin-block-start: .5rem;
    margin-block-end: 0;
    }
    .last{
      margin-right: 0!important;
    }
    .galleryItem{
      width: 19%;
      margin-right: 10px;
      border-radius:12px;

    }
    .buttonPrevCalendar{
      display:block!important;
    }
    .buttonNextCalendar{
      display:block!important;
    }
    .specialTracking{

        margin-top: 2.5rem;
      margin-bottom: 1rem;
      opacity: 0.75
    }
    .specialTracking:hover{
      opacity:1;
    }
    .contactCountry{
    color:#00837F;
    font-weight:600;
    letter-spacing:1px;
    }
    .contactContent a{
    color:#06262D;
    text-decoration: none;
    }
    .euronextMap{
    position:absolute;
    right:0;
    top: 3rem;
    width:40%;
    z-index:-2;
    }

    .menuMobile{
      display:none;
    }
    .subTitle{
      font-size: 1.4rem;
      margin-top: 1.9rem;
      width:77%;
    }
    ul.submenuDesktop{
      padding-top: 0;
      margin-bottom: 20px;
    }
    ul.submenuMobile{
      padding-top: 0;
      margin-bottom: 20px;
    }
    .videoIframeProgramme{
      width:100%;
      height:auto;
      border-radius: 15px;
    }
    .videoIframe{
      width: 26rem;
        height: 15rem;
        border-radius: 20px;
    }
    .submenuDesktop li{
      margin: 0 0 10px 0!important;
    }
    .submenuDesktop li a{
      padding: 7px 13%!important;
    }

    .hasSubmenu{
      margin-bottom: 0!important;
    }
    .subitemList{
      margin-left:2.5rem;
      font-family: 'Barlow'!important;
      font-weight:400!important;
      font-size: 0.95rem!important;
      color: #ffffffd8!important;
    }



/**
 * Tabs Block
 */
.tabs-block {
	display: flex;
  align-items: flex-start;
    justify-content: flex-start;
}

/**
 * Tabs
 */
.tabs {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.tabs label {
	width: calc(11.1% - 4.0625rem);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem 2rem;
	margin-right: 0.0625rem;
	cursor: pointer;
	background-color: #06262D;
	color: #fff;
	font-family: Roboto, sans-serif;
	font-size: 1.2rem;
	font-weight: 600;
	transition: background-color ease 0.3s;
}

.tabs label .material-icons {
	margin-right: 0.3rem;
}
.tabs label .material-icons img{
	width:15px;
}

.tabs .tab {
	flex-grow: 1;
	width: 100%;
	height: 100%;
	display: none;
	padding: 1rem 2rem;
	color: #000;
	background-color: #f1f1f1;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4);
}


.tabs [type=radio] {
	display: none;
}

.tabs [type=radio]:checked + label {
	background-color: #f1f1f1;
	color: #41B6E6;
	border-top: 4px solid #41B6E6;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4);
}

.tabs [type=radio]:checked + label + .tab {
  display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}
@media (min-width: 768px) {
  .tab img{
    width: calc( 100% / 10);
  }
	body {
		font-size: 1.125rem;
	}


	.tabs label {
		order: 1;
	}

	.tabs .tab {
		order: 9;
	}

	.tabs [type=radio]:checked + label {
		border-bottom: none;
	}



    @keyframes slideDown{
    0%{
    opacity:0;
    transform: translateY(-50%);
    }
    100%{
    opacity:1;
    transform:translateY(0);
    }
    }
    @keyframes slideUp{
    0%{
    opacity:0;
    transform: translateY(50%);
    }
    100%{
    opacity:1;
    transform:translateY(0);
    }
    }
    @keyframes slideLeft{
    0%{
    opacity:0;
    transform: translateX(50%);
    }
    100%{
    opacity:1;
    transform:translateX(0);
    }
    }
    @keyframes slideRight{
    0%{
    opacity:0;
    transform: translateX(-10%);
    }
    100%{
    opacity:1;
    transform:translateX(0);
    }
    }
  }
@media (min-width: 992px) {

	.tabs {
		width: 100%
	}
}




    /*LAPTOP*/
    @media(min-width: 1025px) and (max-width:1666px){
      .menuMobile{
      display:none;
    }
      .page{ 
    padding:3rem 3rem 0 3rem;
    width: auto;
    }

    .page2{ 
    padding:3rem 3rem 3rem 3rem;
    width: auto;
    }
    .descriptionText{
     margin-block-start: 0!important;
     margin-top: 0;
    }
    .descriptionText span{
     font-size: 1.4rem;
    }
    .testimonial img{
    width: 8%;
    }
    .testimonial p{
    font-size: 1rem;
    }
      .topNavBar{
    height: 5rem;
    }
    .topNavBar img{
    height: 3rem;
    width: auto;
    }

    .container{
       height: auto;
       min-height: 100%;
      }
      .sideMenu{
      width: 17rem;
      top: 5rem;
    }
    .sideMenu ul a{
      font-size: 1rem;
    }
    .sideMenu ul li{
      margin: 0 0 10px 0;
    }
    .sideMenu ul li a{
        padding: 14px 6%;
      }
      .content{
      background-position:right center;
      width: calc(100% - 17rem);
      margin-left: 17rem;
      margin-top: 5rem;
      min-height: 100%;
      background-size: cover;
    }
    .step:nth-child(2){
      background-position:right center;
      background-size: contain;
      background-repeat: no-repeat;
    }
    .step{
    height:100%;
    }
    .dividerSmall{
    margin: .5rem .5rem;
    }
    h1{
      font-size:2rem;
    }
    .headlinePage3{
      margin-bottom: 2rem!important;
    }
    .contentBox{
      width:48%!important;
      margin-right: 2%!important;
    }
    .titleContentBox{
    height:3rem!important;
    font-size: 1rem!important;
    font-weight:600;
    }


    .contentContentBox{
    min-height: 7rem!important;
      font-size: .9rem!important;
      padding: .7rem!important;
    }
    .mapRight{
      margin-top: 1.5rem;
      width:40%!important;
      height:auto!important;
    }
    .mapRight img {
      width:100%!important;
      height:auto!important;
      object-fit: contain!important;
    }
    .imgAbsolute {
      top:auto!important;
      bottom: 0;
    }

    .lastBoxAgenda img{
      margin-bottom:-10px;
    }
    .bottomBoxContent .barLeftTitle{
      width:41%;
      margin-right:.5rem;
      font-size: 2rem;
    }
    .barLeftGreen .barLeftTitle {
        width: 27%;
    }
    .barLeftTitle span {
      line-height: 1.2rem;
      font-size:1.1rem;
      font-weight:600;
    }
    .contactContainer{
      display:flex;
      flex-wrap: wrap;
      flex-direction: row;
      align-items: flex-start;
    }
    .contactContent{
      word-break: break-all;
    }
    .contactCountry {
     letter-spacing: 1px;
    }
    .contactBox {
        width: 25%;
      }

    }





    /*MOBILE*/
    /*Tablet Big*/
    @media (min-width:1025px) and (max-width:1244px){
      .submenuDesktop{
      display:block;
    }
      .sideMenu{

    position:fixed;

    top: 0;
    z-index: 50;
    transition: 1s;
    width:20rem;
    background-size: cover;
    height:calc(100% - 5rem);
    margin-top: 5rem;
    }
    .sideMenu.open{
    display: block;
    overflow: scroll;
    right:0;

    }
     html, body {
        overflow-x:visible!important;
      }
      .content{
    display:table;
    padding: 0;
    height: 100%;
    min-height: 100%;
    background:none;
    width: 100%!important;
    background-position: center center;
    margin-left: 0;
    margin-top: 5rem;
    background-color: #D6D9DA;
    }
    .container{
    height :auto;
    min-height: 100%;
    }
    .content{
    display:table;
    position:relative;
    padding: 0;
    height: 100%;
    min-height: 100%;
    background:none;
    width: calc(100% - 20rem)!important;
    margin-left:20rem;
    background-position: center center;

    margin-top: 5rem;
    background-color: #D6D9DA;
    }

    .barLeftTitle{
      font-size:2.2rem;
      line-height: 2rem;
    }
    .container{
    height :auto;
    min-height: 100%;
    }
    .sideMenu{
    overflow-y:visible;
    position:fixed;
    right: -100%;
    top: 0;
    z-index: 50;
    transition: 1s;
    width:100%;
    background-size: cover;
    height:calc(100% - 5rem);
    margin-top: 5rem;
    }


    .content1{
    width:100%;
    }
    .content{
    display:table;
    padding: 0;
    height: 100%;
    min-height: 100%;
    background:none;
    width: 100%!important;
    background-position: center center;
    background-color: #D6D9DA;
    margin-left: 0;
    margin-top: 5rem;
    }

    .topNavBar{
    height:5rem;
    }
    .barLeftTitle{
      font-size: 1.5rem;
        line-height: 1.8rem;
    width: 41%;
    padding-right: 2%;
    }
    .page{
    padding: 2rem;
    z-index: 5;
    position:relative;
    width:calc(100% - 4rem);
    }
    .page2{
      width:calc(100% - 4rem);
    }
    }

    /*Mobile iOS*/
    @media screen and (max-device-width:1024px){
      html, body {
        overflow-x:visible!important;
      }
      .submenuDesktop{
      display:block;
    }
      .content{
    display:table;
    padding: 0;
    height: 100%;
    min-height: 100%;
    background:none;
    width: 100%!important;
    background-position: center center;
    margin-left: 0;
    margin-top: 5rem;
    background-color: #D6D9DA;
    }
    .container{
    height :auto;
    min-height: 100%;
    }
    .sideMenu{
    overflow-y:visible;
    position:fixed;
    right: -100%;
    top: 0;
    z-index: 50;
    transition: 1s;
    width:100%;
    background-size: cover;
    height:calc(100% - 5rem);
    margin-top: 5rem;
    }


    .content1{
    width:100%;
    }
    .content{
    display:table;
    padding: 0;
    height: 100%;
    min-height: 100%;
    background:none;
    width: 100%!important;
    background-position: center center;
    background-color: #D6D9DA;
    margin-left: 0;
    margin-top: 5rem;
    }

    .topNavBar{
    height:5rem;
    }
    .barLeftTitle{
      font-size: 1.5rem;
        line-height: 1.8rem;
    width: 41%;
    padding-right: 2%;
    }
    .page{
    padding: 2rem;
    z-index: 5;
    position:relative;
    width:calc(100% - 4rem);
    }
    .page2{
      width:calc(100% - 4rem);
    }
    }

    @media(max-width:1024px){
      html, body {
        overflow-x:visible!important;
      }
      .submenuDesktop{
      display:block;
    }
      .logo{
    width:11rem;
    }
    .topButton{display:none;}
    .arrowButton{padding: 9px;}
    .testimonial img{width:10%;}
    .testimonial{
    width: 70%;
    }
    .sideMenu.open{
    display: block;
    right:0;
    overflow: scroll;


    }
    .mobileMenuToggle{
    display:inline-block;
    border: none;
    background: none;
    padding-right: 0rem;
    }
    .arrowButton{padding: 9px;}
    .container{
    height :auto;
    min-height: 100%;
    }
    .sideMenu{
    overflow-y:visible;
    position:fixed;
    right: -100%;
    top: 0;
    z-index: 50;
    transition: 1s;
    width:100%;
    background-size: cover;
    height:calc(100% - 5rem);
    margin-top: 5rem;
    }


    .content1{
    width:100%;
    }
    .content{
    display:table;
    padding: 0;
    height: 100%;
    min-height: 100%;
    background:none;
    width: 100%!important;
    background-position: center center;
    background-color: #D6D9DA;
    margin-left: 0;
    margin-top: 5rem;
    }

    .topNavBar{
    height:5rem;
    }
    .barLeftTitle{
      font-size: 1.5rem;
        line-height: 1.8rem;
    width: 41%;
    padding-right: 2%;
    }
    .page{
    padding: 2rem;
    z-index: 5;
    position:relative;
    width:calc(100% - 4rem);
    }
    .page2{
      width:calc(100% - 4rem);
    }

    .descriptionText span{
    font-size:1.6rem!important;
    margin-block-start: 0!important;
    margin-top: 1rem;

    }
    .testimonial img{width:10%;}
    .testimonial{
    width: 70%;
    }
    .topButton{display:none;
    }

    p{
    font-size: 1rem;
    }
    h1{
    font-size: 1.7rem;
    }
    h3{
    font-size: 1.2rem;
    }
    .subTitle{
      margin-top: 1.3rem;
      font-size:1.3rem;
      width: 100%;
    }
    .titleContent{
    font-size: 2rem;
    width: 95%;
    margin-bottom: 2rem;
    }
    .leftGradientSquare{
    display:none;
    }
    .topGradientSquare{
      width: 90px;
      height:26px;
      background: linear-gradient(to top right, #72ac83,#258e80);
      position: absolute;
      border-radius: 4px;
      top: -27px;
      left: 25%;
      z-index: -25;
    }
    .topButtonMobile{
      display:inline-block!important;
    }
    .learnMoreButton{
      margin-top: 1rem;
    }
    .topButtons .arrowButton{
      display:none;
    }
    .imgAbsolute{
      top: 57%;
      width: 70%;
      right: 0%;
    }
    .videoImg{
      width:100%;
    }
    .textLeft {
      width:100%;
    }
    .contentAgenda{
        width:100%;
        position:relative;
        flex-wrap: nowrap;
        margin-bottom: 1rem;
    }
    .boxAgenda{
        width:95%;
        height: auto;

    }
    .buttonAgenda .topButton{
        padding: 7px 10px;
    }
    .boxAgendaContent p{
        width: 95%;
    }
    .buttonAgenda .arrowButton{
        display:none;
    }
    .boxAgendaContent{
        padding: 10px 2rem;
    }
    .contentAgendaRight .descriptionText{
        margin-top: 1.5rem;
    }
    .contentLeftAgenda{
        width:100%;

    }

    .videoIframe{
      width:100%;
      height:auto;
      border-radius: 15px;
    }
    #content4 .descriptionText{
        width:100%;
    }
    .shareBoxHalf{
      width:100%;
    }
    .leftTimelineImg{
      width: 8%;
        heighT: auto;
    }
    .gallerySlider{
        display:none;
    }
    .agendaItems{
      flex-wrap: wrap;
    }
    .contentAgendaRight{
        width:100%;
        margin-top: 2rem;
    }
    .mapRight{
      position:relative;
      margin-top: 1.5rem;
      width: 100%;
      height:auto!important;
    }
    .mapRight img {
      width:100%!important;
      height:auto!important;
      object-fit: contain!important;
    }

    .testimonialContainer{
      width:100%;
      margin-right: 0;
      margin-bottom: 1.5rem;
    }
    .textTestimonial{
      width:100%!important;
    }
    .headlinePage3{
      margin-bottom: 2rem;
    }
    .imageTestimonial{

      margin-bottom: 10px;
    }
    .contentBox{
    width:100%!important;
    margin-bottom: 20px!important;
    margin-right: 0;
    margin-top: 1rem;

    }.contentContentBox{
    min-height: 2rem!important;
    font-size: .9rem;
    }
    .imageTestimonial img{
        width: 5rem;
        height: 5rem;
        object-fit: cover;
    }
    .thematicCoursesContainer{
    flex-wrap: wrap;
    }
    .thematicCourseBox{
    width: 100%;
    margin-bottom: 2rem;
    margin-top: 0;
    margin-right:0;
    }
    .imgThematicCourseBox{
    width: 100%;
    border-radius: 0px;
    }
    .contentBoxes .contentBox:first-child {
    margin-top: 0;
    }
    .lastBoxAgenda{
        margin-bottom: 2rem;
    }
    .contentContentBoxRight p{
    margin-block-start: 0!important;
    margin-block-end: 0!important;
    }
    .contentContentBox p{
    margin-block-start: 0!important;
    margin-block-end: 0!important;
    }
    .imgFocusContentBox{
    border-radius: 8px;
    margin-bottom: .8rem;
    }
    .contactBox{
    width: 47%;
    }
    .contactBox p{
    word-break: break-all;
    }
    .contactContent a{
    word-break: break-all;
    }
    .page6LeftContent{
    width:100%;
    }
    .bottomBoxContent{
    width:100%;
    justify-content: space-between;
    }
    .bottomBoxContent .barLeftTitle {
      width: 40%;}

    .euronextMap{
    position:relative;
    width:100%;
    }
    .contentContentBox p, .contentContentBox ul{
      opacity:1;
    }
    .sliderTestimonials{
            width: 80vw;
    }

    .imgInvisible{
      display:none;
    }
    .thirdScreen{
      width:41%!important;
    }
    .textAgenda{
      align-items: flex-start!important;
    }
    .testimonialProfileVideo{
      display: inline-block;
      margin-right:15px;
    }
    .contentcontentboxLeft{
      widtH:100%;
    }
    .galleryItem{
      width:18%;
      border-radius: 0;
    }
    .contentContentBoxLeft img{
      margin: 15px 0;
    }

    .contentcontentboxRight{
      widtH:100%;
    }
    .imageTestimonialLast{
      display:flex;
    }
    .rightside{
        display:none;
    }
    .specialTracking{
      margin-top:0;
    }
    .videoIframeProgramme{
      margin-top: 1rem;
    }
    .videoImgTestimonial{
      height: auto;
      display:none;
    }
    .lastBoxAgenda img{
      margin-bottom: -10px;
    }
    .barLeftGreen .barLeftTitle span{
      font-size:1rem;
    }
    .contactContainer{
      display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }
    .desktopMenu{
      display:none;
    }
    .menuMobile{
      display: block;
      overflow-y:visible;
    }
    }
    @media(min-width:1366px){
      .CB1{
        margin-top: 0;
          min-height: 20rem;
      }
      .CB2{
        min-height: 17rem;
      }
    }