@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
body {
	font-family: "Noto Sans", sans-serif;
}
@font-face {
	font-family: 'MElleHK-Medium';
	/*	src: url('../fonts/MElleHK-Medium.eot');*/
/*	src: url('../fonts/MElleHK-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/MElleHK-Medium.woff2') format('woff2'), url('../fonts/MElleHK-Medium.woff') format('woff'), url('../fonts/MElleHK-Medium.TTF') format('truetype'), url('../fonts/MElleHK-Medium.svg#MElleHK-Medium') format('svg');*/
	src: url('../fonts/MElleHK-Medium.TTF');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
ul {
	padding: 0px;
	margin: 0px;
}
li {
	list-style: none;
}
a {
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
p {
	color: #000;
	font-size: 16px;
	line-height: 28px;
}
.container {
	max-width: 1300px;
}
.container-new {
	max-width: 1400px;
	background-image: url(../images/header-bg.png);
	background-repeat: no-repeat;
	background-position: right;
}
.tab-menubg {
	position: relative;
}
.graphic-bgn {
	position: absolute;
	top: 0px;
	z-index: -1;
	right: -14px;
}
/*----------------------------------------*/
/*              Menu css
/*----------------------------------------*/
.wrapper-menu ul.navbar-nav li a {
	color: #fff;
	font-size: 19px;
	font-weight: bold;
	margin-left: 4px;
}
.nav-item.buy-now a {
	background: #302018;
	border-radius: 10px;
	padding: 5px 22px !important;
}
.wrapper-menu.fixed ul.navbar-nav li.buy-now a {
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	margin-left: 23px;
	background: #ffa725;
}
.wrapper-menu ul.navbar-nav {
	margin-left: auto;
}
.add-banner-wr .col-md-3 {
	padding: 0px;
}
.add-banner-wr {
	background-size: cover;
}
 @media (max-width:991px) {
.container {
	max-width: 100%;
}
.menu-bar ul.menu {
	position: fixed;
	width: 268px;
	left: 0;
	text-align: left;
	background: #ffffff;
	z-index: 2;
	padding: 0px 0px;
	z-index: 999;
	top: 0;
	height: 100%;
	left: -100%;
	transition: all .4s;
	transition: all .4s;
	box-shadow: 5px 0 5px -5px #333;
}
.nav_area ul li a img {
	padding-right: 10px;
	max-width: 41px;
	margin-top: -10px;
}
.menu-bar ul.menu.open {
	left: 0;
	overflow-y: scroll;
	padding-bottom: 29px;
}
.header .row {
	align-items: center;
}
.toggle {
	color: #fff;
	cursor: pointer;
	font-size: 20px;
	margin: 0;
	text-align: center;
	display: block;
	position: absolute;
	right: 3px;
	top: -54px;
	z-index: 9999;
	background: #df711b;
	width: 38px;
	height: 38px;
	line-height: 38px;
	border-radius: 50%;
}
.menu-side {
	position: initial;
}
.nav_area ul li a {
	line-height: 45px !important;
	font-size: 14px;
	color: #000;
	padding: 0px 14px;
	display: inline-block;
	width: 100%;
}
span.arrow {
	position: absolute;
	right: 10px;
	color: #525252;
	top: 10px;
	width: 40px;
	text-align: center;
	height: 30px;
}
nav.nav_area ul li {
	display: block;
	position: relative;
	border: 0;
}
nav.nav_area ul li {
	border-bottom: solid 1px #e2e8f0;
}
.menu-logo-mobile-view {
	padding: 12px;
}
.menu-logo-mobile-view a {
	display: inline-block;
	max-width: 95%;
}
ul.sub-menu {
	display: none;
	position: relative;
	background: transparent;
	padding: 0;
}
ul li .sub-menu li a {
	line-height: 14px;
}
.header .container {
	position: initial;
}
ul.sub-menu span.arrow {
	right: 10px;
	text-align: right;
}
span.arrow.close-icon i:before {
	content: '\f106';
}
ul.sub-menu li.menu-item-has-children span.arrow.close-icon i:before {
	content: "\f106";
}
.home-slider.owl-carousel .owl-item img {
	height: 300px;
}
.top-bar img {
	max-width: 25px;
	vertical-align: middle;
}
.select-drop {
	margin: 20px auto 0;
}
.menu-bar {
	position: initial;
	background: transparent;
}
}
 @media (min-width: 992px) {
label.toggle {
	display: none;
}
.menu-bar {
	width: 100%;
	text-align: center;
}
.nav_area > ul > li {
	display: inline-block;
	position: relative;
	padding-left: 49px;
}
li.menu-item-has-children.language::after {
	content: "";
	position: absolute;
	border-right: solid 1px #fff;
	right: -4px;
	height: 14px;
	top: 5px;
}
li.menu-item-has-children.language {
	position: relative;
}
li.menu-item-has-children.language-chan {
	padding-right: 0px;
}
.nav_area ul li a {
	color: #ffffff;
	font-size: 18px;
	display: inline-block;
	text-decoration: none;
	padding-bottom: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	padding-top: 12px;
}
.nav_area ul li a img {
	max-width: 15px;
	vertical-align: sub;
	margin-right: 3px;
}
span.arrow {
	padding-left: 0px;
	color: #ffffff;
	margin-left: 3px;
	position: absolute;
	top: 15px;
	font-size: 12px;
}
.nav_area > ul > li ul.sub-menu {
	display: block;
	-webkit-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
	display: none;
}
ul.sub-menu {
	min-width: 195px;
}
ul.sub-menu {
	position: absolute;
	background: #fff;
	z-index: 555;
	text-align: left;
}
.nav_area ul li:hover > ul.sub-menu {
	display: block;
}
ul.sub-menu {
	position: absolute;
	background: #f68568;
	z-index: 555;
	text-align: left;
	-webkit-box-shadow: -10px 6px 32px 0 rgb(26 41 66 / 4%);
	box-shadow: -10px 6px 32px 0 rgb(26 41 66 / 4%);
}
.nav_area > ul > li:hover > ul.sub-menu, .nav_area ul.sub-menu > li:hover > ul.sub-menu {
	/* transform: scaleY(1) translateZ(0); */
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	visibility: visible;
	overflow: visible;
	z-index: 20;
	-webkit-transition: opacity .2s ease-out, -webkit-transform .25s cubic-bezier(.1, .47, .3, 1.15);
	transition: opacity .2s ease-out, -webkit-transform .25s cubic-bezier(.1, .47, .3, 1.15);
	-o-transition: opacity .2s ease-out, transform .25s cubic-bezier(.1, .47, .3, 1.15);
	transition: opacity .2s ease-out, transform .25s cubic-bezier(.1, .47, .3, 1.15);
	transition: opacity .2s ease-out, transform .25s cubic-bezier(.1, .47, .3, 1.15), -webkit-transform .25s cubic-bezier(.1, .47, .3, 1.15);
}
/*三级菜单增加*/
ul.sub-menu li{
	position: relative;
}
ul.sub-menu li ul.sub-menu {
	position: absolute; /**三级菜单增加*/
	left: 100%;
	top: 0px;
	width: 100%;
}
.nav_area > ul > li ul.sub-menu li a:hover {
	width: 100%;
	padding-left: 18px;
	background: #dd6c50;
	color: #fff;
}
.nav_area > ul > li ul.sub-menu li a {
	position: relative;
	letter-spacing: 0px;
	font-weight: 400;
}
ul.sub-menu li a {
	line-height: 20px;
	padding: 10px 17px;
	font-size: 14px;
	display: inline-block;
	text-transform: capitalize;
	text-decoration: none;
	font-weight: bold;
	-webkit-transition: padding .2s ease-out;
	-o-transition: padding .2s ease-out;
	transition: padding .2s ease-out;
	width: 100%;
	border-bottom: solid 1px #d16246;
}
ul.sub-menu li.menu-item-has-children .arrow {
	color: #fff;
	padding-left: 0;
}
}
.top-logo.logo-mobile {
	display: none;
}
.navbar-nav li:hover > ul.dropdown-menu {
	display: block;
}
.dropdown-submenu {
	position: relative;
}
.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
}
/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
	text-decoration: underline;
	transform: rotate(-90deg);
}
.wrapper-menu ul.navbar-nav li ul.dropdown-menu {
	background: #50418a;
	padding-top: 0px;
	padding-bottom: 0px;
	border-radius: 0;
	margin-top: 0px;
}
.wrapper-menu ul.navbar-nav li ul.dropdown-menu a {
	font-size: 15px;
	padding-left: 11px;
	padding-right: 7px;
	margin-left: 0px;
	line-height: 28px;
}
.wrapper-menu ul.navbar-nav li ul.dropdown-menu a:hover {
	background: #3b2a7b;
}
.wrapper-menu ul.navbar-nav li ul.dropdown-menu .dropdown-toggle::after {
	position: absolute;
	right: 10px;
	top: 14px;
}
.wrapper-menu nav#nav {
	padding-bottom: 0px;
}
.wrapper-menu ul.navbar-nav > li > a {
	padding-bottom: 12px;
}
.header-menu {
	background: #ff7d5f;
}
.logo {
	text-align: center;
	position: relative;
	margin-bottom: -39px;
}
.logo a {
	display: inline-block;
}
/***** Menu css End *****/
/****** index ******/
.banner-text-info {
	margin-top: 82px;
	position: relative;
	padding-right: 74px;
}
.banner-text-info .banner-title {
	font-size: 45px;
	line-height: 61px;
	letter-spacing: 2px;
	color: #f5704d;
	padding-bottom: 12px;
	font-family: 'MElleHK-Medium';
}
.banner-text-info p {
	font-size: 22px;
	color: #000000;
	letter-spacing: 2px;
	margin-bottom: 24px;
	line-height: 36px;
}
.banner-text-info p span {
	display: inline-block;
	font-weight: 600;
}
.btn-wrapper-info {
	display: flex;
	margin-top:20px
}
.btn-wrapper-info .btn-wrapper {
	margin-right: 13px;
}
.btn-wrapper a {
	display: inline-block;
	font-size: 16px;
	text-decoration: none;
	padding: 10px 40px;
	background: #ff6540;
	color: #ffffff;
	letter-spacing: 2px;
	border-radius: 50px;
	border-top-right-radius: 0px;
	font-weight: 600;
	position: relative;
	overflow: hidden;
	z-index: 1;
	transition: all 0.3s ease 0s;
}
.btn-wrapper a:after {
	content: "";
	display: block;
	width: 57px;
	height: 50px;
	border-radius: 50%;
	background-image: linear-gradient(to right, #f5704d 30%, #f1572f);
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	transform: translate(-50%, -50%) scale(0);
	transition: all 0.5s ease 0s;
}
.btn-wrapper a:hover:after {
	transform: translate(-50%, -50%) scale(5);
	background-image: linear-gradient(to right, #f1572f 30%, #f5704d);
}
.btn-wrapper.two a {
	background: #2acdd1;
}
.btn-wrapper.two a:hover:after {
	transform: translate(-50%, -50%) scale(5);
    background-image: linear-gradient(to right, #21b8bd 30%, #2cd4d9);
}
.btn-wrapper.two a:after {
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-image: linear-gradient(to right, #2cd4d9 30%, #21b8bd);
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	transform: translate(-50%, -50%) scale(0);
	transition: all 0.5s ease 0s;
}
.iconimg {
	position: relative;
	max-width: 84px;
	display: inline-block;
	top: -25px;
}
.selected-teaching-section {
	padding: 100px 0px 104px;
	background-image: url(../images/selected-teaching-bgg.png);
	background-size: 100% 100%;
}
.heading-info {
	position: relative;
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 60px;
	z-index: 0;
}
.heading-info .heading-title {
	font-size: 34px;
	letter-spacing: 3px;
	color: #ffffff;
	padding: 7px 32px 7px 68px;
	background: #fb6051;
	display: inline-block;
	border-radius: 5px;
	font-weight: 600;
}
.heading-icon {
	position: absolute;
	top: -12px;
	left: 0;
	max-width: 89px;
}
.selected-teaching-box-wrapper-row {
	margin-left: -5px;
	margin-right: -5px;
}
.selected-teaching-box-wrapper-row .col-md-4 {
	padding: 0px 5px;
}
.selected-teaching-box-wrapper {
	position: relative;
	padding: 13px;
}
.selected-teaching-box-wrapper .selected-teaching-box-img {
	position: relative;
	z-index: 1;
}
.selected-teaching-box-wrapper .selected-teaching-box-img img {
	width: 100%;
}
.selected-teaching-box-wrapper .selected-teaching-box-text-info {
	position: relative;
	z-index: 1;
	padding: 14px 5px 8px;
}
.selected-teaching-box-wrapper .selected-teaching-box-text-info p {
	margin-bottom: 0px;
	font-size: 13px;
	color: #000000;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 24px;
}
.selected-teaching-box-wrapper::after {
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 83%;
	background: #ffb055;
}
.selected-teaching-section .btn-wrapper {
	text-align: right;
	margin-top: 35px;
}
.tab-menu li {
	margin-bottom: 10px;
}
.tab-menu li button {
	background: #fff;
	width: 100%;
	color: #000;
	font-size: 16px;
	padding: 11px 14px;
	text-decoration: none;
	border: none;
	text-align: left;
	cursor: pointer;
	outline: 0;
	position: relative;
	font-weight: bold;
	letter-spacing: 3px;
}
.tab-menu li a:hover {
	background: #e57756;
	color: #fff;
}
#teaching-slider .owl-nav {
	display: none;
}
#teaching-slider .owl-dots {
	margin-top: 20px;
}
.tab-menu-title {
	color: #df711b;
	margin-bottom: 15px;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 3px;
}
.news-title-bg {
	background: #ef6900;
	padding: 19px;
	position: relative;
	z-index: 2;
	margin-top: 400px;
}
.news-title-h a {
	color: #fff;
	font-size: 17px;
	font-weight: 500;
}
#news-slider .owl-nav {
	display: none;
}
.item-row-new {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
}
.item-row-new .banner-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 400px;
}
.heading-center {
	text-align: center;
}
.event-card {
	display: flex;
	align-items: center;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	border: solid 1px #f5ce99;
}
.event-date {
	background: #f68739;
	color: #fff;
	text-align: center;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-width: 109px;
}
.event-date .day {
	font-size: 49px;
	line-height: 95px;
}
.month-year {
	display: flex;
}
.month {
	background: #f66f4c;
}
.year {
	background: #ffb055;
}
.month, .year {
	font-size: 16px;
	width: 50%;
}
.event-info {
	padding: 15px 16px;
	flex: 1;
}
.event-info .event-title-card {
	margin: 0px 0 3px;
	color: #e37758;
	font-size: 20px;
	font-weight: 600;
}
.event-info p {
	margin: 0;
	font-size: 14px;
	color: #000000;
	line-height: 20px;
}
.card ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.news-item {
	padding: 6px 0px;
	margin: 0px;
}
.card-news-list .card-footer {
	background: none;
	border: none;
	padding: 0;
	margin-top: 23px;
}
.card-news-list .card-footer .pagination a {
	color: #000;
	font-size: 17px;
}
.card-news-list .card-footer .pagination li {
	width: 50%;
	text-align: center;
	margin-right: 4px;
}
.card-news-list .card-footer .pagination a {
	color: #fff;
	font-size: 17px;
	border: none;
	border-radius: 8px;
	background-color: #ffb055;
	box-shadow: none;
}
.card-news-list .card-footer .pagination {
	display: flex;
	width: 100%;
	flex-wrap: nowrap;
}
.card-news-list .card {
	border: none;
	background: none;
}
.participating-details-box {
	display: flex;
	border: solid 1px #fbb466;
	padding: 30px;
	background: #fff;
	margin-top: 17px;
}
.participating-details-box .participating-logo {
	min-width: 175px;
	margin-right: 19px;
}
#participating .owl-nav button {
	border: solid 1px #fbb466;
	width: 38px;
	height: 38px;
	border-radius: 100px;
	color: #fbb466;
	font-size: 20px;
	line-height: 38px;
	outline: 0;
	background-color: #fff;
}
#participating .owl-nav button:hover {
	border: solid 1px #fbb466;
	color: #fff;
	background-color: #fbb466;
}
#participating .owl-nav button.owl-prev {
	position: absolute;
	left: -23px;
}
#participating .owl-nav button.owl-next {
	position: absolute;
	right: -23px;
}
#participating .owl-nav button {
	top: 41%;
}
.quote-icon {
	position: absolute;
	top: 0px;
	z-index: 3333;
	right: 20px;
	max-width: 68px;
}
.quote-icon i {
	color: #fac14c;
	font-size: 53px;
}
.footer-section {
	padding: 60px 0px 0px;
	background: #f68739;
	position: relative;
	z-index: 0;
}
.footer-title {
	font-size: 37px;
	color: #ffffff;
	letter-spacing: 3px;
	padding-bottom: 9px;
	margin-bottom: 37px;
	position: relative;
	font-weight: 600;
}
.footer-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 91px;
	height: 3px;
	background: #fbb466;
}
.footer-details ul li {
	font-size: 17px;
	color: #ffffff;
	position: relative;
	margin-bottom: 20px;
	display: flex;
}
.footer-details ul li i {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 23px;
}
.footer-details ul li span {
	display: block;
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 21px;
}
.social-icon ul li {
	display: inline-block;
	margin-right: 7px;
}
.social-icon ul li a {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #ffffff;
	border-radius: 50%;
	color: #e57756;
}
.social-icon ul li a:Hover {
	background-color: #2acdd1;
	color: #fff;
	text-decoration: none;
}
.footer-details-info {
	padding-right: 109px;
	position: relative;
}
.footer-details-info::after {
	content: "";
	position: absolute;
	right: 42px;
	top: 0;
	height: 290px;
	background: antiquewhite;
	width: 1px;
}
.contact-form-wrapper span {
	display: inline-block;
	width: 100%;
	margin-bottom: 18px;
	font-size: 22px;
	color: #ffffff;
	font-weight: 600;
	letter-spacing: 3px;
}
.contact-form-wrapper .form-group {
	margin-bottom: 30px;
}
.contact-form-wrapper .form-group input {
	min-height: 40px;
	color: #e57756;
	box-shadow: none;
	overflow: hidden;
	border-color: #ffffff;
	padding: 7px 10px;
	font-size: 16px;
	font-weight: 500;
}
.contact-form-wrapper .form-group textarea {
	width: 100%;
	position: relative;
	padding: 7px 10px;
	color: #e57756;
	box-shadow: none;
	overflow: hidden;
	border-color: #ffffff;
	height: 110px;
	font-size: 16px;
	font-weight: 500;
}
 .form-group input::-webkit-input-placeholder {
color:#e57756;
}
.form-group input::-moz-placeholder {
color:#e57756;
}
.form-group input::-ms-placeholder {
color:#e57756;
}
.form-group input::placeholder {
color:#e57756;
}
 .form-group textarea::-webkit-input-placeholder {
color:#e57756;
}
.form-group textarea::-moz-placeholder {
color:#e57756;
}
.form-group textarea::-ms-placeholder {
color:#e57756;
}
.form-group textarea::placeholder {
color:#e57756;
}
.submit-btn {
	background-color: #2acdd1;
	color: #fff;
	border-radius: 50px;
	padding: 8px 44px;
	border: none;
	display: inline-block;
	position: relative;
	margin-top: 0px;
	border-top-right-radius: 0px;
	font-size: 19px;
	letter-spacing: 1px;
	outline: 0;
	cursor: pointer;
	font-weight: bold;
	overflow: hidden;
	z-index: 1;
	transition: all 0.3s ease 0s;
}
.submit-btn:after {
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-image: linear-gradient(to right, #2cd4d9 30%, #21b8bd);
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	transform: translate(-50%, -50%) scale(0);
	transition: all 0.5s ease 0s;
}
.submit-btn:hover:after {
	transform: translate(-50%, -50%) scale(5);
	background-image: linear-gradient(to right, #21b8bd 30%, #2cd4d9);
}
.submit-btn:focus {
	outline: 0;
}
.copyright-info {
	margin-top: 40px;
	border-top: solid 1px #ffffff;
	padding: 12px 0px;
}
.copyright-text {
	font-size: 13px;
	color: #ffffff;
	letter-spacing: 1px;
}
.copyright-text a {
	color: #ffffff;
}
.copyright-text span {
	padding-left: 20px;
	position: relative;
}
.copyright-text span::after {
	content: "";
	position: absolute;
	left: 8px;
	top: 6px;
	height: 9px;
	width: 2px;
	background: #ffffff;
}
.besign-by {
	text-align: right;
}
.besign-by a {
	color: #fff;
	font-size: 14px;
}
.social-icons {
	display: flex;
	gap: 12px;
	justify-content: flex-end;
}
.social-icons a {
	color: #ff6c4f;
	font-size: 20px;
	text-decoration: none;
	transition: 0.3s;
}
.social-icons a:hover {
	color: #ff3300;
}
.search-btn {
	width: 40px;
	height: 40px;
	border: 2px solid #ff6c4f;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ff6c4f;
	margin-right: 20px;
	transition: 0.3s;
}
.search-btn:hover {
	background: #ff6c4f;
	color: #fff;
}
.login-btn {
	display: flex;
	align-items: center;
	background: #2acdd1;
	color: #fff;
	border-radius: 20px;
	padding: 10px 22px;
	font-size: 17px;
	border: none;
	cursor: pointer;
	transition: 0.3s;
	font-weight: bold;
}
.login-btn:focus {
	outline: 0;
}
.login-btn i {
	margin-right: 8px;
}
.login-btn:hover {
	background: #21b8bd;
}
.header-right-side {
	text-align: right;
	margin-top: 13px;
}
.header-search-row {
	display: flex;
	justify-content: flex-end;
	margin-top: 10px;
}
.logo-div {
	display: flex;
	align-items: center;
	gap: 18px;
	padding-top: 7px;
	padding-bottom: 7px;
}
.teacher-community-section {
	padding: 100px 0px 55px;
	background-image: url(../images/bg1n.png);
	background-size: 100% 100%;
	position: relative;
	z-index: 3;
}
.btn-wrapper-info .sky-blue-bg-btn {
	margin-top: 0;
}
.position-left {
	position: absolute;
	left: 0px;
	padding: 0;
	top: 83px;
	width: 44%;
}
.orange-bg {
	background: #ff8120 !important;
}
.position-right {
	margin-left: auto;
}
.heading-info .heading-title:after {
	content: "";
	width: 91%;
	height: 100%;
	background: #ffb300;
	right: -8px;
	position: absolute;
	z-index: -1;
	border-radius: 5px;
	top: 6px;
}
.title-with-arrow {
	margin-bottom: 25px;
}
.title-with-arrow i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 100px;
	border: solid 1px #f8893e;
	margin-right: 12px;
	color: #f8893e;
	font-size: 19px;
	font-weight: 500;
}
.title-with-arrow strong {
	font-size: 24px;
	letter-spacing: 1px;
	color: #000;
}
#participating .owl-dots {
	display: none;
}
.sky-blue-bg-btn {
	text-align: center;
	margin-top: 52px;
}
.sky-blue-bg-btn a {
	display: inline-block;
	font-size: 16px;
	text-decoration: none;
	padding: 10px 44px;
	background: #2acdd1;
	color: #ffffff;
	letter-spacing: 2px;
	border-radius: 50px;
	border-top-right-radius: 0px;
	font-weight: 600;
	position: relative;
	overflow: hidden;
	z-index: 1;
	transition: all 0.3s ease 0s;
}
.sky-blue-bg-btn a:after {
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-image: linear-gradient(to right, #2cd4d9 30%, #21b8bd);
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	transform: translate(-50%, -50%) scale(0);
	transition: all 0.5s ease 0s;
}
.sky-blue-bg-btn a:hover:after {
	transform: translate(-50%, -50%) scale(5);
	background-image: linear-gradient(to right, #21b8bd 30%, #2cd4d9);
}
.sponsoring .sky-blue-bg-btn {
	text-align: left;
	margin-top: 0;
}
.sky-blue-btn a {
	background: #2cd4d9;
}
.selected-teaching-section .container {
	position: relative;
	z-index: 2;
}
.selected-teaching-section .sky-blue-bg-btn {
	position: absolute;
	right: 0px;
	margin-top: 0;
}
.teaching-section {
	background-image: url(../images/teaching-bg01.png);
	background-position: center;
	background-size: 100% 100%;
}
.participating-section {
	background-image: url(../images/bg2-n.png);
	background-position: center;
	background-size: cover;
	padding-top: 79px;
	padding-bottom: 0px;
}
.participating-details-title {
	font-weight: bold;
	font-size: 18px;
	color: #000;
}
.participating-section .heading-info .heading-title::after {
	background: #fbb2a8;
}
.sky-blue {
	background: #00bbc7 !important;
}
.sky-blue::after {
	background: #bae6e9 !important;
}
.btn-wrapper-info .btn-wrapper:last-child {
	margin-right: 0px;
}
.top-banner-section {
	position: relative;
}
.top-img-wrapper {
	padding: 0;
}
.teaching-section {
	margin-top: 175px;
	position: relative;
}
.graphic-bg1 {
	position: absolute;
	bottom: 0px;
	max-width: 52%;
	left: 0;
	z-index: 0;
}
.graphic-bg2 {
	position: absolute;
	bottom: -184px;
	right: 0px;
	max-width: 39%;
	z-index: -1;
}
.participating-section {
	position: relative;
}
.graphic-icon1 {
	position: absolute;
	top: -23px;
	max-width: 19%;
	left: 7%;
	z-index: -1;
}
.footer-section .row {
	position: relative;
	z-index: 2;
}
.selected-teaching-section {
	position: relative;
}
.graphic-icon2 {
	position: absolute;
	top: -73px;
	right: 0px;
	max-width: 217px;
}
.graphic-icon3 {
	max-width: 222px;
	position: absolute;
	top: -4px;
	left: 0px;
}
.banner-text-info .graphic-icon5 {
	margin-top: 9px;
	padding-left: 74px;
}
#news-slider .owl-dots {
	width: fit-content;
	position: absolute;
	right: 8px;
	bottom: 15px;
}
.news-title-bg .news-title-h {
	padding-right: 56px;
}
#news-slider .owl-dots button.owl-dot span {
	background-color: #fff;
}
#news-slider .owl-dots button.owl-dot.active span {
	border: 2px solid #fff !important;
	background: none;
}
#teaching-slider .owl-dots button.owl-dot.active span {
	border: 2px solid #e57756;
}
.mobile-view-div {
	display: none;
}
.mobile-view-div .social-icons {
	display: flex;
	justify-content: center;
	margin-bottom: 11px;
}
.mobile-view-div button.login-btn {
	display: flex;
	justify-content: center;
	width: fit-content;
	margin: 0px auto;
}
#program-slider .owl-nav button {
	border: solid 1px #fbb466;
	width: 38px;
	height: 38px;
	border-radius: 100px;
	color: #fbb466;
	font-size: 20px;
	line-height: 38px;
	outline: 0;
	background-color: #fff;
}
#program-slider .owl-nav button.owl-prev {
	position: absolute;
	left: -57px;
}
#program-slider .owl-nav button.owl-next {
	position: absolute;
	right: -57px;
}
#program-slider .owl-nav button {
	top: 41%;
}
#program-slider .owl-nav button:hover {
	border: solid 1px #fbb466;
	color: #fff;
	background-color: #fbb466;
}
.program-slider-row {
	padding: 0px 70px;
}
.program-section {
	padding-bottom: 85px;
	padding-top: 75px;
	position: relative;
}
#program-slider .program-img {
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	margin: 27px;
}
.sponsoring-organization-section {
	padding: 165px 0px 65px;
	background-image: url(../images/sponsoring-organization-bgg.png);
	background-size: 100% 100%;
	position: relative;
	z-index: 1;
}
.sponsoring-organization-section .graphic-bg2 {
	z-index: 0;
}
.sponsoring-details-wrapper .sponsoring-details-title {
	font-size: 20px;
	color: #df711b;
	font-weight: 600;
	letter-spacing: 2px;
	margin-bottom: 30px;
}
.sponsoring-details-wrapper .sponsoring-details-logo {
	max-width: 75%;
}
.row.row1 {
	margin-bottom: 60px;
}
#program-slider .owl-dots {
	display: none;
}
.program-objectives-section {
	padding-bottom: 55px;
}
.btn-wrapper a .fa-link {
	margin-left: 6px;
}
.top-banner2 .graphic-icon5 {
	padding-left: 0px;
	left: -41px;
	position: relative;/*max-width: 439px;*/
}
.top-banner2 .top-img-wrapper {
/*max-width: 68%;*/
}

