#system-message-container {
    z-index: 999;
}
#system-message-container joomla-alert {
    background-color: #ffef5d;
}
h1.osm-page-title {
    font-size: 36px;
    color: #2b496b;
}

h2.osm-heading {
  font-size: 24px;
}

ul.nav.nav-tabs.nav-stacked {
  margin: 0px 0px 15px 0px;
}

ul.nav.nav-tabs.nav-stacked li a {
  margin: 0px 10px 0px 0px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover{
	color:#d9a64a !important;
}
i.fab.fa-telegram-plane {
  color: #85acab;
}
button.sppb-btn.sppb-btn-custom.sppb-btn-rounded.sppb-btn-custom {
  padding:10px 15px !important;
  background-color: #ffffff;
  border-radius: 0px;
  margin: 5px 5px 0px 0px;
  offset-position: 2px;
}
a{
	color:#85acab
      }
div h3 a {
  color: #578281;
}

div span a {
  color: #2b496b;
}

a.sppb-readmore {
  color: #2b496b;
}
#sp-bottom {
	padding: 30px 0px !important;
}
.pagination li.active a, .pagination li.active span {
    border: solid 3px #2b496b !important;
    color: #2b496b !important;
}
.sp-custom-login.sp-mod-login .info-text a.sppb-btn.open-login {
	font-size: 15px;
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {color: #ffffff;} 

.sp-megamenu-parent>li:hover>a{
	text-shadow:none !important;
}
.sp-megamenu-parent>li.active>a,.sp-megamenu-parent>li.active:hover>a{
	text-shadow:none !important;
}
.com-contenthistory .btn-group button{
	text-shadow:none !important;
}
.sp-custom-login.sp-mod-login .info-text a.sppb-btn.open-login:hover{
	text-shadow:none !important;
}
.sp-megamenu-parent>li.active>a{
	text-shadow:none !important;
}
.sp-custom-login-on .form-login-wrap .sp-dropdown.sp-dropdown-main.sp-menu-right {
    position: relative;
}
.sp-custom-login-on .form-login-wrap .sp-dropdown.sp-dropdown-main.sp-menu-right ul.menu {
    padding: 0;
}
.sp-custom-login-on .form-login-wrap .sp-dropdown.sp-dropdown-main.sp-menu-right ul.menu li {
    margin: 0;
}
.sp-custom-login-on .form-login-wrap .sp-dropdown.sp-dropdown-main.sp-menu-right ul.menu li a {
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    padding: 8px 0;
    cursor: pointer;
}
.sp-custom-login-on .form-login-wrap .sp-dropdown.sp-dropdown-main.sp-menu-right {
	top: 20px;
}
.sp-custom-login-on:hover .form-login-wrap .sp-dropdown.sp-dropdown-main.sp-menu-right {
    display: block;
}
#sp-topbar {margin-top: 0 !important;}
#sp-header {top: 53px !important;transition: 0.2s all ease-in-out;}
#sp-header.header-sticky {top: 0 !important;}
section#sp-topbar .row {align-items: center;}
section#sp-top-banner {background-color: #85acab;
    color: #FFFFFF;
    padding: 8px 60px;
    margin: 0px 0 0 0;
}
body.itemid-552 #sp-main-body, .com-sppagebuilder #sp-main-body {
    padding: 79px 0 0 0 !important;
}
body.itemid-566 section#sp-main-body {padding-top: 0 !important;}
section#sp-joystream-menu {margin-top: 80px;}
body.itemid-579 #sp-main-body {padding: 0 !important;}
/* JoyStream Menu styling */
/* Container adjustments */
#sp-joystream-menu {
  z-index: 10;
  position: relative;
  background: #ffffff;
  padding: 10px 20px;
}

/* Top-level nav item styles */
#sp-joystream-menu .navbar-collapse ul.mod-menu > li.nav-item {
  display: inline-block;
  position: relative;
  margin: 0 18px;
  font-size: 16px;
  font-weight: 600;
}

#sp-joystream-menu .navbar-collapse ul.mod-menu > li.nav-item > a {
  color: #000;
  text-decoration: none;
  padding: 8px 12px;
  border-radius: 4px;
  transition: background 0.3s, color 0.3s;
}

#sp-joystream-menu .navbar-collapse ul.mod-menu > li.nav-item:hover > a {
  background: #102F4B; /* Navy hover */
  color: #fff;
}

/* Dropdown menu container */
#sp-joystream-menu .navbar-collapse ul.mod-menu > li > ul.mod-menu__sub {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 180px;
  background: #fff;
  box-shadow: 0 8px 16px rgba(0,0,0,0.15);
  padding: 10px 0;
  z-index: 9999;
  border-radius: 4px;
}

