@font-face {font-family:"Assistant-Light"; src:url(fonts/Assistant-Light.ttf) format("truetype");}
@font-face {font-family:"Assistant-Regular"; src:url(fonts/Assistant-Regular.ttf) format("truetype");}
@font-face {font-family:"Assistant-Medium"; src:url(fonts/Assistant-Medium.ttf) format("truetype");}
@font-face {font-family:"Assistant-Bold"; src:url(fonts/Assistant-Bold.ttf) format("truetype");}

html {overflow-y:scroll; scroll-behavior:smooth !important;}
body {margin:0px; background:#ffffff; font-family:'Assistant-Regular', Arial; color:#141414; font-size:18px; line-height:24px; direction:ltr;}
a {display:inline-block; color:#6A923C; text-decoration:underline; transition:all 0.4s ease 0s;}
a:hover {color:#77ad37; text-decoration:underline;}

.desktopOnly {display:block;}
.mobileOnly {display:none;}

.wrap.isHidden {display:none;}
.wrap.isShown {display:block;}

.btnWhite {background:white; color:var(--main-dark);}
.btnWhite:hover {color:white; background:var(--main-dark)}
.btnWhite:focus {outline-offset:1px; outline:1px solid #ffffff;}
.btnRound {border-radius:30px;}
.relativeSection {position:relative;}
.slick-next {scale:1.4;}
.slick-prev {scale:1.4;}

.wpml-ls-statics-shortcode_actions ul {padding:10px; margin:0; border-radius:10px;}
.wpml-ls-legacy-list-horizontal {padding:0 !important; border:0px !important;}
.wpml-ls-item {display:block !important;}
.wpml-ls-item {background-image:url(../images/header/catalog-menu-separation-line.png); background-position:bottom center; background-repeat:no-repeat; background-size:100% auto; transition:all 0.4s ease 0s; text-align:center; padding:6px 6px !important;}
.wpml-ls-item:last-of-type {background-image:none;}
.wpml-ls-item a {font-size:12px !important; padding:8px 10px !important; border-radius:20px; color:#000000 !important; text-decoration:none;}
.wpml-ls-item a:hover {background:#D8EFF2;}
.wpml-ls-current-language {display:none !important;}
.wpml-ls-display {display:none !important;}

ol {padding:0; margin:0 20px 0 0; counter-reset:item;}
ol > li {counter-increment:item; padding:0 0 12px 0;}
ol ol > li {display:block;}
ol ol > li:before {content:counters(item, ".") ". "; margin:0 -20px 0 0;}

ul {padding:0; margin:0 16px 22px 0;}
hr {margin:40px 0 0px 0; border-bottom:#141414 2px solid;}
p {margin:0 0 16px 0;}
img {border:0px;}
input, textarea {outline:none; font-family:'Assistant-Regular', Arial; font-size:18px; line-height:24px;}
.clearfix:after {content:" "; visibility:hidden; display:block; height:0; clear:both;}

h1 {font-size:42px; line-height:50px;}
h2 {font-size:32px; line-height:36px;}

button, .button {display:flex; gap:10px; outline:none; font-family:'Assistant-Bold', Arial; font-size:18px; line-height:18px; padding:12px 36px; color:#232523; background:#91C653; border:0px; cursor:pointer; transition:all 0.4s ease 0s; text-decoration:none;}
button:hover, .button:hover {background:#77ad37; text-decoration:none;}
button div {align-self:center;}
button div img {transform:translateY(3px); width:26px; height:26px;}

:focus {outline-offset:1px; outline:1px transparent;}
:focus-visible {outline-offset:1px; outline:1px solid #77ad37;}

header {position:fixed; z-index:100000; top:0; left:0; width:100%; background:#323333; min-height:60px; color:#ffffff; line-height:40px; text-align:center; transition:all 0.4s ease 0s; text-decoration:none}
header.active {background:#323333;}

.headerMenusDesktop {display:block; position:relative; margin:5px 0 0 0;}
.headerMenusDesktop.newCatalog {min-height:60px; background:#323333;}
.headerMenusMobile {display:none;}

#mobileMenu {display:none;}
#mobileMenu.active {display:none;}
#mobileSearchLayer {display:none;}
#mobileSearchLayer.active {display:none;}

.headerLogos {position:absolute; z-index:100002; top:12px; left:30px; display:flex; gap:20px;}
.headerLogos img {height:28px; width:auto;}
#logoInstitution {background:#ffffff; padding:0 16px; height:26px; border-radius:20px; line-height:16px;}
#logoInstitution img {height:16px; width:auto; margin:4px 0 0 0;}
#logoDigital.active {display:none;}
#logoMalag.active {display:none;}

#headerNav {position:absolute; z-index:100001; top:8px; left:0; width:100%; display:flex; justify-content:center; gap:30px; opacity:1; visibility:visible; will-change:opacity; backface-visibility:hidden; transition:opacity 0.22s cubic-bezier(0.22, 1, 0.36, 1) 0.12s, visibility 0s;}
#headerNav.notActive {opacity:0; visibility:hidden; pointer-events:none; transition:opacity 0.16s cubic-bezier(0.4, 0, 1, 1), visibility 0s linear 0.16s;}
#headerNav a {color:#ffffff; text-decoration:none; font-size:14px; line-height:14px; font-family:"Assistant-Bold"; transform:translateY(-3px);}
#headerNav a:hover {color:#dedede;}

#headerSearch {display:block; position:absolute; z-index:100001; top:4px; right:0; width:100%; text-align:center; opacity:0; visibility:hidden; pointer-events:none; will-change:opacity; transition:opacity 0.16s cubic-bezier(0.4, 0, 1, 1), visibility 0s linear 0.16s;}
#headerSearch.active {opacity:1; visibility:visible; pointer-events:auto; transition:opacity 0.24s cubic-bezier(0.22, 1, 0.36, 1) 0.12s, visibility 0s;}
@media (prefers-reduced-motion: reduce) {
  #headerNav, #headerNav.notActive, #headerSearch, #headerSearch.active,
  #headerSearch .searchBar, #headerSearch.active .searchBar {transition:none;}
}
#headerSearch .searchBar {display:inline-block; position:relative; margin:0 auto; background:#ffffff; border-radius:20px; transform:scale(0.94); transform-origin:right center; will-change:transform; backface-visibility:hidden; transition:transform 0.16s cubic-bezier(0.4, 0, 1, 1);}
#headerSearch.active .searchBar {transform:scale(1); transition:transform 0.24s cubic-bezier(0.22, 1, 0.36, 1) 0.12s;}
#headerSearch .searchBar form {display:flex; margin:0; align-items:center;}
#headerSearch .searchBar form .searchField input {background:transparent; width:200px; padding:6px 0; margin:0 0 0 18px; border:0px; color:#000000; font-size:14px; line-height:16px;}
#searchSubmit {background:transparent url(../images/header/header-search.svg) center center no-repeat; width:33px; height:33px; margin:4px; padding:0;}

#headerSearch .searchBar label.error {position:absolute; z-index:4; top:50px; left:20px; background:#FFFFFF url(../images/icon-warning.svg) no-repeat; background-position:10px 12px; padding:12px 16px 12px 36px; box-shadow:0px 2px 16px rgba(40, 40, 40, 0.2); border-radius:10px; font-size:14px; line-height:18px; text-align:left;}
#headerSearch .searchBar label.error::after {content:" "; position:absolute; bottom:100%; left:20px; margin-left:-8px; border-width:8px; border-style:solid; border-color:transparent transparent #ffffff transparent;}

.headerUser {position:absolute; z-index:100003; top:8px; right:30px; display:flex; font-size:14px; line-height:14px;}
.headerUserAnonymous {display:flex; gap:16px; color:#ffffff;}
.headerUserAnonymous a {color:#ffffff; text-decoration:none; font-size:14px; line-height:14px; font-family:"Assistant-Medium";}
.headerUserAnonymous a:hover {color:#dedede;}
.headerUserAnonymous .loginRegister {display:flex; padding:8px 4px;}
.headerUserAnonymous .loginRegister div {border-right:#979898 2px solid; padding:3px 12px;}
.headerUserAnonymous .loginRegister div:last-of-type {border-right:0px;}

#userLoginPopup {background:#000000; width:425px; max-width:100%; height:640px; max-height:100%; overflow:hidden;}
#userLoginPopup.enlarged {height:85vh; width:85vw;}
#userLoginPopup iframe {width:100%; height:calc(100% - 42px); overflow:scroll; background:#ffffff;}
.userLoginSize {padding:4px 0; text-align:center;}
#userLoginSizeLink {color:#ffffff; font-size:16px; text-decoration:none; padding:0 0 0 22px; background:url(../images/icon-expand-white.svg) no-repeat; background-position:0 4px; background-size:18px;}
#userLoginSizeLink.enlarged {background:url(../images/icon-shrink-white.svg) no-repeat; background-position:0 4px; background-size:18px;}

.headerUser .languages {display:flex; padding:3px 4px 3px 4px;}
#languagesButton {padding:8px 22px 8px 35px; margin:0 0 0 20px; font-size:14px; line-height:14px; font-family:"Assistant-Medium"; color:#ffffff; background-color:transparent; 
  background-image:url(../images/header/header-languages3.svg), url(../images/header/menu-open.svg); 
  background-position:2px 3px, calc(100% - 6px) 13px; 
  background-size:25px 25px, auto auto; 
  background-repeat:no-repeat, no-repeat; 
  background-blend-mode:normal;}
#languagesMenu {display:none; position:absolute; z-index:100004; top:50px; right:-24px; min-width:120px; background:#FFFFFF; box-shadow:0px 2px 16px rgba(40, 40, 40, 0.2); border-radius:10px; font-size:14px; line-height:19px; text-align:right;}
#languagesMenu.active {display:block;}

.headerUserLoggedIn {display:flex; gap:10px; color:#ffffff;}
.headerUserLoggedIn .userName {padding:0;}

#userNameButton {padding:4px 22px 8px 0; font-size:14px; line-height:14px; font-family:"Assistant-Regular"; color:#ffffff; background:url(../images/header/menu-open.svg) no-repeat; background-position:calc(100% - 3px) 16px;}

#userLoggedInAvatarsButton {background-image: url(../images/arrow-right-black.svg);background-repeat:no-repeat; background-position:calc(100% - 10px) 12px; background-size:5px auto;}
#userLoggedInAvatars {display:none; position:absolute; z-index:100005; top:0; right:-60x; background:#FFFFFF; box-shadow:0px 2px 16px rgba(40, 40, 40, 0.2); text-align:left; border-radius:10px; font-size:14px; line-height:19px; padding:12px 20px; color:#000000; font-family:"Assistant-Bold";;}
#userLoggedInAvatars p {margin:0 0 6px 0;}
#userLoggedInAvatars .avatars {display:flex; flex-wrap:wrap; width:320px;}
#userLoggedInAvatars .avatars > div {border-bottom:#f2f2f2 1px solid;}
#userLoggedInAvatars .avatars img {width:30px; height:30px; border-radius:50%; margin:5px;}
#userLoggedInAvatars.active {display:block; background:#ffffff;}
#userLoggedInAvatars.active:hover {background:#ffffff;}
#userLoggedInAvatars.active div:hover {background:#ffffff;}
#userLoggedInAvatars.active div a {padding:0 0 0 0;}

#userMenu {display:none; position:absolute; z-index:100004; top:40px; right:100px; padding:40px 20px 20px 20px; min-width:180px;
  background-color:#ffffff; border-radius:10px; box-shadow: 0px 5px 20px 0px #32333333; 
  background-image: url(../images/header/mobile-menu-ltr1.svg), url(../images/header/mobile-menu-ltr2.svg);
  background-position:0 0 , 0 100%;
  background-size:auto, auto;  
  background-repeat: no-repeat, no-repeat;
  background-blend-mode: normal;}

#userMenu .menuRow2Item {background:#ffffff; border-radius:10px; box-shadow:0px 2px 20px 0px #091B5026; padding:12px; margin:0 0 20px 0;}
#userMenu .menuRow2Item > div {margin:0 0 8px 0;}
#userMenu .menuRow2Item > div:last-of-type {margin:0 0 0 0;}
#userMenu .menuRow2Item > div a {display:flex; gap:10px; align-items:center; color:#000000; text-decoration:none; font-size:16px; line-height:16px;  white-space:nowrap; font-family:"Assistant-Medium";;}
#userMenu .menuRow2Item > div a span {color:#F15859}
#userMenu .menuRow2Item > div img {transform: translateY(2px); width:28px; height:28px;}
#userMenu.active {display:block;}

.mainWidth {margin:0 auto; width:1370px; clear:both;}
.mainHalfWidth {width:685px;}

nav.breadcrumbs ol {margin:0; padding:0; list-style:none; font-size:11px;}
nav.breadcrumbs ol li {display:inline; background-image:url(../images/ltr/breadcrumbs-sep-white.svg); background-position:right center; background-repeat:no-repeat; background-size:5px auto; padding:0 14px 0 6px;}
nav.breadcrumbs ol li:first-of-type {padding:0 14px 0 24px; background-image:url(../images/ltr/breadcrumbs-sep-white.svg), url(../images/icon-home.svg); background-position:right center, left center; background-repeat:no-repeat, no-repeat; background-size:5px auto, 16px auto; background-blend-mode:normal;}
nav.breadcrumbs ol li:last-of-type {padding:0 0 0 6px; background-image:none; font-family:"Assistant-Bold";}
nav.breadcrumbs ol li a {text-decoration:none; color:#ffffff;}
nav.breadcrumbs ol li a:hover {color:#dedede;}

.toggleContainer {transition:height 0.35s ease-in-out; overflow:hidden;}
.toggleContainer:not(.active) {display:none;}
.toggleButton {background:transparent; border:0px; color:#6A923C; font-family:"Assistant-Bold"; cursor:pointer; padding:0 0 0 0;}
.toggleButton:hover {background:transparent;}
.toggleWrapper {height:0; visibility:hidden; opacity:0; transition:visibility 0s, opacity 0.5s linear;}
.toggleWrapper.active {height:auto; visibility:visible; opacity:1; transition:visibility 0s, opacity 0.5s linear;}
.toggleWrapperButton {display:block; transition:all 0.4s ease 0s; text-align:center;}
.toggleWrapperButton.active {display:block; text-align:center;}
.toggleWrapperButton button {background:transparent; border:0px; color:#6A923C; font-family:"Assistant-Bold"; cursor:pointer; padding:0 0 0 0; margin:0 auto;}
.toggleWrapperButton button:hover {background:transparent;}

.homepageHero {background:#333433; color:#ffffff;}
.homepageHero h1 {color:#ffffff; font-size:42px; line-height:50px; margin:10px 0;}
.homepageHero .searchBar {display:inline-block; margin:0 auto; background:#ffffff; border-radius:45px;}
.homepageHero .searchBar form {display:flex; margin:0; align-items:center;}
.homepageHero .searchBar form .searchField input {background:transparent; width:300px; margin:3px 0 3px 18px; border:0px; color:#000000; font-size:18px; line-height:22px; padding:12px 0 10px 0;}

#homepageSearch {position:relative;}
#homepageSearchSubmit {background:transparent url(../images/header/header-search.svg) center center no-repeat; background-size:45px; width:45px; height:45px; margin:4px; padding:0;}
#homepageSearch .searchBar label.error {width:auto; position:absolute; z-index:4; top:60px; left:20px; background:#FFFFFF url(../images/icon-warning.svg) no-repeat; background-position:10px 12px; padding:12px 16px 12px 36px; box-shadow:0px 2px 16px rgba(40, 40, 40, 0.2); border-radius:10px; font-size:14px; line-height:18px;  text-align:left;}
#homepageSearch .searchBar label.error::after {content:" "; position:absolute; bottom:100%; left:20px; margin-left:-8px; border-width:8px; border-style:solid; border-color:transparent transparent #ffffff transparent;}

.homepageHero1 {padding:0 0 0 0;}
.homepageHero1 h1 {width:40%;}
.homepageHero1 .bgImage {background:url(../images/homepage-hero1-desktop-ltr.webp) left center no-repeat; background-size:cover;}
.homepageHero1 .bgImage .gradient {background:linear-gradient(90deg, #333433 0%, rgba(51, 52, 51, 0.00) 100%);}
.homepageHero1 .bgImage .gradient .content {padding:140px 0 90px 0; background-image:url(../images/rtl/vector7.svg), url(../images/rtl/vector8.svg); background-position:100% 100%, 0 100%; background-size:auto auto, auto auto; background-repeat:no-repeat, no-repeat; background-blend-mode:normal;}
.homepageHero1 .bgImageSEO {display:none;}

.homepageHero2 {padding:0 0 0 0;}
.homepageHero2 .bgImage {background:url(../images/homepage-hero2-desktop.webp) left center no-repeat; background-size:cover;}
.homepageHero2 .bgImage .gradient {background:rgba(51, 52, 51, 0.70);}
.homepageHero2 .bgImage .gradient .content {padding:140px 0 130px 0; text-align:center; background-image:url(../images/rtl/vector7.svg), url(../images/rtl/vector8.svg); background-position:100% 100%, 0 100%; background-size:auto auto, auto auto; background-repeat:no-repeat, no-repeat; background-blend-mode:normal;}
.homepageHero2  #homepageSearch .searchBar label.error {left:36%;}

.homepageHero3 {padding:0 0 0 0; color:#141414;}
.homepageHero3 .bgImage {background:url(../images/homepage-hero3-desktop.webp) left center no-repeat; background-size:cover;}
.homepageHero3 h1 {color:#141414;}
.homepageHero3 .bgImage .gradient {background:rgba(255, 255, 255, 0.70);}
.homepageHero3 .bgImage .gradient .content {padding:140px 0 130px 0; text-align:center; background-image:url(../images/rtl/vector11.svg), url(../images/rtl/vector10.svg); background-position:100% 100%, 0 -40px; background-size:auto auto, auto auto; background-repeat:no-repeat, no-repeat; background-blend-mode:normal;}

.stripeCourses {padding:40px 0 40px 0;}
.stripeCourses .stripeCoursesHeader {display:flex;}
.stripeCourses .stripeCoursesHeader > div {flex:1; align-items:stretch;}
.stripeCourses .stripeCoursesHeader h2 {font-size:32px; line-height:34px; border-left:#70C6D1 4px solid; padding:0 0 6px 12px; margin:0 0 12px 0;}
.stripeCourses .stripeCoursesHeader .stripeCoursesDesc {padding:0 0 20px 0; font-size:16px;}
.stripeCourses .stripeCoursesAllResults {text-align:right; padding:6px 0 0 0;}
.stripeCourses .stripeCoursesAllResults a {color:#000000; font-size:14px; font-family:"Assistant-Bold"; text-decoration:none;}
.stripeCourses .stripeCoursesAllResults a:hover {color:#70C6D1;}

.stripeCoursesCarusel .courseCard.courseCardForInstitution {margin:0 0 0 0;}

.stripeCoursesCarusel .courseCard .image {width:100% !important;}
.stripeCoursesCarusel .courseCard .image a {display:block;}
.stripeCoursesCarusel .courseCard .image img {width:100% !important; object-fit:cover;}
.stripeCoursesCarusel .courseCard .text {width:auto;}
.stripeCoursesCarusel .courseCard .text h3 {margin:10px 0 6px 0;}
.stripeCoursesCarusel .slick-prev {left:-30px !important; top:90px;}
.stripeCoursesCarusel .slick-next {right:-30px !important; top:90px;}
.stripeCoursesCarusel .slick-track {display:flex !important; gap:16px;}
.stripeCoursesCarusel .slick-slide {height:inherit !important; box-shadow:0px 2px 4px 0px #32333380; border-radius:10px; position:relative; margin:4px 0;}
.stripeCoursesCarusel .slick-slide:has(.empty) {box-shadow:none;}

.stripeCourses.nerative {background:#333433; color:#ffffff;}
.stripeCourses.nerative .stripeCoursesCarusel .courseCard h3 a {color:#ffffff;}
.stripeCourses.nerative .stripeCoursesCarusel .courseCard h3 a:hover {color:#fdcc07;}
.stripeCourses.nerative .stripeCoursesCarusel .slick-prev {background:url(../images/arrow-left-white.svg) no-repeat center center;}
.stripeCourses.nerative .stripeCoursesCarusel .slick-next {background:url(../images/arrow-right-white.svg) no-repeat center center;}
.stripeCourses.nerative .stripeCoursesHeader h2 {border-left:#fdcc07 4px solid;}
.stripeCourses.nerative .stripeCoursesAllResults a {color:#ffffff;}
.stripeCourses.nerative .stripeCoursesAllResults a:hover {color:#fdcc07;}
.stripeCourses.nerative .courseOrganization {color:#c1c1c1;}

.stripeOrganizations {padding:60px 0 60px 0; text-align:center;}
.stripeOrganizations h2 {display:inline-block; font-size:32px; line-height:34px; border-left:#fdcc07 4px solid; padding:0 0 6px 12px; margin:0 auto 12px auto;}
.stripeOrganizationsCarusel {padding:30px 0 30px 0;}
.stripeOrganizationsCarusel .slick-list {margin:0 20px;}
.stripeOrganizationsCarusel .slick-slide {margin:3px 0;}
.stripeOrganizationsCarusel .slick-track {display:flex; text-align:center; padding:0 10px; align-items:center; justify-content:center;}
.stripeOrganizationsCarusel img {margin:0 auto; max-width:100%; max-height:50px; filter:grayscale(100%); transition:all 0.4s ease 0s;}
.stripeOrganizationsCarusel img:hover {filter:grayscale(0);}
.stripeTags {padding:60px 0 60px 0; text-align:center; background-color:#ffffff; background-image:url(../images/rtl/vector13.svg), url(../images/rtl/vector14.svg); background-position:0 50%, 100% 50%; background-size:auto auto, auto auto; background-repeat:no-repeat, no-repeat; background-blend-mode:normal;}
.stripeTags h2 {display:inline-block; font-size:32px; line-height:34px; border-left:#F1595A 4px solid; padding:0 0 6px 12px; margin:0 auto 30px auto;}

.stripeTags ul {list-style:none; list-style-image:none; margin:0 0 0 0; padding:0;}
.stripeTags ul li {display:inline-block; margin:0 6px 12px 6px;}
.stripeTags ul li a {font-family:"Assistant-Bold"; font-size:18px; line-height:24px; color:#333433; text-decoration:none; background:#FCFCFC; border:1px solid #e3e3e3; border-radius:30px; padding:5px 15px;}
.stripeTags ul li a:hover {background:#FDCC07;}

.stripeInfo {padding:60px 0 60px 0; color:#ffffff; text-align:center; background-color:#333433; background-image:url(../images/rtl/vector1.svg), url(../images/rtl/vector3.svg); background-position:0 50%, 100% 50%; background-size:auto 220px, auto 360px; background-repeat:no-repeat, no-repeat; background-blend-mode:normal;}
.stripeInfo h2 {display:inline-block; font-size:32px; line-height:34px; border-left:#70C6D1 4px solid; padding:0 0 6px 12px; margin:0 auto 30px auto;}
.stripeInfo .stripeInfoItems {display:flex; flex-wrap:wrap; gap:30px 60px; justify-content:center;}
.stripeInfo .stripeInfoItems > div {width:calc(33.3% - 60px);}
.stripeInfo .stripeInfoItems h3 {margin:6px 0;}
.stripeInfo .stripeInfoItems h3 a {color:#ffffff; text-decoration:none;}
.stripeInfo .stripeInfoItems h3 a:hover {color:#91C653;}
.stripeInfo .stripeInfoItems .image {background:url(../images/rtl/vector12-green.svg) top center no-repeat; background-size:auto 100%; padding:22px 0;}
.stripeInfo .stripeInfoItems .image div {display:inline-block; border-radius:50%; width:40px; height:40px; background:#ffffff; border:#91C653 2px solid; padding:15px;}
.stripeInfo .stripeInfoItems .image div img {width:40px; height:40px;}
.stripeInfo .stripeInfoItems > div:nth-child(3n+2) .image {background:url(../images/rtl/vector12-yellow.svg) top center no-repeat;}
.stripeInfo .stripeInfoItems > div:nth-child(3n+2) .image div {border:#FDCC07 2px solid;}
.stripeInfo .stripeInfoItems > div:nth-child(3n+2) h3 a:hover {color:#FDCC07;}
.stripeInfo .stripeInfoItems > div:nth-child(3n+3) .image {background:url(../images/rtl/vector12-red.svg) top center no-repeat;}
.stripeInfo .stripeInfoItems > div:nth-child(3n+3) .image div {border:#F1595A 2px solid;}
.stripeInfo .stripeInfoItems > div:nth-child(3n+3) h3 a:hover {color:#F1595A;}
.stripeInfo .stripeInfoItems > div:nth-child(3n+4) .image {background:url(../images/rtl/vector12-blue.svg) top center no-repeat;}
.stripeInfo .stripeInfoItems > div:nth-child(3n+4) .image div {border:#70C6D1 2px solid;}
.stripeInfo .stripeInfoItems > div:nth-child(3n+4) h3 a:hover {color:#70C6D1;}

.stripeStudentTestimonials {padding:60px 0 60px 0; text-align:center; background-color:#F9F9F9; background-image:url(../images/rtl/vector1.svg), url(../images/rtl/vector3.svg); background-position:0 50%, 100% 50%; background-size:auto 220px, auto 360px; background-repeat:no-repeat, no-repeat; background-blend-mode:normal;}
.stripeStudentTestimonials h2 {display:inline-block; font-size:32px; line-height:34px; border-left:#70C6D1 4px solid; padding:0 0 6px 12px; margin:0 auto 30px auto;}
.stripeStudentTestimonialsCarusel .slick-slide .image {background:url(../images/rtl/vector12-green.svg) top center no-repeat; background-size:auto 100%; padding:22px 0; text-align:center;}
.stripeStudentTestimonialsCarusel .slick-slide .image img {border-radius:50%; width:70px; height:70px; border:#91C653 2px solid; margin:0 auto;}
.stripeStudentTestimonialsCarusel .slick-slide .text {padding:0 30px;}
.stripeStudentTestimonialsCarusel .slick-slide .text h3 {margin:6px 0;}
.stripeStudentTestimonialsCarusel .slick-arrow {top:60px;}
.stripeStudentTestimonialsCarusel .slick-slide:nth-child(3n+2) .image {background:url(../images/rtl/vector12-yellow.svg) top center no-repeat;}
.stripeStudentTestimonialsCarusel .slick-slide:nth-child(3n+2) .image img {border:#FDCC07 2px solid;}
.stripeStudentTestimonialsCarusel .slick-slide:nth-child(3n+3) .image {background:url(../images/rtl/vector12-red.svg) top center no-repeat;}
.stripeStudentTestimonialsCarusel .slick-slide:nth-child(3n+3) .image img {border:#F1595A 2px solid;}
.stripeStudentTestimonialsCarusel .slick-slide:nth-child(3n+4) .image {background:url(../images/rtl/vector12-blue.svg) top center no-repeat;}
.stripeStudentTestimonialsCarusel .slick-slide:nth-child(3n+4) .image img {border:#70C6D1 2px solid;}

.stripeVideos {padding:60px 0 60px 0; background:#ffffff;}
.stripeVideos h2 {display:inline-block; font-size:32px; line-height:34px; border-left:#70C6D1 4px solid; padding:0 0 6px 12px; margin:0 0 12px 0;}
.stripeVideos .stripeVideosDesc {padding:0 0 20px 0; font-size:16px;}
.stripeVideosCarusel .slick-prev {left:-30px  !important;}
.stripeVideosCarusel .slick-next {right:-30px  !important;}
.stripeVideosCarusel .courseCard .image {width:100% !important; position:relative;}
.stripeVideosCarusel .courseCard .image .play {position:absolute; top:0; right:0; width:100%; height:100%; z-index:2; background:url(../images/icon-youtube-grey.svg) center center no-repeat; background-size:40px auto;}
.stripeVideosCarusel .courseCard .text {width:auto; max-width:280px; padding:10px 0 0 30px; background:url(../images/icon-youtube.svg) top left no-repeat; background-position:0 15px;}
.stripeVideosCarusel .courseCard .text h3 a:hover {color:#F1595A;}
.stripeVideosCarusel a {cursor:pointer; display:block;}

.stripePodcasts {padding:60px 0 60px 0; background:#ffffff;}
.stripePodcasts h2 {display:inline-block; font-size:32px; line-height:34px; border-left:#70C6D1 4px solid; padding:0 0 6px 12px; margin:0 0 12px 0;}
.stripePodcasts .stripePodcastsDesc {padding:0 0 20px 0; font-size:16px;}
.stripePodcasts .slick-slide {margin:0 10px; position:relative; height:290px; width:100%;}
.stripePodcasts .slick-slide iframe {border-radius:10px; height:290px; width:100%;}
.stripePodcasts .slick-slide .dragLayer {position:absolute; z-index:1; width:100%; height:125px; top:68px; cursor:pointer;}
.stripePodcasts .slick-prev {left:-30px !important;}
.stripePodcasts .slick-next {right:-30px  !important;}

.stripeGoals {padding:120px 0 160px 0; text-align:center; color:#ffffff; background-color:#333433; background-image:url(../images/gradient2.svg), url(../images/goals-top.svg), url(../images/gradient1.svg), url(../images/goals-bottom.svg); background-position:top center, top center, bottom center, bottom center; background-size:auto auto, auto auto, auto auto; background-repeat:no-repeat, no-repeat, no-repeat; background-blend-mode:normal;}
.stripeGoals h2 {display:inline-block; font-size:32px; line-height:34px; border-left:#FDCC07 4px solid; padding:0 0 6px 12px; margin:0 auto 30px auto;}
.stripeGoalsCarusel .goalSlide {position:relative; margin:0 10px; height:360px;}
.stripeGoalsCarusel .goalSlide .image {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; border-radius:8px;}
.stripeGoalsCarusel .goalSlide .image img {width:100%; height:100%; object-fit:cover; border-radius:8px;}
.stripeGoalsCarusel .goalSlide .gradient {position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; background-image:linear-gradient(to bottom, transparent, rgba(0, 0, 0, .7)); border-radius:8px; opacity:1; transition:opacity 0.2s linear;}
.stripeGoalsCarusel .goalSlide .gradientHover {position:absolute; z-index:3; top:0; left:0; width:100%; height:100%; background-image:linear-gradient(to bottom, rgba(0, 0, 0, .6), rgba(0, 0, 0, 1)); border-radius:8px; opacity:0; transition:opacity 0.2s linear;}
.stripeGoalsCarusel .goalSlide .text {position:absolute; z-index:4; bottom:0; left:0; width:100%;}
.stripeGoalsCarusel .goalSlide .text h3 {text-align:left; margin:10px 10px 20px 10px;}
.stripeGoalsCarusel .goalSlide .text h3 a {color:#ffffff; text-shadow:1px 1px 5px 0px #000; text-decoration:none;}
.stripeGoalsCarusel .goalSlide .text h3 a:hover {color:#FDCC07;}
.stripeGoalsCarusel .goalSlide .text .link {margin:0 10px 16px 10px;}
.stripeGoalsCarusel .goalSlide .text .link a {background:#91C653; border:#91C653 2px solid;  padding:7px 15px; border-radius:20px; width:calc(100% - 34px); color:#ffffff; text-decoration:none; font-family:"Assistant-Medium"; transition:all 0.4s ease 0s;}
.stripeGoalsCarusel .goalSlide .text .link a:hover {border:#ffffff 2px solid;}
.stripeGoalsCarusel .goalSlide:hover .gradient {opacity:0;}
.stripeGoalsCarusel .goalSlide:hover .gradientHover {opacity:1;}
.stripeGoalsCarusel .slick-prev {left:-30px !important; background:url(../images/arrow-left-white.svg) no-repeat center center;}
.stripeGoalsCarusel .slick-next {right:-30px !important; background:url(../images/arrow-right-white.svg) no-repeat center center;}

.courseHero {display:flex; background:#333433; color:#ffffff; min-height:400px;}
.courseHero .image {position:relative; width:50%;}
.courseHero .image .courseImage {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%;}
.courseHero .image .courseImage img {width:100%; height:100%; object-fit:cover;}
.courseHero .image .gradient {position:absolute; z-index:2; top:0; left:0; width:40%; height:100%; background:linear-gradient(to right, rgba(51, 52, 51, 1), transparent);}
.courseHero .image .play {position:absolute; z-index:3; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.courseHero .image .play img {width:78px; height:78px; border:transparent 2px solid; transition:all 0.4s ease 0s; border-radius:50%; box-shadow:0px 4px 12px rgba(0, 0, 0, 0.1);}
.courseHero .image .play img:hover {border:#343330 2px solid;}
.courseHero .image .play a {cursor:pointer;}
.courseHero .image .backgroundImage {position:absolute; z-index:3; top:0; left:0; width:100%; height:100%; background-image:url(../images/ltr/vector25.svg); background-size:80px auto; background-position:right center; background-repeat:no-repeat;}
.courseHero nav.breadcrumbs ol li a {color:#ffffff;}
.courseHero nav.breadcrumbs ol li a:hover {color:#91C653;}
.courseHero .content {width:50%; padding:100px 0 20px 0; background-image:url(../images/ltr/vector2.svg); background-size:120px auto; background-position:left bottom; background-repeat:no-repeat;}
.courseHero .content .mainHalfWidth {float:right;}
.courseHero .content .text h1 {color:#ffffff; font-size:42px; line-height:50px; margin:10px 0;}
.courseHero .content .info {display:inline-flex; flex-wrap:wrap; padding:10px 0 0 0;}
.courseHero .content .info2 {padding:20px 0 0 0;}
.courseHero .content .info2 .moreGap {padding:0 0 0 60px;}
.courseHero .content .infoItem {display:flex; gap:6px; font-size:20px; line-height:26px; margin:0 20px 0 0;}
.courseHero .content .infoItem img {width:26px; height:26px;}
.courseHero .content .info .infoItem {margin:8px 20px 8px 0;}
.courseHero .content .learn {margin:20px 0 30px 0;}
.disable-button-bool{opacity:0.5;}
.courseHero .content .learn button {border-radius:30px;}
.courseHero .content .tooltipButton {background:transparent url(../images/icon-info-grey2.svg) center center no-repeat;}
.courseHero .content .courseTags {display:none;}

.courseHero.program nav.breadcrumbs ol li a:hover {color:#70c6d1;}
.courseHero.program .content {background-image:url(../images/ltr/vector3.svg); background-size:120px auto; background-position:0 40%; background-repeat:no-repeat;}
.courseHero.program .content .learn button {background:#70c6d1;}
.courseHero.program .content .learn button:hover {background:#51acb8;}

.courseHero.program .organizations {display:flex; flex-wrap:wrap; gap:6px; margin:20px 0 0 0;}
.courseHero.program .organizations > div {background:#ffffff; padding:6px 10px 6px 10px; border-radius:10px; width:90px; height:34px; text-align:center; margin:0 0 10px 0;}
.courseHero.program .organizations > div img {margin:0 auto; max-width:100%; max-height:34px;}

.courseDetails {padding:40px 0;}
.courseDetails.program {padding:40px 0 20px 0; background-color:#333433; background-image:url(../images/rtl/vector15.svg), url(../images/rtl/vector16.svg), url(../images/rtl/vector17.svg), url(../images/rtl/vector18.svg); background-position:0 0, 100% 0, 0 100%, calc(100% + 40px) calc(100% + 240px); background-size:auto auto, auto auto, auto auto, auto auto; background-repeat:no-repeat, no-repeat, no-repeat, no-repeat; background-blend-mode:normal;}
.courseDetails.program .courseDescBox {background:#ffffff; border-radius:10px; padding:30px; margin:0 0 30px 0;}
.courseDetails.program .courseDescBox h2 {border-left:#70c6d1 4px solid;}
.courseDetails.program .courseDescBox h2:not(:first-child) {margin:40px 0 12px 0;}
.courseDetails.program .courseDescBox a {color:#045D74;}
.courseDetails.program .courseTags ul li a {color:#333433;}
.courseDetails.program .toggleButton {color:#045D74;}
.courseDetails.program .linkIconPDF {background:url(../images/icon-pdf-blue.svg) no-repeat; background-size:20px 20px; background-position:1px 2px;}
.courseDetails.program .linkIconPDF a {color:#045D74;}

.coursesInProgram {background:#ffffff; border-radius:10px; padding:30px; margin:0 0 30px 0;}
.coursesInProgram h2 {font-size:32px; line-height:34px; border-left:#51acb8 4px solid; padding:0 0 6px 12px; margin:0 0 10px 0;}
.coursesInProgram .count {font-family:"Assistant-Bold";}
.coursesInProgram .coursesItems {position:relative;}
.coursesInProgram .courseCard {margin:0 0 20px 0; display:flex; gap:20px;}
.coursesInProgram .courseCard .image {width:160px;}
.coursesInProgram .courseCard .text {width:calc(100% - 180px);}
.coursesInProgram .courseCard .text h3 {margin:0 0 6px 0;}
.coursesInProgram .courseCard .text h3 a:hover {color:#51acb8;}
.coursesInProgram .toggleWrapperButton button {color:#045D74;}

.courseDetailsGrid {display:grid; grid-template-columns:calc(100% - 500px) 500px; grid-template-rows:max-content 1fr; grid-template-areas:'courseDetailsGrid1 courseDetailsGrid4''courseDetailsGrid2 courseDetailsGrid4''courseDetailsGrid3 courseDetailsGrid4';}
.courseDetailsGrid1 {grid-area:courseDetailsGrid1; padding:0 10% 0 0;}
.courseDetailsGrid2 {grid-area:courseDetailsGrid2; padding:0 10% 0 0;}
.courseDetailsGrid3 {grid-area:courseDetailsGrid3; padding:0 10% 0 0;}
.courseDetailsGrid4 {grid-area:courseDetailsGrid4;position:relative;}

.coursePageMargin {margin:0 42% 0 0;}
.coursePageMargin.program {padding:30px; background:#ffffff; border-radius:10px; margin:0 42% 20px 0;}

.courseCongrats {background:#FFFFFF; box-shadow:0px 4px 30px rgba(0, 0, 0, 0.08), 0px 4px 30px rgba(0, 0, 0, 0.08); border-radius:10px; display:none; gap:26px; padding:24px 36px 20px 36px; margin:0 0 30px 0;}
.courseCongrats.active {display:block;}
.courseCongrats h2 {margin:0 0 10px 0;}
.courseCongrats .image img {width:70px; height:70px;}
.courseCongrats .text p {margin:0 0 10px 0;}
.courseCongrats button {color:#ffffff; background:#000000; padding:7px 20px 7px 30px; border-radius:30px;}
.courseCongrats button:hover {background:#333433;}

.courseDescBox {padding:20px 0 0 0;}
.courseDescBox h2 {font-size:32px; line-height:34px; border-left:#91c653 4px solid; padding:0 0 6px 12px; margin:0 0 12px 0;}
.courseDescBoxTags {display:block;}
.vBullets ul {list-style:none; list-style-image:none; margin:0 0 10px 0; padding:0;}
.vBullets ul li {background:url(../images/v-bullet.svg) no-repeat; background-size:23px 23px; background-position:0 1px; padding:0 0 10px 32px;}
.linkIconPDF {background:url(../images/icon-pdf.svg) no-repeat; background-size:20px 20px; background-position:0 2px; padding:0 0 10px 32px !important;}
.linkIconPDF a {font-family:"Assistant-Bold"; text-decoration:none;}

.courseTags ul {list-style:none; list-style-image:none; margin:0 0 0 0; padding:0;}
.courseTags ul li {display:inline-block; margin:0 5px 8px 0; font-family:"Assistant-Bold"; font-size:14px; line-height:18px; color:#333433; background:#FCFCFC; border:1px solid #e3e3e3; border-radius:14px; padding:2px 10px;}

.courseTags ul li.moreLess a {padding:2px 7px;}

.courseProgress {margin:10px 0 8px 0; color:#323333; font-size:14px; line-height:20px; text-align:right;}
.courseProgress .progressMessage {padding:0 0 4px 0;}
.courseProgress .progressMessage a {color:#91C653; font-family:"Assistant-Bold"; text-decoration:none;}
.courseProgress .progressTrack {background:#d7d7d7; border-radius:6px; height:12px;}
.courseProgress .progressTrack .progressProgress {background:#91C653; border-radius:6px; height:12px;}
.courseProgress .progressCompletedIcon {display:inline-block; background:url(../images/icon-competleted.svg) center left no-repeat; padding:0 0 0 22px;}

.stripeCourses.nerative .courseProgress .progressTrack {background:#8c8c8c;}

.coursePaymentWrapper {display:none;}
.coursePayment {padding:40px; color:#ffffff; font-size:20px; line-height:26px; transition:height 0.35s ease-in-out; overflow:hidden; background:#333433 url(../images/rtl/vector4.svg) top left no-repeat;}
.coursePayment.program {border-top:#70c6d1 2px solid;}
.coursePayment .info {display:inline-flex; flex-wrap:wrap; padding:20px 0 0 0; gap:10px;}
.coursePayment .info .subject {padding:0 20px 30px 0;}
.coursePayment .info .content {background:url(../images/ltr/caret-double.svg) no-repeat; background-position:0 0; background-size:30px 30px; padding:0 20px 30px 70px;}
.coursePayment .info .inner {display:flex; gap:10px;}
.coursePayment .infoTable {display:table; margin:20px 0 0 0;}
.coursePayment .infoTable > * {display:table-row;}
.coursePayment .infoTable .col {display:table-cell; vertical-align:top;}
.coursePayment .infoTable .col.subject {min-width:100px; padding:0 20px 30px 0;}
.coursePayment .infoTable .col.content {background:url(../images/ltr/caret-double.svg) no-repeat; background-position:0 0; background-size:30px 30px; padding:0 20px 30px 70px;}
.coursePayment .infoTable .col .inner {display:flex; gap:10px;}
.coursePayment .infoTable .col .inner img {transform:translateY(0);}

.coursePodcastDesktop {position:relative; display:block; margin:20px 0 0 0;}
.coursePodcastDesktop iframe {width:100%; height:150px; border:0px;}
.coursePodcastMobile {display:none;}
.coursePodcastMobile iframe {width:100%; height:354px; border:0px;}
.coursePodcastBarcode {position:absolute; bottom:-30px; right:-30px; width:90px; height:90px; border-radius:50%; background:#ffffff; box-shadow:0px 4px 12px rgba(0, 0, 0, 0.12);}
.coursePodcastBarcode img {width:60px; height:60px; margin:15px;}

.courseInfoItemsPadding {padding:30px;}
.courseInfoItems {background:#FFFFFF; box-shadow:0px 4px 12px rgba(0, 0, 0, 0.12); border-radius:10px; position:absolute; width:500px;}
.courseInfoItems .learn button {width:100%; margin:0 auto; display:flex; gap:10px; justify-content:center; border-radius:30px;}
.courseInfoItems ul {list-style:none; list-style-image:none; margin:20px 0 10px 0; padding:0;}
.courseInfoItems ul li {display:flex; gap:8px; margin:0 0 10px 0; font-size:16px; line-height:22px;}
.courseInfoItems ul li .infoItemImage {width:20px; text-align:center;}
.courseInfoItems ul li .infoItemImage img {width:20px; height:20px; margin:0 0 0 0;}
.courseInfoItems ul li .infoItemType {color:#333433; font-family:"Assistant-Light"; width:calc(40% - 20px);}
.courseInfoItems ul li .infoItemContent {font-family:"Assistant-Bold"; width:calc(60% - 20px);}
.courseInfoItems ul li .infoItemContent a {color:#000000; display:inline;}
.courseInfoItems ul li .infoItemContent a:hover {color:#91c653;}
.courseInfoItems ul li .infoItemContent .green {color:#6a923c; transform:translateY(-10px);}
.courseInfoItems ul li .infoItemContent a.green {color:#6a923c;}
.courseInfoItems ul li .infoItemContent .blue {color:#589ba4; transform:translateY(-10px);}
.courseInfoItems ul li .infoItemContent a.blue {color:#589ba4;}
.courseInfoItems ul li .infoItemContent .infoTable {display:table;}
.courseInfoItems ul li .infoItemContent .infoTable > * {display:table-row;}
.courseInfoItems ul li .infoItemContent .infoTable .col {display:table-cell; padding:0 0 2px 10px;}
.courseInfoItems ul li .infoItemContent .infoTable .col.infoItemFlag img {margin-bottom:-2px;}
.courseInfoItems ul li .infoItemContent .tooltipButton {background:transparent url(../images/icon-info-black.svg) center center no-repeat; transform:translateY(-2px);}
.courseInfoItems ul li .infoItemContent .institutionLink img {width:100px; height:auto;}
.courseInfoItems ul li .infoItemContent .institutionLink a {text-decoration:none;}
.courseInfoItems ul li .infoItemContent .institutionLink a:hover {text-decoration:underline;}

.courseInfoItems.program {margin:0 0 30px 0;}
.courseInfoItems.program .learn button {background:#70c6d1;}
.courseInfoItems.program .learn button:hover {background:#51acb8;}
.courseInfoItems.program ul li .infoItemContent a:hover {color:#589ba4;}

.courseInfoShare {background:#F2F2F2; padding:20px 20px 14px 20px; font-family:"Assistant-Bold"; display:flex; gap:8px; align-items:center; flex-shrink:1; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.courseInfoShare div:first-child {width:100%;}
.courseInfoShare div:not(:first-child) {flex:1;}
.courseInfoShare img {width:38px; height:38px; transition:all 0.4s ease 0s; cursor:pointer;}
.courseInfoShare img:hover {opacity:0.8;}
.courseInfoShareLink {position:relative;}

.courseTeam {background:#f9f9f9; padding:50px 0;}
.courseTeam h2 {font-size:32px; line-height:34px; border-left:#91c653 4px solid; padding:0 0 6px 12px; margin:0 0 40px 0;}

.lecturerCard {position:relative; margin:0 0 60px 0;}
.lecturerCard .image {position:absolute; z-index:2; top:0; left:0; background:url(../images/ltr/team-vector1.svg) center center no-repeat; background-size:auto 100%; padding:6px 0;}
.lecturerCard .image img {width:128px; height:128px; border-radius:50%; object-fit:cover;}
.lecturerCard .text {margin:16px 0 0 54px; background:#FFFFFF url(../images/ltr/team-vector2.svg) bottom right no-repeat; background-size:80px auto; border-radius:5px; box-shadow:0px 4px 12px rgba(0, 0, 0, 0.05); padding:1px 90px; transform:translateY(15px); min-height:110px;}
.lecturerCard .text h3 {font-size:22px; line-height:29px; margin:16px 0 2px 0;}
.lecturerCard .text p {margin:2px 0 16px 0;}
.lecturerCard .lecturerDesc {display:none;}
.lecturerCard .lecturerOrganization {display:none;}
.lecturerCard button {font-family:"Assistant-Bold"; background:transparent; border:0px; color:#6A923C; cursor:pointer; padding:0 0 0 0;}
.lecturerCard button:hover {background:transparent;}

.courseTeam.program .lecturerCard button {color:#045D74;}
.courseTeam.program h2 {border-left:#70c6d1 4px solid;}
.courseTeam.program .lecturerCard .image {background:url(../images/rtl/team-vector1-blue.svg) center center no-repeat; background-size:auto 100%;}
.courseTeam.program .toggleWrapperButton button {color:#045D74;}

.lecturerPopup {background:#FFFFFF url(../images/rtl/lecturer-popup-vector.svg) bottom left no-repeat; font-size:18px; line-height:22px; padding:40px; background-position-x:left; background-position-y:bottom; background-size:initial; background-repeat:no-repeat; background-attachment:initial; background-origin:initial; background-clip:initial; background-color:rgb(255, 255, 255); font-size:18px; line-height:22px; padding:40px;}
.lecturerPopup.program {background:#FFFFFF url(../images/rtl/lecturer-popup-vector-program.svg) bottom left no-repeat;}
.lecturerPopup .inner {display:flex; gap:12px; max-height:calc(100vh - 160px); overflow-y:auto;}
.lecturerPopup .image img {width:60px; height:60px; border-radius:50%; object-fit:cover;}
.lecturerPopup .text {padding:16px 0 0 0;}
.lecturerPopup .text .lecturerName {font-family:"Assistant-Bold";}
.lecturerPopup .text .lecturerTitle {font-family:"Assistant-Medium";}
.lecturerPopup .text .lecturerOrganization {color:#a7a7a7;}

.courseSimilarCourses {background:#ffffff; padding:50px 0 10px 0;}
.courseSimilarCourses h2 {font-size:32px; line-height:34px; border-left:#91c653 4px solid; padding:0 0 6px 12px; margin:0 0 40px 0;}
.courseSimilarCourses .coursesItems {position:relative;}
.courseSimilarCourses .coursesItems .gradient {position:absolute; z-index:4; bottom:0; left:0; width:100%; height:200px; background-image:linear-gradient(to bottom, transparent, rgba(255, 255, 255, 1))}
.courseSimilarCourses .coursesItems .gradient.active {display:none;}
.courseSimilarCourses .coursesItems .courseTags .tagToggle {display:none;}
.courseSimilarCourses .coursesItems .courseCard.hide {display:none;}
.courseSimilarCourses .coursesItems .courseCard.unhide {display:flex;}

.courseSimilarCourses .coursesItemsButtonWrapper {text-align:center;}
.courseSimilarCourses .coursesItemsButtonWrapper button {display:block; background:transparent; color:#6A923C; margin:0 auto 10px auto;}
.courseSimilarCourses .courseCard {margin:0 0 30px 0; display:flex; gap:20px;}
.courseSimilarCourses .courseCard .image {aspect-ratio:3 / 1; width:200px;}
.courseSimilarCourses .courseCard .image a {display:block;}
.courseSimilarCourses .courseCard .image img {height:auto;}
.courseSimilarCourses .courseCard .text {width:calc(100% - 220px);}
.courseSimilarCourses .courseCard .text h3 {margin:0 0 6px 0;}
.courseSimilarCourses.program {background:#333433;}
.courseSimilarCourses.program h2 {border-left:#70C6D1 4px solid;}
.courseSimilarCourses.program .coursesItemsButtonWrapper button {color:#045D74;}

.courseCard .image {aspect-ratio:2 / 1; position:relative;}
.courseCard .image img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; border-radius:8px; box-shadow:0px 4px 4px rgba(40, 40, 40, 0.2); transition:all 0.4s ease 0s;}
.courseCard .image img:hover {box-shadow:0px 4px 12px rgba(40, 40, 40, 0.4);}
.courseCard .image .programLabel {position:absolute; top:50%; transform:translateX(-44px) translateY(-50%) rotate(270deg); z-index:4; color:#FCFCFC; font-family:"Assistant-Medium"; font-size:15px;}
.courseCard .image img.programWrap {border:solid 3px #70C6D1; border-left:solid 25px #70C6D1; width:calc(100% - 28px) !important; height:calc(100% - 6px) !important;}
.courseCard .image .info {display:none;}
.courseCard .text h3 {margin:6px 0 6px 0;}
.courseCard .text h3 a {font-size:22px; line-height:29px; color:#000000; text-decoration:none; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.courseCard .text h3 a:hover {color:#91c653;}
.courseCard .text p {margin:2px 0 16px 0;}

.courseCard .courseOrganization {color:#444646; margin:0 0 6px 0; font-size:16px; line-height:20px;}
.courseCard .courseOrganization ul {list-style:none; list-style-image:none; padding:0; margin:0;}
.courseCard .courseOrganization ul li:not(:first-child) {display:none;}
.courseCard .courseDuration {color:#757575; margin:0 0 6px 0; font-size:14px; line-height:18px;display:none;}

.companiesTestimonials {background:#ffffff; padding:50px 0;}
.companiesTestimonials h2 {font-size:32px; line-height:34px; border-left:#91c653 4px solid; padding:0 0 6px 12px; margin:0 0 40px 0;}
.companiesTestimonials .companiesItems .slick-dots li button {border:#91c653 1px solid; background:#91c653; width:8px; height:8px;}
.companiesTestimonials .companiesItems .slick-dots li.slick-active button {width:14px; height:14px;}

.companyCard {position:relative; margin:0 0 60px 0;}
.companyCard .image {position:absolute; z-index:2; top:0; left:0; background:#FFFFFF; border:#91c653 2px solid; border-radius:50%; width:70px; height:70px;}
.companyCard .image img {width:100%; height:100%; border-radius:50%;}
.companyCard .text {margin:12px 0 0 35px; background:#FFFFFF; border-radius:5px; box-shadow:0px 4px 12px rgba(0, 0, 0, 0.1); padding:6px 40px 20px 60px; transform:translateY(15px);}
.companyCard .text h3 {font-size:22px; line-height:29px; margin:16px 0 2px 0;}
.companyCard .text p {margin:6px 0 16px 0;}
.companyCard.hide {display:none;}

.companiesTestimonials.program {background:#333433; padding:40px 0 4px 0;}
.companiesTestimonials.program h2 {border-left:#70C6D1 4px solid;}
.companiesTestimonials.program .companyCard .image {border:#70C6D1 2px solid;}
.companiesTestimonials .companiesItemsButtonWrapper {text-align:center;}
.companiesTestimonials .companiesItemsButtonWrapper button {display:block; background:transparent; color:#6A923C; margin:0 auto 10px auto;}
.companiesTestimonials.program .companiesItemsButtonWrapper button {color:#045D74;}

.personsTestimonials {padding:50px 0; background-color:#f9f9f9; background-image:url(../images/rtl/vector1.svg), url(../images/rtl/vector3.svg); background-position:0 10%, 100% 90%; background-size:auto 220px, auto 360px; background-repeat:no-repeat, no-repeat; background-blend-mode:normal;}
.personsTestimonials h2 {font-size:32px; line-height:34px; border-left:#91c653 4px solid; padding:0 0 6px 12px; margin:0 0 40px 0;}
.personsTestimonials .personsItems .slick-dots li button {border:#91c653 1px solid; background:#91c653; width:8px; height:8px;}
.personsTestimonials .personsItems .slick-dots li.slick-active button {width:14px; height:14px;}

.personsTestimonials .personsItemsButtonWrapper {text-align:center;}
.personsTestimonials .personsItemsButtonWrapper button {display:block; background:transparent; color:#6A923C; margin:0 auto 10px auto;}
.personsTestimonials.program .personsItemsButtonWrapper button {color:#045D74;}

.personCard {position:relative; margin:0 0 60px 0;}
.personCard .image {position:absolute; z-index:2; top:0; left:0; background:#FFFFFF; border-radius:50%; width:74px; height:74px;}
.personCard .image img {width:100%; height:100%; border-radius:50%;}
.personCard .text {margin:12px 0 0 35px; background:#FFFFFF; border-radius:5px; box-shadow:0px 4px 12px rgba(0, 0, 0, 0.1); padding:6px 40px 20px 60px; transform:translateY(15px);}
.personCard .text h3 {font-size:22px; line-height:29px; margin:16px 0 2px 0;}
.personCard .text p {margin:6px 0 16px 0;}
.personCard.hide {display:none;}

.personsTestimonials.program {background:#333433; padding:40px 0 4px 0;}
.personsTestimonials.program h2 {border-left:#70C6D1 4px solid;}

.courseFAQ { padding:40px 0 60px 0;}
.courseFAQ h2 {font-size:32px; line-height:34px; border-left:#91c653 4px solid; padding:0 0 6px 12px; margin:0 0 0 0;}
.courseFAQ.program {background:#333433; padding:50px 0 10px 0;}
.courseFAQ.program h2 {border-left:#70C6D1 4px solid;}


.tooltipButton {position:relative; background:transparent url(../images/icon-info-grey.svg) center center no-repeat; border-radius:50%; width:26px; height:26px; cursor:pointer; padding:0 0;}
.tooltipButton:hover {background:transparent url(../images/icon-info-grey.svg) center center no-repeat;}

.tooltipData {display:none;}
.tooltipData.active {display:inline-block; min-width:140px; max-width:200px; position:absolute; z-index:10000000000000000;}
.tooltipDataText {background:#FFFFFF; color:#141414; box-shadow:0px 2px 16px rgba(40, 40, 40, 0.2); border-radius:10px; font-size:14px; line-height:19px; padding:20px 16px 20px 16px; font-family:'Assistant-Regular'; text-align:left;}
.tooltipDataText.clipboard {color:#8C0406; background:#FFFFFF url(../images/icon-v-green.svg) no-repeat; background-position:calc(100% - 12px) 20px; padding:20px 40px 20px 16px;}
.tooltipDataText::after {content:" "; position:absolute; bottom:100%; right:20px; margin-right:-8px; border-width:8px; border-style:solid; border-color:transparent transparent #ffffff transparent;}

.popupWindow {position:fixed; background:rgba(0, 0, 0, 0.7); top:0; right:0; bottom:0; left:0; z-index:999999999; visibility:hidden; opacity:0; pointer-events:none; transition:all 0.3s;}
.popupWindow.active {visibility:visible; opacity:1; pointer-events:auto;}
.popupContent {position:absolute; top:50%; left:calc(50% - 16px); transform:translate(-50%, -50%); margin:16px; font-size:22px; border-radius:8px;}
.popupContent p {margin:0 0 20px 0;}
.popupClose {position:absolute; z-index:100; top:-44px; right:calc(50% - 18px); text-decoration:none; background:#e2e2e2; text-align:center; border-radius:50%; transition:all 0.4s ease 0s;}
.popupClose:hover {background:#c4c4c4;}
.popupClose a {color:#ffffff; font-size:20px; line-height:34px; width:35px; height:35px;}
.popupClose img {width:13px; height:13px;}
#popupInner {max-height:calc(100vh - 100px); overflow:auto;}

.popupShare {color:#ffffff; font-size:16px; line-height:28px; text-align:center; padding:10px 0 0 0; margin:0 auto;}
.popupShare > div {display:flex; gap:8px; justify-content:center;} 
.popupShare img {width:28px; height:28px; border-radius:50%;}

.coursePopupWindow {position:fixed; background:rgba(0, 0, 0, 0.7); top:0; right:0; bottom:0; left:0; z-index:999999999; visibility:hidden; opacity:0; pointer-events:none; transition:all 0.3s;}
.coursePopupWindow.active {visibility:visible; opacity:1; pointer-events:auto;}
.coursePopupClose {display:block; position:absolute; z-index:100; top:-44px; right:calc(50% - 18px); text-decoration:none; background:#e2e2e2; text-align:center; border-radius:50%; transition:all 0.4s ease 0s;}
.coursePopupClose:hover {background:#c4c4c4;}
.coursePopupClose a {color:#ffffff; font-size:20px; line-height:34px; width:35px; height:35px;}
.coursePopupClose img {width:13px; height:13px; margin:11px 0 0 0;}
.coursePopupContent {position:absolute; bottom:0; left:0; width:100%; background:#EAE1D7;}
.coursePopupContent .header {display:flex; background:#000000; padding:10px 0; align-items:center;}
.coursePopupContent .header .logo {margin:0 15px 0 30px; width:53px; height:40px; background:url(../images/campusil2.svg) center center no-repeat; background-size:cover;}
.coursePopupContent .header .title {color:#ffffff; font-size:28px; flex-grow:1;}
.coursePopupContent .header .link {margin:0 15px 0 15px;}
.coursePopupContent .header .link a {background:#91C653; font-family:"Assistant-bold"; color:#ffffff; text-decoration:none; border-radius:20px; padding:8px 35px; text-align:center;}
.coursePopupContent .header .link a:hover {background:#77ad37;}
.coursePopupContent .header .close {margin:0 50px; transform:translateY(4px);}
.coursePopupContent .header .close a {text-decoration:none; background:#e2e2e2 url(../images/icon-close.svg) center center no-repeat; width:35px; height:35px; border-radius:50%; transition:all 0.4s ease 0s;}
.coursePopupContent .header .close a:hover {background:#c4c4c4 url(../images/icon-close.svg) center center no-repeat;}
.coursePopupContent .inner {display:flex; gap:20px; padding:30px 50px;}
.coursePopupContent .inner .image .info {display:none;}
.coursePopupContent .courseTags ul li.moreLess {display:none;}
.coursePopupContent .courseTags ul li.toggleTag {display:inline-block;}
.coursePopupContent .inner .image {position:relative;}
.coursePopupContent .inner .image .programLabel {position:absolute; z-index:4; transform:rotate(90deg) translate(59%, -118%); color:#FCFCFC; font-family:"Assistant-Medium"; font-size:17px;}
.coursePopupContent .inner .image img {width:250px; height:124px; border-radius:10px; object-fit:cover; filter:drop-shadow(0px 5px 15px rgba(40, 40, 40, 0.20));}
.coursePopupContent .inner .image img.programWrap {width:219px; height:118px; border:3px var(--institution_color, #70C6D1) solid; border-left:28px var(--institution_color, #70C6D1) solid;}
.coursePopupContent .inner .text h3 {margin:0 0 4px 0;}
.coursePopupContent .inner .text h3 a {color:#333333; font-size:28px; line-height:34px; text-decoration:none;}
.coursePopupContent .courseProgress {display:none;}
.coursePopupContent .courseOrganization {color:#000000; margin:0 0 6px 0; overflow:auto;}
.coursePopupContent .courseOrganization ul {list-style:none; list-style-image:none; padding:0; margin:4px 0 8px 0;}
.coursePopupContent .courseOrganization ul li {float:left; line-height:18px;}
.coursePopupContent .courseOrganization ul li:not(:first-child) {border-left:#000000 1px solid; margin:0 8px 6px 0; padding:0 8px 0 0;}
.coursePopupContent .courseDuration {color:#000000; margin:0 0 6px 0;}
.coursePopupContent .linkMobile {display:none;}
.coursePopupContent p {margin:0 0 20px 0;}

#coursePopup2 {display:none; position:absolute;z-index:1000; padding:24px 16px 6px 16px; background:#ffffff; border-radius:8px; box-shadow:0px 2px 4px 0px #32333380;}
#coursePopup2.active {display:block;}
.coursePopupClose2 {display:block; position:absolute; z-index:100; top:4px; right:10px; text-decoration:none; text-align:center; transition:all 0.4s ease 0s;}
.coursePopupClose2 img {width:12px; width:12px;}
.courseCardPopup2 > div {background:url(../images/separation-line.png) bottom center no-repeat; background-size:100% auto; padding:4px 0; text-align:center;}
.courseCardPopup2 > div a {color:#323333; text-decoration:none; text-align:center; font-size:15px;}
.courseCardPopup2 > div:last-of-type{background-image:none;}

.catalogHero {background:#333433; color:#ffffff; text-align:center;}
.catalogHero h1 {color:#ffffff; font-size:42px; line-height:50px; margin:10px 0; padding:0 0 0 0;}
.catalogHero .searchBar {display:inline-block; margin:0 auto; background:#ffffff; border-radius:45px;}
.catalogHero .searchBar form {display:flex;}
.catalogHero .searchBar form .searchField input {background:transparent; width:300px; margin:3px 18px; border:0px; color:#000000; font-size:18px; line-height:22px; padding:12px 0 10px 0;}
.catalogHero .bgImage {background:url(../images/catalog-hero.webp) left center no-repeat; background-size:cover;}
.catalogHero .bgImage .gradient {background:rgba(51, 52, 51, 0.5) 100%;}
.catalogHero .bgImage .gradient .content {padding:90px 0 80px 0; background-image:url(../images/rtl/vector20.svg), url(../images/rtl/vector19.svg); background-position:100% 100%, 0 100%; background-size:auto auto, auto auto; background-repeat:no-repeat, no-repeat; background-blend-mode:normal;}

.catalog {padding:0 0 80px 0;}
.catalogAllCourses {margin:40px 0 40px 0; padding:30px; background:#fffcf8; box-shadow:0px 4px 4px 0px #00000040; border-radius:10px; text-align:center;}
.catalogAllCourses a {font-family:"Assistant-Bold"; color:#000; text-decoration:none; text-shadow:0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25); font-size:32px;}
.catalogAllCourses a:hover {color:#045D74;}
.catalogCategories1 {display:flex; flex-wrap:wrap; gap:20px; flex-basis:25%; justify-content:space-between;}
.catalogCategories1 .category1 {position:relative; background:#FF757C; flex-basis:calc(25% - 20px); box-shadow:0px 5px 15px 0px rgba(40, 40, 40, 0.20); border-radius:10px; margin:0 0 10px 0; text-align:center; transition:all 0.4s ease 0s;}
.catalogCategories1 .category1:hover {box-shadow:0px 5px 15px 0px rgba(40, 40, 40, 0.30);}
.catalogCategories1 .category1 .image {margin:40px auto 80px auto; width:150px; height:150px;}
.catalogCategories1 .category1 .image img {width:150px; height:150px;}
.catalogCategories1 .category1 .text {position:absolute; left:0; bottom:0; width:calc(100% - 24px); padding:12px; background:#ffffff; color:#000000; font-family:"Assistant-Bold"; font-size:23px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.catalogCategories1 .category1:nth-child(2) {background:#5DDDD3;}
.catalogCategories1 .category1:nth-child(3) {background:#FFBA1B;}
.catalogCategories1 .category1:nth-child(4) {background:#045D74;}
.catalogCategories1 .category1:nth-child(5) {flex-basis:calc(33.3% - 20px); background:#FFBA1B;}
.catalogCategories1 .category1:nth-child(6) {flex-basis:calc(33.3% - 20px); background:#1A91A1;}
.catalogCategories1 .category1:nth-child(7) {flex-basis:calc(33.3% - 20px); background:#FF757C;}
.catalogCategories1 .category1:nth-child(9) {background:#5DDDD3;}
.catalogCategories1 .category1:nth-child(10) {background:#FFBA1B;}
.catalogCategories1 .category1:nth-child(11) {background:#045D74;}
.catalogCategories1 .category1:nth-child(12) {flex-basis:calc(33.3% - 20px); background:#FFBA1B;}
.catalogCategories1 .category1:nth-child(13) {flex-basis:calc(33.3% - 20px); background:#1A91A1;}
.catalogCategories1 .category1:nth-child(14) {flex-basis:calc(33.3% - 20px); background:#FF757C;}
.catalogCategories1 .category1 a {display:block;}

.catalogCategories2Header {display:flex; align-items:center; margin:20px 0 0 0;}
.catalogCategories2Header > div {flex:1; align-items:stretch;}
.catalogCategories2Header > div.allResults {text-align:right;}
.catalogCategories2Header > div.allResults a {color:#000000; text-decoration:none; font-family:"Assistant-Bold";}
.catalogCategories2Header > div.allResults a:hover {color:#77ad37;}

.catalogCategories2 {display:flex; flex-direction:row; flex-wrap:wrap; gap:20px; flex-basis:25%; justify-content:space-between;}
.catalogCategories2 .category2 {flex-basis:calc(25% - 20px); position:relative; background:#F1F1F1; box-shadow:0px 5px 15px 0px rgba(40, 40, 40, 0.20); border-radius:10px; margin:0 0 10px 0; text-align:center; transition:all 0.4s ease 0s;}
.catalogCategories2 .category2:hover {box-shadow:0px 5px 15px 0px rgba(40, 40, 40, 0.30);}
.catalogCategories2 .category2 .image {margin:40px auto 80px auto; width:120px; height:120px;}
.catalogCategories2 .category2 .image img {width:120px; height:120px;}
.catalogCategories2 .category2 .text {position:absolute; left:0; bottom:0; width:calc(100% - 24px); padding:12px; background:#ffffff; color:#000000; font-family:"Assistant-Bold"; font-size:20px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}

.stripeHero {padding:90px 0 80px 0; background-color:#333433; background-image:url(../images/rtl/vector22.svg), url(../images/rtl/vector21.svg); background-position:100% 0, 0 0; background-size:auto auto, auto auto; background-repeat:no-repeat, no-repeat; background-blend-mode:normal; color:#ffffff; text-align:center;}
.stripeHero nav.breadcrumbs ol li a {color:#ffffff;}
.stripeHero nav.breadcrumbs ol li a:hover {color:#91C653;}
.stripeHero h1 {margin:10px 0 0 0;}
.stripePageHeader {display:flex; padding:60px 0 0 0;}
.stripePageHeader > div {flex:1; align-items:stretch;}
.stripePageHeader .stripePageHeaderFilter {padding:6px 0 30px 0;}
.stripePageHeader .stripePageHeaderResults {text-align:right; padding:6px 0 0 0;}
.stripePageHeader .stripePageHeaderResults span {font-family:"Assistant-Bold";}
.stripePageCourses {display:flex; gap:20px; flex-flow:wrap; margin:20px 40px;}
.stripePageCourses .courseCard {width:calc(25% - 20px); margin:0 0 30px 0;}

.institutionCoursesInDevCarusel {padding:60px 8%; display:flex; flex-wrap:wrap; gap:20px; flex-basis:25%; justify-content:space-between;}
.institutionCoursesInDevCarusel .courseCard {margin:0 0 15px 0;}
.institutionCoursesInDevCarusel .courseCard .image {width:100%;}
.institutionCoursesInDevCarusel .courseCard .image a {width:100%;}
.institutionCoursesInDevCarusel .courseCard .image img {width:100%;}
.institutionCoursesInDevCarusel .courseCard .text {width:auto;}
.institutionCoursesInDevCarusel .courseCard .text .courseSimilarTags li {display:none;}
.institutionCoursesInDevCarusel .courseCard .text .courseSimilarTags li.moreLess {display:block;}
.institutionCoursesInDevCarusel .courseCard .text .courseDuration {display:none;}

.autoPopupContent {display:none;}
.autoPopupBody {background:#ffffff; padding:30px 40px; max-width:360px; text-align:center; font-size:16px; line-height:22px; color:#333433;}
.autoPopupBody h3 {font-size:22px; line-height:28px; margin:0 0 10px 0;}
.autoPopupBody p {white-space:pre-line;}
.autoPopupSlider .slick-prev.slick-disabled,
.autoPopupSlider .slick-next.slick-disabled {display:none !important;}
.autoPopupBody .info {display:inline-flex; flex-wrap:wrap; padding:0 0 20px 0;}
.autoPopupBody .infoItem {display:flex; gap:6px; font-size:18px; line-height:24px; margin:0 0 0 16px; color:#000000;}
.autoPopupBody .infoItem img {width:auto; height:20px; transform:translateY(2px);}
.autoPopupImage img {width:350px; height:250px; max-width:100%; object-fit:cover; border-radius:10px;}
.autoPopupButton {padding:10px 0 0 0;}
.autoPopupButton button {width:100%; border-radius:30px; display:block; text-align:center;}
.autoPopupSlider .slick-prev {background:url(../images/arrow-right.svg) no-repeat center center; top:calc(100% - 7px); right:calc(50% - 50px); width:20px; height:20px;}
.autoPopupSlider .slick-prev:hover {background:url(../images/arrow-right.svg) no-repeat center center;}
.autoPopupSlider .slick-next {background:url(../images/arrow-left.svg) no-repeat center center; top:calc(100% - 7px); left:calc(50% - 50px); width:20px; height:20px;}
.autoPopupSlider .slick-next:hover {background:url(../images/arrow-left.svg) no-repeat center center;}
.autoPopupSlide {padding:0 0 15px 0;}

.p404 {background:#ffffff; height:100vh;}
.p404 .text {width:50%; height:100vh; float:left; display:flex; justify-content:center; align-items:center;}
.p404 .text .content {padding:0 10%; font-size:20px; line-height:28px; max-width:480px;}
.p404 .text .content nav.breadcrumbs ol {font-size:16px; line-height:22px; font-weight:600;}
.p404 .text .content nav.breadcrumbs ol li {background:url(../images/ltr/breadcrumbs-sep-black.svg) right center no-repeat; background-size:6px auto;}
.p404 .text .content nav.breadcrumbs ol li:last-of-type {background-image:none;}
.p404 .text .content nav.breadcrumbs ol li a {color:#333433; font-size:16px; line-height:22px; font-weight:600;}
.p404 .text .content nav.breadcrumbs ol li a:hover {color:#91C653;}
.p404 .text .content h1 {font-size:60px; line-height:60px; margin:20px 0 30px 0;}
.p404 .text .content .items {display:flex; flex-wrap:wrap; gap:20px; justify-content:space-between; margin:40px 0 0 0;}
.p404 .text .content .items .link {width:calc(40% - 10px); text-align:center;}
.p404 .text .content .items .link a {border-radius:45px; background:#333433; color:#ffffff; font-family:"Assistant-Bold"; padding:12px 20px; width:calc(100% - 40px); text-decoration:none;}
.p404 .text .content .items .link a:hover {background:#91C653;}
.p404 .text .content .items .searchBar {position:relative; width:calc(60% - 10px); border-radius:45px; box-shadow:0px 3.64px 10.92px 0px rgba(40, 40, 40, 0.20);}
.p404 .text .content .items .searchBar form {display:flex; margin:0;}
.p404 .text .content .items .searchBar form .searchField {width:calc(100% - 45px);}
.p404 .text .content .items .searchBar form .searchField input {background:transparent; width:calc(100% - 24px); margin:3px 0 3px 18px; border:0px; color:#000000; font-size:18px; line-height:22px; padding:12px 0 10px 0;}
.p404 .text .content .items .searchBar form .searchField label.error {width:auto; position:absolute; z-index:4; top:60px; left:20px; background:#FFFFFF url(../images/icon-warning.svg) no-repeat; background-position:10px 12px; padding:12px 16px 12px 36px; box-shadow:0px 2px 16px rgba(40, 40, 40, 0.2); border-radius:10px; font-size:14px; line-height:18px;  text-align:right;}
.p404 .text .content .items .searchBar form .searchField label.error::after {content:" "; position:absolute; bottom:100%; left:20px; margin-left:-8px; border-width:8px; border-style:solid; border-color:transparent transparent #ffffff transparent;}
.p404 .image {width:50%; height:100vh; float:right;  display:flex; flex-direction:column-reverse; justify-content:center; align-items:center; font-size:260px; font-family:"Assistant-Bold"; color:#333433;
  background-image:url(../images/ltr/404/vector1.svg), url(../images/ltr/404/vector2.svg), url(../images/ltr/404/vector3.svg); background-position:100% 0, 0 100%, center center; background-size:200px auto, 600px auto, 500px auto; background-repeat:no-repeat, no-repeat, no-repeat; background-blend-mode:normal;
}

.floatingVid {min-width:800px; overflow:auto; background:#000000; text-align:center;}
.floatingVid a {color:#ffffff; text-decoration:none; font-size:16px; line-height:16px; padding:0 0 10px 0;}
.videoWrapper {position:relative; padding-bottom:56.25%; padding-top:0; height:0;}
.videoWrapper iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.stickyFixedPosition {position:fixed;}

.institutionHeaderBackgroundColor {background:linear-gradient(to bottom, var(--institution_color_rgb), rgba(0 0 0 ,0.9));}

.institutionHero {position:relative; background-repeat:no-repeat; background-position:center right; background-size:cover;}
.institutionHero .logoDiv {color:#ffffff; padding:14vh 20% 12vh 10%; display:inline-block; background:linear-gradient(to left, rgba(0,0,0,0) 0%, var(--institution_color) 50%, var(--institution_color) 100%);}
.institutionHero .logoBackground {padding:16px 0;}
.institutionHero .logo {display:inline-block; padding:20px; min-width:175px; border-radius:15px; background:#ffffff; text-align:center;}
.institutionHero .logo img {height:95px; width:auto; max-width:100%;}
.institutionTitle {position:absolute; bottom:-30px; width:calc(100% - 40px); margin:0 20px; text-align:center;}
.institutionTitle h1 {display:inline-block; margin:0 auto; background:#ffffff; box-shadow:15px 12px 10px 0px rgba(0, 0, 0, 0.55); padding:10px 16px; border-radius:12px; font-size:36px; font-weight:700;}

.institutionNumbers .institutionDescription {text-align:center;}

.institutionInfo {display:flex; flex-wrap:wrap; width:100%; justify-content:center;}
.institutionInfo .infoItem {width:33.3%; text-align:center;}
.institutionInfo .infoItem .infoItemValue {color:var(--institution_color); font-family:'Assistant-Bold'; font-size:24px;}
.institutionInfo .infoItem img {height:30px; width:auto;}

.institutionFirstSection {padding:40px 0 0 0; background-color:#F9F9F9; background-image:url(../images/decoration/section-decoration-top-left.png), url(../images/decoration/section-decoration-top-right.png); background-size:8vw auto, 14vw auto; background-repeat:no-repeat, no-repeat; background-blend-mode:normal; background-position-x:0, 100%; background-position-y:125px, 0px;}
.institutionFirstSection .contentWrapper {position:relative; display:flex;}
.institutionFirstSection .content {padding:40px 0 70px 0; display:flex; flex-direction:column; gap:25px; flex:1; margin:0 25px 0 0;}

.institutionPodcasts {padding:40px 0 0 0;}
.institutionPodcasts h2 {font-size:36px; line-height:40px; padding:0 0 10px 0;}
.institutionPodcasts .podcast {display:flex; flex-wrap:wrap; gap:50px; width:100%; margin:0 0 30px 0;}
.institutionPodcasts .podcast.wrap.isHidden {display:none;}
.institutionPodcasts .podcast.wrap.isShown {display:flex;}
.institutionPodcasts .podcast .embed {width:250px; border-radius:10px;}
.institutionPodcasts .podcast .embed iframe {width:250px !important; height:300px !important; border-radius:10px;}
.institutionPodcasts .podcast .text {width:calc(100% - 300px);}
.institutionPodcasts .podcast .text h3 {margin:0 0 15px 0; font-size:24px; line-height:30px;
   display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; overflow:hidden;text-overflow:ellipsis;
}
.institutionPodcasts .podcast .text p {width:90%; font-size:16px; line-height:22px;} 
.institutionPodcasts .toggleWrapperButton button {margin:0 0; color:#000000; padding:0 22px 0 0; background:url(../images/arrow-down-black2.svg) no-repeat; background-size:14px auto; background-position:100% 7px;}
.institutionPodcasts .toggleWrapperButton button.active {background:url(../images/arrow-up-black2.svg) no-repeat; background-size:14px auto; background-position:100% 7px;}


.stickyShare {z-index:1000; position:sticky; top:50px; height:fit-content; padding:40px 0 15px 0; width:68px; transition:all 0.3s;}
.stickyShare .courseInfoShare {padding:20px 0 5px 0; width:58px; border-radius:5px; background:var(--white, #FFF); box-shadow:0px 4px 144px 0px rgba(0, 0, 0, 0.05); display:flex; flex-direction:column;}
.stickyShare .courseInfoShare p {color:var(--main-dark); font-size:16px; font-style:normal; font-weight:400; line-height:normal; margin-bottom:0px;}
.stickyShare a:hover img {border-radius:50%; box-shadow:0px 0px 3px black;}

.courseInfoShare img {transition:none;}
.courseInfoShare img:hover {opacity:1;}
#stickySharePlaceHolder.stickyShare.hide {display:none}

.stripe {border-radius:5px; padding:40px 40px; background:#FFF; box-shadow:0px 4px 144px 0px rgba(0, 0, 0, 0.05), 0px 4px 8px 0px rgba(0, 0, 0, 0.05);}
.stripe h2 {font-size:32px; line-height:34px; border-left:var(--institution_color) 4px solid; padding:0 0 6px 12px; margin:0 0 16px 0;}
.stripe h3 {font-size:32px; line-height:34px; border-left:var(--institution_color) 4px solid; padding:0 0 6px 12px; margin:0 0 16px 0;}

.stripe .cardBtn {background-color:var(--institution_color); color:var(--institution_color_text); border-radius:30px; margin-top:10px; padding:15px 30px; text-decoration:none;}
.stripe .cardBtn:hover {background-color:var(--institution_color_hover);}
.stripe .cardShowMoreBtn {color:var(--institution_color); background-color:transparent; padding:0;}
.stripe .cardShowMoreBtn:hover {border-bottom:1px solid var(--institution_color);}
.stripe .stripeContent {display:flex; flex-direction:column; justify-content:start; align-items:center; gap:17px;}
.stripe .stripeContent .header {display:flex; flex-direction:column; justify-content:start; align-items:start; gap:5px;}
.stripe .stripeContent .header .description {color:#000; font-size:16px; font-style:normal; font-family:'Assistant-Light'; line-height:normal;}

.stripeColumns {display:flex; flex-flow:wrap; gap:60px;}
.stripeColumns > div {width:calc(50% - 30px);}
.stripeColumns > div.narrow {width:calc(25% - 45px);}
.stripeColumns .image {position:relative;}
.stripeColumns .image img {width:100%; height:auto; border-radius:10px;}
.stripeColumns .image .play {position:absolute; z-index:3; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.stripeColumns .image .play img {width:78px; height:78px; border:transparent 2px solid; transition:all 0.4s ease 0s; border-radius:50%; box-shadow:0px 4px 12px rgba(0, 0, 0, 0.1);}
.stripeColumns .image .play img:hover {border:#343330 2px solid;}
.stripeColumns .image .play a {cursor:pointer;}

.institutionLecturers {padding:0 40px 40px 40px; text-align:center; background-color:#F9F9F9; background-image:url(../images/decoration/section-decoration-bottom-left.png), url(../images/decoration/section-decoration-bottom-right.png); background-size:19vw auto, 9vw auto; background-repeat:no-repeat, no-repeat; background-blend-mode:normal; background-position-x:0, 100%; background-position-y:calc(100% - 50px), 100%;}
.institutionLecturers h2 {display:inline-block; font-size:32px; line-height:34px; border-left:var(--institution_color) 4px solid; padding:0 0 6px 12px; margin:0 auto 16px auto;}
.lecturerMoreButton {padding:20px 0; text-align:center;}
.lecturerMoreButton button {display:inline-block; margin:0 auto; background:transparent;}
.institutionLecturersCausel {display:flex; flex-wrap:wrap;}
.institutionLecturersCausel .lecturerCard {text-align:center; width:calc(25% - 18px); margin:60px 9px 0 9px; background:#FFFFFF; border-radius:5px; box-shadow:0px 4px 12px rgba(0, 0, 0, 0.05);}
.institutionLecturersCausel .lecturerCard .image {background-image:none; position:relative; transform:translateY(-38px); text-align:center;}
.institutionLecturersCausel .lecturerCard .image img {width:70px; height:70px; border-radius:50%; border:4px solid #FDCC07;}
.institutionLecturersCausel .lecturerCard .text {margin:-50px 0 0 0; background:transparent; background-image:none; border-radius:0; box-shadow:0 0 0; padding:0 20px 20px 20px; transform:translateY(0); min-height:110px;}
.institutionLecturersCausel .lecturerCard .text .readMorePopupLink {display:block; text-align:center; width:100%; padding:12px 0 0 0; color:var(--institution_color);}
.institutionLecturersCausel .lecturerCard .text h3 {font-size:18px; line-height:24px;}
.institutionLecturersCausel .lecturerCard .text .lecturerDesc {display:none;}
.institutionLecturersCausel .lecturerCard .text .lecturerOrganization {display:none;}
.institutionLecturersCausel .lecturerCard.large {width:calc(33.3% - 18px);}
.institutionLecturersCausel .lecturerCard.large .text h3 {font-size:22px; line-height:29px;}
.institutionLecturersCausel .lecturerCard.large .image {transform:translateY(-45px);}
.institutionLecturersCausel .lecturerCard.large .image img {width:90px; height:90px;}
.institutionLecturersCausel .lecturerCard.hide {display:none;}
.institutionLecturersCausel .lecturerCard.unhide {display:block;}

.institutionCoursesFeaturing {background-color:var(--institution_color); padding:80px 0 60px 0; transition:all 0.3s; color:var(--institution_color_text); text-align:center;}
.institutionCoursesFeaturing h2 {display:inline-block; font-size:32px; line-height:34px; border-left:var(--institution_color_text) 4px solid; padding:0 0 6px 12px; margin:0 auto 16px auto;}
.institutionCoursesFeaturing .description {margin:15px auto; color:var(--institution_color_text); text-align:center; max-width:700px;}
.institutionCoursesFeaturingCarusel {margin:0 20px;}
.institutionCoursesFeaturingCarusel .slick-dots li button {border:#ffffff 1px solid; background:#ffffff;}
.institutionCoursesFeaturingCarusel .slick-dots li.slick-active button {border:#ffffff 1px solid; background:#ffffff;}
.institutionCoursesFeaturingCarusel .slick-prev {background:url(../images/arrow-left-white.svg) no-repeat center center !important;}
.institutionCoursesFeaturingCarusel .slick-next {background:url(../images/arrow-right-white.svg) no-repeat center center !important;}

.institutionCoursesFeaturingCarusel .bigCourseCard {display:flex; flex-flow:wrap; gap:20px; padding:20px 10%;}
.institutionCoursesFeaturingCarusel .bigCourseCard .image {width:calc(55% - 10px);}
.institutionCoursesFeaturingCarusel .bigCourseCard .image img {width:100%; height:auto; border-radius:10px;}
.institutionCoursesFeaturingCarusel .bigCourseCard .text {width:calc(45% - 10px); text-align:left;}
.institutionCoursesFeaturingCarusel .bigCourseCard .text h3 {margin:0 0 16px 0;}
.institutionCoursesFeaturingCarusel .bigCourseCard .text h3 a {color:var(--institution_color_text); font-size:28px; line-height:normal; text-decoration:none; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.institutionCoursesFeaturingCarusel .bigCourseCard .text .courseTags ul li a {color:var(--institution_color_text2); background:var(--institution_color_text); border:1px solid var(--institution_color_text);}
.institutionCoursesFeaturingCarusel .bigCourseCard .text .courseTags ul li a:hover {opacity:0.9;}
.institutionCoursesFeaturingCarusel .bigCourseCard .text .courseLocation {color:var(--institution_color_text); font-style:normal; margin-top:8px; margin-bottom:8px;}
.institutionCoursesFeaturingCarusel .bigCourseCard .text .courseDuration {color:var(--institution_color_text); font-style:normal;}
.institutionCoursesFeaturingCarusel .bigCourseCard .text .courseActionBtn {background:var(--institution_color_text); color:var(--institution_color_text2); width:fit-content; border-radius:30px; margin-top:20px; padding:13px 40px; font-size:18px; font-family:"Assistant-Bold";  text-decoration:none;}
.institutionCoursesFeaturingCarusel .bigCourseCard .text .courseActionBtn:hover {opacity:0.9;}

.institutionStudyProgramsStripe {display:flex; flex-wrap:wrap; gap:20px; justify-content:space-between;}
.institutionStudyProgramsStripe .courseCard {width:calc(25% - 20px); margin:0 0 0 0;}
.institutionStudyProgramsStripe .studyProgram {width:calc(25% - 20px)}
.institutionStudyProgramsStripe .studyProgram.hide {display:none;}
.institutionStudyProgramsStripe .studyProgram .text {width:auto;}
.institutionStudyProgramsStripe .studyProgram .image {width:200px; position:relative; width:100%;}
.institutionStudyProgramsStripe .studyProgram .image .image img {width:100% !important; max-width:280px; height:124px; object-fit:cover;}

.institutionPrograms {padding:60px 0;}
.institutionPrograms h2 {font-size:32px; line-height:34px; border-left:var(--institution_color) 4px solid; padding:0 0 6px 12px; margin:0 0 16px 0;}
.institutionPrograms .description {padding:0 0 20px 0;}
.institutionPrograms .showMoreLessTextBtn {padding:10px 40px;}
.institutionPrograms .courseCard {width:calc(25% - 20px);}
.institutionPrograms .courseCard.hide {display:none;}
.institutionPrograms .courseCard .image img.programWrap {border:solid 3px var(--institution_color); border-left:solid 25px var(--institution_color);}
.institutionPrograms .courseCard .image .info {display:none;}
.institutionPrograms .courseCard .courseOrganization {color:#444646; margin:0 0 6px 0; font-size:16px; line-height:20px;}
.institutionPrograms .courseCard .courseOrganization ul {list-style:none; list-style-image:none; padding:0; margin:0;}
.institutionPrograms .courseCard .courseOrganization ul li:not(:first-child) {display:none;}

.institutionPrograms .studyProgramMoreButton {padding:20px 0; text-align:center;}
.institutionPrograms .studyProgramMoreButton button {display:inline-block; margin:0 auto; background:transparent;}

.staticShareWrapper {display:none;}

.institutionTestimonial {background-image:url(../images/rtl/vector1.svg), url(../images/rtl/vector3.svg); background-position:0 48%, 100% 15%; background-size:auto 14vw, auto 22vw; background-repeat:no-repeat, no-repeat; background-blend-mode:normal; background-color:#F9F9F9; padding:60px 0; text-align:center;}
.institutionTestimonial h2 {display:inline-block; font-size:32px; line-height:34px; border-left:#70C6D1 4px solid; padding:0 0 6px 12px; margin:0 auto 30px auto;}
.institutionTestimonialSlider .sliderItem .image {background:url(../images/rtl/vector12-green.svg) top center no-repeat; background-size:auto 100%; padding:22px 0; text-align:center;}
.institutionTestimonialSlider .sliderItem .image img {border-radius:50%; width:70px; height:70px; border:#91C653 2px solid; margin:0 auto;}
.institutionTestimonialSlider .sliderItem .text {padding:0 30px; text-align:center;}
.institutionTestimonialSlider .sliderItem .text h3 {margin:6px 0; color:#141414; text-align:center; font-size:22px; font-style:normal; font-weight:600; line-height:normal;}
.institutionTestimonialSlider .sliderItem .text h4 {margin:6px 0; color:#141414; text-align:center; font-size:22px; font-style:normal; font-weight:600; line-height:normal;}
.institutionTestimonialSlider .sliderItem .text p {font-size:16px; font-family:'Assistant-Light'; line-height:normal;}
.institutionTestimonialSlider .sliderItem:nth-child(3n+2) .image {background:url(../images/rtl/vector12-blue.svg) top center no-repeat;}
.institutionTestimonialSlider .sliderItem:nth-child(3n+2) .image img {border:#70C6D1 2px solid;}
.institutionTestimonialSlider .sliderItem:nth-child(3n+3) .image {background:url(../images/rtl/vector12-green.svg) top center no-repeat;}
.institutionTestimonialSlider .sliderItem:nth-child(3n+3) .image img {border:#91C653 2px solid;}
.institutionTestimonialSlider .sliderItem:nth-child(3n+4) .image {background:url(../images/rtl/vector12-yellow.svg) top center no-repeat;}
.institutionTestimonialSlider .sliderItem:nth-child(3n+4) .image img {border:#FDCC07 2px solid;}
.institutionTestimonialSlider .sliderItem:nth-child(3n+5) .image {background:url(../images/rtl/vector12-red.svg) top center no-repeat;}
.institutionTestimonialSlider .sliderItem:nth-child(3n+5) .image img {border:#F1595A 2px solid;}

.institutionCourses {background:#ffffff; padding:30px 0;}
.institutionCourses h2 {display:inline-block; font-size:32px; line-height:34px; border-left:var(--institution_color) 4px solid; padding:0 0 6px 12px; margin:0 auto 10px auto;}
.institutionCourses .institutionCoursesCarusel {display:flex; flex-wrap:wrap; gap:20px; padding:30px 0 0 0; justify-content:space-between;}
.institutionCourses .institutionCoursesCarusel .courseCard {width:calc(25% - 20px); margin:0 0 0 0;}
.institutionCourses .institutionCoursesCarusel .courseCard .text .courseSimilarTags li {display:none;}
.institutionCourses .institutionCoursesCarusel .courseCard .text .courseSimilarTags li.moreLess {display:block;}
.institutionCourses .institutionCoursesCarusel .courseCard .text .courseDuration {display:none;}

.institutionCoursesInDev {background:#F9F9F9; padding:60px 0 30px 0;}
.institutionCoursesInDev h2 {font-size:32px; line-height:34px;  padding:0 0 6px 0; margin:0 auto 10px auto;  text-align:center;}

.coursesInCollaborations {border-radius:5px; background:#ffffff; padding:50px 8% 30px 8%; text-align:center; margin:40px 0 60px 0;}
.coursesInCollaborations h2 {display:inline-block;display:flex; align-items:center; font-size:32px; line-height:34px; border-left:var(--institution_color) 4px solid; padding:0 0 6px 12px; margin:0 auto 10px auto;}
.coursesInCollaborations p {display:flex; margin:0 auto 0;}
.coursesInCollaborations h2 .the-icon-new-title {width:32px; height:32px; background-position:center; background-size:cover; background-repeat:no-repeat; margin:0 7px 0 5px;}
.coursesInCollaborations h2 .the-line-new-title {height:36px; width:5px; background:#004128;border-radius:5px;}
.coursesInCollaborations .coursesInCollaborationsCarusel {text-align:left; padding:30px;}
.coursesInCollaborations .coursesInCollaborationsCarusel .courseCard {width:calc(33.3% - 20px); margin:0 10px 0 10px;}
.coursesInCollaborations .coursesInCollaborationsCarusel .courseCard .image {width:auto;}
.coursesInCollaborations .coursesInCollaborationsCarusel .courseCard .courseTags ul li {display:none;}
.coursesInCollaborations .coursesInCollaborationsCarusel .courseCard .courseTags ul li.moreLess {display:inline-block;}

.institutionEvents {text-align:center; background-color:#F9F9F9; padding:50px 0 0 0}
.institutionEvents h2 {display:inline-block; font-size:32px; line-height:34px; border-left:var(--institution_color) 4px solid; padding:0 0 6px 12px; margin:0 auto 16px auto;}
.institutionEventsSlider {display:flex; flex-flow:wrap; gap:18px; padding:20px 0 30px 0; justify-content:center;}
.institutionEventsSlider .sliderItem {width:calc(25% - 14px); text-align:left; border-radius:10px; background:#FFF; box-shadow:0px 4px 144px 0px rgba(0, 0, 0, 0.05), 0px 4px 8px 0px rgba(0, 0, 0, 0.05); cursor:pointer; transition:all 0.4s ease 0s;}
.institutionEventsSlider .sliderItem:hover {box-shadow:0px 4px 144px 0px rgba(0, 0, 0, 0.1), 0px 4px 8px 0px rgba(0, 0, 0, 0.1);}
.institutionEventsSlider .sliderItem img {width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:10px;}
.institutionEventsSlider .sliderItem .eventText {padding:10px 20px 16px 20px;}
.institutionEventsSlider .sliderItem .eventText h3 {margin:0 0 10px 0;}
.institutionEventsSlider .sliderItem .eventText .eventLocation {color:#808080}
.institutionEventsSlider .sliderItem .eventText .eventBody {display:none;}

.eventPopup {width:calc(100% - 80px); max-width:550px; background:#FFFFFF url(../images/rtl/lecturer-popup-vector.svg) bottom left no-repeat; font-size:18px; line-height:22px; padding:40px; font-size:18px; line-height:22px; padding:40px; overflow:auto;}
.eventPopup .inner {max-height:calc(100vh - 160px);}
.eventPopup .image {max-height:300px; overflow:hidden; border-radius:10px;}
.eventPopup .image img {width:100%; height:auto; border-radius:10px; object-fit:fill;}
.eventPopup .text {padding:16px 0 0 0;}
.eventPopup .text h3 {text-align:center; margin:0 0 10px 0;}
.eventPopup .text .eventTitle {font-family:"Assistant-Bold";}

.institutionHero.municipality .backgroundGradient {padding:60px 0 60px 0; background:transparent;}

.stickyID1 {position:fixed; width:500px;top:60px;}
.myFixcourseInfoItems:After {content:''; position:absolute; top:0; bottom:40px; left:0; right:0; box-shadow:0px 4px 12px rgba(0, 0, 0, 0.12); border-radius:inherit; z-index:-1; background:white; width:500px}

.infoStripeHero {padding:90px 0 80px 0; color:#ffffff; text-align:center; background-color:#333433; background-image:url(../images/rtl/vector22.svg), url(../images/rtl/vector21.svg), url(../images/info-hero.svg); background-position:100% 0, 0 0, 100% 0px; background-size:auto auto, auto auto, cover; background-repeat:no-repeat, no-repeat, no-repeat; background-blend-mode:normal;}
.infoStripeHero nav.breadcrumbs ol li a {color:#ffffff;}
.infoStripeHero nav.breadcrumbs ol li a:hover {color:#91C653;}
.infoStripeHero h1 {margin:0 0 20px 0;}
.infoContentWrapper {background-image:url(../images/rtl/vector26.svg), url(../images/rtl/vector27.svg), url(../images/rtl/vector28.svg); background-position:0 80px, 0 100%, 100% 100%; background-size:auto auto, 300px 100% , auto auto; background-repeat:no-repeat, no-repeat, no-repeat; background-blend-mode:normal;}

.infoContent {padding:0 12% 60px 12%;}
.infoContent h2 {font-size:42px; padding:40px 0 0 0; font-family:'Assistant-Bold';}
.infoContent .infoContentSubMenu {display:flex; gap:50px; list-style:none; padding:0px; margin:0px; margin-bottom:30px;}
.infoContent .infoContentSubMenu li {color:#141414; font-size:18px; font-weight:300; color:#589CA5}
.infoContent .infoContentSubMenu li a {color:#141414; text-decoration:none;}
.infoContent .infoContentSubMenu li.current-menu-item a {color:#589CA5; font-family:"Assistant-Bold";}
.infoContent a {text-decoration:underline; color:#6A923C;}

.aboutInfoArea2  {padding:40px 0 20px 0; background-color:#F9F9F9; background-image:url(../images/about/Memphis.svg), url(../images/about/Memphis2.svg); background-position:0 0, 100% 0; background-size:auto auto, auto auto; background-repeat:no-repeat, no-repeat; background-blend-mode:normal; text-align:center;}
.aboutInfoArea2 h2 {display:inline-block; font-size:32px; line-height:34px; border-left:#589CA5 4px solid; padding:0 0 6px 12px; margin:20px auto 40px auto;}
.aboutInfoArea2 .aboutInfoPeople {display:flex; flex-wrap:wrap; gap:30px; justify-content:center;}
.aboutInfoArea2 .aboutInfoPeople > div {width:253px;}
.aboutInfoArea2 .aboutInfoPeople > div:first-of-type {width:100%;}
.aboutInfoArea2 .aboutInfoPeople > div h3 {margin:20px 0 6px 0;} 
.aboutInfoArea2 .aboutInfoPeople .image {width:253px; height:290px; position:relative; margin:0 auto; border-radius:10px; box-shadow:0px 4px 10px rgba(40, 40, 40, 0.2);}
.aboutInfoArea2 .aboutInfoPeople .imagePerson {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; border-radius:10px;}
.aboutInfoArea2 .aboutInfoPeople .imagePerson img {width:100%; height:100%; border-radius:10px; filter:grayscale(100%);}
.aboutInfoArea2 .aboutInfoPeople .imageBG {position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; background:url("../images/about/people1_vector.svg") no-repeat bottom center; background-size:auto 100%; border-radius:10px;}

.aboutInfoArea3 {padding:40px 0 100px 0; background:#F9F9F9 url(../images/about/bottom_vector_about.svg) bottom right no-repeat; text-align:center;}
.aboutInfoArea3 h2 {display:inline-block; font-size:32px; line-height:34px; border-left:#589CA5 4px solid; padding:0 0 6px 12px; margin:20px auto 40px auto;}
.aboutInfoArea3 .aboutInfoPeople {display:flex; flex-wrap:wrap; justify-content:center;}
.aboutInfoArea3 .aboutInfoPeople > div {width:calc(25% - 20px); margin:10px}
.aboutInfoArea3 .aboutInfoPeople > div.hide {display:none;}
.aboutInfoArea3 .aboutInfoPeople > div h3 {margin:10px 0 6px 0;} 
.aboutInfoArea3 .aboutInfoPeople > div .image {background-image:url(../images/rtl/team-vector1-blue.svg); background-position:center center; background-repeat:no-repeat; background-size:auto 100%; padding:8px;}
.aboutInfoArea3 .aboutInfoPeople > div:nth-of-type(4n + 1) .image {background-image:url(../images/rtl/team-vector1-blue.svg);}
.aboutInfoArea3 .aboutInfoPeople > div:nth-of-type(4n + 2) .image {background-image:url(../images/rtl/team-vector1-orange.svg);}
.aboutInfoArea3 .aboutInfoPeople > div:nth-of-type(4n + 3) .image {background-image:url(../images/rtl/team-vector1-green.svg);}
.aboutInfoArea3 .aboutInfoPeople > div:nth-of-type(4n + 4) .image {background-image:url(../images/rtl/team-vector1-red.svg);}
.aboutInfoArea3 .aboutInfoPeople .image img {width:128px; height:128px; border-radius:50%;}

.peopleMoreButton {padding:20px 0; text-align:center;}
.peopleMoreButton button {display:inline-block; margin:0 auto; background:transparent; color:#1A91A1;}

.eventsHero {padding:70px 0 40px 0; color:#ffffff; text-align:center; background-color:#333433; background-image:url(../images/rtl/vector22.svg), url(../images/rtl/vector21.svg); background-position:100% 0, 0 0; background-size:auto auto, auto auto; background-repeat:no-repeat, no-repeat; background-blend-mode:normal;}
.eventsHero h1 {margin:12px 0}
.eventsHero .searchBar {display:inline-block; margin:0 auto; background:#ffffff; border-radius:45px;}
.eventsHero .searchBar form {display:flex;}
.eventsHero .searchBar form .searchField input {background:transparent; width:300px; margin:3px 18px; border:0px; color:#000000; font-size:18px; line-height:22px; padding:12px 0 10px 0;}

.eventsRoutesFeaturing {display:flex; background:#333433; color:#ffffff; margin:60px 0; border-radius:40px;}
.eventsRoutesFeaturing .image {position:relative; width:50%;}
.eventsRoutesFeaturing .image .eventRouteImage {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%;}
.eventsRoutesFeaturing .image .eventRouteImage img {width:100%; height:100%; object-fit:cover; border-radius:40px;}
.eventsRoutesFeaturing .image .gradient {position:absolute; z-index:2; top:0; right:0; width:40%; height:100%; background:linear-gradient(to left, rgba(51, 52, 51, 1), transparent);}
.eventsRoutesFeaturing .content {width:50%; padding:40px 0;}
.eventsRoutesFeaturing .content .mainHalfWidth {float:right;}
.eventsRoutesFeaturing .content .text {padding:10px 60px 0 0;}
.eventsRoutesFeaturing .content .text h2 {font-size:42px; line-height:50px; margin:10px 0;}
.eventsRoutesFeaturing .content .info {display:inline-flex; flex-wrap:wrap; padding:10px 0 0 0;}
.eventsRoutesFeaturing .content .infoItem {display:flex; gap:6px; font-size:20px; line-height:26px; margin:8px 0 8px 20px;}
.eventsRoutesFeaturing .content .infoItem img {width:26px; height:26px;}
.eventsRoutesFeaturing .content .learn {margin:20px 0 30px 0;}
.eventsRoutesFeaturing .content .learn button {border-radius:30px;}

.eventsRoutes {padding:0 0 80px 0; background-image:url(../images/decoration/section-decoration-top-left.png), url(../images/decoration/section-decoration-top-right.png); background-size:8vw auto, 14vw auto; background-repeat:no-repeat, no-repeat; background-blend-mode:normal; background-position-x:0, 100%; background-position-y:125px, 90%;}
.eventsRoutes h2 {font-size:32px; line-height:34px; border-left:#141414 4px solid; padding:0 0 6px 12px; margin:24px 0 36px 0;}

.eventsRoutesItems {display:flex; flex-flow:wrap; gap:30px;}
.eventsRoutesItems > div {width:calc(33.3% - 20px); border-radius:15px; background:#ffffff; box-shadow:0px 5px 190px 0px rgba(0, 0, 0, 0.05), 0px 5px 190px 0px rgba(0, 0, 0, 0.05);}
.eventsRoutesItems > div .image {position:relative; padding-bottom:60%;}
.eventsRoutesItems > div .image .eventsRouteImage {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%;}
.eventsRoutesItems > div .image .eventsRouteImage img {width:100%; height:100%; object-fit:cover; border-top-left-radius:15px; border-top-right-radius:15px;}
.eventsRoutesItems > div .image .eventsRouteImage a {display:block; width:100%; height:100%;}
.eventsRoutesItems > div .image .info {position:absolute; z-index:2; bottom:30px; right:0; background:#91C653; padding:10px 24px; font-family:"Assistant-Bold";}
.eventsRoutesItems > div .text {position:relative;  padding:8px 24px 90px 24px;}
.eventsRoutesItems > div .text .eventsRouteDuration {display:flex; gap:10px; font-size:20px; line-height:26px; margin:0 0 12px 0;}
.eventsRoutesItems > div .text .eventsRouteDuration img {height:20px; transform:translateY(3px);}
.eventsRoutesItems > div .text h3 {margin:20px 0 10px 0;}
.eventsRoutesItems > div .text h3 a {color:#141414; text-decoration:none;}
.eventsRoutesItems > div .text h3 a:hover {color:#7aae3b;}
.eventsRoutesItems > div .text .link {position:absolute; bottom:26px;}
.eventsRoutesItems > div .text .link a {color:#141414; text-decoration:none; background:#91C653; padding:8px 30px; border-radius:20px;  font-family:"Assistant-Bold";}
.eventsRoutesItems > div .text .link a:hover { background:#7aae3b;} 

.eventsRoutesItems > div.green .image .info {background:#91C653;}
.eventsRoutesItems > div.green .text h3 a:hover {color:#7aae3b;}
.eventsRoutesItems > div.green .text .link a {background:#91C653;}
.eventsRoutesItems > div.green .text .link a:hover {background:#7aae3b;} 

.eventsRoutesItems > div.blue .image .info {background:#70c6d1;}
.eventsRoutesItems > div.blue .text h3 a:hover {color:#58b1bc;}
.eventsRoutesItems > div.blue .text .link a {background:#70c6d1;}
.eventsRoutesItems > div.blue .text .link a:hover {background:#58b1bc;} 

.eventsWebinars {padding:60px 0 80px 0; background:#333333; text-align:center;}
.eventsWebinars h2 {display:inline-block; font-size:32px; line-height:34px; color:#ffffff; border-left:#ffffff 4px solid; padding:0 0 6px 12px; margin:24px auto 36px auto;}

.eventsWebinarsItems {display:flex; flex-flow:wrap; gap:30px; margin:0 5%;}
.eventsWebinarsItems > div {width:calc(33.3% - 20px); border-radius:15px; background:#ffffff; box-shadow:0px 5px 190px 0px rgba(0, 0, 0, 0.05), 0px 5px 190px 0px rgba(0, 0, 0, 0.05);}
.eventsWebinarsItems > div .image {position:relative; padding-bottom:60%;}
.eventsWebinarsItems > div .image .eventsWebinarImage {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%;}
.eventsWebinarsItems > div .image .eventsWebinarImage img {width:100%; height:100%; object-fit:cover; border-top-left-radius:15px; border-top-right-radius:15px;}
.eventsWebinarsItems > div .image .eventsWebinarImage a {display:block; width:100%; height:100%;}
.eventsWebinarsItems > div .text {position:relative; padding:8px 24px 90px 24px; text-align:right;}
.eventsWebinarsItems > div .text .eventsWebinarTime {display:flex; gap:10px; font-size:20px; line-height:26px; margin:20px 0 12px 0;}
.eventsWebinarsItems > div .text .eventsWebinarTime img {height:20px; transform:translateY(3px);}
.eventsWebinarsItems > div .text h3 {margin:20px 0 10px 0;}
.eventsWebinarsItems > div .text h3 a {color:#141414; text-decoration:none;}
.eventsWebinarsItems > div .text h3 a:hover {color:#7aae3b;}
.eventsWebinarsItems > div .text .link {position:absolute; bottom:26px;}
.eventsWebinarsItems > div .text .link a {color:#ffffff; text-decoration:none; background:#141414; padding:8px 30px; border-radius:20px;  font-family:"Assistant-Bold";}
.eventsWebinarsItems > div .text .link a:hover { background:#4c4c4c;} 

.eventsWebinarsItems > div.disabled {pointer-events:none; cursor:default;}
.eventsWebinarsItems > div.disabled .image {opacity:0.5;}
.eventsWebinarsItems > div.disabled .text {opacity:0.5;}

.events2Hero {padding:90px 0 80px 0; color:#ffffff; text-align:center; background-color:#333433; background-image:url(../images/rtl/vector22.svg), url(../images/rtl/vector21.svg), url(../images/info-hero.svg); background-position:100% 0, 0 0, 100% 0px; background-size:auto auto, auto auto, cover; background-repeat:no-repeat, no-repeat, no-repeat; background-blend-mode:normal;}
.events2Hero h1 {margin:0 0 20px 0;}
.events2ContentWrapper {padding:50px 0 120px 0; background-image:url(../images/rtl/vector30.svg), url(../images/rtl/vector28.svg); background-position:0 60px, 100% 100%; background-size:150px auto, auto auto; background-repeat:no-repeat, no-repeat; background-blend-mode:normal;}

.events2Content {padding:0 12% 0 12%;}
.events2Content .events2ContentTitle {font-size:42px; padding:40px 0; font-family:'Assistant-Bold';}
.events2Content h2 {font-size:32px; line-height:34px; border-left:#589CA5 4px solid; padding:0 0 6px 12px; margin:10px 0 20px 0;}

.events2Popup {display:flex; flex-flow:wrap; flex-direction:row-reverse; background:#333433; color:#ffffff;}
.events2Popup .text {width:calc(100% - 360px); padding:10px 30px 30px 30px;}
.events2Popup .text h2 {font-size:32px; line-height:38px;}
.events2Popup .text .info {display:inline-flex; flex-wrap:wrap; padding:10px 0 0 0;}
.events2Popup .text .infoItem {display:flex; gap:6px; font-size:20px; line-height:26px; margin:8px 20px 8px 0;}
.events2Popup .text .infoItem img {width:26px; height:26px;}
.events2Popup .text .link {margin:20px 0;}
.events2Popup .text .link a {width:100%; color:#333433; background:#ffffff; text-decoration:none; border-radius:10px; padding:8px 0; font-family:"Assistant-Bold"; text-align:center;}
.events2Popup .text .link a:hover { background:#e5e7e7;}
.events2Popup .image {width:300px; position:relative;}
.events2Popup .image img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:top center;}

.events2Upcoming {padding:60px 0 0 0;}
.events2Upcoming .title {text-align:center;}
.events2Upcoming .title h2 {display:inline-block; font-size:32px; line-height:34px; border-left:#589CA5 4px solid; padding:0 0 6px 12px; margin:10px auto 30px auto;}

.events2Items {display:inline-flex; flex-wrap:wrap; gap:10px; width:100%; justify-content:center;}
.events2Items .events2Item {width:calc(20% - 10px); background:#333433; color:#ffffff;}
.events2Items .events2Item a {color:#ffffff; text-decoration:none;}
.events2Items .events2Item a:hover {color:#c1c1c1;}
.events2Items .image {position:relative; padding-bottom:160%;}
.events2Items .image img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:top center;}
.events2Items .events2Item {cursor:pointer; position:relative;}
.events2Items .events2Item .text {padding:0 12px 102px 12px;}
.events2Items .events2Item .text .eventBody {display:none;}
.events2Items .events2Item .text .time {display:none;}
.events2Items .events2Item .text .location {display:none;}
.events2Items .events2Item .text .info {position:absolute; bottom:56px; display:inline-flex; flex-wrap:wrap; padding:0 0 0 0;}
.events2Items .events2Item .text .infoItem {display:flex; gap:6px; font-size:20px; line-height:26px; margin:8px 20px 8px 0;}
.events2Items .events2Item .text .infoItem img {width:26px; height:26px;}
.events2Items .events2Item .link {position:absolute; bottom:16px; right:12px; width:calc(100% - 24px);}
.events2Items .events2Item .link button {display:block; width:100%; color:#333433; background:#ffffff; border-radius:10px; padding:10px 0; font-family:"Assistant-Bold"; text-align:center;}
.events2Items .events2Item .link button:hover {background:#e5e7e7;}
.events2Items .slick-counter {display:none;}

.events2Past {padding:60px 0 0 0;}
.events2Past .title {text-align:center;}
.events2Past .title h2 {display:inline-block; font-size:32px; line-height:34px; border-left:#589CA5 4px solid; padding:0 0 6px 12px; margin:10px auto 30px auto;}
.events2Past .events2Items .image img {opacity:0.5;}

.searchResultsHero {padding:120px 0 80px 0; color:#ffffff; text-align:center; background-color:#333433; background-image:url(../images/rtl/vector22.svg), url(../images/rtl/vector21.svg); background-position:100% 0, 0 0; background-size:auto auto, auto auto; background-repeat:no-repeat, no-repeat; background-blend-mode:normal;}
.searchResultsHero .searchBar {display:inline-block; margin:0 auto; background:#ffffff; border-radius:45px;}
.searchResultsHero .searchBar form {display:flex; margin:0; align-items:center;}
.searchResultsHero .searchBar form .searchField.searchFieldNewCatalog {position:relative;}
.searchResultsHero .searchBar form .searchField.searchFieldNewCatalog .error{display:none; position:absolute; z-index:4; top:60px; left:20px; background:#FFFFFF url(../images/icon-warning.svg) no-repeat; background-position:calc(100% - 10px) 12px; padding:12px 36px 12px 16px; box-shadow:0px 2px 16px rgba(40, 40, 40, 0.2); border-radius:10px; font-size:14px; line-height:18px; text-align:right;}

.searchResultsHero .searchBar form .searchField input {background:transparent; width:300px; margin:3px 0 3px 18px; border:0px; color:#000000; font-size:18px; line-height:22px; padding:12px 0 10px 0;}
#searchResultsSubmit {background:transparent url(../images/header/header-search.svg) center center no-repeat; background-size:45px; width:45px; height:45px; margin:4px; padding:0;}
#searchResultsClose {display:none;}

.searchResultsHeader {display:flex; padding:60px 0 0 0;}
.searchResultsHeader > div {flex:1; align-items:stretch;}
.searchResultsHeader .searchResultsFilter {padding:6px 0 20px 0;}
.searchResultsHeader .searchResultsResults {text-align:right; padding:6px 0 0 0;}
.searchResultsHeader .searchResultsResults span {font-weight:600;}

.searchResults {padding:0 0 60px 0;}
.searchResults h1 {padding:0 40px; font-size:22px; line-height:28px;}
.searchResults h1.centered {text-align:center;}
.searchResults h2 {padding:0 40px;}
.searchResults .errorImage {text-align:center; padding:20px 0;}
.searchResults .errorImage img {width:210px; height:auto;}
.searchResults .errorButton {text-align:center; padding:20px 0;}
.searchResults .errorButton button {background:#333433; color:#ffffff; border-radius:40px; padding:10px 80px; margin:0 auto;}
.searchResults .errorButton button img {width:20px; height:20px;}
.searchResults .errorButton button:hover {background:#141414;}
.searchResultsContent {margin:40px 40px; border-bottom:#f2f2f2 2px solid;}
.searchResultsContent .courseCard {margin:0 0 30px 0; display:flex; gap:20px}
.searchResultsContent .courseCard .image {width:250px;}
.searchResultsContent .courseCard .image img {width:250px;}
.searchResultsContent .courseCard .text  {width:calc(100% - 270px);}
.searchResultsContent .courseCard .text .courseTags {display:none;}

.searchResultsInterest {display:flex; gap:20px; flex-flow:wrap; margin:40px 40px;}
.searchResultsInterest .courseCard {width:calc(25% - 20px); margin:0 0 30px 0;}

.contactHero {color:#ffffff; background-color:#333433; background-image:url(../images/ltr/contact-hero.png); background-position:100% 0; background-size:auto 100%; background-repeat:no-repeat; background-blend-mode:normal;}
.contactHero .gradient {padding:110px 0 60px 0; background:linear-gradient(to right, rgba(51, 52, 51, 1), transparent);}
.contactHero h1 {margin:0 0 20px 0;}
.contactHero nav.breadcrumbs ol li a {color:#ffffff;}
.contactFormMessage {background:#ffffff; padding:30px; border-radius:25px; text-align:center; box-shadow:0px 4px 10px rgba(40, 40, 40, 0.2); min-width:480px;}

.contactFormWrapper {display:flex; flex-wrap:wrap; gap:20px;}
.contactFormWrapper > div {width:calc(50% - 20px);}
.contactFormWrapper > div.fullWidth {flex-basis:calc(100% - 20px);}
.contactFormWrapper input.error {border:#ff757c solid 1px;}
.contactFormWrapper input, textarea {width:calc(100% - 22px); border:solid 1px #838383; border-radius:5px; padding:10px 10px; font-family:'Assistant', sans-serif; font-size:16px;}
.contactFormWrapper select {width:calc(100% - 2px); border:solid 1px #838383; border-radius:5px; padding:10px 10px; font-family:'Assistant', sans-serif; font-size:16px;}
.contactFormWrapper input[type=submit] {width:auto; padding:10px 100px; background:#FFBA1B; border:solid 1px #FFBA1B; color:#333433; font-weight:700; cursor:pointer; transition:all 0.4s ease 0s;}
.contactFormWrapper input[type=submit]:hover {background:#f5ab02;}

fieldset {padding:0; margin:0; border:0px;}
label.error {color:#8C0406; font-weight:100; display:inline-block; width:100%;}

footer {background:#333333; color:#ffffff; font-size:16px; line-height:22px;}
footer a {color:#ffffff; text-decoration:none;}
footer a:hover {color:#dedede; text-decoration:none;}
footer .title {font-family:"Assistant-Bold"; font-size:24px; padding:40px 0 12px 0;}
footer .menu > div {padding:18px 0 0 0;}
footer .footerBackground {background:url(../images/ltr/footer-bg-desktop.svg) top right no-repeat; background-size:auto 100%;}
footer .footerCloumns1 {display:flex;}
footer .footerCloumns1 .content {width:calc(100% - 660px); flex-shrink:0;}
footer .footerCloumns1 .logo {width:660px; display:flex; align-items:center;}
footer .footerCloumns1 .logo img {width:200px; height:auto; margin:0 auto;}
footer .footerCloumns2 {display:flex; flex-wrap:wrap; padding:40px 0;}
footer .footerCloumns2 .text {width:calc(100% - 500px); padding:30px 36px 0 40px;}
footer .footerCloumns2 .text .textItem {padding:0 0 20px 0;}
footer .footerCloumns2 .text .textItem:last-of-type {padding:0 0 0 0;}
footer .footerCloumns2 .nav {width:180px; flex-shrink:0;}
footer .footerCloumns2 .nav .navItem {padding:6px 0 20px 16px; border-left:#84b33b 2px solid;}
footer .footerCloumns2 .nav .navItem:last-of-type {padding:6px 0 80px 16px;}
footer .footerCloumns2 .about {width:240px; flex-shrink:0;}
footer .footerCloumns2 .about .aboutItem {padding:6px 0 20px 16px; border-left:#e3433d 2px solid;}
footer .footerCloumns2 .about .aboutItem:last-of-type {padding:6px 0 80px 16px;}
footer .footerCloumns2 .socialMedia {flex-basis:100%; display:flex; text-align:right; justify-content:right; padding:0 50px; direction:ltr;}
footer .footerCloumns2 .socialMedia > div {margin:0 0 0 24px;}
footer .footerCloumns2 .socialMedia > div img {width:40px; height:40px; transition:all 0.4s ease 0s;}
footer .footerCloumns2 .socialMedia > div img:hover {opacity:0.85}

#footerBackToTop {display:none;}
#footerBackToTop.active {display:block; position:fixed; bottom:0; right:0; z-index:10000; width:46px; height:46px; background:transparent url(../images/ltr/back-to-top.svg) top left no-repeat; background-size:cover; padding:0 0 0 0;}

.loaderHeader {background:#000000; padding:80px 0 40px 0;}
.loaderHeader h1 {color:#ffffff; text-align:center;}
.loaderBody {padding:80px 0;}
.loaderStripe {display:flex; flex-wrap:wrap; margin:20px 0 40px 0;}
.loaderCourse {width:calc(25% - 20px); margin:0 12px 10px 8px;}
.loaderCourse .bullets {display:flex; margin:0 64px 10px 0; gap:10px; justify-content:space-between;}
.loaderCourse .bullets > div {width:40%;} 
.loaderCourse .bullets > div:last-of-type {width:22px;}
.loaderShape {border-radius:10px; min-height:22px; background:linear-gradient(110deg, #ececec 8%, #F2F2F2 18%, #ececec 33%); background-size:200% 100%; animation:1.0s shine linear infinite;}
.loaderShape.image {height:118px; margin:0 0 10px 0;}
.loaderShape.text1 {margin:0 24px 10px 0;}
.loaderShape.text2 {margin:0 64px 10px 0;}
.loaderShape.text3 {margin:0 104px 10px 0;}
.loaderOrganizations {display:flex; flex-wrap:wrap; gap:10px; justify-content:space-between; margin:20px 0 20px 0;}
.loaderShape.organization {height:50px; width:50px; border-radius:50%;}
.loaderGoals {display:flex; flex-wrap:wrap; gap:20px; justify-content:space-between;}
.loaderShape.goal {height:360px; width:calc(25% - 20px);}
.loaderTestimonials {display:flex; flex-wrap:wrap; gap:40px; justify-content:space-between;}
.loaderTestimonial {text-align:center; width:calc(33.3% - 40px);}
.loaderTestimonial .loaderShape.image {width:100px; height:100px; border-radius:50%; margin:0 auto 10px auto;}
.loaderTestimonial .bullets {display:flex; margin:0 64px 10px 0; gap:10px; justify-content:space-between;}
.loaderTestimonial .bullets > div {width:40%;}
.loaderTestimonial .bullets > div:last-of-type {width:22px;}
.loaderCatalog .loaderCourse {display:flex; gap:20px; margin:0 0 30px 0; width:auto}
.loaderCatalog .loaderCourse .loaderShape.image {width:250px; height:125px;}
.loaderCatalog .loaderCourse .loaderTexts {min-width:33.3%;}
.loaderCatalog .loaderCourse .bullets {margin:0 104px 10px 0;}

@keyframes shine {to {background-position-x:-200%;}}

.newCatalogHero {color:#ffffff; background-color:#333433; background-image:url(../images/catalog-new-hero.webp); background-size:cover; background-repeat:no-repeat;}
/* Banner is 350px tall at the 1440 design width, stepping down with the viewport. box-sizing
   is required: min-height applies to the content box, so without it the 180px of vertical
   padding would stack on top and produce a 530px banner. */
.newCatalogHero .gradient {box-sizing:border-box; min-height:350px; display:flex; flex-direction:column; justify-content:center; padding:40px 0; background:linear-gradient(to right, rgba(51, 52, 51, 1), transparent);}
.newCatalogHero h1 {margin:0 0 0 0;}
/* Subject category pages: the hero carries editor artwork, so it starts at the header's end
   instead of bleeding under it like the catalog's designed hero. When the WP admin bar renders,
   core bumps the whole page down by the bar's height (html margin) while the fixed header stays
   put — the offset shrinks by the same amount so the hero always stays flush with the header. */
.newCatalogHero--subject {margin-top:65px;}
html:has(#wpadminbar) .newCatalogHero--subject {margin-top:33px;}
@media only screen and (max-width:782px) {
  html:has(#wpadminbar) .newCatalogHero--subject {margin-top:10px !important;}
}

.newCatalogWrapper.institutions {padding:60px 0;}

#newCatalogMainButton {background:#ffffff url(../images/header/menu-open-black.svg) no-repeat; background-position:calc(100% - 16px) 17px; padding:9px 30px 10px 14px; border-radius:25px; color:#323333; font-size:14px; line-height:18px;}
#newCatalogMainMenu {display:none; position:absolute; top:50px; z-index:100005; color:#323333; text-align:left; padding:20px; 
  box-shadow:0px 4px 4px rgba(40, 40, 40, 0.4); border-radius:0 0 0 10px;
  width:240px;
  background-color:#FFFFFF;
  background-image:url(../images/header/catalog-menu-tr.svg), url(../images/header/catalog-menu-bl.svg); 
  background-position:100% 0, 0 100%; 
  background-size:auto auto, auto auto; 
  background-repeat:no-repeat, no-repeat; 
  background-blend-mode:normal;
}
#newCatalogMainMenu.active {display:block;}
#newCatalogMainMenu .title {color:#323333; font-family:"Assistant-Bold"; font-size:20px; padding:0 6px;}
#newCatalogMainMenu a {color:#323333; font-family:"Assistant-Regular"; font-size:15px; line-height:16px; display:block; padding:6px;}
#newCatalogMainMenu a:hover {color:#000000;}
#newCatalogMainMenu ul {list-style:none; list-style-image:none; padding:0; margin:0;}
#newCatalogMainMenu ul li {list-style:none; list-style-image:none; padding:0 0 0 0; margin:0; line-height:20px;}
#newCatalogMainMenu ul li ul {display:none; position:absolute; top:0; z-index:100005; background:#FFFFFF; padding:20px; width:240px; overflow:auto;
  box-shadow:0px 4px 4px rgba(40, 40, 40, 0.4);
  background-color:#FFFFFF;
  background-image:url(../images/header/catalog-menu-tr.svg), url(../images/header/catalog-menu-bl.svg); 
  background-position:100% 0, 0 100%; 
  background-size:auto auto, auto auto; 
  background-repeat:no-repeat, no-repeat; 
  background-blend-mode:normal;
}
#newCatalogMainMenu ul li ul.active {display:block;}

.newCatalogMethods {background:url(../images/header/catalog-menu-separation-line.png) bottom center no-repeat; padding:0 0 10px 0; margin:0 0 8px 0;}

.newCatalogSubjects {background:url(../images/header/catalog-menu-separation-line.png) bottom center no-repeat; padding:0 0 10px 0; margin:0 0 8px 0;}
.newCatalogSubjects ul li a {border-radius:4px; background-color:transparent; border:transparent 1px solid; background-image:url(../images/header/catalog-menu-arrow-right.svg); background-position:calc(100% - 8px) 8px; background-repeat:no-repeat;}
.newCatalogSubjects ul li a.active {background-color:#D8EFF2; border:#8e9494 1px solid;}
.newCatalogSubjects ul li ul li a {background-image:none;}
.newCatalogSubjects ul li ul li.title {padding:10px 6px 10px 6px !important;}
.newCatalogSubjectsAll a {padding:8px 14px !important; font-size:15px !important; border-radius:20px !important; background-color:#D8EFF2 !important; border:#323333 1px solid !important; display:inline-block !important; font-family:"Assistant-Bold" !important;}

.newCatalogSearch {display:flex; flex-flow:row; gap:30px; width:100%; padding:60px 0 30px 0;}

.newCatalogSearchText {width:calc(40% - 10px);}
.newCatalogSearchTextLabel.error {width:auto; position:absolute; z-index:4; top:50px; left:0px; background:#FFFFFF url(../images/icon-warning.svg) no-repeat; background-position:10px 12px; padding:12px 16px 12px 36px; box-shadow:0px 2px 16px rgba(40, 40, 40, 0.2); border-radius:10px; font-size:14px; line-height:18px; text-align:left;}
.newCatalogSearchTextLabel.error::after {content:" "; position:absolute; bottom:100%; left:20px; margin-left:-8px; border-width:8px; border-style:solid; border-color:transparent transparent #ffffff transparent;}
.newCatalogSearchText .textFieldWrapper {border:#979797 1px solid; border-radius:25px; display:flex; flex-flow:row; gap:4px; padding:6px 16px; width:calc(100% - 32px);}
.newCatalogSearchText .textFieldWrapper .text {width:calc(100% - 20px); padding:4px 0 0 0; position:relative;}
.newCatalogSearchText .textFieldWrapper input[type=search]  {border:0px; width:100%; padding:0px;}
.newCatalogSearchText .textFieldWrapper button {background:transparent url(../images/catalog-new-submit.svg) center center no-repeat; padding:8px; width:30px; cursor:auto;}
.ui-menu .ui-menu-item-wrapper {display:block; text-decoration:none; color:#323333; font-size:16px; padding:5px 16px 5px 34px; width:calc(100% - 50px);
   text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
  background-image:url(../images/icon-catalog-suggested.svg); background-size:16px 16px; background-position:10px 9px; background-repeat:no-repeat;}
.ui-menu .ui-menu-item-wrapper span {font-weight:600;}
.ui-menu .ui-menu-item-wrapper.course {background-image:url(../images/icon-catalog-course.svg);}
.ui-menu .ui-menu-item-wrapper.program {background-image:url(../images/icon-catalog-program.svg);}
.ui-menu .ui-menu-item-wrapper.institution {background-image:url(../images/icon-catalog-institution.svg);}
.ui-menu .ui-menu-item-wrapper.lecturers {background-image:url(../images/icon-catalog-lecturer.svg);}
.ui-menu .ui-menu-item-wrapper.tax {background-image:url(../images/icon-catalog-tax.svg);}
.ui-menu .ui-menu-item-wrapper:hover {background-color:#e0f2f4; color:#323333;}
.ui-button.ui-state-active {border:0px;}

.newCatalogSearchFilters {display:flex; width:calc(20% - 10px);}
#newCatalogFilterButton {background-color:#ffffff; background-image:url(../images/icon-filter.svg); background-position:12px 12px; background-repeat:no-repeat;
   border:#979797 1px solid; border-radius:25px; display:flex; flex-flow:row; gap:4px; padding:6px 10px 6px 44px; height:34px; font-family:'Assistant-Bold'; color:#323333; text-decoration:none;}
#newCatalogFilterButton.active {background-color:#D8EFF2;}
#newCatalogFilterButton > div {margin:4px 4px 0 0;}
#checkboxTotalCount {font-family:'Assistant-Regular'; background:#323333; color:#ffffff; border-radius:15px; padding:4px 9px 4px 9px !important; min-width:12px; min-height:12px; text-align:center; font-size:12px; line-height:12px;}
#checkboxTotalCount:empty {background:transparent;}
/* jQuery UI paints the hovered suggestion with margin:-1px plus a 1px border (ui-state-active/
   focus/hover), so every hover resizes the row and the whole list appears to shift. Geometry is
   pinned here for all states — only the colours change. */
.ui-autocomplete .ui-menu-item-wrapper,
.ui-autocomplete .ui-menu-item-wrapper.ui-state-active,
.ui-autocomplete .ui-menu-item-wrapper.ui-state-focus,
.ui-autocomplete .ui-menu-item-wrapper.ui-state-hover {margin:0; border:0; font-weight:inherit;}
.ui-autocomplete .ui-menu-item-wrapper.ui-state-active,
.ui-autocomplete .ui-menu-item-wrapper.ui-state-focus {background-color:#e0f2f4; color:#323333;}

#newCatalogFiltersWrapper {display:none;}
#newCatalogFiltersWrapper.active {display:block;}
.newCatalogFilters {display:flex; gap:8px; flex-flow:wrap; padding:0 0 30px 0;}
.newCatalogFilters fieldset {border:none; padding:0; margin:0;}
.newCatalogFilters .choicelist {display:none; position:absolute; z-index:100; box-shadow:0px 2px 6px 0px #32333340; background:#ffffff; border-radius:10px; 
  padding:12px 20px 12px 12px; min-width:222px; max-width:min(440px, calc(100vw - 40px));
  max-height:min(340px, 55vh); overflow:auto;
}
.newCatalogFilters .choicelist.active {display:block;}
/* Rows grow with their label. The height was fixed at 24px, so any option that wrapped to a second
   line overflowed its box and collided with the row below — visible on narrow viewports, where the
   panel can no longer widen to keep long names on one line. */
/* Rows grow with their label; 42px is the design height, 198px the minimum width so short
   options like language names still fill the row rather than collapsing to their text. */
.newCatalogFilters .choicelist div {padding:0; font-size:14px; cursor:pointer; position:relative; min-height:42px; min-width:198px;}
/* inline-block labels sit on the text baseline, which added descender space under every row. */
.newCatalogFilters .choicelist div label {vertical-align:top;}
.newCatalogFilters .choicelist div input[type="checkbox"]:focus {background:#D8EFF2;}
.newCatalogFilters .choicelist input[type="checkbox"] {opacity:0; position:absolute; z-index:2;}
/* Option rows: 42px tall, 14px Assistant Medium, line-height 100%. Text hugs the text-start edge
   at 15px and the checkbox the opposite edge at 15px, with the gap between them flexing.
   Assistant SemiBold (600) is not among the shipped faces — Light, Regular, Medium and Bold
   are the only ones loaded — so Medium is the closest weight available without adding a font. */
.newCatalogFilters .choicelist input[type="checkbox"] + label {display:flex; align-items:center; justify-content:flex-start; text-align:left;
  min-height:42px; width:100%; box-sizing:border-box; font-family:'Assistant-Medium', Arial; font-size:14px; line-height:1; letter-spacing:0;
  background-image:url(../images/checkmark.svg); background-repeat:no-repeat; background-position:right 15px center; background-size:18px 18px;
  padding:0 43px 0 15px; cursor:pointer;}
.newCatalogFilters .choicelist input[type="checkbox"]:checked + label {background-image:url(../images/checkmark-checked.svg);}
.newCatalogFilters .choicelist input[type="checkbox"]:focus + label {background-color:#D8EFF2; border-radius:4px;}
/* Select-all sits above the terms it controls, separated so it does not read as one of them. */
.newCatalogFilters .choicelist .selectAllRow {height:auto; padding:0 0 6px 0; margin:0 0 6px 0; border-bottom:#e6e6e6 1px solid;}
.newCatalogFilters .choicelist .selectAllRow label {font-family:'Assistant-Medium', Arial;}
.newCatalogFilters .choicelist input.inputboxAll:indeterminate + label {background-image:url(../images/checkmark.svg); opacity:0.65;}
.hiddenCheckbox {width:0; height:0; margin:0 0 0 0;}

.newCatalogFilters .checkboxButton {gap:6px; transition:none; padding:6px 24px 6px 12px; margin:0 0 4px 0; box-shadow:0px 2px 4px 0px #32333359; font-size:15px; line-height:21px; border:1px solid #d6d6d6; border-radius:25px;
  background-color:#ffffff; background-image:url(../images/header/menu-open-black.svg); background-repeat:no-repeat; background-position:calc(100% - 12px) 15px; background-size:7px auto;}
.newCatalogFilters .checkboxButton:hover {background-color:#ffffff !important;}
.newCatalogFilters .checkboxButton.active {background-color:#ffffff; background-image:url(../images/header/menu-close-black.svg);}
.newCatalogFilters .checkboxCount {font-family:'Assistant-Regular'; background:#323333; color:#ffffff; border-radius:15px; padding:5px; min-width:12px; min-height:12px; text-align:center; font-size:12px; line-height:12px;}
.newCatalogFilters .checkboxCount:empty {background:transparent;}

.catalogSelectedFilters ul {display:flex; gap:6px; flex-flow:wrap; padding:0; margin:0; list-style:none; list-style-image:none; }
.catalogSelectedFilters ul li {display:flex; gap:8px; background:#323333; color:#ffffff; border-radius:25px; box-shadow: 0px 2px 6px 2px #32333326; font-size:12px; line-height:14px; font-family:'Assistant-Medium'; padding:10px 14px;}
.catalogSelectedFilters ul li a {color:#ffffff; font-size:16px; transform:translateY(-3px); font-family:'Assistant-Regular'; padding:2px 0 0 0; margin:0; text-decoration:none;}
.catalogSelectedFilters ul li a:hover {text-decoration:none;}
/* No active filters means nothing to reset. The list is genuinely childless once the tags are
   removed, so :empty drives this without any JS bookkeeping to keep in sync. */
#catalogSelectedFiltersItems:empty + div {display:none;}

.charsFilter {display:flex; gap:5px; flex-flow:wrap; padding:0 0 30px 0;}
.charsFilter button {display:block; width:50px; padding:8px 0; text-align:center; background:#ffffff; color:#323333; border:#979797 1px solid; border-radius:8px;}
.charsFilter button:hover {background:#323333; color:#ffffff;}
.charsFilter button.active {background:#323333; color:#ffffff;}
.charsFilterResultsCount {padding:0 0 30px 0;}
.charsFilterResultsCount span {font-family:'Assistant-Bold';}

.newCatalogSearchLayout {display:flex; width:calc(40% - 10px); justify-content:right;}
.newCatalogSearchLayout .selectBox {position:relative; min-width:180px;}
.newCatalogSearchLayout .selectBox a {background-color:#ffffff; border:#979797 1px solid; border-radius:25px; padding:10px 46px 10px 46px; font-family:'Assistant-Regular'; color:#323333; font-size:16px; line-height:26px; text-decoration:none; cursor:pointer;
   background-image:url(../images/icon-sort.svg), url(../images/icon-caret-down.svg);
   background-position:14px 18px, calc(100% - 14px) 15px;
   background-repeat:no-repeat, no-repeat;
   background-blend-mode:normal;
}
.newCatalogSearchLayout .title  {font-size:16px; font-family:'Assistant-Bold'; padding:12px 10px 0 0;}
#selectBoxValue {min-width:80px; text-align:center; white-space:nowrap;}
#sortResults {position:absolute; z-index:999; display:none; box-shadow:0px 0px 4px 2px #32333359;
    font-size:15px; line-height:21px; border:1px solid #d6d6d6; border-radius:10px; background-color: #ffffff;}
#sortResults.active {display:block;}
#sortResults .radioItem {height:38px; background-image:url(../images/header/catalog-menu-separation-line.png); background-repeat:no-repeat; background-position:bottom center; background-size:100% auto; position:relative;}
#sortResults .radioItem input[type="radio"] {opacity:0; position:absolute; z-index:2;}
#sortResults .radioItem input[type="radio"] + label {position:absolute; z-index:1; color:#141414; padding:8px 20px; width:calc(100% - 40px); margin:0 0 1px 0; background-color:#ffffff; cursor:pointer; text-align:center;}
#sortResults .radioItem input[type="radio"]:checked + label {background-color:#D8EFF2; background-image:url(../images/icon-check.svg); background-repeat:no-repeat; background-position:calc(100% - 12px) 10px;}
#sortResults .radioItem:first-of-type input[type="radio"] + label {border-radius:10px 10px 0 0;}
#sortResults .radioItem:last-of-type input[type="radio"] + label {border-radius:0 0 10px 10px;}

#viewResultsTitle {display:none;}
#viewResults fieldset {display:flex; flex-flow:wrap; gap:12px; width:108px; margin:0 0 0 30px;}
#viewResults .radioView input[type="radio"] {position:absolute; opacity:0; width:0; height:0; pointer-events:none;}
#viewResults .radioView label {display:inline-block; width:46px; height:46px; cursor:pointer; background-size:40px; background-position:center; background-repeat:no-repeat; transition: all 0.2s ease; border:#979797 1px solid; border-radius:10px;}
#viewResults .radioView label.grid {background-image:url(../images/icon-view-grid.svg);}
#viewResults .radioView input[type="radio"]:checked + label.grid {background-image:url(../images/icon-view-grid-checked.svg);}
#viewResults .radioView label.list {background-image:url(../images/icon-view-list.svg);}
#viewResults .radioView input[type="radio"]:checked + label.list {background-image:url(../images/icon-view-list-checked.svg);}

.catalogMain {padding:40px 0 80px 0;}

.featuringSubjectsSlider {padding:0 0 40px 0;}
.featuringSubjectsSlider .slick-prev {top:100% !important; left:calc(100% - 70px) !important; background:url(../images/arrow-left3-active.svg) no-repeat center center !important; background-size:20px !important;}
.featuringSubjectsSlider .slick-next {top:100% !important; right:10px !important; background:url(../images/arrow-right3-active.svg) no-repeat center center !important; background-size:20px !important;}
.featuringSubjectsSlider .featuringSubject {position:relative; padding:0 0 120% 0; border-radius:8px;}
.featuringSubject .text {position:absolute; z-index:4; bottom:0; left:0; width:100%; height:100%; border-radius:8px; background-size:cover; background-position:center; background-color:#dedede;}
.featuringSubject .text h3 {position:absolute; bottom:0; left:0; text-align:center; color:#ffffff; width:calc(100% - 20px); padding:80px 10px 16px 10px; margin:0 0 0 0; font-size:20px;
   background:linear-gradient(to top, rgba(51, 52, 51, 1), rgba(51, 52, 51, 0.8), transparent); border-radius:0 0 8px 8px;}
.featuringSubject .text a h3 {color:#ffffff; font-family:'Assistant-Medium'; font-size:20px; text-decoration:none;} 
.featuringSubject a:focus h3 {color:#6A923C;} 

.featuringSubjectsMosaic {display:grid; grid-template-columns:repeat(4, 1fr); gap:16px; padding:0 0 40px 0;}
.featuringSubjectsMosaic .featuringSubject {padding:0 0 60% 0; border-radius:8px; background-size:cover; background-position:center; background-color:#dedede; position:relative;}
.featuringSubjectsMosaic .featuringSubject:first-of-type {grid-row: span 2;}

.featuringCoursesSlider {padding:0 0 40px 0;}
.featuringCoursesSlider .slick-prev {top:100% !important; left:calc(100% - 70px) !important; background:url(../images/arrow-left3-active.svg) no-repeat center center !important; background-size:20px !important;}
.featuringCoursesSlider .slick-next {top:100% !important; right:10px !important; background:url(../images/arrow-right3-active.svg) no-repeat center center !important; background-size:20px !important;}
.featuringCoursesSlider .slick-track {display:flex !important; gap:16px;}
.featuringCoursesSlider .slick-slide {height:inherit !important; box-shadow:0px 2px 4px 0px #32333380; border-radius:10px; position:relative; margin:4px 0;}

.moreSubjectsTabs {display:flex; width:100%; align-items:baseline; box-sizing:border-box;}
.moreSubjectsTabs > div {flex:1}
.moreSubjectsTabs > div a {color:#323232; text-decoration:none; border-bottom:#D0D1D1 3px solid; text-align:center; font-family:'Assistant-Bold'; padding:10px 6px; width:calc(100% - 12px);}
.moreSubjectsTabs > div a.active {border-bottom:#F15859 3px solid !important;}

.moreSubjectsChilds {display:none; padding:20px 0 40px 0 !important;}
.moreSubjectsChilds.active {display:block;}
.moreSubjectsChilds .slick-prev {top:100% !important; left:calc(100% - 70px) !important; background:url(../images/arrow-left3-active.svg) no-repeat center center !important; background-size:20px !important;}
.moreSubjectsChilds .slick-next {top:100% !important; right:10px !important; background:url(../images/arrow-right3-active.svg) no-repeat center center !important; background-size:20px !important;}
.moreSubjectsChilds .slick-slide {box-shadow:0px 2px 4px 0px #32333359; border:1px solid #d6d6d6; border-radius:25px; margin:0 0 4px 0}
.moreSubjectsChilds .slick-slide:hover {background-color:#f7f7f7;}
.moreSubjectsChilds .slick-slide a {color:#323232; text-decoration:none; font-family:"Assistant-Bold"; display:inline; font-size:16px; line-height:18px;}
.moreSubjectsChilds .slick-slide a > div {display:flex; align-items:center; padding:12px 12px 12px 76px; min-height:50px; background-image:url(../images/icon-subject1.svg); background-position:16px center; background-repeat:no-repeat;}
.moreSubjectsChilds .slick-slide:nth-of-type(4n-0) a > div {background-image:url(../images/icon-subject1.svg);}
.moreSubjectsChilds .slick-slide:nth-of-type(4n-1) a > div {background-image:url(../images/icon-subject2.svg);}
.moreSubjectsChilds .slick-slide:nth-of-type(4n-2) a > div {background-image:url(../images/icon-subject3.svg);}
.moreSubjectsChilds .slick-slide:nth-of-type(4n-3) a > div {background-image:url(../images/icon-subject4.svg);}

.institutionsSlider .slick-dots li button {border:#323333 1px dashed; background:#d4d4d4; opacity:1;}
.institutionsSlider .slick-dots li.slick-active button {border:#323333 1px solid; background:#f15859;}
.institutionsSlider .slick-track {display:flex !important; gap:16px;}
.institutionsSlider .slick-slide {box-shadow:0px 2px 4px 0px #32333380; border-radius:10px; margin:4px 0; padding:12px;}
.institutionsSlider .slick-slide > div {height:50px;}
.institutionsSlider img {height:50px; width:100%; object-fit:contain;}
.staffMemberHero {color:#ffffff; background-color:#333433; background-image:url(../images/staff-hero.webp); background-size:cover; background-repeat:no-repeat;}
.staffMemberHero .gradient {padding:100px 0 80px 0; background:linear-gradient(to left, rgba(51, 52, 51, 1), transparent);}
.staffMemberHero h1 {margin:0 0 0 0;}

.staffMember {padding:60px 0;}
.staffMemberBio {display:grid; grid-gap:50px;
    grid-template-columns:300px calc(100% - 350px);
    grid-template-rows:max-content max-content;
    grid-template-areas:'memberImage memberNameOrg' 'memberImage memberDesc'
}

.staffMemberBio .image {grid-area:memberImage}
.staffMemberBio .image img {width:300px; height:300px; object-fit:cover; border-radius:50%;}
.staffMemberBio .text {grid-area:memberNameOrg}
.staffMemberBio .text h2 {margin:20px 0 10px 0;}
.staffMemberBio .text .staffMemberJob {font-family:"Assistant-Medium"; font-size:20px; line-height:26px; background:url(../images/separation-line.png) bottom right no-repeat; margin:20px 0 20px 0; padding:0 0 20px 0;}
.staffMemberBio .text .staffMemberOrganizations ul {list-style:none; list-style-image:none; padding:0 0 0 0; margin:0;}
.staffMemberBio .text .staffMemberOrganizations ul li {list-style:none; list-style-image:none; padding:0 0 10px 0;}
.staffMemberBio .text .staffMemberOrganizations ul li:last-of-type {padding:0 0 0 0;}
.staffMemberBio .text .staffMemberOrganizations ul li a {color:#323333; text-decoration:none; font-family:"Assistant-Bold";}
.staffMemberBio .staffMemberDesc {grid-area:memberDesc}

.staffCourses {padding:3px 0 0 0;}
.staffCourses h2 {margin:20px 0 20px 0;}

.newCatalogResultsCount {padding:6px 0 20px 0; text-align:right;}
.newCatalogResultsCount span {font-family:"Assistant-Bold"}
.newCatalogResults {display:flex; gap:24px; flex-flow:wrap; padding:0 0 30px 0;}
.newCatalogResults > div      {width:calc(25% - 18px); box-shadow:0px 2px 4px 0px #32333380; border-radius:10px; position:relative;}
.newCatalogResults > div.grid {width:calc(25% - 18px); box-shadow:0px 2px 4px 0px #32333380; border-radius:10px; position:relative;}
.newCatalogResults > div.list {width:calc(50% - 12px); box-shadow:0px 0px 0px 0px; border-radius:0px; position:relative; display:flex; flex-flow:wrap; gap:16px;}

.courseCardNew .image {aspect-ratio:2 / 1.1; position:relative; overflow:hidden;}
.courseCardNew .image .courseImage {position:absolute; z-index:0; top:0; left:0; width:100%; height:100%; border-radius:10px  10px 0 0; box-shadow:none; transition:all 0.4s ease 0s;}
.courseCardNew .image .courseImage img {width:100%; height:100%; aspect-ratio:2 / 1.1; object-fit:cover; border-radius:10px  10px 0 0; box-shadow:none;}
.courseCardNew .image .courseImage a {display:block;}
.courseCardNew .image .courseTags {position:absolute; z-index:1; bottom:4px; left:10px;}
.courseCardNew .image .courseTags ul {display:flex; gap:6px; flex-flow:wrap;}
.courseCardNew .image .courseTags ul li {background:#fcfcfc; border:#f2f2f2; border-radius:4px; padding:6px 10px; font-size:14px; line-height:17px; font-family:"Assistant-Medium"; box-shadow:0px 1px 1px 0px #32333380;}

.courseCardNew .text {padding:20px 16px 60px 16px; display:flex; gap:2px; flex-flow:wrap;}
.courseCardNew .text.myCourses {padding:20px 16px 90px 16px;}
.courseCardNew .text .content {width:calc(100% - 30px);} 
.courseCardNew .text .content  h3 {margin:0 0 6px 0;}
.courseCardNew .text .content  h3 a {font-size:18px; line-height:22px; min-height:44px; color:#000000; text-decoration:none; 
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; overflow:hidden; text-overflow:ellipsis;
}
.courseCardNew .text .content  h3 a:hover {color:#91c653;}
.courseCardNew .text .content .courseOrganization {color:#323333; margin:0 0 6px 0; font-size:14px; line-height:20px; font-family:"Assistant-Medium";}
.courseCardNew .text .moreLess {width:28px;}
.courseCardNew .text .moreLess button {width:28px; height:28px; background:transparent url(../images/three-dots.svg) center center no-repeat; padding:0 0 0 0;}

.courseCardNew .details {position:absolute; bottom:20px; right:0; font-size:14px; line-height:18px; min-height:16px; padding:0 16px; width:calc(100% - 32px); color:#323333;}
.courseCardNew .details .courseType {padding:0 0 0 22px; background-size:16px 16px; background-position:0 2px; background-repeat:no-repeat;}
.courseCardNew .details .courseType.course {background-image:url(../images/icon-catalog-course.svg);}
.courseCardNew .details .courseType.program {background-image:url(../images/icon-catalog-program.svg);}

.courseCardNew.list {margin:0 0 8px 0;}
.courseCardNew.list .image {width:calc(33% - 8px);}
.courseCardNew.list .image .courseImage {border-radius:10px 10px 10px 10px;}
.courseCardNew.list .image .courseImage img {border-radius:10px 10px 10px 10px;}
.courseCardNew.list .text {width:calc(67% - 8px); padding:0 0 30px 0;}
.courseCardNew.list .text .content h3 {margin:0 0 0 0;}
.courseCardNew.list .text .content h3 a {min-height:auto; -webkit-line-clamp:1; line-clamp:1; overflow:hidden; text-overflow:ellipsis;}
.courseCardNew.list .details {right:auto; padding:0; bottom:0; width:auto;}

.courseCardNew.hide {display:none;}
.courseCardNew.unhide {display:block;}
.courseCardNew.completed {background:#D8EFF2;}


.newCatalogMayInterest {margin:20px 0; border:1px solid; border-image-slice:1; border-width:1px; border-left:0; border-right:0; border-bottom:0;
  border-image-source:linear-gradient(to left, #ffffff, #cacaca, #ffffff);
}
.newCatalogMayInterestLink {padding:0 0 40px 0; text-align:center;}
.newCatalogMayInterestLink a {border-radius:25px; padding:8px 24px; border:#489099 1px solid; background:#70c6d1; color:#323333; font-size:14px; font-family:"Assistant-Bold"; text-decoration:none;}
.newCatalogMayInterestLink a:hover {background:#54abb6;}

.loadMore {text-align:center; padding:0 0 30px 0;}
#loadMoreButton {display:block; background-color:transparent; background-image:url(../images/icon-caret-down.svg); background-position:0 1px; background-repeat:no-repeat; color:#323333; font-size:14px; padding:0 0 0 20px; margin:0 auto; font-family:"Assistant-Regular";} 
#loadMoreLoading {opacity:0;  background-image:url(../images/loading.svg); background-size:16px; background-repeat:no-repeat; background-position:center center; padding:8px;}
#loadMoreLoading.active {opacity:1;}

.newCatalogResults .institutionCard { margin:0 0 0 0;}
.newCatalogResults .institutionCard .inner {padding:12px; display:flex; gap:10px; flex-flow:wrap;}
.newCatalogResults .institutionCard .image {width:calc(33.333% - 5px); height:50px; background-image:none; padding:0 0 0 0; text-align:center;}
.newCatalogResults .institutionCard .image img {width:100%; height:50px; object-fit:contain; display:block;}
.newCatalogResults .institutionCard .text {width:calc(66.666% - 5px); margin:0 0 0 0; padding:0 0; min-height:auto; box-shadow:none; background:transparent;  background-image:none; transform:translateY(0);}
.newCatalogResults .institutionCard .text h3 {margin:0 0 4px 0;}
.newCatalogResults .institutionCard .text h3 a {font-size:18px; line-height:24px; color:#323333; text-decoration:none; 
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; line-clamp:1; overflow:hidden; text-overflow:ellipsis;
}
.newCatalogResults .institutionCard .text h3 a:hover {color:#91c653;}
.newCatalogResults .institutionCard .text .count {font-size:14px; line-height:18px;}

.newCatalogResults .lecturerCard { margin:0 0 0 0;}
.newCatalogResults .lecturerCard .inner {padding:12px; display:flex; gap:10px; flex-flow:wrap;}
.newCatalogResults .lecturerCard .image {width:50px; height:50px; position:relative; background-image:none; padding:0 0 0 0;}
.newCatalogResults .lecturerCard .image img {height:50px; width:50px; border-radius:10px; object-fit:cover; display:block;}
.newCatalogResults .lecturerCard .text {width:calc(100% - 60px); margin:0 0 0 0; padding:0 0; min-height:auto; box-shadow:none; background:transparent;  background-image:none; transform:translateY(0);}
.newCatalogResults .lecturerCard .text h3 {margin:0 0 4px 0;}
.newCatalogResults .lecturerCard .text h3 a {font-size:18px; line-height:24px; color:#323333; text-decoration:none; 
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; line-clamp:1; overflow:hidden; text-overflow:ellipsis;
}
.newCatalogResults .lecturerCard .text h3 a:hover {color:#91c653;}
.newCatalogResults .lecturerCard .text .institution {font-size:14px; line-height:18px;}

.newCatalogResults .poscastCard {box-shadow:none; border-radius:0; padding:0 0 20px 0;}
.newCatalogResults .poscastCard iframe {border-radius:10px; height:290px; width:100%;}
.newCatalogResults .poscastCard h3 {font-size:20px; line-height:24px; margin:0 0 0 0;}

#catalogSearchResults {padding:0 0 60px 0;}
#resetFilters {background:#ffffff; font-size:15px; font-family:"Assistant-Bold"; padding:8px 10px; text-decoration:underline;}
#resetFilters:hover {color:#84b33b;}

.newCatalogResultsCategories {display:flex; flex-wrap:wrap; gap:10px; padding:0 0 30px 0;}
.newCatalogResultsCategories .title {font-family:"Assistant-Bold"; padding:7px 7px 0 0; font-size:15px; line-height:22px;}
.newCatalogResultsCategories a {color:#323232; text-decoration:none; padding:6px 12px; box-shadow:0px 2px 4px 0px #32333359; font-size:15px; line-height:21px; border:1px solid #d6d6d6; border-radius:25px; background-color:#ffffff;}
.newCatalogResultsCategories a:hover {background-color:#D8EFF2;}

.catalogSearchResultsNothingFound {padding:0 0 60px 0;}

#newCatalogLoader {display:none; padding:0 0 0 0;}
#newCatalogLoader.active {display:block;}

.paginationWrapper {text-align:center; padding:0 0 50px 0;}
.pagination ul {display:flex; flex-wrap:wrap; gap:5px; justify-content:center; list-style:none; list-style-image:none; margin:0 0 0 0; padding:0;}
.pagination ul li {display:inline-block;}
.pagination ul li button {background:transparent; color:#323333; padding:0 8px; font-family:"Assistant-Regular";}
.pagination ul li.selected button {color:#426020; font-family:"Assistant-Bold";}
.pagination ul li.arrow button {font-size:30px; transform:translateY(-3px);}

.subjectChilds {display:flex; flex-wrap:wrap; gap:15px; justify-content:center; padding:40px 0 10px 0;}
.subjectChilds > div {width:calc(20% - 14px); box-shadow:0px 2px 4px 0px #32333359; border:1px solid #d6d6d6; border-radius:25px;}
.subjectChilds > div:hover {background-color:#f7f7f7;}
.subjectChilds > div a {color:#323232; text-decoration:none; font-family:"Assistant-Bold"; display:inline; font-size:16px; line-height:18px;}
.subjectChilds > div a > div {display:flex; align-items:center; padding:12px 12px 12px 80px; min-height:50px; background-image:url(../images/icon-subject1.svg); background-position:16px center; background-repeat:no-repeat;}
.subjectChilds > div:nth-of-type(4n-0) a > div {background-image:url(../images/icon-subject1.svg);}
.subjectChilds > div:nth-of-type(4n-1) a > div {background-image:url(../images/icon-subject2.svg);}
.subjectChilds > div:nth-of-type(4n-2) a > div {background-image:url(../images/icon-subject3.svg);}
.subjectChilds > div:nth-of-type(4n-3) a > div {background-image:url(../images/icon-subject4.svg);}

.stripePage {padding:0 0 30px 0;}
.stripePage .podcasts {padding:60px 0 0 0;}

/* -------------------------------------- */
@media only screen and (max-width:1500px) and (min-width:1300px) {
  .mainWidth {width:1100px;}
  .mainHalfWidth {width:550px;}
  #headerSearch .searchBar form .searchField input {width:180px;}
  .homepageHero1 .bgImage .gradient .content {padding:100px 0 70px 0;}
  .stripeCoursesCarusel .slick-prev {top:70px;}
  .stripeCoursesCarusel .slick-next {top:70px;}
  .stripeVideosCarusel .slick-prev {top:70px;}
  .stripeVideosCarusel .slick-next {top:70px;}
  .coursePageMargin {margin:0 58% 0 0;}
  .coursePageMargin.program {margin:0 58% 20px 0;}
  .courseCard .image .programLabel {font-size:13px; transform:translateX(-37px) translateY(-50%) rotate(270deg);}
 }
  
  /* -------------------------------------- */
@media only screen and (max-width:1299px) and (min-width:1080px) {
.mainWidth {width:960px;}
.mainHalfWidth {width:480px;}
#headerSearch .searchBar form .searchField input {width:160px;}
.homepageHero1 .bgImage .gradient .content {padding:60px 0 40px 0;}
.homepageHero1 h1 {font-size:38px; line-height:44px;}
.stripeCoursesCarusel .slick-prev {top:60px;}
.stripeCoursesCarusel .slick-next {top:60px;}
.stripeVideosCarusel .slick-prev {top:60px;}
.stripeVideosCarusel .slick-next {top:60px;}
.coursePageMargin {margin:0 58% 0 0;}
.coursePageMargin.program {margin:0 58% 20px 0;}
.courseCard .image .programLabel {font-size:13px; transform:translateX(-37px) translateY(-50%) rotate(270deg);}
}

/* -------------------------------------- */
@media only screen and (max-width:1079px) and (min-width:0px) {
/* Mobile header is 56px tall; with the admin bar (32px above 782px) the bump absorbs part of it. */
.newCatalogHero--subject {margin-top:56px;}
html:has(#wpadminbar) .newCatalogHero--subject {margin-top:24px;}

body {font-size:16px; line-height:22px;}
input, textarea, button {font-size:16px; line-height:22px;}
.mainWidth {width:auto;}
.mainHalfWidth {width:auto;}
nav.breadcrumbs ol {font-size:10px;}
h1 {font-size:28px; line-height:36px;}
h2 {font-size:26px; line-height:30px;}

header {min-height:30px;}
#header.hidden {display:none;}
.headerMenusDesktop {display:none;}
.headerMenusMobile {display:block;}
.headerMobileButtons {display:flex;}
.headerMobileButtons div {width:33.3%}
.headerMobileButtons div.menu {padding:12px;}
.headerMobileButtons div.logo {padding:14px 0 0 0; text-align:center;}
.headerMobileButtons div.search {padding:12px;}
.headerMobileButtons div.avatar {width:auto; padding:0 16px 0 0;}
.headerMobileButtons div.avatar img {width:32px; height:32px; transform:translateY(12px);}

#mobileMenuButton {background:transparent url(../images/header/mobile-menu-button.svg) center center no-repeat; padding:16px;}
#mobileSearchButton {float:right; background:transparent url(../images/header/mobile-search-ltr.svg) center center no-repeat; padding:16px;}
#mobileSearchLayer {display:none; position:fixed; background:rgba(0, 0, 0, 0.7); bottom:0; right:0; height:100%; width:100%; z-index:999999999; opacity:0; pointer-events:none; transition:all 0.3s;}
#mobileSearchLayer.active {display:block; opacity:1; pointer-events:auto;}
#mobileSearchLayer .searchBar {background:#333433; padding:12px; position:relative;}
#mobileSearchLayer .searchBar form {display:flex;}
#mobileSearchLayer .searchBar form .searchField {width:calc(100% - 70px); margin:4px 10px;}
#mobileSearchLayer .searchBar form .searchField input {background:transparent; width:100%; border:0px; color:#ffffff; font-size:18px;}
#mobileSearchLayer .searchBar form .searchField input::placeholder {color:#a5a6a5;}
#mobileSearchSubmit {background:transparent url(../images/header/mobile-search-ltr.svg) center center no-repeat; padding:16px;}
#mobileSearchClose {background:transparent url(../images/header/mobile-search-close-ltr.svg) center center no-repeat; background-size:20px auto; padding:16px;}

#mobileSearchLayer .searchBar label.error {position:absolute; z-index:4; top:50px; left:50px; max-width:240px; background:#FFFFFF url(../images/icon-warning.svg) no-repeat; background-position:10px 12px; padding:12px 16px 12px 36px; box-shadow:0px 2px 16px rgba(40, 40, 40, 0.2); border-radius:10px; font-size:14px; line-height:18px;  text-align:left;}
#mobileSearchLayer .searchBar label.error::after {content:" "; position:absolute; bottom:100%; left:20px; margin-left:-8px; border-width:8px; border-style:solid; border-color:transparent transparent #ffffff transparent;}

#mobileMenu {display:none; position:fixed; background:rgba(0, 0, 0, 0.7); top:0; right:0; height:100%; width:100%; z-index:999999999; opacity:0; pointer-events:none; transition:all 0.3s;}
#mobileMenu.active {display:block; opacity:1; pointer-events:auto;}

.mobileMenuContent {width:300px; height:calc(100% - 50px); overflow:scroll; background-color:#ffffff; border-radius:0 0 10px 10px; box-shadow: 0px 5px 20px 0px #32333333; 
  background-image: url(../images/header/mobile-menu-ltr1.svg), url(../images/header/mobile-menu-ltr2.svg);
  background-position:100% 54px , 100% 100%;
  background-size:auto, auto;  
  background-repeat: no-repeat, no-repeat;
   background-blend-mode: normal;
}

.mobileMenuRow1 {border-bottom:#989a9a 1px solid; position:relative;}
.mobileMenuRow1 > div a {display:flex; gap:10px; align-items:center; color:#000000; text-decoration:none; font-size:14px; line-height:14px; font-family:"Assistant-Bold"; padding:15px 0 13px 0;}
.mobileMenuClose {position:absolute; top:4px; right:16px;}
.mobileMenuLanguagesWrapper {width:70px; padding:0  0 0 16px;}
#mobileMenuLanguagesButton {background-image:url(../images/arrow-down-black.svg); background-repeat:no-repeat; background-position:100% 26px;}
#mobileMenuLanguagesButton img {width:24px; height:24px;}
#mobileMenuLanguagesButton.active {background-image:url(../images/arrow-up-black.svg);}
#mobileMenuLanguages {display:none; position:absolute; z-index:4; top:56px; left:0; background:#ffffff; border-radius:0 0 10px 10px; box-shadow: 0px 5px 20px 0px #32333333;}
#mobileMenuLanguages li {border-bottom:0px; background:url(../images/header/catalog-menu-separation-line.png) bottom center no-repeat; background-size:100% auto;}
#mobileMenuLanguages li.wpml-ls-item a {display:block; text-align:center; font-size:12px; font-family:"Assistant-Bold"; padding:10px 40px !important;}
#mobileMenuLanguages.active {display:block;}

.mobileMenuRow2 {overflow:scroll; padding:40px 20px 20px 20px;}

.mobileMenuRow2Item {background:#ffffff; border-radius:10px; box-shadow:0px 0px 20px 2px #091B5026; padding:18px; margin:0 0 16px 0;}
.mobileMenuRow2Item img {width:28px; height:28px; transform: translateY(2px);}
.mobileMenuRow2Item a {display:flex; gap:10px; align-items:center; color:#000000; text-decoration:none; font-size:18px; line-height:18px; font-family:"Assistant-Regular";}
.mobileMenuRow2Item a span {color:#F15859;}
.mobileMenuRow2Item > div {margin:0 0 10px 0;}
.mobileMenuRow2Item > div:last-of-type {margin:0 0 0 0;}
.mobileMenuRow2Item.userRow {padding:4px 16px 4px 16px;}
.mobileMenuRow2Item.userRow img {width:48px; height:48px;}

#mobileMenuAvatarsButton {background-image:url(../images/arrow-down-black.svg); background-position:100% 12px; background-repeat:no-repeat;}
#mobileMenuAvatarsButton.active {background-image: url(../images/arrow-up-black.svg);}
#mobileMenuAvatars {display:none; font-family:"Assistant-Bold"; border-radius:0 0 10px 10px; }
#mobileMenuAvatars p {margin:0 0 0 0;}
#mobileMenuAvatars .avatars {display:flex; gap:8px; align-items:center; justify-content:center; flex-wrap:wrap; margin:6px 0 20px 0;}
#mobileMenuAvatars .avatars img {width:30px; height:30px; border-radius:50%;}
#mobileMenuAvatars.active {display:block;}

#mobileMenuCatalog {display:none; position:absolute; z-index:9999999999; top:54px; left:0; width:300px; height:calc(100% - 104px); overflow:scroll; background-color:#ffffff; border-radius:0 0 10px 10px; box-shadow: 0px 5px 20px 0px #32333333;
  background-image: url(../images/header/mobile-menu-ltr1.svg), url(../images/header/mobile-menu-ltr2.svg);
  background-position:100% 0 , 100% 100%;
  background-size:auto, auto;  
  background-repeat: no-repeat, no-repeat;
   background-blend-mode: normal;
}
#mobileMenuCatalog.active {display:block; opacity:1;}
#mobileMenuCatalogClose {background:url(../images/arrow-back-ltr2.svg) no-repeat; background-position:0 center; font-size:14px; padding:0 0 0 20px; margin:20px 0;}

#mobileMenuCatalog .inner {padding:20px;}
#mobileMenuCatalog .title {font-size:18px; font-family:"Assistant-Bold"; margin:0 0 12px 0;}
#mobileMenuCatalog ul {list-style:none; list-style-image:none; padding:0; margin:0;}
#mobileMenuCatalog ul li {margin:0 0 10px 0;}
#mobileMenuCatalog ul li:last-of-type {margin:0 0 0 0;}
#mobileMenuCatalog ul li a {font-size:16px;}
#mobileMenuCatalog .newCatalogSubjectsAll a {width: calc(100% - 36px); text-align:center;}

.homepageHero .searchBar form .searchField input {width:200px;}
.homepageHero h1 {font-size:38px; line-height:42px; margin:10px 0;}
.homepageHero1 h1 {width:auto;}
.homepageHero1 .bgImage {background:url(../images/homepage-hero1-mobile.webp) center center no-repeat; background-size:cover;}
.homepageHero1 .bgImage .gradient {background:linear-gradient(270deg, rgba(51, 52, 51, 0.70), rgba(51, 52, 51, 0.70) 100%);}
.homepageHero1 .bgImage .gradient .content {padding:80px 18px 60px 18px; background-image:url(../images/rtl/vector9.svg), none;}
.homepageHero2 .bgImage {background:url(../images/homepage-hero2-mobile.webp) center center no-repeat; background-size:cover;}
.homepageHero2 .bgImage .gradient .content {padding:100px 18px 60px 18px; background-image:url(../images/rtl/vector9.svg), none;}
.homepageHero3 .bgImage {background:url(../images/homepage-hero3-mobile.webp) center center no-repeat; background-size:cover;}
.homepageHero3 .bgImage .gradient .content {padding:100px 18px 60px 18px; background-image:url(../images/rtl/vector9.svg), none;}

.courseCard .image {aspect-ratio:2 / 1.5; position:relative;}

.stripeCourses {padding:30px 0 30px 0;}
.stripeCourses .stripeCoursesHeader {display:block;}
.stripeCourses .stripeCoursesHeader h2 {margin:0 18px 12px 18px;}
.stripeCourses .stripeCoursesHeader .stripeCoursesDesc {padding:0 18px 20px 18px;}
.stripeCourses .stripeCoursesAllResults {display:none;}
.stripeCoursesCarusel .courseCard {margin:0 0 0 18px; max-width:none;}
.stripeCoursesCarusel .courseCard .image .programLabel {transform:rotate(0) translate(0); right:3px; top:9px; font-size:10px; background:#70C6D1; padding:1px 4px 1px 8px; border-top-left-radius:14px; border-bottom-left-radius:14px;}
.stripeCoursesCarusel .courseCard .image img.programWrap {width:calc(100% - 6px) !important; height:90px; border-left:3px #70C6D1 solid;}
.stripeCoursesCarusel .courseTags ul li.moreLess {display:none;}
.stripeCoursesCarusel .slick-slide {max-width:none;}
.stripeCoursesCarusel .slick-list {padding:0 18% 0 0  !important;}
.stripeOrganizations {padding:40px 18px 10px 18px;}

.stripeTags {padding:40px 18px 40px 18px; background-position:0 95%, 100% 30px; background-size:auto 80px, auto 100px;}
.stripeTags ul li {margin:0 3px 12px 3px;}
.stripeTags ul li a {font-family:"Assistant-Medium"; font-size:14px; line-height:18px; border-radius:20px; padding:4px 10px;}

.stripeInfo {padding:40px 18px 40px 18px; background-position:0 20px, 100% 100%; background-size:auto 80px, auto 100px;}
.stripeInfo .stripeInfoItems {display:block;}
.stripeInfo .stripeInfoItems > div {width:auto; margin:0 0 20px 0;}
.stripeStudentTestimonials {padding:40px 18px 40px 18px; background-position:0 20px, 100% 100%; background-size:auto 80px, auto 100px;}

.stripeVideos {padding:30px 0 30px 0;}
.stripeVideos h2 {margin:0 18px 12px 18px;}
.stripeVideos .stripeVideosDesc {padding:0 18px 20px 18px;}
.stripeVideosCarusel .courseCard {margin:0 0 0 18px;}
.stripeVideosCarusel .courseCard .text {padding:10px 27px 0 0; background-position:100% 13px;}
.stripeVideosCarusel .slick-list {padding:0 18% 0 0  !important;}

.stripePodcasts {padding:40px 18px 40px 18px;}
.stripePodcasts .slick-slide {margin:0 18px 0 0;}
.stripePodcasts .slick-prev {right:-10px;}
.stripePodcasts .slick-next {left:-10px;}

.stripeGoals {padding:60px 0 80px 0; background-size:auto 40px, auto 40px, auto 40px;}
.stripeGoalsCarusel .goalSlide {height:280px; margin:0 0 0 18px;}
.stripeGoalsCarusel .slick-list {padding:0 22% 0 0 !important;}

.courseHero {flex-direction:column-reverse; min-height:auto;}
.courseHero .image {width:auto; height:40vh;}
.courseHero .image .gradient {top:70%; right:0; width:100%; height:30%; background:linear-gradient(to top, rgba(51, 52, 51, 1), transparent);}
.courseHero .image .play {background-image:none;}
.courseHero .image .play img {width:54px; height:54px; opacity:0.85;}
.courseHero .image .backgroundImage {display:none;}
.courseHero .content {width:auto; padding:30px 18px 30px 18px; background-image:none;}
.courseHero .content .text {width:auto;}
.courseHero .content .text h1 {font-size:28px; line-height:36px; margin:5px 0;}
.courseHero .content .infoItem {font-size:16px; line-height:20px;}
.courseHero .content .infoItem img {width:18px; height:18px;}
.courseHero .content .learn {position:fixed; z-index:1000; bottom:0; left:0; width:100%; margin:0 0 0 0;}
.disable-button-bool{opacity:1;}
.courseHero .content .learn button {border-radius:0; width:100%; font-size:18px; line-height:24px; padding:20px 36px; display:flex; gap:10px; justify-content:center;}
.courseHero .content .learn button img {transform:rotate(180deg) translateY(-3px);}
.courseHero .content .courseTags {display:block; margin:10px 0 0 0;}
.courseHero .content .info2 .infoItem {font-size:20px; line-height:24px;}
.courseHero .content .info2 .infoItem img {width:24px; height:24px;}
.courseHero.program .content {background-image:none;}

.coursePayment {padding:40px 20px 20px 20px; font-size:18px; line-height:24px; background-image:none, none, none;}
.coursePayment .info {display:flex; justify-content:center; background:url(../images/caret-double-bottom.svg) no-repeat; background-position:50% calc(100% - 20px); background-size:30px 30px; padding:0 0 50px 0;}
.coursePayment .info .subject {padding:0 0 20px 4px;}
.coursePayment .info .content {background:url(../images/arrow-rectangle-right.svg) no-repeat; background-position:0 4px; background-size:20px 20px; padding:0 10px 20px 34px;}
.coursePayment .info.boldText {font-family:"Assistant-Bold"; background-image:none; padding:0 0 20px 0;}
.coursePayment .infoTable {display:block; margin:0 0 0 0; text-align:center;}
.coursePayment .infoTable > * {display:block;}
.coursePayment .infoTable img {width:30px; height:30px;}
.coursePayment .infoTable .col {display:block; padding:0 0 20px 0;}
.coursePayment .infoTable .col.subject {min-width:auto; font-family:"Assistant-Bold"; padding:0 0 4px 0;}
.coursePayment .infoTable .col.content {background:url(../images/caret-double-bottom.svg) no-repeat; background-position:50% calc(100% - 24px); background-size:30px 30px; padding:0 0 70px 0;}
.coursePayment .infoTable .col.content.last {background-image:none; padding:0 0 10px 0;}
.coursePayment .infoTable .col .inner {justify-content:center;}

.courseTags ul li {margin:0 2px 6px 0;}
.courseTags ul li a {font-size:12px; line-height:16px;}
.courseTags ul li.moreLess {font-size:12px; line-height:16px;}

.courseDetailsGrid {display:grid; grid-template-columns:100%; grid-template-areas:'courseDetailsGrid1''courseDetailsGrid4''courseDetailsGrid3''courseDetailsGrid2';}
.courseDetailsGrid1 {grid-area:courseDetailsGrid1; padding:0 0 0 0;}
.courseDetailsGrid2 {grid-area:courseDetailsGrid2; padding:0 0 0 0;}
.courseDetailsGrid3 {grid-area:courseDetailsGrid3; padding:0 0 0 0;}
.courseDetailsGrid4 {padding:30px 0 30px 0;}
.courseDetailsGrid4.program {padding:10px 0 10px 0;}

.coursePageMargin {margin:0 0 0 0;}
.coursePageMargin.program {margin:0 0 20px 0; border-radius:0;}

.courseCongrats {box-shadow:0px 4px 30px rgba(0, 0, 0, 0.04), 0px 4px 30px rgba(0, 0, 0, 0.04); padding:0 20px 0 20px; margin:40px 0 20px 0;}
.courseCongrats.active {display:flex;}
.courseCongrats .image {text-align:center; transform:translateY(-35px);}
.courseCongrats .text {text-align:center; transform:translateY(-25px);}
.courseCongrats .text p {margin:0 0 20px 0;}
.courseCongrats button {justify-content:center; margin:0 auto;}

.courseInfoItemsPadding {padding:10px 18px 20px 18px;}
.courseInfoItems {position:relative; top:0;width:auto;}
.courseInfoItems ul li .infoItemContent .tooltipButton {transform:translateY(-2px);}
.courseInfoItems ul li .infoItemContent .blue {transform:translateY(-6px);}
.courseInfoItems .learn button {display:none;}

.courseDetails {padding:30px 18px;}
.courseDescBox {padding:20px 0 0 0;}
.courseDescBox h2 {font-size:26px; line-height:30px;}
.courseDescBoxTags {display:none;}

.coursesInProgram {padding:30px 18px 10px 18px; margin:0 0 30px 0;}
.coursesInProgram h2 {font-size:26px; line-height:30px; margin:0 0 10px 0;}
.coursesInProgram .courseCard {gap:12px; margin:0 0 20px 0;}
.coursesInProgram .courseCard .image {width:120px;}
.coursesInProgram .courseCard .text {width:calc(100% - 132px);}
.courseDetails.program {background-image:none, none, none, none; padding:40px 18px 20px 18px;}
.courseDetails.program .courseDescBox {padding:20px 18px; margin:0 0 20px 0;}
.courseDetails.program .courseDescBox.coursePodcasts {background:#333433; padding:0 0 30px 0; margin:0 0 20px 0;}
.courseDetails.program .courseDescBox.coursePodcasts h2 {color:#ffffff;}
.courseDetails.program .courseDescBox.coursePodcasts .slick-dots li button {border:#70C6D1 1px solid; background:#70C6D1;}
.courseDetails.program .courseDescBox.coursePodcasts .slick-dots li button:hover, .slick-dots li button:focus {background:#70C6D1; border:#70C6D1 1px solid;}
.courseDetails.program .courseDescBox.coursePodcasts .slick-dots li.slick-active button {background:#70C6D1; border:#70C6D1 1px solid;}
.courseDetails.program .courseDescBox.coursePodcasts .slick-slide {position:relative;}
.courseDetails.program .courseDescBox.coursePodcasts .slick-slide iframe {border-radius:10px;}
.courseDetails.program .courseDescBox.coursePodcasts .slick-slide .dragLayer {position:absolute; z-index:1; width:100%; height:125px; top:68px; cursor:pointer;}
.courseInfoShare {padding:10px 20px 4px 20px;}

.toggleButton {margin:0 auto;}
.vBullets ul li {background-size:21px 21px; background-position:0 1px; padding:0 0 10px 30px;}

.courseTeam {padding:40px 18px; text-align:center;}
.courseTeam h2 {display:inline-block; margin:0 0 20px 0; font-size:26px; line-height:30px;}

.courseLecturers .slick-arrow {top:calc(50% + 40px);}
.courseLecturers .slick-track {gap:0;}
.courseLecturers .slick-next {right:-8px !important;}
.courseLecturers .slick-prev {left:-8px !important;}
.lecturerCard {padding:0 0;}
.lecturerCard .image {position:absolute; z-index:2; top:0; left:calc(50% - 70px);}
.lecturerCard .text {max-width:none; padding:60px 20px 1px 20px; margin:16px 0 0 0; transform:translateY(60px); text-align:center; min-height:none;}
.lecturerCard .text h3 {font-size:18px; line-height:20px; margin:16px 0 2px 0;}
.lecturerCard button {margin:0 auto;}
.lecturerPopup {padding:14px;}
.lecturerPopup .inner {display:block;}
.lecturerPopup .inner p {padding:0 0 0 20px;}

.courseSimilarCourses {padding:40px 18px 0 18px;}
.courseSimilarCourses .courseCard .image {width:140px;}
.courseSimilarCourses .courseCard .image img {aspect-ratio:2 / 1.2;}
.courseSimilarCourses .courseCard .text {width:calc(100% - 160px);}
.courseSimilarCourses.program {padding:20px 0 10px 0;}
.courseSimilarCourses.program .coursePageMargin.program {padding:40px 18px 10px 18px; border-radius:0;}
.courseSimilarCourses h2 {display:inline-block; margin:0 0 20px 0; font-size:26px; line-height:30px;}
.courseSimilarCourses .courseTags ul li {margin:0 0 6px 2px;}
.courseSimilarCourses .courseTags ul li a {font-size:12px; line-height:16px;}
.courseSimilarCourses .courseTags ul li.tagToggle {display:none;}
.courseSimilarCourses .courseTags ul li.tagToggle.active {display:block;}
.courseSimilarCourses .courseTags ul li.moreLess {display:none;}
.courseSimilarCourses .coursesItems .gradient {display:none;}

.courseCard {margin:0 0 30px 0; max-width:none; gap:20px;}
.courseCard .image .info {display:block; position:absolute; z-index:4; cursor:pointer; left:4px; top:10px;}
.courseCard .image .info button {background:url(../images/icon-info-white.svg) center center no-repeat; width:30px; height:30px; padding:0 0 0 0; border-radius:50%; filter:drop-shadow(0px 5px 10px black);}
.courseCard .image .info.isProgram {left:4px;}
.courseCard .text h3 a {font-size:18px; line-height:24px;}
.courseCard .courseDuration {display:none;}

.companiesTestimonials {padding:40px 18px; text-align:center;}
.companiesTestimonials.program {padding:0 0 10px 0;}
.companiesTestimonials.program .coursePageMargin.program {padding:40px 18px 40px 18px; border-radius:0;}
.companiesTestimonials h2 {display:inline-block; margin:0 0 20px 0; font-size:26px; line-height:30px;}
.companiesTestimonials .companiesItemsButtonWrapper {display:none;}
.companiesTestimonials .slick-track {gap:0;}

.companyCard {padding:0 10px; margin:0 0 20px 0; width:calc(100% - 10px) !important;}
.companyCard .image {position:absolute; z-index:2; top:0; left:calc(50% - 35px);}
.companyCard .text {max-width:none; padding:30px 20px 1px 20px; margin:16px 0 10px 0; transform:translateY(20px); text-align:center;}
.companyCard .text h3 {font-size:18px; line-height:20px; margin:16px 0 2px 0;}

.personsTestimonials {padding:40px 18px; text-align:center; background-size:auto 110px, auto 180px; background-position:0 10%, 100% 100%;}
.personsTestimonials h2 {display:inline-block; margin:0 0 20px 0; font-size:26px; line-height:30px;}
.personCard {padding:0 10px; margin:0 0 20px 0;}
.personCard .image {position:absolute; z-index:2; top:0; left:calc(50% - 35px);}
.personCard .text {max-width:none; padding:30px 20px 1px 20px; margin:16px 0 10px 0; transform:translateY(20px); text-align:center;}
.personCard .text h3 {font-size:18px; line-height:20px; margin:16px 0 2px 0;}

.coursePodcastDesktop {display:none;}
.coursePodcastMobile {display:block;}

.courseFAQ {padding:20px 18px;}

.tooltipButton {width:20px; height:20px;}

.popupContent {width:calc(100% - 30px);}
.coursePopupContent {position:absolute; bottom:0; left:0; width:calc(100% - 32px); padding:16px; font-size:22px; background:#ffffff; border-radius:8px;}
.coursePopupContent p {margin:0 0 20px 0;}
.coursePopupContent .header {display:none;}
.coursePopupContent .inner {display:flex; gap:12px; font-size:16px; line-height:22px; max-height:calc(100vh - 200px); padding:0; overflow:auto;}
.coursePopupContent .inner .image {position:relative;}
.coursePopupContent .inner .image .programLabel {transform:rotate(0) translate(0); left:3px; top:9px; font-size:14px; background:#70C6D1; padding:1px 10px 1px 8px; border-top-right-radius:14px; border-bottom-right-radius:14px;}
.coursePopupContent .inner .image img {width:120px; height:120px; border-radius:10px; object-fit:cover;}
.coursePopupContent .inner .image img.programWrap {width:114px; height:114px; border:3px #70C6D1 solid;}
.coursePopupContent .inner .text h3 {margin:0 0 4px 0;}
.coursePopupContent .inner .text h3 a {color:#333333; font-size:22px; line-height:28px; text-decoration:none;}
.coursePopupContent .courseProgress {display:none;}
.coursePopupContent .courseOrganization {color:#444646; margin:0 0 6px 0;}
.coursePopupContent .courseOrganization ul li {float:none; clear:both;}
.coursePopupContent .courseOrganization ul li:not(:first-child) {border-left:0px; margin:0 0 2px 0; padding:0 0 0 0;}
.coursePopupContent .courseDuration {color:#333433; margin:0 0 6px 0;}
.coursePopupContent .linkMobile {display:block; margin:6px 0 0 0;}
.coursePopupContent .linkMobile a {background:#70C6D1; font-size:16px; font-family:"Assistant-bold"; color:#333433; text-decoration:none; border-radius:20px; width:100%; padding:10px 0; text-align:center;}


.catalogHero .bgImage .gradient .content {padding:80px 18px 60px 18px; background-image:url(../images/rtl/vector9.svg), none;}
.catalogHero .searchBar form .searchField input {width:200px;}

.catalogAllCourses {margin:40px 0 40px 0; box-shadow:0px 5px 15px 0px rgba(40, 40, 40, 0.20);}
.catalogAllCourses a {font-size:28px;}
.catalogAllCourses a:hover {color:#045D74;}

.catalog {padding:0 0 30px 0;}
.catalogCategories1Header {margin:0 18px;}
.catalogCategories1 .slick-list {padding:0 36% 0 0  !important;}
.catalogCategories1 .category1 {margin:0 0 20px 18px;}
.catalogCategories1 .category1 .text {padding:10px 8px; width:calc(100% - 16px); font-size:18px;}
.catalogCategories1 .category1 a {text-decoration:none;}
.catalogCategories2Header {margin:0 18px;}
.catalogCategories2Header > div.allResults {display:none;}
.catalogCategories2 .slick-list {padding:0 0 0 0 !important;}
.catalogCategories2 .category2 {margin:0 18px 20px 18px;}
.catalogCategories2 .category2 .text {padding:10px 8px; width:calc(100% - 16px); font-size:16px;}

.stripeHero {padding:70px 0 60px 0; background-image:url(../images/rtl/vector24.svg), url(../images/rtl/vector23.svg); background-position:100% 100%, 0 100%;}
.stripePageHeader {display:block; padding:30px 18px 0 18px;}
.stripePageHeader .stripePageHeaderFilter {padding:0 0 0 0;}
.stripePageHeader .stripePageHeaderResults {text-align:left; padding:12px 0 0 0;}
.stripePageCourses {gap:30px; flex-flow:wrap; margin:20px 18px;}
.stripePageCourses .courseCard {width:calc(50% - 20px); margin:0 0 20px 0;}

.institutionCoursesInDevCarusel {padding:30px 18px 30px 18px; max-width:500px; margin:0 auto;}
.institutionCoursesInDevCarusel .courseCard {width:calc(50% - 10px);}

.autoPopupBody {padding:20px 18px;}
.autoPopupBody .infoItem {font-size:16px; line-height:22px; margin:0 0 0 12px;}
.autoPopupBody .infoItem img {width:auto; height:18px; transform:translateY(2px);}

.p404 {height:auto; display:block;}
.p404 .text {width:auto; height:auto; float:none; clear:both; display:block;  padding:30px 0 30px 0;}
.p404 .text .content {padding:0 18px; font-size:18px; line-height:24px; max-width:none;}
.p404 .text .content h1 {font-size:36px; line-height:36px; margin:20px 0 30px 0;}
.p404 .text .content .items {flex-direction:column; flex-direction:column-reverse; gap:0; margin:20px 0 0 0;}
.p404 .text .content .items .link {width:auto; text-align:center;}
.p404 .text .content .items .link a {border-radius:15px; padding:10px 20px; width:calc(100% - 40px);}
.p404 .text .content .items .searchBar {width:auto; margin:20px 0;}
.p404 .text .content .items .searchBar form {display:flex;}
.p404 .text .content .items .searchBar form .searchField {width:calc(100% - 45px);}
.p404 .text .content .items .searchBar form .searchField input {background:transparent; width:calc(100% - 36px); margin:3px 18px; border:0px; color:#000000; font-size:18px; line-height:22px; padding:12px 0 10px 0;}
.p404 .image {width:auto; height:auto; float:none; clear:both; display:block; font-size:180px; font-family:"Assistant-Bold"; text-align:center; padding:160px 0 180px 0;
  background-image:url(../images/ltr/404/mobile.svg), none, none; background-position:center center; background-size:auto 100%; background-repeat:no-repeat;
}

.floatingVid {min-width:calc(100% - 30px); overflow:auto;}

.infoStripeHero {padding:70px 0 30px 0; background-size:30% auto, 30% auto, cover;}
.infoStripeHero h1 {margin:0 0 20px 0;}
.infoContentWrapper {background-image:none, none, none;}
.infoContent {padding:0 18px 30px 18px;}
.infoContent h2 {font-size:28px; padding:40px 0 0 0;}
.infoContent .infoContentSubMenu {gap:20px; margin-bottom:20px;}

.searchResultsHero {padding:0 0 0 0; background-image:none; height:60px;}
.searchResultsHero .searchBar {background:#333433; padding:0; border-radius:0; width:100%;}
.searchResultsHero .searchBar.hidden {display:none;}
.searchResultsHero .searchBar form {display:flex;}
.searchResultsHero .searchBar form .searchField {width:calc(100% - 70px); margin:4px 0 4px 0;}
.searchResultsHero .searchBar form .searchField input {background:transparent; width:calc(100% - 2px); margin:2px 0; border:0px; color:#ffffff; font-size:18px;}
.searchResultsHero .searchBar form .searchField input::placeholder {color:#a5a6a5;}
#searchResultsSubmit {background:transparent url(../images/header/mobile-search-ltr.svg) center center no-repeat; padding:16px; margin:5px 4px 5px 5px;}
#searchResultsClose {display:block; background:transparent url(../images/header/mobile-search-close-ltr.svg) center center no-repeat; background-size:20px auto; padding:36px 30px 20px 30px;}

.searchResultsHeader {display:block; padding:30px 18px 0 18px;}
.searchResultsHeader .searchResultsFilter {padding:6px 0 6px 0;}
.searchResultsHeader .searchResultsResults {text-align:left;}
.searchResults {padding:0 0 40px 0;}
.searchResults h1 {padding:0 18px;}
.searchResults h2 {padding:0 18px;}
.searchResultsContent {margin:26px 18px;}
.searchResultsContent .courseCard {gap:12px; margin:0 0 12px 0;}
.searchResultsContent .courseCard .image {width:140px; height:auto;}
.searchResultsContent .courseCard .image img {width:140px; height:auto; aspect-ratio:2 / 1.2;}
.searchResultsContent .courseCard .text {width:calc(100% - 152px);}
.searchResultsContent .courseCard .text h3 {margin:0 0 6px 0;}

.searchResultsInterest {margin:30px 0 0 0;}
.searchResultsInterest .courseCard {margin:0 0 0 18px;}
.searchResultsInterest .courseCard .image {width:auto; max-width:100%;}
.searchResultsInterest .courseCard .image img {width:auto; max-width:100%;}
.searchResultsInterest .courseCard .text {width:auto; max-width:100%;}
.searchResultsInterest .courseCard .text .courseTags {display:none;}
.searchResultsInterest .slick-list {padding:0 18% 0 0  !important;}
.searchResultsInterest .slick-slide {float:left;}

.desktopOnly {display:none;}
.mobileOnly {display:block;}

.institutionHero {background-position:center center;}
.institutionHero .logoDiv {text-align:center; padding:16vh 20px 6vh 20px; display:block; background:linear-gradient(to bottom, rgba(0, 0, 0, 0.8) , rgba(0, 0, 0, 0));}
.institutionTitle h1 {font-size:20px; padding:8px 12px;}

.institutionFirstSection {background-image:none, none;}
.institutionFirstSection .content {padding:30px 0;}
.stripe {padding:20px 18px; margin:0 18px;}
.stripeColumns {display:block;}
.stripeColumns > div { width:auto;}
.stripeColumns > div.narrow {width:auto;}

.institutionPodcasts{padding:40px 18px 0 18px;}
.institutionPodcasts .podcast {display:block; margin:0 0 40px 0;}
.institutionPodcasts .podcast .embed {width:auto;}
.institutionPodcasts .podcast .embed iframe {width:100% !important;}
.institutionPodcasts .podcast .text {width:auto;}
.institutionPodcasts .podcast .text h3 {margin:5px 0 10px 0; font-size:16px; line-height:22px;}
.institutionPodcasts .podcast .text p {width:auto; font-size:12px; line-height:18px;}

.institutionLecturers {padding:20px 18px 40px 18px; background-image:none, none;}
.institutionLecturers h2 {display:block; margin:0 0 20px 0; text-align:left;}
.lecturerMoreButton {display:none;}
.institutionLecturersCausel {display:block;}
.institutionLecturersCausel .slick-arrow {top:calc(50% + 40px);}
.institutionLecturersCausel .lecturerCard {text-align:center; width:auto; margin:40px 10px 0 10px;}
.institutionLecturersCausel .lecturerCard .image {background-image:none; position:relative; transform:translateY(-45px); text-align:center; left:0;}
.institutionLecturersCausel .lecturerCard .image img {width:90px; height:90px; margin:0 auto; border:4px solid #FDCC07;}
.institutionLecturersCausel .lecturerCard .text {margin:-50px 0 0 0; background:#FFFFFF url(../images/ltr/team-vector2.svg) bottom right no-repeat; background-size:60px auto;}
.institutionLecturersCausel .lecturerCard .text .readMorePopupLink {display:block; text-align:center; width:100%; padding:12px 0 0 0;}
.institutionLecturersCausel .lecturerCard .text h3 {font-size:18px; line-height:24px;}
.institutionLecturersCausel .lecturerCard.large {width:auto;}
.institutionLecturersCausel .lecturerCard.large .text h3 {font-size:22px; line-height:29px;}
.institutionLecturersCausel .lecturerCard.hide {display:block;}
.institutionLecturersCausel .lecturerCard.unhide {display:block;}

.institutionCoursesFeaturing {padding:40px 18px 40px 18px;}
.institutionCoursesFeaturing h2 {display:block; text-align:left;}
.institutionCoursesFeaturing .description {text-align:left;}
.institutionCoursesFeaturingCarusel {margin:0 0;}
.institutionCoursesFeaturingCarusel .bigCourseCard {display:block; padding:20px 0 0 0;}
.institutionCoursesFeaturingCarusel .bigCourseCard .image {width:calc(100% - 12px);}
.institutionCoursesFeaturingCarusel .bigCourseCard .text {width:auto;}
.institutionCoursesFeaturingCarusel .bigCourseCard .text h3 a {font-size:18px; line-height:24px;}

.institutionPrograms {padding:40px 18px 10px 18px;}
.institutionPrograms .institutionStudyProgramsStripe {display:block; width:auto; clear:both;}
.institutionPrograms .institutionStudyProgramsStripe .courseCard {clear:both;}
.institutionPrograms .showMoreStudyProgramLink, .institutionPage.showLessLecturerLink {margin:10px auto 4px auto;}
.institutionPrograms .courseCard {display:flex; width:auto; gap:12px; margin-bottom:16px;}
.institutionPrograms .courseCard .image {width:140px; aspect-ratio:auto;}

.institutionPrograms .courseCard .image .programLabel {transform:rotate(0) translate(2px); right:0; top:9px; font-size:12px; background-color:var(--institution_color); padding:1px 4px 1px 8px; border-top-left-radius:14px; border-bottom-left-radius:14px;}
.institutionPrograms .courseCard .image img.programWrap {width:100% !important; height:auto !important; aspect-ratio:2 / 1.2; object-fit:cover; border:solid 2px var(--institution_color); border-left:solid 2px var(--institution_color);}
.institutionPrograms .courseCard .image .info {display:block; position:absolute; top:9px; right:3px;}
.institutionPrograms .courseCard .image .info button { background:transparent url(../images/icon-info-white.svg) center center no-repeat; width:30px; height:30px; padding:0 0 0 0; border-radius:50%; filter:drop-shadow(0px 5px 10px black);}
.institutionPrograms .courseCard .text {width:calc(100% - 152px);}
.institutionPrograms .courseCard .text .courseTags {display:none;}
.institutionPrograms .courseCard .text  h3 {margin:0; line-height:28px;}
.institutionPrograms .courseCard .text .courseOrganization {margin:0;}

.institutionTestimonial {padding:40px 18px 40px 18px; background-position:0 20px, 100% 100%; background-size:auto 80px, auto 100px;}

.staticShareWrapper {width:calc(100% - 40px); background:#F2F2F2; padding:20px 20px 14px 20px; font-family:"Assistant-Bold"; display:flex; gap:8px; align-items:center; flex-shrink:1;}
.staticShareWrapper {background:#F2F2F2; padding:20px 20px 14px 20px; font-family:"Assistant-Bold"; display:flex; gap:8px; align-items:center; flex-shrink:1;}
.staticShareWrapper div:first-child {width:100%;}
.staticShareWrapper div:not(:first-child) {flex:1;}
.staticShareWrapper img {width:38px; height:38px; transition:all 0.4s ease 0s; cursor:pointer;}
.staticShareWrapper img:hover {opacity:0.8;}
.staticShareWrapper .courseInfoShareLink {position:relative;}

.institutionCourses {padding:30px 18px;}
.institutionCourses .institutionCoursesCarusel {display:block; padding:30px 0 0 0;}
.institutionCourses .institutionCoursesCarusel .courseCard {width:auto; display:flex; gap:12px; justify-content:space-between; margin:0 0 12px 0;}
.institutionCourses .institutionCoursesCarusel .courseCard .image {width:140px; height:auto;}
.institutionCourses .institutionCoursesCarusel .courseCard .image img {height:auto; aspect-ratio:2 / 1.2;}
.institutionCourses .institutionCoursesCarusel .courseCard .text {width:calc(100% - 152px);}
.institutionCourses .institutionCoursesCarusel .courseCard .text h3 {margin:0 0 6px 0;}
.institutionCourses .institutionCoursesCarusel .courseCard .text .courseSimilarTags {display:none;}
.institutionCourses .institutionCoursesCarusel .courseCard .text .courseDuration {display:none;}

.institutionCoursesInDev {padding:30px 0 30px 0;}
.institutionCoursesInDev h2 {display:block; text-align:left; margin:0  0 0 18px;}
.institutionCoursesInDev .institutionCoursesInDevCarusel .courseCard {margin:0  0 0 18px;}
.institutionCoursesInDev .institutionCoursesInDevCarusel .courseCard h3 {margin:6px 0;}
.institutionCoursesInDev .institutionCoursesInDevCarusel .slick-list {padding:0 18% 0 0  !important;}

.coursesInCollaborations {padding:30px 18px 10px 18px; margin:0 0 0 0;}
.institutionCoursesInDev .institutionCoursesInDevCarusel {padding:20px 0 0 0;}
.coursesInCollaborations h2 {display:block; text-align:left;}
.coursesInCollaborations .coursesInCollaborationsCarusel {padding:20px 0;}
.coursesInCollaborations .coursesInCollaborationsCarusel .courseCard {width:auto; display:flex; gap:12px; justify-content:space-between; margin:0 0 10px 0;}
.coursesInCollaborations .coursesInCollaborationsCarusel .courseCard .image {width:140px; height:auto;}
.coursesInCollaborations .coursesInCollaborationsCarusel .courseCard .image img {height:auto; aspect-ratio:2 / 1.2;}
.coursesInCollaborations .coursesInCollaborationsCarusel .courseCard .text {width:calc(100% - 152px);}
.coursesInCollaborations .coursesInCollaborationsCarusel .courseCard .text h3 {margin:0 0 6px 0;}
.coursesInCollaborations .coursesInCollaborationsCarusel .courseCard .text .courseDuration {display:none;}
.coursesInCollaborations .coursesInCollaborationsCarusel .courseCard .text .courseSimilarTags {display:none;}
.coursesInCollaborations .coursesInCollaborationsCarusel .courseCard .text .courseTags ul li.moreLess {display:none;}

.institutionEventsSlider {padding:10px 0 0 0;}
.institutionEventsSlider .sliderItem { width:100%; margin:0 0 0 18px;}
.institutionEventsSlider .slick-list {padding:0 30% 0 0;}

.eventPopup {width:100%; max-width:calc(100% - 36px); padding:18px; font-size:16px; line-height:20px;}
.eventPopup .image {max-height:200px;}
.eventPopup .text {padding:16px 0 16px 0;}
.eventPopup .text h3 {text-align:right;}

.institutionHero.municipality .backgroundGradient {padding:60px 0 0 0;}
.institutionHero.municipality .content .textWrapper .text {color:#333433; background:#ffffff; box-shadow:none; border-radius:0; padding:20px 18px 40px 18px; transform:translateY(30px);}
.institutionHero.municipality .content .textWrapper .text h1 {color:#333433;}
.institutionHero.municipality .content .textWrapper .text .coursesLink a {color:#ffffff; background:#333433;}

.aboutInfoArea1 {background-image:none;}

.aboutInfoArea2 {background-image:none; padding:20px 30px 20px 30px;}
.aboutInfoArea2 .aboutInfoPeople {gap:16px;}
.aboutInfoArea2 .aboutInfoPeople > div .image {width:126px; height:145px;}
.aboutInfoArea2 .aboutInfoPeople > div {width:126px;}
.aboutInfoArea2 .aboutInfoPeople > div:first-of-type .image {width:235px; height:290px;}

.aboutInfoArea3 {background-image:none; padding:0 10px 20px 10px;}
.aboutInfoArea3 .aboutInfoPeople > div {width:calc(33.3% - 20px); margin:10px; font-size:16px; line-height:20px;}
.aboutInfoArea3 .aboutInfoPeople > div .image {padding:6px 0;}
.aboutInfoArea3 .aboutInfoPeople > div .image img {width:86px; height:86px;}
.aboutInfoArea3 .aboutInfoPeople > div h3 {font-size:16px; line-height:20px; margin:10px 0 3px 0;}

.events2Hero {padding:70px 0 30px 0; background-size:30% auto, 30% auto, cover;}
.events2Hero h1 {margin:0 0 20px 0;}
.events2ContentWrapper {padding:30px 0 120px 0; background-position:0 30px, 100% 100%; background-size:60px auto, auto auto;}
.events2Content {padding:0 16px 0 16px;}
.events2Content .events2ContentTitle {padding:0 0 20px 0; font-size:32px; line-height:40px;}
.events2Content h2 {font-size:24px; line-height:30px;}

.events2Popup {display:block;}
.events2Popup .text {width:auto; font-size:18px; line-height:24px; padding:0 16px 10px 16px;}
.events2Popup .text h2 {font-size:20px; line-height:26px;}
.events2Popup .text .infoItem {font-size:18px; line-height:24px}
.events2Popup .image {width:auto; text-align:center;}
.events2Popup .image img {position:relative; max-height:300px; width:90%; margin:16px auto 0 auto; border-radius:8px;}

.events2Upcoming {padding:30px 16px 0 16px;}
.events2Upcoming .title h2 {margin:10px auto 20px auto;}

.events2Items .image {padding-bottom:100%;}
.events2Items .slick-prev {background:url(../images/arrow-right2-black.svg) no-repeat center center; top:calc(100% - 7px); right:calc(50% - 50px); width:20px; height:20px; background-size:20px 20px;}
.events2Items .slick-prev:hover {background:url(../images/arrow-right2-black.svg) no-repeat center center; background-size:20px 20px;}
.events2Items .slick-next {background:url(../images/arrow-left2-black.svg) no-repeat center center; top:calc(100% - 7px); left:calc(50% - 50px); width:20px; height:20px; background-size:20px 20px;}
.events2Items .slick-next:hover {background:url(../images/arrow-left2-black.svg) no-repeat center center; background-size:20px 20px;}
.events2Items .slick-counter {display:block; margin:20px 0 0 0; text-align:center;}
.events2Items .slick-slide {margin:0 12px; background:#333433; height:inherit !important;}
.events2Items .slick-track {display:flex !important;}

.events2Past {padding:30px 16px 0 16px;}
.events2Past .title h2 {margin:10px auto 20px auto;}

.loaderCatalog {padding:0 18px;}
.loaderCatalog .loaderCourse .loaderShape.image {width:140px; height:84px;}
.loaderCatalog .loaderCourse .loaderTexts {min-width:calc(100% - 160px);}
.loaderCatalog .loaderCourse .loaderTexts .text1 {margin:0 0 10px 0;}
.loaderCatalog .loaderCourse .loaderTexts .text2 {margin:0 0 10px 30px;}
.loaderCatalog .loaderCourse .loaderTexts .text3 {display:none;}
.loaderCatalog .loaderCourse .bullets {margin:0 30px 10px 0;}
.loaderCatalog .loaderCourse:nth-child(3) {width:auto;}
.loaderCatalog .loaderCourse:nth-child(3) .loaderShape.image {border-top-left-radius:10px; border-bottom-left-radius:10px;}
.loaderCatalog .loaderCourse:nth-child(n+4) {display:block;}
 
.contactHero .gradient {padding:60px 18px 10px 18px; background:linear-gradient(to left, rgba(51, 52, 51, 1), transparent);}
.contactFormMessage {min-width:auto;}
.contactFormWrapper {display:block;}
.contactFormWrapper > div {width:100%; margin:0 0 16px 0;}

.staffMemberHero .gradient {padding:70px 20px 20px 20px;}
.staffMember {padding:30px 20px 40px 20px;}

.staffMemberBio {grid-gap:20px;
    grid-template-columns:120px calc(100% - 150px);
    grid-template-rows:max-content max-content;
    grid-template-areas:'memberImage memberNameOrg' 'memberDesc memberDesc'
}

.staffMemberBio .image img {width:120px; height:120px;}
.staffMemberBio .text h2 {margin:10px 0 10px 0;}
.staffMemberBio .text .staffMemberJob {margin:10px 0 10px 0;}

.catalogMain {padding:10px 0 40px 0;}
.catalogMain h2 {padding:0 20px;}

.featuringSubjectsSlider {padding:0 0 10px 0;}
.featuringSubjectsSlider .slick-list {padding:0 20% 0 0 !important;}
.featuringSubjectsSlider .slick-track {gap:20px;}

.featuringSubjectsMosaic {display:flex; gap:0; width:100%; align-items:baseline; box-sizing:border-box; overflow-x:auto; overflow-y:hidden; overflow:scroll; scrollbar-width:none;}
.featuringSubjectsMosaic .featuringSubject {padding:0 0 50% 0; flex-shrink:0; width:calc(78vw - 16px); margin:0 0 0 16px;}

.featuringCoursesSlider {padding:0 0 10px 0;} 
.featuringCoursesSlider .slick-list {padding:0 20% 0 0 20% !important;}
.featuringCoursesSlider .slick-track {gap:20px;}

.moreSubjectsTabs {overflow:scroll; scrollbar-width:none; -ms-overflow-style:none;}
.moreSubjectsTabs::-webkit-scrollbar {display:none;}
.moreSubjectsTabs > div {flex:auto; margin:0 0 0 16px;}
.moreSubjectsTabs > div a {border-bottom:#979797 1px solid !important; border:#979797 1px solid; white-space:nowrap; border-radius:20px; padding:8px 12px; width:calc(100% - 24px);}
.moreSubjectsTabs > div a.active {border-bottom:#323333 1px solid !important; border:#323333 1px solid; background:#323333; color:#ffffff;}

.moreSubjectsChilds {padding:20px 0 10px 0 !important;}
.moreSubjectsChilds .slick-track {gap:20px;}
.moreSubjectsChilds .slick-list {padding:0 12% 0 0 !important;}
.moreSubjectsChilds .slick-slide a > div {background-position:10px center; background-size:40px; padding:12px 12px 12px 60px;}

.institutionsSlider .slick-track {gap:20px;}
.institutionsSlider .slick-list {padding:0 12% 0 0 !important;}

.newCatalogHero .gradient {min-height:240px; padding:20px;}
.newCatalogWrapper {padding:0 20px;}
.newCatalogWrapper.institutions {padding:40px 20px;}

.newCatalogSearch {padding:30px 0 10px 0; gap:10px; flex-direction:row-reverse; flex-wrap:wrap;}
.newCatalogSearchLayout {display:none; border-radius:10px; padding:6px 24px 6px 12px;  margin:40px 0 0 0; width:100%; box-shadow:0px 1px 1px 0px #32333359; border:1px solid #d6d6d6;
    background-image: url(../images/header/menu-open-black.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) 17px;
    background-size: 7px auto;}
.newCatalogSearchLayout.active {display:block; position:relative;}
.newCatalogSearchLayout .title {flex:1; font-size:15px; padding:0 0 0 0; transform:translateY(3px);}
.newCatalogSearchLayout .selectBox {padding:0 0 0 0;}
.newCatalogSearchLayout .selectBox a {border:0px; border-radius:0; padding:0 0 0 0; font-size:15px; line-height:15px; display:inline; text-align:right;
      background-image: url(../images/menu-open-black.svg), none;
}
#sortResults {position:relative; box-shadow:none; border:0px;}
#sortResults fieldset {display:block; padding:4px 0 0 0;}
#sortResults .radioItem {height:24px; background-image:none;}
#sortResults .radioItem input[type="radio"] + label {white-space:nowrap; font-size:14px;padding:1px 0 1px 20px; background-image:url(../images/icon-circle-dashed.svg); background-repeat:no-repeat; background-position:1px 6px;}
#sortResults .radioItem input[type="radio"]:checked + label {background-color: #ffffff; background-image:url(../images/icon-circle-green.svg); background-repeat:no-repeat; background-position:1px 6px;}
#selectBoxValue {float:right; background:#323333; color:#ffffff; font-size:12px; line-height:12px; font-family:"Assistant-Bold"; padding:5px 12px; margin:-20px 6px 0 0; border-radius:20px; min-width:auto;}

#viewResultsTitle {display:block;}
#viewResults {position:absolute; top:-55px; left:0px; width:100%;}
#viewResults fieldset {margin:16px 0 0 0; width:100%;}
#viewResults .radioView label {width:26px; height:26px; background-size:20px; border-radius:3px;}

.newCatalogSearchText {flex:1;}
.newCatalogSearchText .textFieldWrapper button {padding:5px; width:26px;}
#newCatalogFilterButton {background-color:#ffffff; background-image:url(../images/icon-filter-mobile.svg); background-position:center center; background-size:28px auto;
   border:#979797 1px solid; border-radius:50%; display:block; padding:6px 8px; min-width:30px; text-align:center;}
#newCatalogFilterButton > div {margin:5px 0 0 0;}
.newCatalogSearchFilters {width:auto;}
.newCatalogSearchFilters .txtFilter {display:none;}
#newCatalogFilterButton {background-color:#ffffff; background-image:url(../images/icon-filter-mobile.svg); background-position:center center;
   border:#979797 1px solid; border-radius:50%; display:block; gap:4px; padding:6px;}#newCatalogFilterButton > div {margin:5px 0 0 0;}
#newCatalogFilterButton.active {background-color:#ffffff;}
.newCatalogFilters {display:block; padding:0px 0px 10px;}
.newCatalogFilters .checkboxButton {width:100%; margin:0 0 10px 0; border-radius:10px; box-shadow:0px 1px 1px 0px #32333359;}
.newCatalogFilters .checkboxButton.active {border-radius:10px 10px 0 0; border-bottom:0px;}
.newCatalogFilters .checkboxText {text-align:left; flex:1;}
.newCatalogFilters .checkboxCount {margin:0 6px 0 0;}
.newCatalogFilters .choicelist {width:calc(100% - 74px); transform:translateY(-12px); border-radius:0 0 10px 10px; box-shadow:0px 1px 1px 0px #32333359;
  padding:0 20px 12px 12px; border-left:1px solid #d6d6d6;  border-right:1px solid #d6d6d6;
}
.newCatalogFilters .choicelist input[type="checkbox"] + label {background-position:0 5px;}
.charsFilter {flex-flow:nowrap; gap:0; width:calc(100% + 40px); margin:0 -20px; align-items:baseline; box-sizing:border-box; overflow-x:auto; overflow-y:hidden; overflow:scroll; scrollbar-width:none;}
.charsFilter > div {margin:0 0 0 8px;}
.charsFilter > div:first-of-type {margin:0 0 0 20px;}
.charsFilter > div:last-of-type {margin:0 20px 0 8px;}

#catalogSelectedFiltersItems {display:none;}

.newCatalogResults {display:block;}
.newCatalogResults > div {width:auto; margin:0 0 20px 0;}
.newCatalogResults > div.grid {width:auto; margin:0 0 20px 0;}
.newCatalogResults > div.list {width:auto; margin:0 0 20px 0;}
.courseCardNew.list .text {padding: 0 0 18px 0;}
.newCatalogResults .institutionCard {margin:0 0 20px 0;}
.newCatalogResults .lecturerCard {margin:0 0 20px 0;}
.newCatalogResults .lecturerCard .image {left:0;}
.newCatalogResults .lecturerCard .text {text-align:left;}

.stripePage {padding:0 20px 0 20px;}

.subjectPage {padding:0 20px 0 20px;}
.subjectChilds {display:block; padding:30px 0 0 0;}
.subjectChilds > div {width:auto; box-shadow:none; border:0; border-radius:0;}
.subjectChilds .slick-list {padding:0 40% 0 0 !important;}
.subjectChilds .slick-track {gap:20px}
.subjectChilds .slick-slide {box-shadow:0px 2px 4px 0px #32333359; border:1px solid #d6d6d6; border-radius:25px; margin:0 0 4px 0;}

footer {background:#333333 url(../images/footer-bg-mobile.svg) bottom left no-repeat; background-size:100% auto;}
footer .footerBackground {background-image:none;}
footer .footerCloumns1 {display:block;}
footer .footerCloumns1 .content {width:calc(100% - 400px); flex-shrink:0;}
footer .footerCloumns1 .logo {display:block; width:auto; text-align:center; padding:0 0 80px 0;}
footer .title {font-size:14px; padding:10px 0 10px 0;}
footer .footerCloumns1 .logo img {width:150px; height:auto;}
footer .footerCloumns2 {display:block; padding:60px 0;}
footer .footerCloumns2 .text {padding:0 18px 30px 18px; width:auto;}
footer .footerCloumns2 .text .textItem .image {text-align:center;}
footer .footerCloumns2 .nav {display:flex; width:auto; border-left:#84b33b 2px solid; margin:0 16px 30px 16px; font-size:14px;}
footer .footerCloumns2 .nav > div {width:30%; padding:0 0 0 12px;}
footer .footerCloumns2 .nav .title {width:16%; padding:0 0 0 12px;}
footer .footerCloumns2 .nav a {font-size:14px;}
footer .footerCloumns2 .nav .navItem {border-left:0px; padding:0 0 0 12px;}
footer .footerCloumns2 .nav .navItem:last-of-type {padding:0 0 0 0;}
footer .footerCloumns2 .about {display:flex; width:auto; border-left:#e3433d 2px solid; margin:0 16px 30px 16px; font-size:14px;}
footer .footerCloumns2 .about > div {width:30%;}
footer .footerCloumns2 .about .title {width:16%; padding:0 0 0 12px;}
footer .footerCloumns2 .about a {font-size:14px;}
footer .footerCloumns2 .about .aboutItem {border-left:0px; padding:0 0 0 12px;}
footer .footerCloumns2 .about .aboutItem:last-of-type {padding:0 0 0 0;}
footer .footerCloumns2 .socialMedia {padding:40px 10px 0 10px; justify-content:center;}
footer .footerCloumns2 .socialMedia > div {padding:0 7px 0 7px; margin:0 0 0 2px; flex-shrink:0;}
footer .footerCloumns2 .socialMedia > div img {width:28px; height:28px; margin:4px 0 0 0;}

}