@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;}
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:0; 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 {border-bottom:#f2f2f2 1px solid; transition:all 0.4s ease 0s; text-align:center;}
.wpml-ls-item a {font-family:"Assistant-Bold" !important; padding:14px 10px 14px 10px !important; color:#000000 !important; text-decoration:none;}
.wpml-ls-item:first-of-type {border-top-left-radius:10px; border-top-right-radius:10px;}
.wpml-ls-item:first-of-type a:hover {border-top-left-radius:10px; border-top-right-radius:10px;}
.wpml-ls-item:last-of-type {border-bottom:0px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.wpml-ls-item:last-of-type a {border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.wpml-ls-item a:hover {background:#e5e5e5;}
.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 solid #77ad37;}

header {position:fixed; z-index:100000; top:0; left:0; width:100%; background:linear-gradient(180deg, #333433 0%, rgba(51, 52, 51, 0) 100%); min-height:50px; color:#ffffff; line-height:40px; text-align:center; transition:all 0.4s ease 0s; text-decoration:none}
header.active {background:linear-gradient(180deg, #333433 100%, rgba(51, 52, 51, 0) 100%)}

.headerMenusDesktop {display:block; position:relative;}
.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 {display:block; position:absolute; z-index:100001; top:4px; left:0; width:100%; display:flex; justify-content:center; gap:30px;}
#headerNav.notActive {display:none;}
#headerNav a {color:#ffffff; text-decoration:none; font-size:14px; line-height:14px; font-family:"Assistant-Bold";}
#headerNav a:hover {color:#dedede;}

#headerSearch {display:none; position:absolute; z-index:100001; top:4px; right:0; width:100%; text-align:center;}
#headerSearch.active {display:block;}
#headerSearch .searchBar {display:inline-block; position:relative; margin:0 auto; background:#ffffff; border-radius:20px;}
#headerSearch .searchBar form {display:flex; margin:0; align-items:center;}
#headerSearch .searchBar form .searchField input {background:transparent; width:200px; margin: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:30px; 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; border-radius:22px; background:rgba(0, 0, 0, 0.3); padding:8px 4px;}
.headerUserAnonymous .loginRegister.active {background:rgba(255, 255, 255, 0.1)}
.headerUserAnonymous .loginRegister div {border-right:#dedede 1px solid; padding:3px 12px;}
.headerUserAnonymous .loginRegister div:last-of-type {border-right:0px;}
.headerUserAnonymous .languages {display:flex; border-radius:22px; background:rgba(0, 0, 0, 0.3); padding:3px 4px 3px 4px;}
.headerUserAnonymous .languages.active {background:rgba(255, 255, 255, 0.1)}

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

#languagesButton {padding:8px 22px 8px 40px; font-size:14px; line-height:14px; font-family:"Assistant-Medium"; color:#ffffff; background-color:transparent; background-image:url(../images/header/header-languages.svg), url(../images/header/menu-open.svg); background-position:2px 0, calc(100% - 6px) 50%; background-size:auto auto, auto auto; background-repeat:no-repeat, no-repeat; background-blend-mode:normal;}
#languagesMenu {display:none; position:absolute; z-index:100004; top:40px; 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:left;}
/*
#languagesMenu > div {border-bottom:#f2f2f2 1px solid; transition:all 0.4s ease 0s; text-align:center;}
#languagesMenu > div:first-of-type {border-top-left-radius:10px; border-top-right-radius:10px;}
#languagesMenu > div:last-of-type {border-bottom:0px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
#languagesMenu > div:hover {background:#e5e5e5;}
#languagesMenu > div a {font-family:"Assistant-Bold"; padding:14px 10px 14px 10px !important; width:calc(100% - 28px); color:#000000; text-decoration:none;}
*/
#languagesMenu.active {display:block;}

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

#userNameButton {padding:2px 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) calc(50% - 3px);}
#userLoggedInLanguagesButton {background:#ffffff url(../images/arrow-right-black.svg) no-repeat; background-position:10px 20px; border-top-left-radius:10px; border-top-right-radius:10px;}
#userLoggedInLanguagesButton:hover {background:#e5e5e5 url(../images/arrow-right-black.svg) no-repeat; background-position:10px 20px;}
#userLoggedInLanguagesButton.active {background:#e5e5e5 url(../images/arrow-right-black.svg) no-repeat; background-position:10px 20px;}
#userLoggedInLanguages {display:none; position:absolute; z-index:100005; top:0; right:0; background:#FFFFFF; box-shadow:0px 2px 16px rgba(40, 40, 40, 0.2); text-align:right; border-radius:10px; font-size:14px; line-height:19px;}
#userLoggedInLanguages > div {display:block; border-bottom:#f2f2f2 1px solid; transition:all 0.4s ease 0s; text-align:center;}
#userLoggedInLanguages > div:first-of-type {border-top-left-radius:10px; border-top-right-radius:10px;}
#userLoggedInLanguages > div:last-of-type {border-bottom:0px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
#userLoggedInLanguages > div a {display:block !important; font-family:"Assistant-Bold"; padding:10px 10px 10px 10px !important; width:calc(100% - 24px); color:#000000; text-decoration:none; text-align:center;}
#userLoggedInLanguages:hover {background:#ffffff !important;}
#userLoggedInLanguages div:hover {background:#ffffff !important;}
#userLoggedInLanguages.active {display:block; width:110px;}

#userLoggedInAvatarsButton {background:#ffffff url(../images/arrow-right-black.svg) no-repeat; background-position:calc(100% - 10px) 20px; background-size:5px auto; }
#userLoggedInAvatarsButton:hover {background:#e5e5e5 url(../images/arrow-right-black.svg) no-repeat; background-position:calc(100% - 10px) 20px; background-size:5px auto; }
#userLoggedInAvatarsButton.active {background:#e5e5e5 url(../images/arrow-right-black.svg) no-repeat; background-position:calc(100% - 10px) 20px; 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:table; width:150px;}
#userLoggedInAvatars .avatars .row {border-bottom:#f2f2f2 1px solid;}
#userLoggedInAvatars .avatars .row:last-of-type {border-bottom:0px;}
#userLoggedInAvatars .avatars .col {display:table-cell; border-bottom:0px;}
#userLoggedInAvatars .avatars .col 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:-24px; min-width:150px; background:#FFFFFF; box-shadow:0px 2px 16px rgba(40, 40, 40, 0.2); border-radius:10px; font-size:14px; line-height:19px;}
#userMenu div {border-bottom:#f2f2f2 1px solid; transition:all 0.4s ease 0s;}
#userMenu div img {width:30px; height:30px;}
#userMenu div:first-of-type {border-top-left-radius:10px; border-top-right-radius:10px;}
#userMenu div:last-of-type {border-bottom:0px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; width:100%;}
#userMenu div:hover {background:#e5e5e5;}
#userMenu div a {display:flex; gap:8px; text-decoration:none; padding:8px 18px 8px 8px; line-height:30px;}
#userMenu div a div {border-bottom:0px;}
#userMenu a {color:#000000; text-align:center;}
#userMenu a:hover {color:#000000;}
#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:url(../images/ltr/breadcrumbs-sep-white.svg) right center no-repeat; background-size:5px auto; padding:0 14px 0 6px;}
nav.breadcrumbs ol li:first-of-type {padding:0 14px 0 0;}
nav.breadcrumbs ol li:last-of-type {padding:0  0 0 6px; background-image:none}
nav.breadcrumbs ol li a {text-decoration:none;}

.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 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 {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 {margin:0 8px 0 12px; float:left;}
.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 .courseTags ul li.moreLess {display:inline-block;}
.stripeCoursesCarusel .courseTags ul li.tagToggle {display:none;}
.stripeCoursesCarusel .courseTags ul li.tagToggle.active {display:block;}
.stripeCoursesCarusel .slick-prev {left:-30px !important; top:90px;}
.stripeCoursesCarusel .slick-next {right:-30px !important; top:90px;}
.stripeCoursesCarusel .slick-track {margin-right:0;}
.stripeCoursesCarusel .slick-slide {margin-right:0;}
.stripeCoursesCarusel .allResultsSlide .text a {font-family:"Assistant-Bold"; color:#333433; font-size:16px; line-height:20px; padding:12px 0 0 0; text-decoration: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-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; padding:7px 15px; border-radius:20px; width:calc(100% - 30px); color:#ffffff; text-decoration:none; font-family:"Assistant-Medium"; transition:all 0.4s ease 0s;}
.stripeGoalsCarusel .goalSlide .text .link a:hover {background:#FDCC07;}
.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;}
.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;}
.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:flex; gap:26px; padding:24px 36px 20px 36px; margin:0 0 30px 0;}
.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;}
.courseTags ul li a {font-family:"Assistant-Bold"; font-size:14px; line-height:18px; color:#333433; text-decoration:none; background:#FCFCFC; border:1px solid #e3e3e3; border-radius:14px; padding:2px 10px;}
.courseTags ul li a:hover {background:#FDCC07;}
.courseTags ul li.moreLess a {padding:2px 7px;}

.courseProgress {min-height:33px; display:block; margin:10px 0 0 0; color:#333433; font-size:16px; line-height:22px;}
.courseProgress .progressStart a {color:#91C653; font-family:"Assistant-Bold"; padding:2px 0 0 0; font-size:18px; text-decoration:none;}
.courseProgress .progressTrack {background:#f2f2f2; border-radius:6px; height:8px; padding:3px 3px 0 3px;}
.courseProgress .progressTrack .progressPercentage {background:#70c6d1; border-radius:6px; height:5px;}
.courseProgress .progressTrack .progressCompleted {background:#91C653; border-radius:6px; height:5px; width:100%}
.courseProgress .progressCompletedIcon {background:url(../images/icon_graduation_hat.svg) top right no-repeat; padding:0 26px 0 0;}
.courseProgress .programCompletedIcon {background:url(../images/icon_trophy.svg) top right no-repeat; padding:0 26px 0 0;}

.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%;}
.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%;}
.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; overflow:hidden; text-overflow:ellipsis;}
.courseCard .text h3 a:hover {color:#91c653;}
.courseCard .text p {margin:2px 0 16px 0;}

.courseCard .courseOrganization {color:#757575; 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;}
.courseFAQ.program .collapseButton {display:block; background:transparent url(../images/icon-plus-blue.svg) top right no-repeat;}
.courseFAQ.program .collapseButton:hover {background:transparent url(../images/icon-plus-blue.svg) top right no-repeat;}
.courseFAQ.program .collapseButton.active {background:transparent url(../images/icon-minus-blue.svg) top right no-repeat;}
.courseFAQ.program .collapseButton.active:hover {background:transparent url(../images/icon-minus-blue.svg) top right no-repeat;}

.collapseItem {border-bottom:#e6e6e6 1px solid; padding:18px 0;}
.collapseButton {display:block; background:transparent url(../images/icon-plus-green.svg) top right no-repeat; width:100%; padding:0 60px 0 0; color:#000000; font-size:20px; line-height:26px; font-family:'Assistant-Medium', Arial; text-align:left;}
.collapseButton:hover {background:transparent url(../images/icon-plus-green.svg) top right no-repeat;}
.collapseButton.active {background:transparent url(../images/icon-minus-green.svg) top right no-repeat;}
.collapseButton.active:hover {background:transparent url(../images/icon-minus-green.svg) top right no-repeat;}
.collapseContent:not(.active) {display:none;}
.collapseContent {transition:height 0.35s ease-in-out; overflow:hidden; padding:6px 60px 0 0;}

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


.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 .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; max-width:100%; 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 40px 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 {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% - 36px); margin:3px 18px; border:0px; color:#000000; font-size:18px; line-height:22px; padding:12px 0 10px 0;}
.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 .backgroundImage {background-color:var(--institution_color); background-image:var(--institution_image_url); background-position:0 0; background-size:100% 100%;}
.institutionHero .backgroundCircles {background:url(../images/rtl/vector29.svg) top left no-repeat;}
.institutionHero .backgroundGradient {padding:60px 0 60px 0; background:linear-gradient(to left, var(--institution_color), var(--institution_color), transparent);}

.institutionHero .content {position:relative;}
.institutionHero .content .logo {position:absolute; top:0; left:0; z-index:3; width:346px; height:253px; background:url(../images/ltr/institution-logo-background.svg) no-repeat; background-size:100% 100%; display:flex; align-items:center; justify-content:center;}
.institutionHero .content .logo img {max-width:136px;}
.institutionHero .content .textWrapper {position:relative; margin:0 160px 50px 170px;}
.institutionHero .content .textWrapper .text {background:#ffffff; box-shadow:0px 4px 144px 0px rgba(0, 0, 0, 0.05), 0px 4px 144px 0px rgba(0, 0, 0, 0.05); border-radius:5px; padding:20px 40px 20px 170px; transform:translateY(50px);}
.institutionHero .content .textWrapper .text h1 {margin:0 0 10px 0 }
.institutionHero .content .textWrapper .text .info {display:none;}
.institutionHero .content .textWrapper .text .coursesLink {display:none;}

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

.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 .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; 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:#757575; 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:60px 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; text-align:center;}
.institutionCoursesInDev 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 .institutionCoursesInDevCarusel {padding:30px 0 0 0; text-align:left;}
.institutionCoursesInDev .institutionCoursesInDevCarusel .courseCard .image img {opacity:0.6;}
.institutionCoursesInDev .institutionCoursesInDevCarusel .courseCard .text .courseSimilarTags {display:none;}
.institutionCoursesInDev .institutionCoursesInDevCarusel .courseCard .text .courseDuration {display:none;}

.institutionCoursesInDev .institutionCoursesInDevCarusel .courseCard .text .courseTags {display:block !important;}
.institutionCoursesInDev .institutionCoursesInDevCarusel .courseCard .text .courseTags .courseSimilarTags {display:block !important;}
.institutionCoursesInDev .institutionCoursesInDevCarusel .courseCard .text .courseTags .courseSimilarTags .inDevelopmentCardTag {display:inline-block; background-color:#CB4B4C; border-radius:14px; border:1px solid #CB4B4C; color:white; font-size:14px; font-family:"Assistant-Regular"; padding:0 10px 2px 10px;}

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

fieldset {padding:0; border:0px;}
label.error {color:#8C0406; font-weight:600;}

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

/* -------------------------------------- */
@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) {

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

#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; 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); bottom:0; right:0; height:calc(100% - 56px); 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:280px; height:100%; background:#ffffff url(../images/header/mobile-menu-ltr.svg) bottom left no-repeat; background-size:100% auto; overflow:scroll;}
.mobileMenuContent > div {border-bottom:#f2f2f2 1px solid;}
.mobileMenuContent > div img {width:42px; height:42px; margin:2px 0 0 10px;}
.mobileMenuContent > div a {display:flex; gap:10px; align-items:center; color:#000000; text-decoration:none; font-size:18px; line-height:18px; padding:14px 0 14px 0;}

#mobileMenuLanguagesButton {background:url(../images/arrow-down-black.svg) no-repeat; background-position:calc(100% - 20px) 36px;}
#mobileMenuLanguagesButton.active {background:#e5e5e5 url(../images/arrow-up-black.svg) no-repeat; background-position:calc(100% - 20px) 36px;}
#mobileMenuLanguages {display:none; background:#f8f8f8;}
#mobileMenuLanguages div a {text-align:left; font-size:14px; font-family:"Assistant-Bold"; padding:12px 0 12px 62px;}
#mobileMenuLanguages div:first-of-type a {padding:20px 0 12px 62px;}
#mobileMenuLanguages li.wpml-ls-item a {text-align:right; font-size:14px; font-family:"Assistant-Bold"; padding:12px 0 12px 62px !important;}
#mobileMenuLanguages li.wpml-ls-item:first-of-type a {padding:20px 0 12px 62px !important;}
#mobileMenuLanguages.active {display:block;}

#mobileMenuAvatarsButton {background:url(../images/arrow-down-black.svg) no-repeat; background-position:calc(100% - 20px) 36px;}
#mobileMenuAvatarsButton.active {background:#e5e5e5 url(../images/arrow-up-black.svg) no-repeat; background-position:calc(100% - 20px) 36px;}
#mobileMenuAvatars {display:none; background:#f8f8f8; padding:12px 12px 0 12px; font-family:"Assistant-Bold";}
#mobileMenuAvatars p {margin:0 0 0 0;}
#mobileMenuAvatars .avatars {display:table;}
#mobileMenuAvatars .avatars .row {border-bottom:#e5e5e5 1px solid;}
#mobileMenuAvatars .avatars .row:last-of-type {border-bottom:0px;}
#mobileMenuAvatars .avatars .col {display:table-cell;}
#mobileMenuAvatars .avatars .col a {padding:4px 0 12px 0;}
#mobileMenuAvatars .avatars .col img {width:30px; height:30px; border-radius:50%; margin:5px 5px 0 5px;}
#mobileMenuAvatars.active {display:block;}

.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;}
.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;}
.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 {display:block; 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 .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;}
.collapseItem {max-width:none;}
.collapseButton {padding:0 30px 0 0; font-size:18px; line-height:24px;}
.collapseContent {padding:6px 30px 0 0; font-size:14px; line-height:19px;}

.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:#757575; 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 .backgroundImage {background-color:var(--institution_color); background-image:var(--institution_image_url); background-repeat:no-repeat; background-position:top center; background-size:auto 400px;}
.institutionHero .backgroundCircles {background-image:none;}
.institutionHero .backgroundGradient {padding:60px 0 20px 0; background:linear-gradient(to top, var(--institution_color), var(--institution_color), transparent);}

.institutionHero .content .logo {position:relative; margin:0 auto; width:242px; height:188px; background:url(../images/institution-logo-background.svg) no-repeat; background-size:100% 100%; display:flex; align-items:center; justify-content:center;}
.institutionHero .content .logo img {max-width:100px;}
.institutionHero .content .textWrapper {position:relative; margin:0 0 0 0;}
.institutionHero .content .textWrapper .text {color:var(--institution_color_text); background:transparent; box-shadow:none; border-radius:0; padding:20px 18px 20px 18px; transform:translateY(0);}
.institutionHero .content .textWrapper .text h1 {color:var(--institution_color_text); margin:0 0 10px 0 }
.institutionHero .content .textWrapper .text .info {display:inline-flex; flex-wrap:wrap;}
.institutionHero .content .textWrapper .text .info .infoItem {display:flex; gap:6px; font-size:16px; line-height:20px; margin:8px 20px 8px 0;}
.institutionHero .content .textWrapper .text .info .infoItem img {width:18px; height:18px;}
.institutionHero .content .textWrapper .text .coursesLink {display:block; margin:16px 0 0 0;}
.institutionHero .content .textWrapper .text .coursesLink a {background-color:var(--institution_color_text); color:var(--institution_color_text2); border-radius:30px; padding:12px 25px; text-decoration:none; font-size:18px; font-family:"Assistant-Bold";}

.institutionNumbers {display:none;}

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

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

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

}