/* Show dropdown on hover */
#sp-joystream-menu .navbar-collapse ul.mod-menu > li:hover > ul.mod-menu__sub {
  display: block;
}


/* sign in page */
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
div#login {background: #f4f4f4;}
div#login .row {align-items: center;}
div#login .login-info-col {display: block;position: inherit;min-height: inherit;background: #f4f4f4;padding: 0px 15px !important;}
div#login .login-info-col .login-info-wrapper {max-width: 450px;padding-left: 65px !important;text-align: left;width: 100%;}
div#login .login-info-col .login-info-wrapper h2 {font-weight: 700;font-size: 37px;margin-bottom: 30px;text-transform: uppercase;}
div#login .login-info-col .login-info-wrapper form#login-form {font-weight: 500;font-size: 15px;color: #578281;}
div#login .login-info-col .login-info-wrapper form#login-form #form-login-username input, div#login .login-info-col .login-info-wrapper form#login-form #form-login-password input {padding: 17px 10px !important;border: solid 1px #c3cad9;border-radius: 8px;}
div#login .login-info-col .login-info-wrapper form#login-form div#form-login-submit button {background: #85acab;color: #fff;padding: 10px 50px;cursor: pointer;font-size: 16px;line-height: 1.2;border-color: transparent;font-weight: 600;position: relative;z-index: 1;letter-spacing: -0.3px;}
div#login .login-info-col .login-info-wrapper form#login-form div#form-login-submit button:hover {background-color: #102F4B;}
div#login .login-info-col .login-info-wrapper form#login-form .reg-link {margin-top: 30px;}
div#login .login-info-col .login-info-wrapper form#login-form .reg-link span.icon-arrow-right:before {content: inherit;}
div#login .login-info-col .login-info-wrapper form#login-form .remeber-forget-wrap #form-login-remember label.control-label {font-weight: normal;color: #464855;}
div#login .login-info-col .login-info-wrapper form#login-form p {line-height: 1.81;letter-spacing: -0.3px;color: #464855;}
div#login .login-info-col .login-info-wrapper form#login-form a {color: #2b496b;} */
/* sign in page */


#login .login-info-col {

}


/* Dropdown item styles */
#sp-joystream-menu .navbar-collapse ul.mod-menu > li > ul.mod-menu__sub li {
  display: block;
  padding: 0;
  margin: 0;
}

#sp-joystream-menu .navbar-collapse ul.mod-menu > li > ul.mod-menu__sub li a {
  display: block;
  padding: 10px 16px;
  color: #333;
  text-decoration: none;
  transition: background 0.3s, color 0.3s; 
}

#sp-joystream-menu .navbar-collapse ul.mod-menu > li > ul.mod-menu__sub li a:hover {
  background: #102F4B;
  color: #fff;
}
/* Second-level submenu */
.joy_stream_menu li:hover > ul {
  display: block;
}

/* Dropdown arrows */
.joy_stream_menu li.parent > a::after {
	content: "▶";
	float: right;
	font-size: 10px;
	margin-left: 8px;
}
/* Position second-level dropdowns (child of child) to the right */
.joy_stream_menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	margin-top: 0;
	margin-left: 0;
	background-color: #fff; /* white background */
	min-width: 180px;
	z-index: 9999;
	display: none;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    padding: 10px 0;
	border-radius: 4px;
}

/* Show the third-level menu on hover */
.joy_stream_menu ul ul li:hover > ul {
  display: block;
}

/* Optional: match styling to submenu */
.joy_stream_menu ul ul ul li {
	position: relative;
	padding: 10px;
	white-space: nowrap;
}

.joy_stream_menu ul ul ul li a {
  color: #fff;
  background-color: #ffffff;
  font-size: 14px;
  text-decoration: none;
  display: block;
}

.joy_stream_menu ul ul ul li a:hover {
  background-color: #102F4B;
}





/* Navigation Menu */
.sp-megamenu-parent>li.active>a{
	text-shadow: none;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
    color: #2b496b;
}
ul li a:hover {
  color: #2b496b;
}
.sp-megamenu-parent>li.active:after {
display: none;
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
        color: #ffffff;
    }

#sp-header #sp-menu .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {padding: 15px !important;}
#sp-header #sp-menu .header-donate-btn a {color: #000; font-weight: 500;}
section#sp-top-banner div#sp-top3 .top-right-part .login-mod .sp-custom-login-on .form-login-wrap {padding: 0 !important;}
section#sp-top-banner div#sp-top3 .top-right-part .sp-module-content {line-height: 0;}
#sp-menu .header-donate-btn {margin-left: 30px; background: #ffffff; border-color: #ffffff; }
#sp-menu .header-donate-btn:hover { 
    background: #d9a64a; 
    border-color: #d9a64a; 
}