/***
=============================================
    Float Bob X Animation Css
=============================================
***/
@-webkit-keyframes float-bob-x {
 0% {
 transform: translateX(-10px);
}
 50% {
 transform: translateX(-5px);
}
 100% {
 transform: translateX(-10px);
}
}
 @keyframes float-bob-x {
 0% {
 transform: translateX(-10px);
}
 50% {
 transform: translateX(-3px);
}
 100% {
 transform: translateX(-10px);
}
}
.iconimg img, .graphic-icon5 img, .heading-icon img, .graphic-icon1 img {
	-webkit-animation-name: float-bob-x;
	animation-name: float-bob-x;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

/*** 
=============================================
    Float Bob Y Animation Css
=============================================
***/
@-webkit-keyframes float-bob-y {
 0% {
 transform: translateY(-20px);
}
 50% {
 transform: translateY(-10px);
}
 100% {
 transform: translateY(-20px);
}
}
 @keyframes float-bob-y {
 0% {
 transform: translateY(-20px);
}
 50% {
 transform: translateY(-10px);
}
 100% {
 transform: translateY(-20px);
}
}
.graphic-icon3 img, .graphic-icon2 img, .teacher-community-imgblock img {
	-webkit-animation-name: float-bob-y;
	animation-name: float-bob-y;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}
.selected-teaching-section .heading-title::after {
	background-color: #ffaea5;
}
.graphic-dot-1 {
	position: absolute;
	bottom: 46px;
	max-width: 46%;
	z-index: 0;
}
.graphic-dot2 {
	position: absolute;
	right: 0px;
	max-width: 63%;
	top: 51px;
	z-index: 0;
}
.teaching-section .container {
	z-index: 1;
	position: relative;
}
.graphic-dot3 {
	position: absolute;
	top: 242px;
	max-width: 68%;
	z-index: -1;
	left: 0;
}
li.menu-item-has-children.house {
	padding-left: 0px;
}
li.menu-item-has-children.house a i {
	font-size: 21px;
}
/*----------------------------------------*/
/*          listing Page css
/*----------------------------------------*/
.listing-section {
	padding-bottom: 70px;
	padding-top: 60px;
}
.listing-row .col-md-3 {
	padding: 0px 10px;
	margin-bottom: 15px;
}
/*----------------------------------------*/
/*       School listing Page css
/*----------------------------------------*/
.school-listing-box {
	display: flex;
	width: 100%;
	border: solid 2px #ffb055;
	border-radius: 16px;
	padding: 17px 16px;
	align-items: center;
	min-height: 100%;
}
.school-listing-box .school-info .school-name {
	margin-bottom: 11px;
	font-size: 28px;
	color: #000;
}
.school-listing-row .col-md-6 {
	margin-bottom: 27px;
}
.school-listing-box .school-logo {
	min-width: 147px;
	text-align: center;
	margin-left: 19px;
	margin-right: 17px;
}
.school-listing-section {
	margin-top: 21px;
	padding-bottom: 42px;
}
.listing-section.listing3 {
	margin-top: 80px;
}
/******* More 6 Page CSS Deepak *******/
.download-list-li {
	background: #ffebc6;
	padding: 14px 41px;
	display: flex;
	border-radius: 5px;
	position: relative;
	margin-bottom: 14px;
}
.download-list-li p {
	margin-bottom: 0px;
	font-size: 24px;
	font-weight: 500;
}
.arrow-folder {
	position: absolute;
	right: 41px;
	max-width: 40px;
	top: 6px;
}
.download-box-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 54px;
	margin-top: 62px;
	position: relative;
}
.download-box-row .heading-info {
	margin-bottom: 0px;
}
.download-list-btn .download-btn a {
	background: #ff7d5f;
	padding: 7px 42px;
	color: #fff;
	border-radius: 100px;
	border-top-right-radius: 0px;
	font-size: 24px;
	font-weight: 600;
	text-decoration: none;
	box-shadow: 3px 4px 9px rgb(59 43 30 / 22%);
	padding-left: 50px;
	display: inline-block;
}
.download-list-btn .download-btn a i {
	margin-left: 3px;
	font-size: 19px;
}
.download-list-btn .download-btn a .download-icon {
	margin-left: 9px;
	vertical-align: sub;
	max-width: 30px;
}
.resources-box {
	background: #fffbf0;
	border: solid 3px #ffcba9;
	padding: 54px;
	border-radius: 25px;
	padding-top: 0px;
	margin-top: 92px;
}
.resources-box .heading-center {
	margin-top: -38px;
}
.resources-box-r {
	padding: 0px 93px;
}
.teaching-img {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 20px;
}
.resources-box-r .resources-title {
	text-align: center;
	font-size: 23px;
	margin-bottom: 22px;
	font-weight: bold;
}
.login-option-row {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: center;
}
.login-option-bg {
	padding: 0px 6%;
	margin-bottom: 87px;
}
.login-option-bg .resources-box-r {
	padding: 0;
}
.login-option-row .login-img {
	width: 45%;
}
.login-option-row .login-option-btn-row {
	width: 55%;
	text-align: left;
}
.login-option-btn .sky-blue-bg-btn {
	text-align: left;
	margin-top: 21px;
}
.login-option-btn a {
	padding: 15px 61px;
	font-size: 28px;
}
/******* Login Page CSS *******/
.single-input {
	border: 1px solid #ff8539;
	display: flex;
	margin-bottom: 16px;
	align-items: center;
	min-height: 50px;
	border-radius: 8px;
	background: #fff;
}
.input-row1 {
	color: #e57756;
	box-shadow: none;
	overflow: hidden;
	border-color: #ffffff;
	padding: 7px 10px;
	font-size: 16px;
	font-weight: 500;
	width: 100%;
	border: none;
	outline: 0;
	padding-left: 12px;
}
.single-input span {
	margin-left: 23px;
}
.single-input span i {
	font-size: 22px;
	margin-left: 13px;
	color: #ff8539;
}
.form-group-row label {
	font-size: 23px;
	color: #ff8539;
	font-weight: bold;
}
.reset-psw {
	text-align: right;
	margin-bottom: 2px;
	margin-top: 33px;
}
.reset-psw a {
	font-size: 19px;
	color: #ff8539;
	font-weight: bold;
}
/***** News-Details Page CSS *****/ 
.news-details-slider {
	margin-top: 36px;
	padding: 0px 124px;
	padding-bottom: 52px;
}
.news-details-section {
	padding-bottom: 48px;
	padding-top: 33px;
}
.back-btn {
	text-align: center;
	margin-top: 35px;
}
#sync1 .owl-nav button {
	width: 42px;
	height: 42px;
	border: solid 2px #ff6540;
	border-radius: 100px;
	color: #ff6540;
	font-size: 25px;
	outline: 0;
	margin: 0;
}
#sync1 .owl-nav button.owl-next {
	position: absolute;
	right: -58px;
	top: 40%;
}
#sync1 .owl-nav button.owl-prev {
	position: absolute;
	left: -58px;
	top: 40%;
}
#sync1 .owl-nav button:Hover {
	background: #ff6540;
	border: solid 2px #ff6540;
	color: #fff;
}
#sync1 .owl-nav button i {
	font-weight: 400;
}
#sync2 .owl-nav button {
	color: #ff6540;
	font-size: 28px;
	outline: 0;
	margin: 0;
}
#sync2 .owl-nav button i {
	font-weight: 400;
}
#sync2 .owl-nav button.owl-next {
	position: absolute;
	right: -45px;
	top: 40%;
}
#sync2 .owl-nav button.owl-prev {
	position: absolute;
	left: -45px;
	top: 40%;
}
.back-btn-row {
	text-align: center;
	margin-top: 38px;
}
.back-btn-row a i {
	font-weight: 400;
	font-size: 17px;
	margin-right: 4px;
}
.news-details-title-row {
	display: flex;
	margin-bottom: 20px;
	border-bottom: solid 1px #ff6540;
	padding-bottom: 10px;
	align-items: center;
}
.news-details-title-row .news-details-bg-title {
	width: 57px;
	height: 57px;
	background: #2acdd1;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	margin-right: 11px;
}
.news-details-title-row .news-details-title {
	font-size: 23px;
	color: #000;
	font-weight: 600;
}
.news-details-info .news-details-date-row {
	display: flex;
	margin-bottom: 13px;
}
.news-date {
	font-size: 20px;
	margin-right: 22px;
	color: #f5704d;
	font-weight: bold;
}
.news-date i {
	font-size: 22px;
	margin-right: 5px;
}
.coming-soon {
	background: #ff6540;
	clip-path: polygon(13% 0%, 100% 0%, 88% 100%, 0% 100%);
	padding: 3px 31px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}
