/*   
Theme Name: Universiapolis 2026
Theme URI: 
Description: upgraded version of the Custom Wordpress theme for Universiapolis Agadir
Author: Fahd Idaghdour
Author URI: http://fahdos.com
Version: 1.1
*/


/* ==========================================================================
   Reset 2020 ^^
   ========================================================================== */

*,*::before,*::after {box-sizing: border-box;}
body,h1,h2,h3,h4,p,figure,blockquote,dl,dd {margin: 0;}
ul, ol{list-style: none; padding: 0; margin: 0;}
html {scroll-behavior: smooth;}
body {min-height: 100vh;text-rendering: optimizeSpeed;line-height: 1.5;}
a:not([class]) {text-decoration-skip-ink: auto;}
img,picture {max-width: 100%;display: block; height: auto;}
input,button,textarea,select {font: inherit;}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important;}}
a {text-decoration: none; color: var(--primary); transition: all .4s cubic-bezier(0.46, 0, 0.07, 1);}
a:active, a:hover {outline: 0; transition: all .4s cubic-bezier(0.46, 0, 0.07, 1); outline:none}
:focus { outline: none; }
button {border: none; background: none; padding: 0;}
button:hover {cursor: pointer;} 
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
a.btn, button.btn {display: inline-block; padding: 10px 30px; border-radius: 5px; background-color: var(--primary); color: #fff; align-self: flex-start; text-transform: uppercase;}
a.btn:hover, button.btn:hover {background-color: var(--dark);}
h1, h2, h3 {margin-bottom: 20px; font-weight: 600; line-height: 1.45;}
p, ul {margin-bottom: 20px; color: var(--dark);}
li {margin-bottom: 5px;}

:root {
  --primary: #278562;
  --secondary: #f87526 ;
  --dark: #22281E;
  --light: #F2F8F1;
}

/* ==========================================================================
   General
   ========================================================================== */
html {}
body {overflow-x: hidden; font-family: 'Poppins', sans-serif; background: #F2F8F1; font-weight: normal; font-style: normal; font-size: 15px; color: var(--dark); line-height: 1.6; letter-spacing: 0.5px}
body.noscroll {overflow-y: hidden;}
section {width: 100%; padding: 80px 20px;}
.row {width: 100%; max-width: 1200px; margin: 0 auto;}
.centertitle {font-size: 30px; text-align: center; margin: 0 auto 50px auto;}
.arrowlink {text-decoration: underline; padding-right: 25px; background-image: url(img/arrowlink.svg); line-height: 1 !important; font-size: 14px; margin-bottom: 0; display: inline-block; font-weight: 400; background-repeat: no-repeat; background-position: right center; background-size: 16px 15px; align-self: flex-start;}
.arrowlink:hover {padding-right: 35px; text-decoration: none;}
.ar {font-family: "Cairo", sans-serif; direction: rtl; text-align: right; font-size: 105% !important;}

.acf-editor-wrap iframe {min-width: none;}
button.outline {padding: 10px 25px; border-radius: 50px; text-decoration: none; color: var(--primary); border: 2px solid var(--primary);font-weight: 500; transition: all .4s cubic-bezier(0.46, 0, 0.07, 1);}
button.outline:hover {background: var(--primary); color: #fff; transition: all .4s cubic-bezier(0.46, 0, 0.07, 1);} 

#cmplz-manage-consent .cmplz-manage-consent {display: none !important}
video::-webkit-media-controls {display: none !important;}
video::-webkit-media-controls-enclosure {display: none !important;}


/* Header
   ========================================================================== */
.header {border-top: 7px solid var(--primary); width: 100%; display: flex; flex-direction: column; z-index: 999; position: relative; justify-content: space-between; align-items: center; transition: all .8s cubic-bezier(0.46, 0, 0.07, 1);
box-shadow: 0px -2px 13px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px -2px 13px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px -2px 13px 0px rgba(0,0,0,0.15);}
.topheader { min-height: 30px; width: 100%; padding: 6px 20px; display: flex; justify-content: flex-end; border-bottom: 1px solid #e5f1ef;}
.topheader .toplinks {display: flex; justify-content: center;}
.topheader .toplinks ul {margin-bottom: 0; display: flex;}
.topheader .toplinks li {font-size: 12px; display: flex; gap: 5px; font-weight: 400; padding: 0 20px 0 0; align-items: center; margin-bottom: 0;}
.topheader .toplinks li a {color: var(--dark);}
.topheader .toplinks li a:hover {text-decoration: underline;}
.topheader .toplinks img {display: block; height: 16px;}
.topheader .quickicons {color: var(--light); font-size: 13px; display: flex; gap: 10px; font-weight: 300; line-height: 1.5;}
.topheader .quickicons img {display: block; height: 20px; filter: invert();}
.topheader .quickicons a, .topheader .quickicons span { height: 36px; font-weight: 500; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); transition: all .4s cubic-bezier(0.46, 0, 0.07, 1); padding:8px 8px 5px 7px; border-radius:5px; background: #389e78; color: var(--light); text-decoration: none; display: flex; gap: 5px; font-size: 15px;}
.topheader .quickicons a.gold {background: #bf8700;}
.topheader .quickicons a:hover, .topheader .quickicons span:hover {background: var(--dark); cursor: pointer; transition: all .4s cubic-bezier(0.46, 0, 0.07, 1);}
.topheader .quickicons a:hover img { }


.search-form {display: flex; align-items: center; max-width: 400px; margin: 0 0 0 10px; }
.search-form label {position: relative;}
.search-form .search-field { flex: 1; padding: 7px 10px; font-size: 13px; border: none; border-radius: 4px 0 0 4px; outline: none; background: #e6efe4; border:none; width: 163px;}
.search-form .search-field:focus { border-color: none;}
.search-form .search-field::placeholder {font-weight: 300;}
.search-form .search-submit { padding: 7px 10px; font-size: 13px; color: #fff; background-color: var(--primary);  border: none;  border-radius: 0 4px 4px 0; cursor: pointer;}
.search-form .search-submit:hover { background-color: var(--dark);}
.screen-reader-text { position: absolute; width: 1px; height: 1px;padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}

.mainheader {display: flex; width: 100%; justify-content: space-between; align-items: center; padding: 10px 20px 15px 20px;}
.header .logo img {display: block; width: 200px; transition: all .4s cubic-bezier(0.46, 0, 0.07, 1);}

.header nav {display: flex; padding: 5px 0;}
.header nav .searchmenu {margin-bottom: 10px;}
.header nav .searchmenu img {display: block; width: 24px; height: auto; filter: invert(); opacity: .5; margin-left: 10px;}
.header nav .searchmenu img:hover {opacity: 1;}
.header nav ul {margin-bottom: 0; position:relative;}
.header nav ul li {display: inline-block; padding:20px; margin-bottom:0; position: relative; }
.header nav ul li:before {content: ''; position: absolute; bottom: 15px; left: calc(50% - 5px); width: 0px; height: 2px; background-color: var(--secondary);  transition: all .4s cubic-bezier(0.46, 0, 0.07, 1);}
.header nav ul li a { color: var(--dark); display:block; }
.header nav ul > li.current-menu-item:before, .header nav ul > li.current-page-ancestor:before, .header nav ul > li.current-menu-parent:before, .header nav ul > li:hover:before { width: 10px;  transition: all .4s cubic-bezier(0.46, 0, 0.07, 1);}
.header .btn {padding: 14px 15px; background: var(--secondary); color: #fff; border-radius: 5px; align-self: initial; width: 200px; text-align:center; font-weight:600; letter-spacing:1px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }

.header  nav ul li ul.sub-menu {position: absolute; top: 55px; display: none; background: #fff; border-radius: 5px; padding: 17px 12px  7px 12px; white-space: nowrap;
box-shadow: 0px 0px 30px -2px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 30px -2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 30px -2px rgba(0,0,0,0.15);}
.header nav ul li ul.sub-menu li {margin-bottom: 10px; display: block; padding: 0 10px;}
.header nav ul li ul.sub-menu li a {color: var(--dark); font-size: 14px;}
.header nav ul li:hover ul.sub-menu {display: block;}
.header nav ul li ul.sub-menu li:hover a, .header nav ul li ul.sub-menu li.current-menu-item a {color: var(--secondary);}
.header nav ul ul.sub-menu li.current-menu-item:before, .header nav ul ul.sub-menu li:hover:before {display: none;}


.header.showmenu {height: 100vh; justify-content: flex-start; box-shadow: none;}
.header.showmenu .topheader {flex-direction: column;}
.header.showmenu .topheader .toplinks {order: 2;}
.header.showmenu .topheader .toplinks .search-form {margin: 10px auto 15px auto;}
.header.showmenu .mainheader .logo {display: none;}
.header.showmenu .mainheader {flex-direction: column;}
.header.showmenu nav ul {display: flex; flex-direction: column;}
.header.showmenu nav ul li {text-align: center; padding: 10px 7px 15px 7px}
.header.showmenu .search-form { margin: 15px auto 20px auto; }



/* Footer
   ========================================================================== */
footer {background: var(--primary);}
footer .row  {display: flex;}
footer section {padding: 30px 20px;}
footer ul, footer li {margin-bottom: 0;}
footer .newsletter {border-bottom: 1px solid rgba(255, 255, 255, .1);}
footer .newsletter .row {justify-content: space-between;}
footer .newsletter p {color: var(--light); width: 45%; font-size: 18px; font-weight: 300; line-height: 1.2; letter-spacing: 1px;}
footer .newsletter p strong {display: block; font-size: 30px; font-weight: 500;}
footer .newsletter form {width: 55%;}
footer .newsletter fieldset {display: flex; background: #fff; border: none; padding: 0; display: flex; margin-bottom: 10px;}
footer .newsletter fieldset input {flex-grow: 2; border: none; padding: 10px;}
footer .newsletter fieldset input::placeholder { font-weight: 300; font-size: 13px;}
footer .newsletter fieldset button {border-radius: 0; letter-spacing: 1px;}
footer .newsletter form span {font-size: 12px; color: var(--light); font-weight: 300; opacity: 0.5;}

footer .bottomfooter {border-top:1px solid rgba(255, 255, 255, .1); }
footer .bottomfooter .row {display: flex; justify-content: space-between; align-items: center;}
footer .bottomfooter li { display: inline-block; margin-left: 20px;}
footer .bottomfooter p, footer .bottomfooter a {text-transform: uppercase; color: var(--light); font-weight: 300; font-size: 12px; margin-bottom: 0;}
footer .bottomfooter a:hover {opacity: 1; text-transform: uppercase; text-decoration: underline;}

footer .mainfooter {padding: 60px 20px; display: flex;}
footer .mainfooter nav {display: flex; flex-grow: 2; justify-content: space-between;}
footer .mainfooter nav ul {letter-spacing: 1px;}
footer .mainfooter nav li {margin-bottom: 7px; }
footer .mainfooter nav li a {font-size:12px; color:var(--light);font-weight:300; }
footer .mainfooter nav li a:hover {opacity: 1; text-decoration: underline;}
footer .mainfooter nav span {font-weight: 600; font-size: 18px; color: var(--light); margin-bottom: 15px; display: block;}

footer .footerinfo { padding-right:100px; margin-right:100px; border-right:1px solid rgba(255, 255, 255, .1); }
footer .footerinfo img {display: block; margin-bottom: 30px; width: 200px;}
footer .footerinfo ul { margin-bottom:30px; }
footer .footerinfo li {color: var(--light); font-weight: 300; font-size: 13px; margin-bottom: 5px;}
footer .footerinfo li:hover {opacity: 1;}
footer .footerinfo li a {color: var(--light); text-decoration: underline;}
footer .footerinfo .social {display: flex;}
footer .footerinfo .social img {filter: invert(); width: 30px; height: 30px; margin: 0 3px; opacity: 0.6;}
footer .footerinfo .social img:hover {opacity: 1;}


.brd {padding: 20px;}
#breadcrumbs {font-size: 13px; width: 100%;}
#breadcrumbs a {color: var(--dark);}
#breadcrumbs a:hover {color: var(--primary);}
#breadcrumbs .breadcrumb_last {font-weight: 300;}

/* Home
   ========================================================================== */
.hero {padding: 0 !important;}
.hero .item {height: calc(100dvh - 160px); width: 100%; position: relative; display: flex !important; align-items: flex-end; justify-content: flex-end; background-size: cover; background-position: center;}
.hero .item article {position: relative; z-index: 1; display: flex; flex-direction: column; width: 50%; background-color: #fff; padding: 30px; border-radius: 10px 0 0 0;}
.hero .item article h1 { font-size: 28px; font-weight: 600; letter-spacing: 1px; line-height: 1.2; margin-bottom: 20px;}
.hero .item article p { opacity: 0.7; margin-bottom: 20px; font-weight: 300;}

.herovid {position: relative; padding: 0 !important; height: calc(100dvh - 160px); width: 100%; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.herovid:after {content: "";}
.herovid video {position: absolute; top: 0;left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; background: var(--primary);}
.herovid p {font-size: 50px; font-weight: 600; color: #fff; margin-bottom: 0; position: relative; z-index: 2; text-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2);}
.herovid img.scroll {position: absolute; bottom: 20px; left: calc(50% - 10px); filter: invert(); display: block; width: 20px; height: auto; z-index: 2;}


.numbers {padding: 30px 20px; background: var(--primary); color: var(--light);}
.numbers .row {display: grid; gap: 20px; grid-template-columns: repeat(4, 1fr);}
.numbers .row .item {display: flex; justify-content: center; align-items: center; flex-direction: column; font-weight: 300; text-align: center;}
.numbers .row .item span {font-weight: 600; font-size: 36px; color: #fff;}

.smarttabs .centertitle {margin: 0 auto 40px auto;}
.smarttabs article.introst {text-align: justify; max-width: 750px; margin: 0 auto 60px auto;}

.calltoaction {padding: 0 20px;}
.calltoaction .row {background: var(--primary); border-radius: 10px; display: flex; justify-content: space-between; align-items: center; padding: 40px;}
.calltoaction .row h2 {color: var(--light); margin-bottom: 0; max-width: 650px; font-size: 18px; font-weight: 500;}
.calltoaction .row .btn {align-self: initial; background: var(--light); color: var(--dark); font-weight: 500; padding: 15px 30px; text-align: center;}
.calltoaction .row .btn:hover {background-color: var(--dark); color: var(--light);}


.campus {padding-bottom: 0;}
.campus .row {position: relative; min-height: 500px; display: flex; justify-content: center;align-items: center; padding-left: 400px;}
.campus .row .cover {aspect-ratio: 1/1; border-radius: 10px; width: 500px; overflow: hidden; position: absolute; left: 0;}
.campus .row .cover picture {width: 100%; height: 100%; object-fit: cover;}
.campus .row .cover img {width: 100%; height: 100%; object-fit: cover;}
.campus .row .camptab {position: relative; z-index: 2; padding: 30px; background: #fff; height: fit-content; border-radius: 10px; min-height: 380px;
box-shadow: 0px 0px 30px -2px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 30px -2px rgba(0,0,0,0.15);}
.menutabs { padding: 0; list-style: none; position: relative; margin-bottom: 30px;}
.menutabs .active-tab, .menutabs li:hover {  position: relative; color: black; background:  var(--primary); color: var(--light);}
.menutabs li { display: inline-block; cursor: pointer; padding: 7px 15px; margin-bottom: 0; background: var(--light); border-radius: 7px; font-size: 14px;}
.tabs-content { padding: 0; list-style: none; font-size: 14px;}
.tabs-content li { display: none;}


.actulist {}
.actulist .row {}
.actulist h1 {margin-bottom: 40px;}
.actulist .blogposts {display: grid; grid-column-gap: 20px; grid-template-columns: repeat(3, 1fr);}
.actulist article {padding: 10px;}
.actulist article a {background: #fff; border-radius: 10px; overflow: hidden; display: block;
box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.1);}
.actulist .blogposts a:hover {background: var(--primary);}
.actulist article img {aspect-ratio: 500/250; width: 100%; height: 100%; object-fit: cover;}
.actulist article small {padding: 15px 15px 0 15px; color: var(--dark); display: block; opacity: 0.7;}
.actulist article h3 { font-weight:400; font-size:15px; min-height: 58px; padding: 15px 15px 0 15px; margin-bottom: 20px; color:var(--dark); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.actulist article a:hover h3 {color: var(--primary);}
.actulist article a:hover small {color: var(--dark);}
.actulist .blogposts article a:hover small, .actulist .blogposts article a:hover h3 {color: #fff;}

.actulist .arrowlink {margin-left: 15px; text-decoration: none;}

.homeevent {padding: 40px 20px 80px 20px;}
.homeevent .row {display: grid; gap: 40px; grid-template-columns: repeat(2, 1fr);}
.homeevent article {}
.eventlist {}
.eventlist .event {position: relative; border-radius: 7px; background: #fff; padding: 10px 60px 10px 120px; min-height: 70px; display: flex; align-items: center; margin: 25px 0;
box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.05);
-webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.05);
-moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.05);}
.eventlist .event:after {transition: all .4s cubic-bezier(0.46, 0, 0.07, 1); content: ""; position: absolute; right: 10px; top: calc(50% - 20px); opacity: 0.3; height: 40px; width: 40px; background-image: url('img/right.svg'); background-repeat: no-repeat;
background-position: center center; background-size: 20px;}
.eventlist .event:before {transition: all .4s cubic-bezier(0.46, 0, 0.07, 1); content: ""; position: absolute; right: 10px; top: calc(50% - 20px); height: 40px; width: 40px; background:var(--light); border-radius: 5px;}
.eventlist a:hover .event:before {background: var(--primary);}
.eventlist a:hover .event:after {opacity: 1; filter: invert();}
.eventlist .event .evdate {position: absolute; left: 20px; top: -10px; border-radius: 5px; background: var(--primary); color: #fff; padding: 10px; min-width: 80px; text-align: center; font-weight: 300;}
.eventlist .event .evdate span {display: block; width: 100%; font-weight:600; }
.eventlist .event h3 {margin-bottom: 0; font-weight: 500; font-size: 14px; color: var(--dark);}
.eventlist a:hover h3 {color: var(--primary);}

.eventcal {padding-top: 40px;}
.eventcal h1 { margin-bottom:20px; font-size:28px; position: relative; }
.eventcal h1:after {content: ""; width: 40px; height: 4px; background:var(--secondary); position:absolute; left:0; bottom:-5px; }
.eventcal h2 { font-size:16px; margin-top: 35px; font-weight:500;}

.smartbloc.blog { padding-top: 20px !important;}
.smartbloc.blog .row {max-width: 800px; }
.smartbloc.blog  h1 { background: var(--light); margin-bottom: 15px; border-radius: 7px;}
.smartbloc.blog figure {margin-bottom: 30px;}


/* ==========================================================================
   Custom post types
   ========================================================================== */
.intro { padding-bottom: 40px; }
.intro .row {display: grid; gap: 40px; grid-template-columns: repeat(2, 1fr);}
.intro article {display: flex; flex-direction: column; justify-content: center;}
.intro article h1 {font-size: 32px; margin-bottom: 30px;}
.intro article ul {list-style: disc; padding-left: 30px;}
.intro article ul li {display: list-item !important; margin-bottom: 10px;}
.intro article.ar ul {padding: 0 30px 0 0;}
.intro article .btnbloc {  }
.intro .media {position: relative; padding-left: 40px;}
.intro .media img {border-radius: 10px; height: auto;}
.intro .media .introtags {position: absolute; top: 20px; left: 0;  display: flex; flex-direction: column;}
.intro .media .introtags .item {border-radius: 7px; background: #fff; padding: 10px 20px; font-weight: 500; margin: 5px 0; width: max-content; box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.05); 
-webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.05);
-moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.05);}
.intro .media .introtags .item img {width: 100%; max-width: 160px; border-radius: initial; display: block;}

.intro .btnbloc {display: flex; flex-wrap: wrap; gap: 30px; padding-top: 25px;}
.intro .btnbloc a.btn {padding: 10px 50px 10px 10px; text-transform:initial; position:relative; min-height:40px; font-weight:300; }
.intro .btnbloc a.btn:hover {background: var(--secondary); } 
.intro .btnbloc a.btn:after {transition: all .4s cubic-bezier(0.46, 0, 0.07, 1); content: ""; position: absolute; right: 7px; top: calc(50% - 15px); opacity: 0.3; height: 30px; width: 30px; background-image: url('img/arrowdown.svg'); background-repeat: no-repeat;
background-position: center center; background-size: 20px;}
.intro .btnbloc a.btn:before {transition: all .4s cubic-bezier(0.46, 0, 0.07, 1); content: ""; position: absolute; right: 7px; top: calc(50% - 15px); height: 30px; width: 30px; background:var(--light); border-radius: 5px;}
.intro .btnbloc .arrowlink {padding-top: 13px; padding-bottom: 13px;}

.maincontent {}
.maincontent .row {max-width: 800px;}
.maincontent ul {padding: 0 0 0 30px; list-style: circle;}
.maincontent ul li {margin-bottom: 10px;}
.maincontent ul li:last-of-type {margin-bottom: 0;}

.ecolegal {padding-top: 40px; padding-bottom: 40px}
.ecolegal figure {padding: 0 10px;}
.ecolegal img {border-radius: 10px;}


.formations {}
.formations .row {display: flex; flex-direction: row; gap: 40px; align-items: flex-start;}
.formations aside {flex: 0 0 260px; border-radius: 10px; background: #fff; box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.05);  -webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.05); -moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.05);}
.formations aside .filter {padding: 15px; font-size: 13px; border-bottom: 1px dashed #eee;}
.formations aside .filter:last-child {border-bottom: none;}
.formations aside .filter h3 {font-size: 15px; font-weight: 500; margin-bottom: 10px;}
.formations aside .filter ul {margin: 0;}
.formations aside .filter ul li {margin-bottom: 5px;}
.formations aside .filter ul li:last-child {margin-bottom: 0;}
.formations aside .filter label {display: flex; align-items: flex-start; gap: 5px; color: #555;}
.formations aside .filter label:hover {cursor: pointer; color: var(--primary);}


.formationslist {width: 100%; display: grid;grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.formation {background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.05);  -webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.05); -moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.05);}
.formation a {display: flex; flex-direction: column; padding: 10px; color: var(--dark); height: 100%;}
.formation .cover {position: relative; margin-bottom: 20px; overflow: hidden; aspect-ratio: 16/9; border-radius: 7px;}
.formation .cover img {width: 100%; height: auto;  transition: all .4s cubic-bezier(0.46, 0, 0.07, 1);}
.formation .cover span {position: absolute; bottom: 10px; font-size: 13px; color: #555; left: 10px; background: var(--light); padding: 5px 10px; border-radius: 5px;}
.formation .cover small {position: absolute; bottom: 10px; font-size: 13px; color: #fff; right: 10px; background: #95490E; padding: 5px 10px; border-radius: 5px;}
.formation h2 { font-weight: 400; font-size: 14px; margin-bottom: 10px;}
.formation .niveau { display: none; font-size:12px; margin-top: auto; padding-top:10px; border-top:1px dashed #eee; color:#666; }
.formation .niveau strong {font-weight: 500;}
.formation a:hover img {transform: scale(1.1); transition: all .4s cubic-bezier(0.46, 0, 0.07, 1);}

.tabformation {padding: 0;}
.tabformation .row {max-width: 100%; display: flex; justify-content: center;}
.tabformation .row:last-child {background: #fff; padding: 50px 20px 120px 20px; position: relative; z-index: 2;}
.tabformation .menutabs {margin-bottom: 0;}
.tabformation .menutabs li {border-radius: 10px 10px 0 0; color: var(--dark); padding: 14px 40px 10px 40px; font-weight: 500; font-size: 15px; text-transform: uppercase; }
.tabformation .menutabs .active-tab, .tabformation .menutabs li:hover {background: #fff; box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.05); 
-webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.05);
-moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.05); }
.tabformation .tabs-content {margin-bottom: 0;}
.tabformation article {max-width: 800px; margin: 0 auto;}
.tabformation article ul {list-style: disc; padding-left: 30px;}
.tabformation article ul li {display: list-item !important; margin-bottom: 10px;}
.tabformation article.ar ul {padding: 0 30px 0 0;}

.relatedetap {}
.relatedetap .row {display: grid; gap: 40px; grid-template-columns: 1fr;}
.relatedetap article {}
.relatedetap .relatedform {}
.relatedetap .relatedform ul {}
.relatedetap .relatedform li {display: inline-block; margin: 0 10px 10px 0;}
.relatedetap .relatedform a {display: block; background: #fff; border-radius: 5px; padding: 10px 15px; color: var(--dark); font-family: "Poppins", "Cairo", sans-serif;
box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.05); 
-webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.05);
-moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.05);}
.relatedetap .relatedform a:hover {background: var(--secondary); color: #fff;}



/* ==========================================================================
   Smart Blocs
   ========================================================================== */
.smartbloc {padding: 50px 20px;}
.smartbloc:first-of-type {padding-top: 50px; }
.smartbloc.full:first-of-type {padding-top: 0px; }
.smartbloc.separateur {height: 60px; padding: 0 20px;}
.smartbloc h1 {font-size: 28px; margin-bottom: 30px;}
.smartbloc h2 {margin-bottom: 20px;}
.smartbloc h3 {margin-bottom: 20px;}
.smartbloc h4 {margin-bottom: 20px;}

.smarthero {padding: 50px 20px; position: relative; height:calc(100vh - 300px); min-height: 500px; background:var(--primary); }
.smarthero figure {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.smarthero img {display: block; width: 100%; height: 100%; object-fit: cover}
.smarthero .row {display: flex; height: 100%; position: relative; align-items: center;}
.smarthero article {background: rgba(0, 0, 0 , 0.7); max-width: 730px; padding: 30px; border-radius: 0 5px 5px 0; border-left: 8px solid var(--secondary);}
.smarthero article h1 {color: #fff; font-size: 32px;}
.smarthero article p {color: #fff;}
.smarthero article p:last-of-type {margin-bottom: 0;}

.smartbloc.full .row, .smartbloc.fullmedia .row {max-width: 800px;}
.smartbloc.full .cover {position: relative;width: 100%; margin-bottom: 30px;}
.smartbloc.full .cover img {display: block; border-radius: 10px; width: 100%;}
.smartbloc.full .cover h1 {position: absolute; bottom: 15px; left: 15px; background: var(--light); padding: 5px 10px; margin-bottom: 0; border-radius: 7px;}

.smartbloc .grid1, .smartbloc .grid2, .smartbloc .grid3, .smartbloc .grid4 {display: flex; flex-wrap:wrap; gap: 80px; align-items:center; }
.smartbloc .grid1 > *:first-child, .smartbloc .grid1 > *:last-child {flex: 0 0 calc(50% - 40px);}
.smartbloc .grid2 > *:first-child {flex: 0 0 calc(40% - 40px);}
.smartbloc .grid2 > *:last-child {flex: 0 0 calc(60% - 40px);}
.smartbloc .grid3 > *:first-child {flex: 0 0 calc(60% - 40px);}
.smartbloc .grid3 > *:last-child {flex: 0 0 calc(40% - 40px);}
.smartbloc .grid4 > *:first-child {flex: 0 0 100%;}
.smartbloc .grid4 > *:last-child {flex: 0 0 100%;}
.smartbloc .grid4  {gap: 50px;}
.smartbloc .order2 > *:first-child {order: 2;}


.smartbloc .mediabloc {display: flex; justify-content: center; overflow: hidden;}
.smartbloc .mediabloc img, .smartbloc.radiusimg img, .smartbloc .mediabloc video  {border-radius: 10px; width: 100%;}
/*.smartbloc .mediabloc img, .smartbloc .mediabloc video {max-width: 100%; transform: scale(1.01);}*/

.smartbloc article p {font-size: 14px; margin-bottom: 20px;}
.smartbloc article > *:last-child {margin-bottom: 0;}
.smartbloc article ul {font-size: 14px; margin-bottom:20px; list-style: disc;  padding-left: 30px;}
.smartbloc article li {margin-bottom : 5px; background-position: 0 3px; background-size:20px 20px; background-repeat:no-repeat; }

.smartbloc article .cust-widget-wrapper li {margin-bottom: 0; background-image: none;}

.smartbloc .btnbloc {display: flex; flex-wrap: wrap; gap: 10px; padding-top: 5px;}
.smartbloc .btnbloc a.blue {padding: 10px 25px; border-radius: 24px; text-decoration: none; background: var(--primary); color: #fff; border: 2px solid var(--primary);font-weight: 500;}
.smartbloc .btnbloc a.blue:hover {background: none; color: var(--primary); } 
.smartbloc .btnbloc a.yellow {padding: 10px 25px; border-radius: 24px; text-decoration: none; background: var(--secondary); color: var(--primary); border: 2px solid var(--secondary);font-weight: 500;}
.smartbloc .btnbloc a.yellow:hover {background: none;} 
a.outline {padding: 10px 20px; font-size: 14px; border-radius: 24px; text-decoration: none; color: var(--primary); border: 2px solid var(--primary);font-weight: 500; text-align: center;}
a.outline:hover {background: var(--primary); color: #fff; cursor: pointer; } 
.smartbloc .btnbloc a.link {padding: 10px 0; color: var(--primary); font-weight: 500;}
.smartbloc .btnbloc a.link:hover { color: var(--secondary); } 

.smartbloc .smallblocs {display: grid; gap: 15px; }
.smartbloc .smallblocs.twoblocs {grid-template-columns: repeat(2, 1fr);} 
.smartbloc .smallblocs.threeblocs {grid-template-columns: repeat(3, 1fr);}
.smartbloc .smallblocs.fourblocs {grid-template-columns: repeat(4, 1fr);}
.smartbloc .smallblocs .item {display: flex; flex-direction: column; padding: 25px; border-radius: 15px; border: 1px solid transparent;}
.smartbloc .smallblocs h2 { font-size: 22px;}
.smartbloc .smallblocs h3 { font-size:16px }
.smartbloc .smallblocs h4 { font-size:14px; }
.smartbloc .smallblocs p { font-size:14px; }
.smartbloc .smallblocs article {flex-grow: 1; display: flex; flex-direction: column;}
.smartbloc .smallblocs article > *:last-child {margin-bottom: 0;}
.smartbloc .smallblocs article .btnbloc {margin-top: auto;}
.smartbloc .smallblocs .smallimg {display: flex;}
.smartbloc .smallblocs .smallimg.smallimgleft {justify-content: flex-start;}
.smartbloc .smallblocs .smallimg.smallimgcenter {justify-content: center;}
.smartbloc .smallblocs .smallimg.smallimgright {justify-content: flex-end;}
.smartbloc .smallblocs .smallimg img {width: auto; height: auto; margin-bottom: 25px;}


.smartbloc .ytbcontainer {position: relative; overflow: hidden; border-radius: 12px; aspect-ratio: 16/9; width: 100%;}
.smartbloc .ytbthumbnail {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--secondary);}
.smartbloc .ytbthumbnail:hover {cursor: pointer;}
.smartbloc .ytbthumbnail img {width: 100%; height: auto; object-fit: cover;}
.smartbloc .ytbthumbnail:after {  content: ''; position: absolute; width: 70px; height: 70px; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGhlaWdodD0nMWVtJyB2aWV3Qm94PScwIDAgMzg0IDUxMic+PHBhdGggZmlsbD0nIzEzNTA2YycgZD0nTTczIDM5Yy0xNC44LTkuMS0zMy40LTkuNC00OC41LS45UzAgNjIuNiAwIDgwVjQzMmMwIDE3LjQgOS40IDMzLjQgMjQuNSA0MS45czMzLjcgOC4xIDQ4LjUtLjlMMzYxIDI5N2MxNC4zLTguNyAyMy0yNC4yIDIzLTQxcy04LjctMzIuMi0yMy00MUw3MyAzOXonIC8+PC9zdmc+);
    background-size: 20px; background-repeat: no-repeat; background-position: 53%; background-color: rgb(255 255 255 / 80%); backdrop-filter: blur(3px); box-shadow: 0 0 0 6px rgb(255 255 255 / 50%); transition: all .2s ease-in-out; z-index: 10;}
.smartbloc .ytbthumbnail:hover:after {box-shadow: 0 0 0 10px rgb(255 255 255 / 30%);}
.smartbloc .ytbcontainer iframe {width: 100%; height: auto; aspect-ratio: 16/9;}


.smartbloc.quote article {color: #fff;}
.smartbloc.quote article h1 {color: #fff; font-size: 24px;}
.smartbloc.quote article h2 {color: #fff; font-size: 22px;} 
.smartbloc.quote article h3 {color: #fff; font-size: 22px;}
.smartbloc.quote article h4 {color: #fff; font-size: 22px;}
.smartbloc.quote article h5 {color: #fff; font-size: 22px;}
.smartbloc.quote article p {font-size: 22px;}
.smartbloc.quote .row {border-radius: 15px; padding: 40px; gap:20px;}
.smartbloc.quote .rainbow {background: rgb(20,11,230); background: linear-gradient(150deg, rgba(20,11,230,1) 12%, rgba(148,11,230,1) 45%, rgba(253,29,29,1) 74%, rgba(242,105,40,1) 100%);}
.smartbloc.quote .green {background: rgb(20,182,97); background: linear-gradient(150deg, rgba(20,182,97,1) 44%, rgba(9,232,144,1) 90%);}

.smartbloc .cs {max-width: 100%;}
.smartbloc .cs .carrousel {padding: 40px;}
.smartbloc .cs .slider {padding: 80px;}
.smartbloc .cs .slider .item {padding: 0 2px;}
.smartbloc .cs .carrousel .item img { width: 100%; margin: 0 auto; max-width: 200px; height: auto; max-height: 77px; border-radius:10px; }
.smartbloc .cs .carrousel .item {padding: 0 10px; display: flex !important; justify-content: center; align-items: center;}


.histoire {background: #fcfffb; }
.timelineslider {position: relative;}
.timelineslider .item {display: grid !important; grid-gap:60px; grid-template-columns: 1fr 1fr;}
.timelineslider .item figure {display: flex; align-items: center;}
.timelineslider .item figure img {display: block; border-radius: 10px; width: 100%;}
.timelineslider .item article {display: flex; justify-content: center; flex-direction: column;}


.smartbloc.full.searchresults { padding-top:50px; }
.searchresults h1 {font-size: 25px;  }
.searchresults h2 {font-size: 15px; margin-top: 30px; color: var(--primary);}
.searchresults a {display: block; width: 100%; margin-bottom: 10px; color: var(--dark);}
.searchresults a:hover {color: var(--primary);}


/* ==========================================================================
   PLugins
   ========================================================================== */

/* Slick Slider */
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;
user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);
 -o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-initialized .slick-slide,.slick-slide img{display:block}
.slick-arrow.slick-hidden,.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}

.hero .slick-arrow {position: absolute; bottom: 20px; z-index: 99; width: 50px; height: 50px; text-indent: -9999px; background-repeat: none; background-size: 50px; opacity: 0.4; filter: invert();}
.hero .slick-arrow.slick-prev {left: 20px; background: url('img/arrowleftfill.svg') center center no-repeat; background-size: 50px 50px;}
.hero .slick-arrow.slick-next {left: 80px; background: url('img/arrowrightfill.svg') center center no-repeat; background-size: 50px 50px;}
.hero .slick-arrow:hover {opacity: 1; cursor:   pointer  ;}

.carrousel .slick-arrow {position: absolute; top: -20px; z-index: 99; width: 40px; height: 40px; text-indent: -9999px; background-repeat: none; opacity: 0.1; background-size: 40px;}
.carrousel .slick-arrow.slick-prev {right: 50px; background: url('img/leftline.svg') center center no-repeat; background-size: 40px 40px;}
.carrousel .slick-arrow.slick-next {right: 0px; background: url('img/rightline.svg') center center no-repeat; background-size: 40px 40px;}
.carrousel .slick-arrow:hover {opacity: 1; cursor:   pointer  ;}

.timelineslider .slick-arrow {position: absolute; top: -50px; z-index: 99; width: 40px; height: 40px; text-indent: -9999px; background-repeat: none; opacity: 0.1; background-size: 40px;}
.timelineslider .slick-arrow.slick-prev {right: 50px; background: url('img/leftline.svg') center center no-repeat; background-size: 40px 40px;}
.timelineslider .slick-arrow.slick-next {right: 0px; background: url('img/rightline.svg') center center no-repeat; background-size: 40px 40px;}
.timelineslider .slick-arrow:hover {opacity: 1; cursor:   pointer  ;}

.carrouseletab .slick-arrow {position: absolute; top: -50px; z-index: 99; width: 40px; height: 40px; text-indent: -9999px; background-repeat: none; opacity: 0.1; background-size: 40px;}
.carrouseletab .slick-arrow.slick-prev {right: 50px; background: url('img/leftline.svg') center center no-repeat; background-size: 40px 40px;}
.carrouseletab .slick-arrow.slick-next {right: 0px; background: url('img/rightline.svg') center center no-repeat; background-size: 40px 40px;}
.carrouseletab .slick-arrow:hover {opacity: 1; cursor:   pointer  ;}

.brochurebtn {text-align: center; padding-top: 20px;}
.brochurebtn .btn {padding: 14px 25px; background: var(--secondary); color: #fff; border-radius: 5px; align-self: initial; text-align:center; }

.slick-dots {position: absolute; bottom: 0; display: flex; justify-content: center; width: 100%;}
.slick-dots li {padding: 0 10px;}
.hero .slick-dots li button {text-indent: -9999px; width: 8px; height: 8px; border-radius: 50%; background-color: var(--light);}
.carrousel .slick-dots li button, .timelineslider .slick-dots li button, .carrouseletab .slick-dots li button  {text-indent: -9999px; width: 8px; height: 8px; border-radius: 50%; background-color: var(--dark); opacity:0.1;}
.carrousel .slick-dots li.slick-active button, .timelineslider .slick-dots li.slick-active button, .hero .slick-dots li.slick-active button, .carrouseletab .slick-dots li.slick-active button {background-color: var(--primary); opacity: 1;}
.hero .slick-dots li button {opacity: 0.8}
.carrousel .slick-dots, .carrouseletab .slick-dots {bottom: -60px;}
.timelineslider .slick-dots  {bottom: -85px;}
.slidetemoignages .slick-dots {bottom: initial; top: 20px;}


/* Contact form 7 */
.wpcf7-form fieldset { border: none; width: 100%; padding:0; margin-bottom: 30px; display: grid; grid-gap:20px; grid-template-columns: repeat(auto-fit, minmax(460px, 1fr));}
.wpcf7-form label {  display: block;}
.wpcf7-form input, .wpcf7-form select { width: 100%; border: 1px solid #eee; background: #f6f6f6; height: 40px; padding: 0 10px;}
.wpcf7-form textarea {width: 100%; border: 1px solid #eee; background: #f6f6f6;}
.wpcf7-form input.wpcf7-submit {background: var(--secondary); color: var(--light); text-transform: uppercase; height: 50px; border-radius: 5px;}
.wpcf7-form input.wpcf7-submit:hover {cursor: pointer;background: var(--primary) !important;}


/* AOS */
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}


/* Education media */
#emc-widget-container {padding-top: 20px;}
#emc-widget-container form {}
#emc-widget-container input, #emc-widget-container select {flex-grow: 1; border: none; height: 40px; padding: 5px; border-radius: 7px;}
#emc-widget-container input#form_phone {padding: 5px 5px 5px 50px;}
#emc-widget-container label {flex: 0 0 250px;}
#form > div {display: flex; margin-bottom: 10px;}
#emc-widget-container button { background: var(--primary); border: none; border-radius: 5px; padding: 14px 25px; margin-top: 15px; color: #fff; text-transform: uppercase; }
#emc-widget-container button:hover {background: var(--secondary);}
#emc-widget-container .form_policy {padding-top:20px;}
#emc-widget-container {}


#burger-menu {display: none; cursor: pointer;height: 27px; width: 27px; overflow: visible; position: relative; z-index:1010; position: absolute; top:31px; right: 20px;}
#burger-menu span,
#burger-menu span:before,
#burger-menu span:after {
  background: var(--primary);display: block;height: 4px;opacity: 1;position: absolute;transition: 0.3s ease-in-out;}
#burger-menu span:before,
#burger-menu span:after {content: "";}
#burger-menu span {right: 0px;top: 13px;width: 27px;}
#burger-menu span:before {left: 0px;top: -10px;width: 16px;}
#burger-menu span:after {left: 0px;top: 10px;width: 20px;}
#burger-menu.close { top: 31px; }
#burger-menu.close span {transform: rotate(-45deg); width: 27px;}
#burger-menu.close span:before {top: 0px;transform: rotate(90deg);width: 27px;}
#burger-menu.close span:after {top: 0px; left:0; transform: rotate(90deg); opacity:0; width:0; }


/* Tabs to Accordion */
#tabs-v {display: none;}
.tabs {
   width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}
.tabs__nav_link {
    cursor: pointer;
    text-decoration: none;
}
.tabs__content {
    display: block;
    transition: opacity 0.2s;
}
.tabs.style__horizontal .tabs__content,
.tabs.style__vertical .tabs__content {
    height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
}
.tabs.style__horizontal .tabs__content.is__active,
.tabs.style__vertical .tabs__content.is__active,
.tabs__content.is__active {
    opacity: 1;
    height: auto;
    visibility: visible;
}
.tabs.style__horizontal .tabs__nav {
    position: relative;
    z-index: 2;
    display: flex;
    margin-bottom: -1px;
}
.tabs.style__horizontal .tabs__nav .tabs__nav_link {
    border: 1px solid #ccc;
    border-bottom: 0;
    margin: 0 3px;
    padding: 10px;
    background: #eee;
    display: block;
}
.tabs.style__horizontal .tabs__nav .tabs__nav_link.is__active {
    font-weight: bold;
    background: #fff;
}
.tabs.style__horizontal .tabs__content.is__active {
    border: 1px solid #ccc;
    background: #fff;
    padding: 18px;
    position: relative;
    z-index: 1;
}
.tabs.style__horizontal .tabs__content .tabs__nav_link {
    display: none;
}
.tabs.style__vertical {
    display: flex;
    width: 100%;
}
.tabs.style__vertical .tabs__nav {
    flex: 0 0 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;

}
.tabs__content_wrapper {display: flex; align-items: center; gap: 30px;}
.tabs__content_wrapper .cover { flex: 0 0 40%; border-radius: 10px; overflow: hidden; aspect-ratio: 1200/1900;}
.tabs__content_wrapper .cover img {object-fit: cover; width: 100%; height: 100%; display: block;}
.tabs.style__vertical .tabs__nav .tabs__nav_link { font-size: 14px; text-align: initial;
   width: calc(100% - 30px); display: block; background: #fff; border-radius: 7px;
   color: var(--dark); font-weight: 500; transition: all .4s cubic-bezier(0.46, 0, 0.07, 1);
   padding: 15px 50px 15px 15px; margin: 10px 30px 10px 0; position: relative;
   box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.1);
}
.tabs.style__vertical .tabs__nav .tabs__nav_link:after {transition: all .4s cubic-bezier(0.46, 0, 0.07, 1); content: ""; position: absolute; right: 10px; top: calc(50% - 15px); opacity: 0.3; height: 30px; width: 30px; background-image: url('img/right.svg'); background-repeat: no-repeat;
background-position: center center; background-size: 20px;}
.tabs.style__vertical .tabs__nav .tabs__nav_link:before {transition: all .4s cubic-bezier(0.46, 0, 0.07, 1); content: ""; position: absolute; right: 10px; top: calc(50% - 15px); height: 30px; width: 30px; background:var(--light); border-radius: 5px;}

.tabs.style__vertical .tabs__nav .tabs__nav_link.is__active {margin: 10px 0 10px 30px; color: var(--primary); transition: all .4s cubic-bezier(0.46, 0, 0.07, 1);}
.tabs.style__vertical .tabs__nav .tabs__nav_link.is__active:after, .tabs.style__vertical .tabs__nav .tabs__nav_link:hover:after 
{filter: invert(); opacity: 1; transition: all .4s cubic-bezier(0.46, 0, 0.07, 1);}
.tabs.style__vertical .tabs__nav .tabs__nav_link.is__active:before, .tabs.style__vertical .tabs__nav .tabs__nav_link:hover:before 
{background: var(--primary); transition: all .4s cubic-bezier(0.46, 0, 0.07, 1);}

.tabs.style__vertical .tabs__content {
    flex-grow: 1;
    width: 0;
}
.tabs.style__vertical .tabs__content .tabs__nav_link {
    display: none;
}
.tabs.style__vertical .tabs__content.is__active {
    padding: 0 0 0 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1;
    width: auto;
}
.tabs.style__accordion,
.tabs.is__responsive {
    display: block;
    flex-direction: column;
}
.tabs.style__accordion .tabs__nav,
.tabs.is__responsive .tabs__nav {
    display: none;
}
.tabs.style__accordion .tabs__nav_link,
.tabs.is__responsive .tabs__nav_link,
.tabs.style__accordion .tabs__content .tabs__nav_link,
.tabs.is__responsive .tabs__content .tabs__nav_link {
   font-size: 14px; text-align: initial;
   width: 100%; display: block; background: #fff; border-radius: 7px;
   color: var(--dark); font-weight: 500; transition: all .4s cubic-bezier(0.46, 0, 0.07, 1);
   padding: 15px 50px 15px 15px; margin: 10px 0 10px 0; position: relative;
   box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.1);
}

.tabs.style__accordion .tabs__nav_link:after,
.tabs.is__responsive .tabs__nav_link:after {transition: all .4s cubic-bezier(0.46, 0, 0.07, 1); content: ""; position: absolute; right: 10px; top: calc(50% - 15px); opacity: 0.3; height: 30px; width: 30px; background-image: url('img/right.svg'); background-repeat: no-repeat;
background-position: center center; background-size: 20px;}
.tabs.style__accordion .tabs__nav_link:before,
.tabs.is__responsive .tabs__nav_link:before {transition: all .4s cubic-bezier(0.46, 0, 0.07, 1); content: ""; position: absolute; right: 10px; top: calc(50% - 15px); height: 30px; width: 30px; background:var(--light); border-radius: 5px;}

.tabs.style__accordion .tabs__nav_link.is__active,
.tabs.is__responsive .tabs__nav_link.is__active { color: var(--primary); transition: all .4s cubic-bezier(0.46, 0, 0.07, 1);}
.tabs.style__accordion .tabs__nav_link.is__active:after,
.tabs.is__responsive .tabs__nav_link.is__active:after, 
.tabs.style__accordion .tabs__nav_link.is__active:hover:after,
.tabs.is__responsive .tabs__nav_link.is__active:hover:after 
{filter: invert(); opacity: 1; transition: all .4s cubic-bezier(0.46, 0, 0.07, 1);}

.tabs.style__accordion .tabs__nav_link.is__active:before,
.tabs.is__responsive .tabs__nav_link.is__active:before, 
.tabs.style__accordion .tabs__nav_link.is__active:hover:before,
.tabs.is__responsive .tabs__nav_link.is__active:hover:before 
{background: var(--primary); transition: all .4s cubic-bezier(0.46, 0, 0.07, 1);}


.tabs.style__accordion .tabs__content,
.tabs.is__responsive .tabs__content {
    display: block;
    height: auto;
    flex: none;
    opacity: 1;
    visibility: visible;
    overflow: auto;
    width: auto;
}
.tabs.style__accordion .tabs__content_wrapper,
.tabs.is__responsive .tabs__content_wrapper {
    height: 0;
    transform: scaleY(0);
    overflow: hidden;
    transition: transform 0.2s;
    transform-origin: top left;
}
.tabs.style__accordion .tabs__content.is__active .tabs__content_wrapper,
.tabs.is__responsive .tabs__content.is__active .tabs__content_wrapper {
    height: auto;
    transform: scaleY(1);
}

.tabs.style__vertical .tabs__content.is__active ul {padding: 0 0 0 20px; list-style: circle;}
.tabs.style__vertical .tabs__content.is__active ul li {margin-bottom: 8px;}
.tabs.style__vertical .tabs__content.is__active ul li::marker {color: var(--secondary);}

.tabs article {font-size: 15px;}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media only screen and (max-width: 1250px) {
   .header .logo img {width: 150px;}
   .header .btn {width: 140px; font-size: 13px;}
   .header nav ul li {padding: 15px 7px;}
   .formationslist {grid-template-columns: 1fr 1fr;}
   .exec .formationslist {grid-template-columns: 1fr 1fr 1fr;}
}

@media only screen and (max-width: 1000px) {
.topheader, .header nav, .header .btn {display: none;}
.showmenu .topheader, .header.showmenu nav {display: flex;}
.header.showmenu .btn {display: block;}
.mainheader {padding: 20px 20px 20px 20px;}
#burger-menu {display: block;}
.herovid p {font-size: 30px; text-align: center; line-height: 1.3;}
.herovid {aspect-ratio: 4/3; height: auto;}
.numbers {padding: 20px;}
.numbers .row .item {border: 1px solid #3d9775; border-radius: 5px; padding: 5px;}
.numbers .row .item span {font-size: 22px;}
footer .footerinfo {margin-right: 20px; padding-right: 20px;}
.formations .row {gap: 20px;}
}

@media only screen and (max-width: 840px) {
   .tabs.style__vertical .tabs__content.is__active { padding:0; }
   .tabs article {padding: 20px;}
   .tabs__content_wrapper .cover {display: none;}
   .tabs article p {font-size: 14px; text-align: justify;}
   .campus .row {padding-left: 250px;}
   footer .row {flex-direction: column;}
   footer .footerinfo {border: none; margin-right: 0; padding-right: 0; display: flex; flex-direction: column; align-items: center;}
   footer .footerinfo li {text-align: center;}
   .smartbloc .smallblocs.threeblocs, .smartbloc .smallblocs.fourblocs, .actulist .blogposts, .formationslist {grid-template-columns: 1fr 1fr;}
   .smartbloc .grid1, .smartbloc .grid2, .smartbloc .grid3, .smartbloc .grid4, .smartbloc .grid5, .smartbloc .grid6, .smartbloc .grid1cs, .smartbloc .grid2cs, .smartbloc .grid3cs {
        flex-direction: column; gap: 40px;}
   .smartbloc .order2 > *:first-child {order: initial;}
   .actulist .blogposts {grid-column-gap: 0;}
   .formationslist, .timelineslider .item {grid-template-columns: 1fr;}
   .exec .formationslist {grid-template-columns: 1fr 1fr;}
   .timelineslider .item {gap: 20px;}
   .timelineslider .item figure {order: 2;}

}


@media only screen and (max-width: 768px) {
   section {padding: 50px 20px;}
   .showmenu .topheader .toplinks ul {flex-direction: column;}
   .showmenu .topheader .toplinks li {padding: 0; margin-bottom: 10px; text-align: center; justify-content: center;}
   .numbers .row {grid-template-columns: repeat(2, 1fr); gap: 10px;}
   .numbers .row .item {font-size: 13px}
   .centertitle {font-size: 21px;}
   .calltoaction .row {flex-direction: column;}
   .calltoaction .row h2 {text-align: center; width: 100%; margin-bottom: 30px; font-size: 15px;}
   .campus .row {padding-left: 0px; flex-direction: column;}
   .campus .row .cover { width:100%; margin-bottom:50px; position: inherit; }
   .campus .row .camptab {padding: 20px;}
   .menutabs li {margin-bottom: 7px; font-size: 12px;}
   .actulist h2 {display: flex; flex-direction: column; font-size: 18px;}
   .actulist .arrowlink {margin-left: 0; margin-top: 10px;}
   .homeevent .row {grid-template-columns: 1fr;}
   footer .mainfooter {padding: 40px 20px;}
   footer .mainfooter nav {display: none;}
   footer .bottomfooter p {order: 2; margin-top: 15px;}
   footer .footerinfo .social {gap: 10px;}
   .eventlist .event .evdate { left: 10px; padding: 5px; min-width: 60px; font-size: 14px; line-height: 1.3;}
   .eventlist .event {padding: 10px 54px 10px 90px;}
   .eventlist .event h3 {font-size: 13px;}
   .eventlist .event:before, .eventlist .event:after {top: calc(50% - 17px); height: 34px; width: 34px;}
   .smarthero {padding: 0; height: initial;}
   .smarthero figure {position: initial; height: auto; aspect-ratio: 16/9;}
   .smarthero .row article {border-radius: 0; border-left: none; background: var(--primary);}
   .smarthero article h1 {font-size: 21px;}
   .smarthero article p {font-size:13px;}
   .smartbloc .smallblocs.threeblocs, .smartbloc .smallblocs.twoblocs, .actulist .blogposts, .intro .row, .formationslist {grid-template-columns: 1fr;}
   .smartbloc h1 {font-size: 28px; }
   .smartbloc h2 {font-size: 23px; }
   .smartbloc h3 {font-size: 18px; }
   .smartbloc h4 {font-size: 16px; }
   .smartbloc article p, .smartbloc article li {font-size: 14px;}
   .smartbloc .smallblocs h3 {margin-bottom: 15px; font-size: 16px;}
   .smartbloc .smallblocs p {font-size: 14px;}
   .smartbloc.blog h1 {line-height: 1.3; }
   .intro article h1 {font-size: 28px; line-height: 1.3;}
   .intro article {order: 2;}
   .intro .media {padding-left: 0; }
   .intro .media .introtags {left: 20px; }
   .formations {padding: 0 20px 50px 20px;}
   .formations .row {flex-direction: column;}
   .formations aside {display: flex; flex-wrap: wrap;}
   .formations aside .filter {flex: 0 0 50%; border-bottom: none;}
   .formations aside .filter:first-of-type {flex: 0 0 100%; border-bottom: 1px dashed #eee;}
   .tabformation .menutabs li {margin-bottom: 0; font-size: 12px; padding: 14px 8px 10px 8px}
   .brd {padding-bottom: 0;}
   .exec .formationslist {grid-template-columns: 1fr;}
   .herovid {aspect-ratio: 12/13; height: auto;}
}


@media only screen and (max-width: 360px) {
   .numbers .row {grid-template-columns: 1fr;}
   .smartbloc .smallblocs.fourblocs, .actulist .blogposts {grid-template-columns: 1fr;}
}