/* Login edits */
.sp-custom-login.sp-mod-login .info-text a.sppb-btn.open-login:hover{
	text-shadow: none;
}
.sp-custom-login.sp-mod-login .info-text a.sppb-btn.open-login:hover{
	background-color:transparent;
	color:#fff;
	text-shadow:0px 0 0 currentColor;
}
.sp-custom-login.sp-mod-login {
	margin: 0px 0px 0px 30px;
	font-size: 15px;
	font-weight: 500;
	order: 2;
}

/* Pages edits */
#sp-title{
	min-height:0;
	margin-top:0px !important;
}

/* Courses styling */
.awesomplete > ul > li {
	color: #000;
}

.com-easystore section#sp-main-body {
	margin-top: 0;
}
.splms-topic-title {
    color: #606060 !important;
  }
div#splms .shuffle-item .splms-course {
	border: none;
}
div#splms .shuffle-item .splms-course .splms-course-info {
	box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
	padding: 35px 30px;
	transition: .4s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
div#splms .shuffle-item:hover .splms-course .splms-course-info {
	box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.1);
}
div#splms .shuffle-item .splms-course .splms-course-info h3.splms-courses-title > a {
	font-size: 20px;
	line-height: 30px;
	margin: 0 0px 10px;
	text-transform: uppercase;
	color: #2b496b;
	font-weight: 500;
	display: block;
	min-height: 90px;
}
div#splms .shuffle-item .splms-course .splms-course-info h3.splms-courses-title a small {
	color: #959595;
	display: block;
	font-size: 16px;
	margin-bottom: 5px;
	text-transform: capitalize;
	font-weight: 400;
	padding-top: 0;
}
div#splms .shuffle-item .splms-course .splms-course-info h3.splms-courses-title a small i {
	padding-right: 10px;
	color: #959595;
}
div#splms .shuffle-item .splms-course .splms-course-info .splms-course-teacher i.splms-icon-users {
	color: #606060;
	font-weight: normal;
	font-size: 16px;
	padding-right: 10px;
}
div#splms .shuffle-item .splms-course .splms-course-info .splms-course-teacher a#splms-multiteacher-toogle {
	font-size: 16px;
	color: #606060;
}
div#splms .shuffle-item .splms-course .splms-course-info .splms-course-teacher .splms-course-multi-teachers li {
	padding: 5px;
}
div#splms .shuffle-item .splms-course .splms-course-info p.splms-course-short-info {
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	color: #606060;
	margin: 20px 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