.news-details-slider:After {
	content: "";
	width: 100%;
	height: 77%;
	background: #fde0bf;
	position: absolute;
	left: 0;
	bottom: 0;
	border-radius: 34px;
}
.news-details-slider {
	position: relative;
}
.row.news-list {
	border: solid 3px #ffd09c;
	margin-bottom: 21px;
	margin-left: 0px;
	margin-right: 0px;
	border-radius: 31px;
	position: relative;/*overflow: hidden;*/
}
.news-list-div {
	background: #ffb055;
	padding: 14px;
	border-top-left-radius: 30px;
	margin-top: -3px;
	margin-left: -3px;
	margin-bottom: -3px;
	border-bottom-left-radius: 30px;
	overflow: hidden;
}
.news-list-info .news-list-title {
	font-size: 29px;
	color: #f5704d;
	font-weight: bold;
	margin-bottom: 10px;
}
.news-list-info {
	display: flex;
	flex-flow: column;
	justify-content: center;
	height: 100%;
	padding-left: 35px;
	padding-right: 55px;
	position: relative;
}
.news-list-info .btn-wrapper {
	position: absolute;
	bottom: -6px;
	right: -16px;
}
.news-list-info .btn-wrapper a {
	clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
	border-radius: 0px;
	margin-right: -5px;
	border-bottom-right-radius: 31px;
	margin-bottom: -3px;
}
.news-list-div .news-list-img img {
	border-radius: 14px;
	position: relative;
	overflow: hidden;
	width: 100%;
}
.ribbon {
	width: 70px;
	height: 70px;
	background: #2acdd1;
	border-radius: 100px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	color: #fff;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	margin-right: 10px;
	position: absolute;
	top: -21px;
	padding-bottom: 13px;
	left: 20px;
}
.top-banner-section .container {
	max-width: 100%;
}
.login-option-btn-row .login-form {
	padding-right: 150px;
}
.listing-section .title-with-arrow {
	border-bottom: solid 1px #f8893e;
	padding-bottom: 11px;
}
.pagination-wrapper ul {
	display: flex;
	justify-content: center;
}
.pagination-wrapper ul li {
	margin: 0px 6px;
}
.pagination-wrapper ul a {
	width: 40px;
	height: 40px;
	display: inline-block;
	text-align: center;
	border: solid 1px #d2d2d2;
	border-radius: 100px;
	line-height: 40px;
	color: #234479;
	font-size: 17px;
	text-decoration: none;
}
.pagination-wrapper ul a.arrow-icon {
	color: #888888;
}
.pagination-wrapper ul a.active {
	background: #f5704d;
	color: #fff;
}
.top-banner2 .banner-text-info {
	padding-right: 0px;
}
.graphic-dot-imgn {
	width: 51%;
	position: absolute;
	top: 114px;
	z-index: -1;
}
.listing-n {
	padding-top: 0;
	margin-top: -43px;
}
/*----------------------------------------*/
/*        Nice-select Box css
/*----------------------------------------*/
.nice-select {
	-webkit-tap-highlight-color: transparent;
	background-color: #fff;
	border-radius: 0;
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 19px;
	text-transform: capitalize;
	height: 32px;
	line-height: 32px;
	outline: none;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	text-align: center;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	width: 100%;
	border: solid 1px #d3d3d3;
	color: #000;
}
.nice-select:hover {
	border-color: #dbdbdb;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
	border-color: #999;
}
.nice-select:after {
	border-bottom: 2px solid #ff9966;
	border-right: 2px solid #ff9966;
	content: '';
	display: block;
	height: 8px;
	margin-top: -4px;
	pointer-events: none;
	position: absolute;
	right: 19px;
	top: 50%;
	-webkit-transform-origin: 66% 66%;
	-ms-transform-origin: 66% 66%;
	transform-origin: 66% 66%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	width: 8px;
}
.nice-select.open:after {
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.nice-select.open .list {
	opacity: 1;
	pointer-events: auto;
	width: 100%;
	-webkit-transform: scale(1) translateY(0);
	-ms-transform: scale(1) translateY(0);
	transform: scale(1) translateY(0);
}
.nice-select.disabled {
	border-color: #ededed;
	pointer-events: none;
}
.nice-select.disabled:after {
	border-color: #cccccc;
}
.nice-select.wide {
	width: 100%;
}
.nice-select.wide .list {
	left: 0 !important;
	right: 0 !important;
}
.nice-select.right {
	float: right;
}
.nice-select.right .list {
	left: auto;
	right: 0;
}
.nice-select.small {
	font-size: 12px;
	height: 36px;
	line-height: 34px;
}
.nice-select.small:after {
	height: 4px;
	width: 4px;
}
.nice-select.small .option {
	line-height: 34px;
	min-height: 34px;
}
.nice-select .list {
	background-color: #fff;
	border-radius: 0px;
	box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
	box-sizing: border-box;
	margin-top: 4px;
	opacity: 0;
	overflow: hidden;
	padding: 0;
	pointer-events: none;
	position: absolute;
	top: 100%;
	left: 0;
	-webkit-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform: scale(0.75) translateY(-21px);
	-ms-transform: scale(0.75) translateY(-21px);
	transform: scale(0.75) translateY(-21px);
	-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
	transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
	z-index: 9;
}
.nice-select .option {
	cursor: pointer;
	font-weight: 400;
	line-height: 36px;
	list-style: none;
	outline: none;
	padding-left: 18px;
	padding-right: 29px;
	text-align: left;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	color: #000;
	border-bottom: solid 1px #e9e9e9;
}
.nice-select .option.selected {
	font-weight: bold;
	color: #fbb466;
}
.nice-select .option.disabled {
	background-color: transparent;
	color: #999;
	cursor: default;
}
.no-csspointerevents .nice-select .list {
	display: none;
}
.no-csspointerevents .nice-select.open .list {
	display: block;
}
.select-box-wrapper {
	text-align: center;
	margin-bottom: 43px;
}
.select-box-row1 {
	display: flex;
	justify-content: center;
}
.select-box-row .nice-select {
	border: none;
	height: 38px;
	line-height: 38px;
	min-width: 158px;
	background: #ffffff;
	color: #000;
}
.select-box-l {
	display: flex;
	align-items: center;
	margin: 0px 14px;
	background: #ffb055;
	padding: 6px 28px;
	border-radius: 100px;
}
.select-box-l .select-box-lable {
	margin-right: 9px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}
.news-list-c .news-list:nth-child(2n) .news-list-div {
	background: #ffe391;
}
.news-list-c .news-list:nth-child(2n) {
	border: solid 3px #ffeebf;
}
.select-box-wrapper-n {
	position: relative;
	z-index: 2;
}
/*** Timeline Page CSS ****/
.timeline-title-row-w {
	border-bottom: solid 1px #ff7d5f;
	width: 100%;
	padding-bottom: 11px;
}
.timeline-title-row {
	display: flex;
	justify-content: center;
	align-items: center;
}
.timeline-title-row .timeline-box-logo {
	width: 112px;
	margin-right: 15px;
}
.timeline-title-row .timeline-box-info .timeline-box-title {
	font-size: 41px;
	color: #000;
	margin-bottom: 10px;
	font-weight: 600;
}
.timeline-box-ul ul li {
	display: inline-block;
	margin-right: 22px;
	border-right: solid 1px #ffb055;
	padding-right: 22px;
	font-size: 18px;
	font-weight: bold;
	line-height: 17px;
}
.timeline-box-ul ul li:last-child {
	margin-right: 0px;
	padding-right: 0px;
	border: none;
}
.timeline-btn-row {
	text-align: center;
	width: 100%;
	margin-top: 28px;
	margin-bottom: 28px;
}
.timeline-btn-row .btn-wrapper-info {
	text-align: center;
	justify-content: center;
}
.orange-btn a {
	display: inline-block;
	font-size: 16px;
	text-decoration: none;
	padding: 10px 74px;
	background: #ff963f;
	color: #ffffff;
	letter-spacing: 2px;
	border-radius: 50px;
	border-top-right-radius: 0px;
	font-weight: 600;
	position: relative;
	overflow: hidden;
	z-index: 1;
	transition: all 0.3s ease 0s;
}
.orange-btn a:after {
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-image: linear-gradient(to right, #ff963f 30%, #f9811d);
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	transform: translate(-50%, -50%) scale(0);
	transition: all 0.5s ease 0s;
}
.orange-btn a:hover:after {
	transform: translate(-50%, -50%) scale(5);
	background-image: linear-gradient(to right, #f9811d 30%, #ff963f);
}
.orange-btn {
	margin-right: 22px;
}
.activity-box {
	width: 100%;
	padding: 14px 26px;
	border: 1px solid #ffbd8c;
	border-radius: 40px;
	background: #fff3e6;
	display: flex;
	align-items: center;
	gap: 25px;
	justify-content: center;
}
.activity-box .activity-box-title {
	font-size: 33px;
	font-weight: bold;
	color: #ff7d5f;
	margin: 0;
	padding-right: 20px;
	border-right: 2px solid #f5704d;
	line-height: 31px;
}
.labels-list {
	display: flex;
	align-items: center;
	gap: 20px;
}
.labels-list .item {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 18px;
	font-weight: bold;
	margin-right: 23px;
}
.labels-list .dot {
	width: 23px;
	height: 23px;
	display: inline-block;
}
/* Colors */
.labels-list .dot-orange {
	background: #f68634;
}
.labels-list .dot-blue {
	background: #64c9d0;
}
.labels-list .dot-purple {
	background: #aa74d6;
}
.activity-box-wrapper {
	width: 100%;
	text-align: center;
	margin-bottom: 12px;
}
.ctl-description {
	padding: 0px !important;
	margin-top: 11px !important;
}
.ctl-description p {
	font-family: "Noto Sans", sans-serif;
	font-size: 16px !important;
	color: #000 !important;
	line-height: 24px !important;
}
.ctl-label-box-n img {
	min-width: auto !important;
	margin-right: 3px;
}
.ctl-label-box-n {
	position: absolute;
	right: 15px;
	top: 7px;
	display: flex;
	align-items: center;
	padding: 2px 12px;
	border-radius: 100px;
}
.box-bg1 .ctl-label-box-n {
	background: #5e3984;
}
.box-bg2 .ctl-label-box-n {
	background: #db5600;
}
.box-bg3 .ctl-label-box-n {
	background: #00939f;
}
.ctl-content {
	border-radius: 0px !important;
}
.timeline-section .ctl-labels {
	padding: 11px 13px !important;
}
.timeline-section .ctl-arrow {
	top: 3px !important;
}
.timeline-section {
	padding-bottom: 67px;
}
.footer-info-row {
	width: 100%;
}
.footer-info-icon {
	margin-right: 20px;
	width: 58px;
}
.sky-blue-btn-news {
	position: absolute;
	bottom: -6px;
	right: -16px
}
.sky-blue-btn-news a {
	display: inline-block;
	font-size: 16px;
	text-decoration: none;
	padding: 10px 40px;
	background: #2acdd1;
	color: #ffffff;
	letter-spacing: 2px;
	border-radius: 50px;
	border-top-right-radius: 0px;
	font-weight: 600;
	position: relative;
	overflow: hidden;
	z-index: 1;
	transition: all 0.3s ease 0s;
	clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
	border-radius: 0px;
	margin-right: -5px;
	border-bottom-right-radius: 31px;
	margin-bottom: -3px;
}
.sky-blue-btn-news a:after {
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-image: linear-gradient(to right, #2cd4d9 30%, #21b8bd);
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	transform: translate(-50%, -50%) scale(0);
	transition: all 0.5s ease 0s;
}
.sky-blue-btn-news a:hover:after {
	transform: translate(-50%, -50%) scale(5);
	background-image: linear-gradient(to right, #21b8bd 30%, #2cd4d9);
}
.login-option-btn .user-icon {
	margin-right: 11px;
	margin-top: -2px;
}
.login-form .submit-btn-row button {
	background: #ff6540;
}
.login-form .submit-btn-row button:hover:after {
	transform: translate(-50%, -50%) scale(5);
	background-image: linear-gradient(to right, #f1572f 30%, #f5704d);
}
.login-form .submit-btn-row button:after {
	background-image: linear-gradient(to right, #f5704d 30%, #f1572f);
}
.download-box-row:after {
	content: "";
	position: absolute;
	bottom: 0px;
	width: 93%;
	border-bottom: solid 1px #ff7756;
	right: 0px;
}
.download-list-box {
	padding-right: 16px;
	position: relative;
	z-index: 1;
	background: #fffbf0;
}
.download-list-box .heading-title::after {
	background-color: #ffaea5;
}
.icon-f {
	margin-top: -3px;
}
.timeline-btn-row .orange-btn a {
	padding: 11px 68px !important;
}
.timeline-btn-row a {
	padding: 12px 51px !important;
	font-size: 17px !important;
	width: 225px
}
.timeline-btn-row .orange-btn a .link-icon {
	max-width: 31px;
	margin-left: 9px;
}
.news-date .calendar {
	margin-top: -4px;
	margin-right: 6px;
	vertical-align: middle;
}
.banner-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.login-btn img {
	margin-right: 7px;
}
.home-text-div .banner-title {
	line-height: 11px;
	margin-bottom: 24px;
}
.home-text-div .banner-text-info {
	padding-right: 20px;
}
.teaching-home {
	margin-top: 29px;
	margin-bottom: 65px;
}
.graphic-bg:before {
	content: "";
	background-image: url(../images/graphic-h-1.png);
	width: 100%;
	display: inline-block;
	height: 100%;
	background-size: 100% 100%;
	position: absolute;
	left: -100%;
	top: 0px;
	z-index: -1;
	max-width: 100%;
}
.graphic-bg {
	position: relative;
}
.tab-d-2 {
	padding-right: 0px;
}
.tab-menu li.active {
	margin-right: 0px;
}
.tab-menu li {
	margin-right: 20px;
}
.tab-menu li.active button:after {
	content: "";
	width: 6px;
	height: 100%;
	background: #f66f4c;
	display: inline-block;
	right: 0px;
	position: absolute;
	top: 0px;
}
#participating .participating-details-box {
    align-items: center;
}
.selected-teaching-section .graphic-bgn {
    display: none;
}
.selected-teaching-section .graphic-bg {
    padding-left: 21px;
}

/*-------------------------------------------------------------*/
/*        Dashboard Public-Post Page css 12-Feb-2026
/*-------------------------------------------------------------*/
.dashboard-chat-box {
    background: #fffbf0;
    border: solid 3px #ffcba9;
    border-radius: 20px;
    padding: 19px;
    margin-bottom: 32px;
}
.chat-input-right-side {
    width: 100%;
}
.chat-input {
  display:flex;
  align-items:center;
  cursor: pointer;
}
.chat-input input {
  border:none;
  outline:none;
  width:100%;
  font-size:14px;
  padding-left:10px;
}
.user-img-post img {
    width: 82px;
    height: 74px;
    border-radius: 50%;
    border: solid 1px #ffb98b;
}
.chat-tags {
  display:flex;
  gap:15px;
  font-size:13px;
  margin-top:10px;
  color:#888;
}
.chat-input-right-side input {
    border: solid 1px #ffb98b;
    background: #ebebeb;
    padding: 8px 15px;
    width: 100%;
    border-radius: 100px;
}
.dashboard-chat-tags li {
    display: inline-block;
    margin-right: 20px;
}
.user-img-post {
    margin-right: 12px;
}
.dashboard-chat-tags li span a {
    font-size: 17px;
    color: #333333;
    margin-left: 6px;
    font-weight: 600;
}
.dashboard-chat-tags {
    border-top: solid 2px #e7e7e7;
    padding-top: 15px !important;
    margin-top: 17px;
    padding-bottom: 3px !important;
}
.dashboard-chat-box .chat-input, .dashboard-chat-box .dashboard-chat-tags {
    padding: 0px 32px;
}
.dashboard-public-post .border-line2 {
    border: solid 1px #f9b09d;
    width: 100%;
    height: 0px;
} 
.dashboard-public-post .select-box-wrapper-row .nice-select {
    height: 36px;
    font-size: 17px;
    color: #333333;
    border: solid 1px #bebebe;
    min-width: 160px;
}
.dashboard-public-post .comments-wrapper-right {
    min-width: 120px;
    margin-left: 20px;
}
.dashboard-public-post .select-box-wrapper-row {
    display: flex;
    margin-bottom: 35px;
    margin-left: 10px;
    align-items: center;
}
.dashboard-public-post .select-box-wrapper {
    width: 17%;
    margin: 0px 7px;
}
.dashboard-public-post .dashboard-details-wrapper-box {
    padding: 28px 40px 30px;
    border: solid 2px #f7d3ba;
    border-radius: 25px;
    box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
    margin-bottom: 30px;
    position: relative;
}
.dashboard-public-post .dashboard-owner-details-info {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.dashboard-public-post .dashboard-owner-img img {
    overflow: hidden;
    position: relative;
    aspect-ratio: 1 / 1;
    border-radius: 100px;
}
.dashboard-public-post .dashboard-owner-img {
    width: 48px;
    height: 48px;
    position: relative;
    border: solid 1px #bebebe;
    border-radius: 50px;
    text-align: center;
}
.dashboard-public-post .like-comments-info ul li a:hover {
    color: #ff6540;
}
.dashboard-public-post .like-comments-info ul li a,
.dashboard-public-post .bookmark-info ul li a {
    transition: all 0.2s ease;
}
.dashboard-public-post .like-comments-info ul li a i,
.dashboard-public-post .bookmark-info ul li a i {
    transition: all 0.2s ease;
}
.dashboard-public-post .like-comments-info ul li a.like-btn.active i {
    color: #ff3b4f;
}
.dashboard-public-post .bookmark-info ul li a.favorite-btn.active i {
    color: #f4c20d;
}
.dashboard-public-post .dashboard-owner-details {
    padding-left: 8px;
}
.dashboard-public-post .dashboard-owner-details .dashboard-owner-name-title {
    font-size: 19px;
    color: #333333;
    font-weight: bold;
    line-height: 20px;
}
.dashboard-public-post .dashboard-owner-details p {
    margin-bottom: 0px;
    font-size: 14px;
    color: #999999;
}
.dashboard-public-post .cont-text {
    font-size: 15px;
    color: #000000;
    text-align: justify;
    margin-bottom: 19px;
    line-height: 26px;
}
.dashboard-public-post .dashboard-imgblock-wrapper .col-md-4 {
    padding: 0px 12px;
}
.dashboard-public-post .dashboard-imgblock-wrapper {
    position: relative;
}
.dashboard-public-post .dashboard-imgblock-wrapper .dashboard-imgblock {
    border-radius: 10px;
    overflow: hidden;
}
.dashboard-public-post .dashboard-imgblock-wrapper .dashboard-imgblock img {
    width: 100%;
}
.dashboard-public-post .dashboard-imgblock-wrapper .dashboard-imgblock-title {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.dashboard-public-post .dashboard-imgblock-wrapper .dashboard-imgblock-title span {
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
}
.dashboard-public-post .like-comments-info-wrapper {
    display: flex;
    margin-top: 18px;
    margin-bottom: 15px;
}
.dashboard-public-post .like-comments-info {
    width: 50%;
}
.dashboard-public-post .like-comments-info ul li {
    display: inline-block;
    margin-right: 12px;
    font-size: 17px;
}
.dashboard-public-post .like-comments-info ul li a {
    color: #999999;
}
.dashboard-public-post .like-comments-info ul li i {
    margin-right: 3px;
    font-size: 20px;
    vertical-align: text-bottom;
}
.dashboard-public-post .bookmark-info {
    width: 50%;
    text-align: right;
}
.dashboard-public-post .bookmark-info ul li {
    font-size: 18px;
}
.dashboard-public-post .bookmark-info ul li a {
    color: #999999;
}
.dashboard-public-post .comments-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 10px;
}
.dashboard-public-post .comments-wrapper.is-collapsed .comments-panel {
    display: none;
}
.dashboard-public-post .comments-wrapper.is-collapsed .comments-compose-row {
    display: none;
}
.dashboard-public-post .comments-wrapper.is-expanded .comments-compose-row {
    display: flex;
    align-items: center;
}
.dashboard-public-post .comments-info {
    width: 92%;
}
.dashboard-public-post .comments-info .form-group input {
    color: #333333;
    padding: 10px 25px;
    line-height: 10px;
    box-shadow: none;
    overflow: hidden;
    background: #f5f5f5;
    border-color: #f5f5f5;
    border-radius: 50px;
    font-size: 18px;
    letter-spacing: 2px;
}
.comments-info .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #333333;
}
.comments-info .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #333333;
}
.comments-info .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #333333;
}
.comments-info .form-control:-moz-placeholder { /* Firefox 18- */
  color: #333333;
}
.dashboard-public-post .comments-info .form-group {
    margin-bottom: 0px;
}
.dashboard-public-post .comments-panel {
    background: #fff9f2;
    border: 1px solid #f3d8bf;
    border-radius: 14px;
    padding: 12px 14px;
}
.dashboard-public-post .comments-panel-title {
    font-size: 14px;
    color: #d97839;
    font-weight: 700;
    margin-bottom: 8px;
}
.dashboard-public-post .comments-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.dashboard-public-post .comment-loading {
    color: #9a9a9a;
    font-size: 13px;
    padding: 6px 2px;
}
.dashboard-public-post .comment-item {
    background: #ffffff;
    border: 1px solid #f0dfce;
    border-radius: 12px;
    padding: 10px 12px;
}
.dashboard-public-post .comment-meta {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 4px;
}
.dashboard-public-post .comment-user {
    font-size: 14px;
    font-weight: 700;
    color: #27364a;
}
.dashboard-public-post .comment-date {
    font-size: 12px;
    color: #9a9a9a;
}
.dashboard-public-post .comment-content {
    font-size: 14px;
    line-height: 1.5;
    color: #333333;
    white-space: pre-wrap;
    word-break: break-word;
}
.dashboard-public-post .comment-actions {
    margin-top: 8px;
    text-align: right;
}
.dashboard-public-post .comment-delete-btn {
    border: 0;
    background: transparent;
    color: #d85a49;
    font-size: 12px;
    cursor: pointer;
    padding: 0;
}
.dashboard-public-post .comment-delete-btn:hover {
    color: #b94436;
}
.dashboard-public-post .comments-empty {
    display: none;
    color: #999999;
    font-size: 13px;
    padding: 4px 2px;
}
.dashboard-public-post .comment-btn.active i {
    color: #2acdd1;
}
.dashboard-public-post .message-btn {
    width: 8%;
    text-align: right;
}
.dashboard-public-post .message-btn a {
    display: inline-block;
    text-decoration: none;
    font-size: 11px;
    padding: 5px 26px;
    text-align: center;
    background: #f5704d;
    color: #ffffff;
    border-radius: 50px;
    border-top-right-radius: 0px;
    letter-spacing: 1px;
}
.dashboard-public-post .dashboard-dowanload-info {
    display: flex;
    padding: 7px 30px;
    background: #ffebc6;
    border-radius: 5px;
    margin-bottom: 10px;
    align-items: center;
}
.dashboard-public-post .dashboard-dowanload-info .dashboard-dowanload-text {
    width: 90%;
    font-size: 15px;
    color: #000000;
    letter-spacing: 2px;
    font-weight: 600;
}
.dashboard-public-post .dashboard-dowanload-info .dowanload-icon {
    width: 10%;
    text-align: right;
}
.dashboard-public-post .dashboard-dowanload-info .dowanload-icon a {
    font-size: 22px;
    color: #f5704d;
}
.dashboard-public-post .video-wrapper {
    width: 87%;
    margin: auto;
    border-radius: 10px;
    overflow: hidden;
}
.dashboard-public-post .video-wrapper img {
    width: 100%;
}
.dashboard-public-post {
    padding-top: 32px;
    padding-bottom: 50px;
}
/*-------------------------------------------------------------*/
/*      Dashboard Edit-Profile-Setting Page css 12-Feb-2026
/*-------------------------------------------------------------*/
ul.edit-iocn {
    display: flex;
    gap: 13px;
    position: absolute;
    top: 27px;
    right: 38px;
}
.personal-page-div .select-box-wrapper-row {
    display: flex;
    justify-content: center;
}
.dashboard .section-title {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 3px;
    color: #f68568;
    margin-bottom: 11px;
}
.dashboard .edit-profile-box-wrapper {
    padding: 25px 30px;
    border: solid 3px #ffcba9;
    border-radius: 25px;
    background: #fffbf0;
}
.dashboard .edit-profile-box-wrapper .heading-title {
    font-size: 29px;
    color: #000000;
    font-weight: bold; 
    letter-spacing: 2px;
    position: relative;
    padding-left: 16px;
    margin-bottom: 30px;
}
.dashboard .edit-profile-box-wrapper .heading-title::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 33px;
    left: 0;
    top: 6px;
    background: #f68568;
}
.dashboard .edit-profile-box-wrapper .contact-form-wrapper {
    width: 80%;
    padding-left: 16px;
}
.dashboard .edit-profile-box-wrapper .contact-form-wrapper .form-group {
    display: flex;
    margin-bottom: 15px;
}
.dashboard .edit-profile-box-wrapper .contact-form-wrapper .form-group label {
    width: 19%;
    font-size: 19px;
    color: #f5704d;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 0px;
}
.dashboard .edit-profile-box-wrapper .contact-form-wrapper .form-group input {
    border-color: #ffb98b;
    min-height: 0px;
    font-size: 14px;
    padding: 10px 10px;
    min-height: 44px;
}
.dashboard .edit-profile-box-wrapper  .form-input-d2 {
    width: 100%;
}
.dashboard .edit-profile-box-wrapper .contact-form-wrapper .form-group textarea {
    border-color: #ffb98b;
    height: 145px;
	font-size: 14px;
    padding: 5px 15px;
}
.dashboard .btn-wrapper {
    margin-left: 0;
    margin-top: 23px;
}
.dashboard .btn-wrapper ul li {
    display: inline-block;
    margin-right: 5px;
}
.dashboard .btn-wrapper ul li a {
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    padding: 10px 40px;
    color: #ffffff;
    text-align: center;
    border-radius: 50px;
    border-top-right-radius: 0px;
    letter-spacing: 2px;
    background: #ff6540;
    margin-top: 0;
}
.dashboard .btn-wrapper ul li a.sky-blue-bg-btn {
    background: #2acdd1;
}
.dashboard .btn-wrapper ul li a.black {
    background: #999999;
}

.dashboard .personalization-box-img {
    border: solid 1px #a0a09f;
}
.dashboard .edit-profile-wrapper {
    margin-bottom: 45px;
}
.personalization-box-wrapper-row {
    width: 80%;
    margin: auto;
}
.dashboard .personalization-box-wrapper {
    text-align: center;
}
.dashboard .personalization-box-wrapper .personalization-box-img img {
    width: 100%;
}
.dashboard .personalization-box-wrapper .personalization-box-title {
    padding-top: 13px;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 2px;
}
.dashboard .btn-wrapper.info {
    margin-left: 0;
    text-align: center;
    margin-top: 25px;
}
.dashboard .edit-profile-box-wrapper.personal {
    margin-top: 25px;
}
.dashboard .personal-photo {
    text-align: center;
}
.dashboard .personal-photo img {
    max-width: 80%;
}
.dashboard .personal-details-row .btn-wrapper {
    margin-left: 0;
    text-align: right;
    padding-top: 150px;
}
.profile-left-side {
    background: #ff7d5e;
    border: solid 3px #fccdae;
    border-radius: 19px;
    padding: 10px;
    min-height: 950px;
}
.profile-card-left-side-bar {
    padding-right: 22px;
}
.profile-left-side-info {
    padding: 0px 16px;
    padding-top: 13px;
}
.profile-card-left-side-bar .profile-left-side-info  p {
    font-size: 15px;
    color: #fff;
    line-height: 25px;
}
/* 用户基本资料样式 */
.profile-user-details-wrapper {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.profile-user-details-title {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: solid 1px rgba(255, 255, 255, 0.3);
}
.profile-user-details-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.detail-item {
    display: flex;
    align-items: flex-start;
    padding: 10px 12px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    transition: all 0.3s ease;
}
.detail-item:hover {
    background: rgba(255, 255, 255, 0.25);
    transform: translateX(5px);
}
.detail-icon {
    width: 36px;
    height: 36px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    flex-shrink: 0;
}
.detail-icon i {
    color: #fff;
    font-size: 16px;
}
.detail-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.detail-label {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.8);
    font-weight: normal;
}
.detail-value {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    word-break: break-word;
}
.detail-value .empty-text {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    font-weight: normal;
    font-style: italic;
}
.profile-card-left-side-bar .profile-card-list-info ul li a {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 9px 14px;
    align-items: center;
    text-decoration: none;
}
.profile-left-side-info .profile-left-side-title-1 {
    font-size: 29px;
    color: #fff;
    border-bottom: solid 1px #fff;
    padding-bottom: 8px;
    margin-bottom: 15px;
}
.profile-card-left-side-bar .profile-card-list-info ul li .name-t {
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    width: 100%;
    padding-left: 10px;
}
.profile-card-left-side-bar .profile-card-list-info ul li {
    margin-bottom: 5px;
}
.profile-card-left-side-bar .profile-card-list-info ul li.li-bg a {
    background: #ff967d;
}
.profile-card-list-info ul li a span.icon {
    width: 42px;
    text-align: center;
}
.profile-card-left-side-bar .profile-card-list-info ul li a span.no {
    color: #fff;
    font-size: 17px;
    font-weight: bold;
}
.profile-card-img .avatar {
    max-width: 200px;
    height: 200px;
    position: relative;
    border: solid 1px #f68568;
    border-radius: 100px;
    margin: 0px auto;
    box-shadow: rgb(0 0 0 / 16%) 0px 8px 17px;
}
.profile-card-img .avatar img {
    overflow: hidden;
    position: relative;
    aspect-ratio: 1 / 1;
    border-radius: 100px;
}
.edit-img a {
    width: 43px;
    height: 43px;
    background: #ff7d61;
    border-radius: 100px;
    text-align: center;
    line-height: 43px;
    color: #fff;
    position: absolute;
    right: 0px;
    top: 135px;
    font-size: 17px;
    cursor: pointer;
}
.profile-card-img {
    margin-bottom: 29px;
}
.dashboard {
    padding-top: 32px;
}

.account-security-form {
    max-width: 760px;
    margin: 0px auto;
    padding-bottom: 65px;
    padding-top: 30px;
}
.account-security-form .login-form {
   padding-right: 0;
}
.account-security-form .flex-div {
    display: flex;
    align-items: flex-start;
    width: 100%;
}
.account-security-form .flex-div .form-group-n-div-3 .btn-wrapper {
    margin-top: 0;
}
.account-security-form .flex-div  .form-group-n-div-2 {
    width: 57%;
    padding: 0px 15px;
}
.account-security-form .flex-div .form-group-n-div-1 {
    min-width: 14%;
}
.account-security-form .reset-psw {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 24px;
}
.account-security-form .reset-psw a {
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}
.account-security-form .flex-div .form-group-n-div-1 label {
    margin-top: 5px;
    margin-bottom: 0px;
}
.account-security-form .submit-btn-row {
    margin-left: 119px;
    margin-top: 17px;
}
.cancel-btn {
    background-color: #999999;
    color: #fff;
    border-radius: 50px;
    padding: 8px 44px;
    border: none;
    display: inline-block;
    position: relative;
    margin-top: 0px;
    border-top-right-radius: 0px;
    font-size: 19px;
    letter-spacing: 1px;
    outline: 0;
    cursor: pointer;
    font-weight: bold;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.cancel-btn:after {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-image: linear-gradient(to right, #767676 30%, #4a4a4a);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform: translate(-50%, -50%) scale(0);
    transition: all 0.5s ease 0s;
}
.cancel-btn:hover:after {
    transform: translate(-50%, -50%) scale(5);
    background-image: linear-gradient(to right, #767676 30%, #4a4a4a);
}
.account-security-form .submit-btn-row button#submit {
    margin-right: 24px;
}
/*-------------------------------------------------------------*/
/*      Dashboard Popup Page css 12-Feb-2026
/*-------------------------------------------------------------*/
.popup-wrapper .modal-dialog {
    max-width: 1050px; 
}
.popup-wrapper .modal-content {
    border: solid 3px #ffcba9;
    border-radius: 25px;
    background: #fffbf0;
}
.popup-wrapper .dashboard-chat-tags {
    border-top: none;
    padding-top: 0px !important;
    margin-top: 0;
}
.popup-wrapper .submit-btn-row {
    display: flex; 
    gap: 10px;
    justify-content: flex-end;
    padding-right: 9px;
}
.row.border-top-d {
    padding: 0px 10px;
    border-top: solid 1px #ffcba9;
    margin: 0px 0px;
    margin-top: 24px;
    padding-top: 18px;
    padding-bottom: 3px;
}
.popup-wrapper .modal-header h5 {
    text-align: center; 
    width: 100%;
    font-size: 33px;
    color: #f68568;
    font-weight: bold;
    letter-spacing: 4px;
}
.popup-wrapper .dashboard-imgblock {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
}
.popup-wrapper .dashboard-imgblock img {
    width: 100%;
}
.popup-wrapper .dashboard-imgblock-wrapper {
    margin-top: 9px;
}
.popup-wrapper .dashboard-owner-details-info {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.popup-wrapper .dashboard-owner-img {
    width: 80px;
    height: 81px;
    position: relative;
    border: solid 1px #bebebe;
    border-radius: 50px;
    text-align: center;
    margin-right: 9px;
    overflow: hidden;
}
.popup-wrapper .dashboard-owner-img img {
    overflow: hidden;
    position: relative;
    aspect-ratio: 1 / 1;
    border-radius: 100px;
}
.popup-wrapper .owner-title2 {
    font-size: 28px;
    margin-bottom: 4px;
    color: #333333;
}
.popup-wrapper .dashboard-owner-name-title {
    font-size: 21px;
    color: #333333;
    padding-left: 8px;
}
.popup-wrapper button.close {
    padding: 0px;
    margin-top: 5px;
    margin-right: 4px;
    position: absolute;
    right: 10px;
    background: #ff781e;
    opacity: 1;
    color: #ffcbb2;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    text-shadow: none;
    font-size: 16px;
    outline: 0;
}
.popup-wrapper .modal-header {
    border-bottom: solid 1px #ff8539;
    margin: 0px 20px;
    padding-bottom: 15px;
    padding-top: 14px;
}
.popup-wrapper .modal-body {
    padding: 21px 35px;
    padding-bottom: 27px;
}
.modal-backdrop.show {
    opacity: 0.8;
}


.dashboard-search-bar-wrap {
    background: #ffddbb;
    padding: 14px 0px;
    position: relative;
}
.dashboard-search-bar-wrap .search-box-new {
    background: #ffffff;
    border-radius: 30px;
    display: flex;
    align-items: center;
    max-width: 100%;
    border: none;
    height: 41px;
    position: relative;
    overflow: hidden;
}
.dashboard-search-bar-wrapper {
    justify-content: center;
    flex-flow: column;
    align-items: center;
    max-width: 837px;
    margin: 0px auto;
    padding-left: 68px;
    position: relative;
}
.dashboard-search-bar-wrap .search-box-new input {
    width: 100%;
    border: none;
    font-size: 16px;
    letter-spacing: 0px;
    outline: 0;
}
.dashboard-search-bar-wrap .search-box-new span.search-icon {
    margin-left: 16px;
    margin-right: 7px;
    color: #ff7d5f;
    font-size: 18px;
}
.search-box input {
  border: none;
  outline: none;
  background: transparent;
  flex: 1;
  font-size: 14px;
}
.search-btn {
  background: #ff6a00;
  border: none;
  padding: 6px 18px;
  color: #fff;
  border-radius: 20px;
  cursor: pointer;
  font-size: 14px;
}
.dashboard-search-tags {
  margin-top: 10px;
  font-size: 12px;
  color: #ff6a00;
  cursor: pointer;
}
.close-btn {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 18px;
  cursor: pointer;
  color: #ff6a00;
}
.dashboard-search-bar-wrap .search-box-new .search-btn2 {
    min-width: 120px;
    height: 100%;
    border: none;
    color: #fff;
    background: #ff7d5e;
    letter-spacing: 4px;
    font-size: 17px;
    cursor: pointer;
    outline: 0;
}
.dashboard-search-tags ul li {
    display: inline-block;
    margin-right: 13px;
}
.dashboard-search-tags ul li a {
    font-size: 13px;
    color: #ff7d5f;
    text-decoration: none;
}
.search-c {
    position: relative;
}
span.search-close-btn3 {
    position: absolute;
    right: 96px;
    top: -3px;
    font-size: 22px;
    color: #ff7d5f;
    cursor: pointer;
}

/******* Mobile Layout *******/
@media only screen and (max-width: 767px) {	
.user-menu-right-side {
    display: none;
}

.popup-wrapper .owner-title2 {
    font-size: 20px;
    margin-bottom: 11px;
    margin-top: 19px;
}
.popup-wrapper .dashboard-imgblock {
    margin-bottom: 13px;
}
.border-top-d, .col-md-7, .border-top-d, .col-md-5 {
    padding: 0px;
}
.border-top-d .submit-btn-row {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding-right: 0px;
    margin-top: 6px;
}
.border-top-d .submit-btn-row button {
    margin-bottom: 14px;
}


.popup-wrapper .modal-body {
    padding: 18px 12px;
}
.dashboard-public-post .select-box-wrapper-row .nice-select {
    font-size: 14px;
    min-width: 118px;
}
.user-img-post img {
    width: 80px;
    height: 61px;
}
.dashboard {
    padding-top: 62px;
}
/* 用户基本资料响应式样式 */
.profile-user-details-wrapper {
    padding: 12px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.profile-user-details-title {
    font-size: 18px;
    margin-bottom: 12px;
}
.detail-item {
    padding: 8px 10px;
}
.detail-icon {
    width: 32px;
    height: 32px;
    margin-right: 10px;
}
.detail-icon i {
    font-size: 14px;
}
.detail-label {
    font-size: 12px;
}
.detail-value {
    font-size: 14px;
}
.detail-value .empty-text {
    font-size: 13px;
}
.dashboard .edit-profile-box-wrapper {
    padding: 25px 16px;
}
.dashboard .edit-profile-box-wrapper .contact-form-wrapper .form-group {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
}
.dashboard .edit-profile-box-wrapper .contact-form-wrapper .form-group label {
    width: 100%;
    font-size: 19px;
    letter-spacing: 3px;
    margin-bottom: 9px;
}
.personalization-box-wrapper-row {
    width: 100%;
}
.dashboard .personalization-box-wrapper .personalization-box-title {
    padding-top: 18px;
    font-size: 22px;
    margin-bottom: 15px;
}
.personalization-box-wrapper-row .col-md-6 {
    padding: 0px;
}
.account-security-form .flex-div {
    display: inline-block;
    margin-bottom: 14px;
}
.account-security-form .flex-div  .form-group-n-div-2 {
    width: 100%;
    padding: 0px 0px;
    margin-top: 14px;
}
.account-security-form .submit-btn-row {
    margin-left: 0;
    display: flex; 
}
.account-security-form .submit-btn-row button {
    padding: 8px 35px;
    margin-right: 10px !important;
}
.account-security-form .submit-btn-row {
    margin-top: 0;
    display: flex;
    justify-content: center;
}
.dashboard .btn-wrapper ul {
    text-align: center;
}
.dashboard .btn-wrapper ul li {
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 5px;
}
.dashboard .btn-wrapper ul li a {
    font-size: 16px;
    padding: 10px 30px;
}
.form-group-n-div-3 {
    text-align: center;
}



.timeline-section .ctl-labels {
    white-space: normal !important;
    font-size: 12px !important;
}	
.timeline-section .ctl-labels {
    white-space: normal;
    line-height: 32px;
    font-size: 15px;
}
.back-to-top img {
    width: 40px !important;
}
.back-to-top {
    bottom: 12px !important;
}	
.tab-menu li.active {
	margin-right: 20px;
}
.home-text-div .banner-text-info {
	padding-right: 0;
}
.graphic-bg:before {
	display: none;
}
.login-option-btn .user-icon {
	margin-right: 6px;
	max-width: 28px;
}
.download-list-btn .download-btn a {
	padding: 10px 8px;
	font-size: 21px;
	padding-left: 25px;
}
.download-list-btn .download-btn a .download-icon {
	margin-left: 1px;
	margin-right: 9px;
}
.download-box-row:after {
	bottom: -22px;
	width: 100%;
	right: 0px;
}
.box-bg1 .ctl-labels {
	background: #aa74d6 !important;
}
.box-bg2 .ctl-labels {
	background: #f68634 !important;
}
.box-bg3 .ctl-labels {
	background: #64c9d0 !important;
}
.box-bg1 .ctl-arrow {
	background: #aa74d6 !important;
}
.box-bg1 .ctl-icon.showit {
	background: #aa74d6 !important;
	box-shadow: 0 0 0 2px #fff, inset 0 0 0 2px rgb(0 0 0 / 5%), 0 0 0 5px #aa74d6 !important;
}
.box-bg2 .ctl-arrow {
	background: #f68634 !important;
}
.box-bg2 .ctl-icon.showit {
	background: #f68634 !important;
	box-shadow: 0 0 0 2px #fff, inset 0 0 0 2px rgb(0 0 0 / 5%), 0 0 0 5px #f68634 !important;
}
.box-bg3 .ctl-arrow {
	background: #64c9d0 !important;
}
.box-bg3 .ctl-icon.showit {
	background: #64c9d0 !important;
	box-shadow: 0 0 0 2px #fff, inset 0 0 0 2px rgb(0 0 0 / 5%), 0 0 0 5px #64c9d0 !important;
}
.timeline-box-ul ul li {
	margin-right: 5px;
	padding-right: 6px;
	font-size: 9px;
}
.ctl-description p {
	font-size: 13px !important;
	line-height: 21px !important;
}
.timeline-title-row .timeline-box-info .timeline-box-title {
	font-size: 19px;
	margin-bottom: 2px;
}
.timeline-title-row .timeline-box-logo {
	width: 60px;
	margin-right: 7px;
}
.timeline-box-info {
	width: 100%;
}
.activity-box {
	display: inline-block;
	border-radius: 15px;
	padding: 14px 19px;
}
.activity-box .activity-box-title {
	font-size: 26px;
	padding-right: 8px;
	border-right: none;
	line-height: 28px;
	margin-bottom: 16px;
}
.labels-list .dot {
	width: 16px;
	height: 16px;
	margin-right: 1px;
}
.labels-list .item {
	gap: 2px;
	font-size: 10px;
	margin-right: 1px;
}
.labels-list {
	justify-content: center;
}
.timeline-btn-row .btn-wrapper-info {
	display: inline-block;
}
.orange-btn {
	margin-right: 0;
	margin-bottom: 6px;
}
.timeline-btn-row .btn-wrapper-info a {
	padding: 13px 15px;
	width: 100%;
}
.listing-n {
	padding-top: 0;
	margin-top: 0;
}
p {
	font-size: 16px;
	line-height: 34px;
	text-align: justify!important;
}
.sky-blue-bg-btn a {
	padding: 13px 28px;
}
#program-slider .program-img {
	margin: 2px;
}
.graphic-dot3 {
	position: absolute;
	top: 0;
	max-width: 100%;
	z-index: -1;
	left: 0;
}
.participating-section {
	padding-top: 0;
}
.graphic-bg2 {
	display: none;
}
.graphic-bg1 {
	max-width: 100%;
}
.teacher-community-section {
	padding: 89px 0px 55px;
	background-size: cover;
}
#participating .owl-nav button.owl-prev {
	left: -14px;
}
#participating .owl-nav button.owl-next {
	right: -14px;
}
.participating-details-text p {
	line-height: 27px;
}
.sponsoring-details-wrapper .sponsoring-details-title {
	margin-bottom: 20px;
}
.iconimg {
	display: none;
}
.banner-title br {
	display: none;
}
.banner-text-info .banner-title {
	font-size: 33px;
	line-height: 61px;
	letter-spacing: 3px;
}
.banner-text-info p br {
	display: none;
}
.btn-wrapper-info .btn-wrapper a {
	padding: 13px 15px;
}
.top-img-wrapper {
	position: relative;
	right: 0px;
	top: 0;
	max-width: 100%;
	padding: 0;
}
.order-no2 {
	order: 2;
}
.teaching-section {
	margin-top: 62px;
}
.heading-info .heading-title {
	font-size: 20px;
	letter-spacing: 1px;
}
.card-news-list {
	margin-bottom: 38px;
}
.participating-details-box .participating-logo {
	min-width: 88px;
	margin-right: 9px;
}
.participating-details-box {
	padding: 10px;
}
.header-right-side {
	display: none;
}
.logo {
	margin-bottom: 0;
}
.logo-div .logo2, .logo-div .logo3 {
	display: none;
}
.logo-div .logo {
	max-width: 259px;
}
.selected-teaching-section {
	background-size: cover;
	background-position: initial;
	padding-bottom: 179px;
	padding-top: 61px;
	margin-top: 46px;
}
.selected-teaching-section .sky-blue-bg-btn {
	position: relative;
	margin-top: 17px;
}
.position-left {
	position: relative;
	left: auto;
	padding: 0 15px;
	margin-bottom: 23px;
	width: 100%;
	top: auto;
}
.besign-by {
	text-align: center;
	padding-top: 7px;
}
.copyright-text {
	text-align: center;
}
.contact-form-wrapper {
	margin-top: 40px;
}
.footer-details-info {
	padding-right: 0;
}
.footer-details-info::after {
	display: none;
}
.footer-section {
	padding: 37px 0px 0px;
}
.heading-info {
	margin-bottom: 55px;
}
body.open label.toggle i.fa::before {
	content: "\f00d";
}
body.open:after {
	content: "";
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0px;
	z-index: 33;
	display: inherit;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.5);
}
.mobile-view-div {
	display: block;
	margin-top: 2px;
	padding: 10px;
}
.banner-text-info {
	margin-top: 13px;
	padding-right: 0;
}
.banner-text-info .graphic-icon5 {
	margin-top: 13px;
	padding-left: 33px;
}
.graphic-icon2 {
	display: none;
}
.graphic-icon3 {
	display: none;
}
.program-img {
	margin-bottom: 34px;
}
.program-slider-row {
	padding: 0px 40px;
}
#program-slider .owl-nav button {
	top: 22%;
}
.sponsoring-organization-section {
	padding: 51px 0px 10px;
	background-size: cover;
}
.program-objectives-section {
	padding-bottom: 12px;
}
.sponsoring-details-wrapper .sponsoring-details-logo {
	max-width: 100%;
	margin-bottom: 24px;
}
.top-banner2 .top-img-wrapper {
	max-width: 100%;
}
.top-banner2 .graphic-icon5 {
	max-width: 100%;
	width: 100%;
	left: 0;
	padding-left: 0px;
}
.program-section {
	padding-top: 30px;
	padding-bottom: 45px;
}
.resources-box {
	padding: 15px;
}
.login-option-row {
	display: inline-block;
}
.login-option-row .login-img {
	width: 100%;
}
.login-option-row .login-option-btn-row {
	width: 100%;
}
.login-option-btn-row .login-form {
	padding-right: 0;
	margin-top: 26px;
	margin-bottom: 20px;
}
.resources-box-r .resources-title {
	font-size: 17px;
	line-height: 32px;
}
.login-option-btn {
	text-align: center;
}
.login-option-btn a {
	padding: 10px 16px !important;
	width: fit-content;
	text-align: center !important;
	font-size: 20px !important;
}
.login-option-btn .sky-blue-bg-btn {
	margin-top: 11px;
	text-align: center;
}
.login-option-btn {
	margin-top: 20px;
}
.news-details-title-row .news-details-bg-title {
	min-width: 57px;
}
.news-details-title-row .news-details-title {
	font-size: 15px;
}
.news-date {
	font-size: 16px;
	margin-right: 8px;
}
.news-details-info p {
	font-size: 15px;
	line-height: 28px;
}
.news-details-slider {
	margin-top: 18px;
	padding: 25px 44px !important;
	padding-bottom: 13px;
}
.news-details-slider:After {
	height: 100%;
	border-radius: 13px;
}
#sync1 .owl-nav button.owl-prev {
	left: -29px;
}
#sync1 .owl-nav button.owl-next {
	right: -29px;
}
#sync2 .owl-nav button.owl-prev {
	left: -35px;
	top: 17%;
}
#sync2 .owl-nav button.owl-next {
	right: -35px;
	top: 17%;
}
.news-list-info {
	height: 100%;
	padding-left: 6px;
	padding-right: 0px;
	padding-top: 20px;
	padding-bottom: 58px;
}
.news-list-info .news-list-title {
	font-size: 23px;
	margin-bottom: 8px;
}
.pagination-wrapper ul li {
	margin: 0px 2px;
}
.listing-section .title-with-arrow {
	display: flex;
}
.title-with-arrow i {
	min-width: 40px;
}
.listing-section .title-with-arrow strong {
	font-size: 17px;
}
.resources-box-r {
	padding: 0px 0px;
}
.resources-box .heading-info {
	margin-bottom: 29px;
}
.download-box-row {
	display: inline-block;
	margin-top: 17px;
	margin-bottom: 45px;
	text-align: center;
	width: 100%;
}
.download-list-li {
	padding: 13px 11px;
	margin-bottom: 14px;
	padding-right: 63px;
}
.arrow-folder {
	right: 9px;
	max-width: 42px;
}
.download-list-li p {
	font-size: 15px;
	line-height: 26px;
}
.download-box-row .download-list-box {
	margin-bottom: 28px;
}
.select-box-row1 {
	display: inline-block;
}
.select-box-l {
	margin: 0px 0px;
	padding: 6px 28px;
	margin-bottom: 17px;
}
.select-box-wrapper {
	margin-bottom: 19px;
}
.graphic-dot-imgn {
	width: 100%;
	top: 46%;
}
.school-listing-box .school-logo {
	min-width: 76px;
	width: 76px;
	margin-right: 11px;
}
.school-listing-box .school-info .school-name {
	margin-bottom: 9px;
	font-size: 17px;
}
.news-list-div {
	margin-left: -0px;
	border-bottom-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 0px !important;
}
.quote-icon {
	max-width: 42px;
}
.tab-d-2 {
	padding-right: 15px;
}
.home-text-div .banner-title {
	margin-bottom: 0px;
}
.home-text-div p {
	font-size: 18px;
}
.tab-menu li button {
	background: #f5f5f5;
}
.school-listing-box .btn-wrapper a {
	padding: 5px 15px;
}

