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;}

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


.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; 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:2px solid var(--cil-focus-ring, var(--cil-blue-dark-1)); outline-offset:2px;} /* keyboard focus on anything, buttons included: the house ring at a single pseudo-class's weight, so a component's own ring still wins; a dark surface sets --cil-focus-ring in its own sheet (the footer's yellow, inc/footer-component/assets/footer.css) */

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;}


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

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;}
.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;}

.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 .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;}


.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 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;}

.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 .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;}

.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;}

.disable-button-bool{opacity:0.5;}









.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;}


.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;}


.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;}


.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;}


.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 .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;}


.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%;}


.catalog {padding:0 0 80px 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 .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;}
.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;}
.autoPopupSlide {padding:0 0 15px 0;}


.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, .videoWrapper video {position:absolute; top:0; left:0; width:100%; height:100%;}

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

.institutionHero {position:relative;}
.institutionHero__picture {position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center right;}
.institutionHero .logoDiv {position:relative;}
.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 .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;}


.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 .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;}

.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 .courseCard {width:calc(25% - 20px);}
.institutionPrograms .courseCard.hide {display:none;}
.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;}

.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;}

.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;}


.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.jpg); 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;}

.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;}


textarea {width:calc(100% - 22px); border:solid 1px #838383; border-radius:5px; padding:10px 10px; font-family:'Assistant', sans-serif; font-size:16px;}

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;}


.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.organization {height:50px; width:50px; border-radius:50%;}
.loaderShape.goal {height:360px; width:calc(25% - 20px);}

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

.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;}

.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;}
#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;}


.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);}


.featuringCoursesSlider {padding:0 0 40px 0;}


.institutionsSlider img {height:50px; width:100%; object-fit:contain;}


.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 .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 .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;}


.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;}


#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;}


.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);}



/* -------------------------------------- */
@media only screen and (max-width:1500px) and (min-width:1300px) {
  .mainWidth {width:1100px;}
  .homepageHero1 .bgImage .gradient .content {padding:100px 0 70px 0;}
 }
  
  /* -------------------------------------- */
@media only screen and (max-width:1299px) and (min-width:1080px) {
.mainWidth {width:960px;}
.homepageHero1 .bgImage .gradient .content {padding:60px 0 40px 0;}
.homepageHero1 h1 {font-size:38px; line-height:44px;}
}

/* -------------------------------------- */
@media only screen and (max-width:1079px) and (min-width:0px) {
body {font-size:16px; line-height:22px;}
input, textarea, button {font-size:16px; line-height:22px;}
.mainWidth {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;}


.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;}
.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;}

.stripePodcasts {padding:40px 18px 40px 18px;}

.stripeGoals {padding:60px 0 80px 0; background-size:auto 40px, auto 40px, auto 40px;}
.stripeGoalsCarusel .goalSlide {height:280px; margin:0 0 0 18px;}

.disable-button-bool{opacity:1;}


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


.courseInfoShare {padding:10px 20px 4px 20px;}

.toggleButton {margin:0 auto;}


.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;}


.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 .text h3 a {font-size:18px; line-height:24px;}
.courseCard .courseDuration {display:none;}


.popupContent {width:calc(100% - 30px);}


.catalog {padding:0 0 30px 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);}


.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;}
.infoContent {padding:0 18px 30px 18px;}
.infoContent h2 {font-size:28px; padding:40px 0 0 0;}
.infoContent .infoContentSubMenu {gap:20px; margin-bottom:20px;}


.desktopOnly {display:none;}

.institutionHero__picture {object-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;}

.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 .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 .courseCard {display:flex; width:auto; gap:12px; margin-bottom:16px;}
.institutionPrograms .courseCard .image {width:140px; aspect-ratio:auto;}

.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;}

.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 {padding:20px 0 0 0;}


.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;}

 
.featuringCoursesSlider {padding:0 0 10px 0;} 




.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;}

#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 .lecturerCard {margin:0 0 20px 0;}
.newCatalogResults .lecturerCard .image {left:0;}
.newCatalogResults .lecturerCard .text {text-align:left;}



footer {background:#333333 url(../images/footer-bg-mobile.svg) bottom left no-repeat; background-size:100% auto;}
footer .title {font-size:14px; padding:10px 0 10px 0;}
/* The icons keep their size and wrap onto another line rather than running off the screen.
   Without this the row was 172px wider than a 375px viewport, which let the whole page pan
   sideways - and a page that pans leaves every position:fixed element behind, which is how
   the header's burger and the mobile drawer both ended up off-screen. */

}