div#splms .shuffle-item .splms-course .splms-course-info .splms-course-meta ul li {
	font-size: 18px;
	line-height: 28px;
	color: #85acab;
	font-weight: 500;
}
div#splms .shuffle-item .splms-course .splms-course-info .course-details-btn a.splms-readmore {
	background: #2b496b;
	color: #fff;
	font-size: 16px;
	line-height: 25px;
	padding: 7px 20px;
}
div#splms .shuffle-item .splms-course .splms-course-info .course-details-btn a.splms-readmore i {
	padding-left: 5px;
}
.splms-courses-filters-top #splms-courses-filters-form .splms-course-filter-terms input, .splms-courses-filters-top #splms-courses-filters-form .splms-course-filter-categories .filter-toggler, .splms-courses-filters-top #splms-courses-filters-form .splms-course-filter-types .filter-toggler {
	border: 1px solid #DBDFE9;
	box-shadow: 0px 0px 2px 1px #e7e3e496;
	padding: 5px 10px;
	border-radius: 0.25rem;
	font-size: 16px;
	line-height: 25px;
	transition: .4s;
}
.splms-courses-filters-top #splms-courses-filters-form .splms-course-filter-terms input:hover, .splms-courses-filters-top #splms-courses-filters-form .splms-course-filter-categories .filter-toggler:hover, .splms-courses-filters-top #splms-courses-filters-form .splms-course-filter-types .filter-toggler:hover, .splms-courses-filters-top #splms-courses-filters-form .splms-buttons-group .splms-submit-button:hover, .splms-courses-filters-top #splms-courses-filters-form .splms-buttons-group .splms-action-reset:hover {
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
}
.splms-courses-filters-top #splms-courses-filters-form .splms-course-filter-categories .filter-toggler i, .splms-courses-filters-top #splms-courses-filters-form .splms-course-filter-types .filter-toggler i {
	padding-left: 10px;
}
.splms-courses-filters-top #splms-courses-filters-form .splms-buttons-group .splms-submit-button {
	font-size: 16px;
	line-height: 25px;
	padding: 5px 25px;
	letter-spacing: 0.5px;
	border-radius: 5px;
	background: #85acab;
	box-shadow: 0px 0px 2px 1px #e7e3e496;
}
.splms-courses-filters-top #splms-courses-filters-form .splms-buttons-group .splms-action-reset {
	background: #fff;
	text-decoration: none;
	font-size: 16px;
	line-height: 25px;
	padding: 5px 25px;
	letter-spacing: 0.5px;
	border: 1px solid #2b496b;
	color: #2b496b;
	border-radius: 5px;
	box-shadow: 0px 0px 2px 1px #e7e3e496;
}
.splms-courses-filters-top #splms-courses-filters-form .splms-course-filter-categories ul#splms-filter-categories li:last-child {
	padding-bottom: 0;
}
.splms-courses-filters-top #splms-courses-filters-form .splms-course-filter-categories ul#splms-filter-categories li {
	padding: 5px 0;
}
.splms-courses-filters-top #splms-courses-filters-form .splms-course-filter-categories ul#splms-filter-categories, .splms-courses-filters-top #splms-courses-filters-form .splms-course-filter-types ul#splms-filter-types {
	box-shadow: 0px 0px 2px 1px #e7e3e496;
	border-radius: 5px;
	margin-top: 5px;
}
.course-details .educon-course-deatils-wraper {
	box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	background: #fff;
	padding: 60px 75px 70px;
}
.course-details .educon-course-deatils-wraper .course-header {
	margin: 0;
}
.course-details .educon-course-deatils-wraper .course-header .course-short-info h2.course-title {
	font-size: 34px;
	font-weight: 600;
	color: #2b496b;
}
.course-details .educon-course-deatils-wraper .course-header .course-short-info ul.course-info li i {
	color: #333333;
	padding-right: 5px;
}
.course-details .educon-course-deatils-wraper .course-header .course-short-info ul.course-info li, .course-details .educon-course-deatils-wraper .course-header .course-short-info ul.course-info li a {
	font-size: 16px;
	line-height: 20px;
	color: #332e2e;
}
.course-details .educon-course-deatils-wraper .splms-course-description p {
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	color: #464855;
}
.course-details .educon-course-deatils-wraper .splms-course-description .apply-now {
	padding: 0 !important;
	border: none !important;
}
.course-details .educon-course-deatils-wraper .splms-course-description .apply-now a#addtocart {
	font-size: 16px;
	line-height: 25px;
	padding: 8px 25px;
	letter-spacing: 0.5px;
}
.course-details .splms-course-teachers {
	margin-top: 50px !important;
}
.course-details .splms-course-teachers .splms-course-teacher {
	padding: 10px;
	border: 1px solid #E1E7EC;
	box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
}
.course-details .splms-course-teachers .splms-course-teacher h4 {
	min-height: 50px;
}
header#sp-header a.btn.btn-link.jmodedit, #sp-topbar a.btn.btn-link.jmodedit {
    display: none;
}
/* Removes margin from paragraphs inside list items */
li p {
	margin: 0;
	display: inline;
	line-height: 1.2;
}