.dashboard-public-post .dashboard-details-wrapper-box {
    padding: 14px 13px 13px;
    margin-bottom: 25px;
}
.dashboard-public-post .dashboard-dowanload-info {
    padding: 6px 10px;
    margin-bottom: 10px;
}
.dashboard-public-post .dashboard-dowanload-info .dashboard-dowanload-text {
    font-size: 12px;
    line-height: 24px;
}
.dashboard-public-post .comments-wrapper {
    display: inline-block;
    width: 100%;
}
.dashboard-public-post .comments-wrapper.is-expanded .comments-compose-row {
    display: block;
}
.dashboard-public-post .comments-info {
    width: 100%;
    margin-bottom: 13px;
}
.dashboard-public-post .comments-wrapper-right {
    min-width: auto;
    margin-left: 0;
    text-align: center;
    margin-top: 21px;
}
.dashboard-public-post .video-wrapper {
    width: 100%;
    margin-bottom: 18px;
}
.dashboard-public-post .dashboard-imgblock-wrapper {
    margin-bottom: 20px;
}
.dashboard-chat-box {
    padding: 14px;
}
.dashboard-chat-box .chat-input, .dashboard-chat-box .dashboard-chat-tags {
    padding: 0px 0px;
}
.dashboard-chat-tags li {
    margin-right: 16px;
    margin-bottom: 11px;
}
.dashboard-public-post .select-box-wrapper {
    width: 100%;
    margin: 0px 7px;
} 
.profile-left-side {
    min-height: auto;
    margin-bottom: 32px;
}
.profile-card-left-side-bar {
    padding-right: 0;
}
.dashboard .edit-profile-box-wrapper .contact-form-wrapper {
    width: 100%;
    padding-left: 0;
}
.dashboard .personal-details-row .btn-wrapper {
    margin-left: 0;
    text-align: center;
    padding-top: 11px;
}
.dashboard-public-post {
    padding-top: 62px;
}
ul.edit-iocn {
    display: flex;
    gap: 10px;
    top: 18px;
    right: 10px;
}
.dashboard-public-post .dashboard-owner-details-info {
    padding-right: 61px;
}
.dashboard-public-post .dashboard-owner-details p {
    font-size: 11px;
}
ul.edit-iocn li img {
    max-width: 25px;
}
.dashboard-public-post .border-line2 {display: none;}




}

/******* Tablet Layout *******/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.border-top-d .submit-btn-row {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding-right: 0px;
    margin-top: 6px;
}
.border-top-d .submit-btn-row button {
    margin-bottom: 14px;
}
.dashboard-chat-tags li {
    margin-right: 11px;
}		
.user-menu-right-side {
    display: none;
}
.dashboard-public-post .select-box-wrapper {
    width: 40%;
    margin: 0px 14px;
}	
.dashboard-public-post .dashboard-details-wrapper-box {
    padding: 24px;
}
.profile-card-left-side-bar .profile-card-list-info ul li a {
    padding: 9px 9px;
}
.dashboard .edit-profile-box-wrapper .contact-form-wrapper {
    width: 100%;
    padding-left: 0;
}
.dashboard .edit-profile-box-wrapper .contact-form-wrapper .form-group label {
    width: 40%;
}
.profile-card-left-side-bar {
    padding-right: 0;
}
.dashboard-left-div-n1 {
    max-width: 30%;
    flex: auto;
}
.dashboard-right-div-n2 {
    max-width: 70%;
    flex: auto;
}
.popup-wrapper .modal-dialog {
    max-width: 746px;
}	
.popup-wrapper .modal-body {
    padding: 21px 13px;
}
.personalization-box-wrapper-row {
    width: 100%;
}
.profile-left-side {
    padding: 0px;
	min-height: auto;
    padding-bottom: 50px !important;
}	
.tab-menu li button {
	font-size: 11px;
	padding: 11px 8px;
	letter-spacing: initial;
}
.banner-text-info .banner-title {
	font-size: 35px;
	letter-spacing: 0px;
}
.activity-box .activity-box-title {
	font-size: 25px;
}
.timeline-title-row .timeline-box-info .timeline-box-title {
	font-size: 36px;
}
.timeline-box-ul ul li {
	font-size: 14px;
}
.listing-n {
	padding-top: 0;
	margin-top: 0;
}
.school-listing-box .school-logo {
	min-width: 70px;
	width: 70px;
	margin-right: 14px;
}
.school-listing-box .school-info .school-name {
	margin-bottom: 10px;
	font-size: 20px;
}
.download-list-li {
	padding: 12px 20px;
	margin-bottom: 14px;
	padding-right: 79px;
}
.arrow-folder {
	right: 14px;
	max-width: 39px;
}
.download-list-li p {
	font-size: 18px;
}
.title-with-arrow strong {
	font-size: 18px;
}
.news-list-info {
	padding-left: 7px;
	padding-right: 15px;
	padding-top: 11px;
	padding-bottom: 23px;
}
.news-list-info .news-list-title {
	font-size: 22px;
}
.login-option-btn {
	text-align: center;
}
.login-option-btn .sky-blue-bg-btn {
	text-align: center;
}
.login-option-btn a {
	padding: 15px 50px !important;
	text-align: center !important;
}
.resources-box {
	padding: 42px 28px;
	padding-top: 0px;
	margin-top: 92px;
}
.login-option-btn-row .login-form {
	padding-right: 28px;
	padding-left: 31px;
}
.resources-box-r .resources-title {
	font-size: 18px;
	line-height: 44px;
}
.mobile-view-div {
	display: block;
	margin-top: 2px;
	padding: 10px;
}
.logo-div .logo2, .logo-div .logo3 {
	display: none;
}
.header-right-side {
	display: none;
}
.logo-div .logo {
	max-width: 450px;
	margin: 0;
}
.nav_area .toggle {
	right: 21px;
	top: -89px;
}
body.open label.toggle i.fa::before {
	content: "\f00d";
}
body.open:after {
	content: "";
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0px;
	z-index: 33;
	display: inherit;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.5);
}
.iconimg {
	display: none;
}
.banner-text-info .banner-title br {
	display: none;
}
.btn-wrapper a {
	font-size: 16px;
	padding: 10px 28px;
}
.top-img-wrapper {
/*max-width: 54%;*/
}
.teaching-section {
	margin-top: 90px;
}
.heading-info .heading-title {
	font-size: 24px;
}
.selected-teaching-box-text-info p br {
	display: none;
}
.home-text-div .banner-title {
	line-height: 53px;
	margin-bottom: 8px;
	font-size: 34px;
}
.home-text-div p {
	font-size: 17px;
}
.home-text-div .btn-wrapper-info .btn-wrapper a {
	font-size: 12px;
	padding: 14px 20px;
}
.home-text-div .banner-text-info {
	padding-right: 0px;
	margin-top: 36px;
}
}