header#sp-header .row {align-items: center;}
/* Adjusts font size for smaller screens */
@media screen and (min-width: 1130px) and (max-width: 1350px) {
	#sp-header {padding: 0px 10px !important;}
	.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {padding: 0 5px !important;}
} 
@media only screen and (max-width: 1130px) {
	#sp-header {padding: 0px 10px !important;}
	.sp-megamenu-parent>li:not(:last-child) {margin-right: 5px !important;}
	#sp-menu .header-donate-btn {margin-left: 10px;}
} 
@media screen and (min-width: 990px) and (max-width: 1000px) {
	#sp-header {padding: 0px 10px !important;}
} 
@media only screen and (max-width: 995px) {
	/* #sp-header {padding: 0px 30px !important;} */
	#sp-topbar div#sp-search, #sp-topbar div#sp-top2 {flex: 0 0 auto;width: 50%;}
	body.itemid-552 #sp-main-body, .com-sppagebuilder #sp-main-body {padding-top: 0 !important;}
	section#sp-bottom div#sp-bottom2, section#sp-bottom div#sp-bottom5 {width: 100%;flex: 0 0 100%;}
	section#sp-bottom div#sp-bottom5 div#section-id-ae406d1f-74a1-4c24-94a4-8f202a610845 {padding: 0;}
	section#sp-bottom div#sp-bottom5 div#section-id-ae406d1f-74a1-4c24-94a4-8f202a610845 .sppb-row-column, section#sp-bottom div#sp-bottom5 div#section-id-ae406d1f-74a1-4c24-94a4-8f202a610845 .sppb-row-column .sppb-addon-text-block, section#sp-bottom div#sp-bottom5 div#section-id-ae406d1f-74a1-4c24-94a4-8f202a610845 .sppb-row-column .sppb-addon-text-block p {text-align: left !important;padding-left: 0 !important;}
	section#sp-bottom div#sp-bottom5 div#section-id-ae406d1f-74a1-4c24-94a4-8f202a610845 .sppb-row-column ul.sppb-icons-group-list {text-align: left !important;}
	section#sp-bottom div#sp-bottom5 div#section-id-ae406d1f-74a1-4c24-94a4-8f202a610845 .sppb-row-column ul.sppb-icons-group-list li, section#sp-bottom div#sp-bottom5 div#section-id-ae406d1f-74a1-4c24-94a4-8f202a610845 .sppb-row-column ul.sppb-icons-group-list li a {margin-top: 0 !important;margin-bottom: 15px !important;}


	.offcanvas-menu .offcanvas-inner div#mod-custom333 > div, .offcanvas-menu .offcanvas-inner div#mod-custom345 > div {padding: 0 !important;text-align: left;}
	.offcanvas-menu .offcanvas-inner div#mod-custom333 a, .offcanvas-menu .offcanvas-inner div#mod-custom345 a {color: #332e2e !important;padding: 5px 0 !important;display: inline-block;}
	.offcanvas-menu .offcanvas-inner .sp-module {margin-bottom: 0 !important;}
	h2.sppb-addon-title {font-size: 26px;}
	div#section-id-1738731426417 span.sppb-img-container img.sppb-img-responsive {max-width: 80%;width: 100%;}
	



} 
@media only screen and (max-width: 990px) {
	#sp-header {padding: 0px 30px !important;}
	header#sp-header .row {justify-content: space-between;}
	.logo-image-phone {height: auto !important;max-width: 80%;}
} 
@media only screen and (max-width: 1024px) {
	body {font-size: 17px !important;}
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li a, .offcanvas-menu .offcanvas-inner .sp-module ul>li span {font-size: 1.4rem !important;padding: 0.325rem 0;color: #000000;}
.offcanvas-menu .offcanvas-inner .sp-module ul>li ul li a {font-size:1.2rem;}


/* Hides top banner and adjusts header margin on small screens */
@media (max-width: 575px) {
	#sp-top-banner {display: none;}
	#sp-header {top: 0px !important;position: inherit !important;}
	.logo-image-phone {max-width: 80%;}
}
@media (max-width: 575px)  {
	.sp-custom-login #login .login-bg-img {height: 300px !important;}
  	.sp-custom-login #login .login-info-wrapper {padding: 50px 20px !important;}
}

/* Blog article titles */
.article-list .article .article-header h1, .article-list .article .article-header h2 {overflow: visible;text-overflow: inherit;display: inline-block;}
.layout-blog .article-list .article .article-header h2 {margin-bottom: 10px;}
.article-details {max-width: 950px !important;}
.view-article .article-details .article-header {display: block; }



@media screen and (max-width: 980px) {
  	#sp-menu .header-donate-btn {display: none;}
/* the gap above blogs in mobile */
	.view-category.layout-blog #sp-main-body, .view-article.layout-blog #sp-main-body, .view-search section#sp-main-body {padding: 100px 0 !important;}
}
.pagination {margin-bottom: 15px;}
.pagination-wrapper {margin-top: 30px !important;}
.pagenavigation {padding: 20px 0 !important;margin: 20px 0 0 !important;}
#sp-bottom .sp-module .sp-module-title {font-size: 14px;margin: 15px 0 20px;font-weight: 500;color: rgba(255, 255, 255, 0.8);text-transform: uppercase;}
/* adjusts for all except mobile */
@media only screen (min-width: 585px) {
	#sp-title{margin-top: 60px;}
}
@media only screen (max-width: 781px) {
	h2.osm-plan-title {font-size:22px;}
}
@media only screen and (min-width: 577px) {
	.sp-custom-login #login button.close{position:absolute;top:80px !important;right:20px;opacity:1;transition:0.3s;border:none;background-color:transparent}
}
@media (min-width: 1400px) {
    .sppb-row-container {max-width: 1140px !important;}
}