/******** Medium Layout ********/
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.dashboard-public-post .select-box-wrapper {
    width: 33%;
    margin: 0px 11px;
}
.dashboard-public-post .dashboard-details-wrapper-box {
    padding: 25px;
}	

.dashboard-search-bar-wrapper {
    max-width: 736px;
}


	
	
	
	
.dashboard .edit-profile-box-wrapper .contact-form-wrapper {
    width: 100%;
    padding-left: 0;
}
.personalization-box-wrapper-row {
    width: 100%;
    margin: auto;
}
#participating .owl-nav button.owl-next {
	right: -14px;
}
#participating .owl-nav button.owl-prev {
	left: -14px;
}
.home-text-div .btn-wrapper-info .btn-wrapper a {
	padding: 10px 32px;
}
.iconimg {
	max-width: 77px;
}
.home-text-div .banner-title {
	line-height: 40px;
	margin-bottom: 10px;
}
.tab-menu li button {
	font-size: 13px;
	padding: 11px 14px;
	letter-spacing: inherit;
}
.login-btn {
	padding: 10px 17px;
	font-size: 15px;
}
.header-search-row {
	margin-top: 4px;
	margin-bottom: 7px;
}
.login-option-btn-row .login-form {
	padding-right: 28px;
	padding-left: 31px;
}
.resources-box-r .resources-title {
	font-size: 24px;
}
.login-option-btn {
	text-align: center;
}
.login-option-btn .sky-blue-bg-btn {
	text-align: center;
}
.login-option-btn a {
	padding: 15px 50px !important;
	text-align: center !important;
}
.account-security-form .flex-div .form-group-n-div-1 {
    min-width: 17%;
}
.profile-left-side {
    padding: 0px;
}
.profile-card-list-info ul li a span.icon {
    width: 29px;
}











}
@media only screen and (min-width: 1400px) and (max-width: 2500px) {
.position-left {
	position: absolute;
	left: 3%;
	padding: 0;
	top: -39px;
	max-width: 39%;
}
.container {
	max-width: 1650px;
}
.top-banner2 .banner-text-info .banner-title {
	font-size: 83px;
	line-height: 61px;
	padding-left: 22%;
}
.graphic-line-n {
	margin-top: 86px !important;
}
.graphic01n {
	margin-left: -11px;
}
.top-banner2 .graphic-icon5 {
	margin-top: 85px;
}
.top-banner2 .banner-text-info {
	margin-top: 126px;
}
.home-text-div {
	padding-left: 10%;
}
.home-text-div .banner-title {
	line-height: 75px;
	font-size: 66px;
}
.home-text-div p {
	font-size: 30px;
	line-height: 57px;
}
}
 @media (min-width: 1400px) and (max-width: 1725px) {
.top-banner2 .banner-text-info .banner-title {
	padding-left: 0%;
}
.home-text-div {
	padding-left: 15px;
}
}
.back-to-top {
	display: block;
	position: fixed;
	bottom: 72px;
	z-index: 999;
	right: 9px;
}
.back-to-top img {
    width: 45px;
}
.owl-carousel .owl-item.synced  img {
    border: 4px solid #f68739 !important;
}

.news-details-slider .owl-carousel .owl-item.active  img {
    border: 4px solid #2acdd1 !important;
}

/*-------------------------------------------------------------*/
/*        Blue Theme Styles
/*-------------------------------------------------------------*/

/* Dashboard chat box border for blue theme */
.theme-blue .dashboard-chat-box {
    border-color: #2acdd1 !important;
	background: #86e6e9b3!important;
}

/* Submit comment button for blue theme */
.theme-blue .submit-comment-btn {
    background-color: #2acdd1 !important;
}

.theme-blue .submit-comment-btn:hover {
    background-image: linear-gradient(to right, #21b8bd 30%, #2cd4d9) !important;
}

.theme-blue .dashboard-public-post .border-line2 {
    border: solid 1px #2acdd1!important;
    width: 100%;
    height: 0px;
}


.like-comments-info a:hover{
	text-decoration:none!important;
}