/*
 * Corporate-page (cpt-page) styles, lifted verbatim from the <style> block that
 * j51_carmen/index.php inlined. The markup lives in the cpt_* custom modules, which
 * migrated fine, but the rules that made them look like anything did not: they were
 * embedded in a template that no longer exists.
 *
 * Nearly every rule is already scoped to body.cpt-page, which the joi template now
 * emits from the menu item's pageclass_sfx. Rules keyed to j51_carmen-only ids
 * (#wrapper_top-2, #container_top2_modules) are inert here and left in place so this
 * file stays a straight copy of the original.
 */
* {
	box-sizing: border-box;
}
	body.cpt-page [class^="icon-"], body.cpt-page [class*=" icon-"] {
		display: inherit;
		width: inherit;
		height: inherit;
		margin-right: inherit;
		line-height: inherit;
	}
	body.cpt-page .module .module_surround, .module_menu .module_surround {
		height: auto;
		padding: 0;
	}
	body.cpt-page .module + .module {
		margin-top: 0;
	}

#container_top2_modules,
body.cpt-page .joi-top2a {
	padding: 5px 0 10px;
	margin-top: 20px;
	background-image: url(/images/template2022/joi-method-bg06b.jpg);
	background-color: #ffffff;
	background-position: 50% 0;
}
body.cpt-page .joi-top2a .mod-custom {
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}
#wrapper_top-2 .module {
	margin-top: 30px;
	margin-bottom: 30px;
}
body.cpt-page .block-main.wrapper.my_customdv {
	max-width: 100%;
}

body.cpt-page #block-header {
	border-bottom: none;
	background: transparent;
	position: relative;
	z-index: 9;
}

.banner-area-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	padding: 0 !important;
}
.banner-area-inner > div.banner-area-img {
	width: 50%;
}
.banner-area-content h2 {
	font-weight: bold;
	font-size: 42px;
	line-height: 46px;
}

.banner-area-inner > div.banner-area-content {
	width: 50%;
	padding: 45px 20px 10px 0;
	position: relative;
	z-index: 1;
}
.banner-area-inner > div.banner-area-content .sub-head {
	margin: 0 0 -15px 0;
}
.banner-area-inner > div.banner-area-content i {
	color: #337ab7;
}

.button-feature {
	padding: 10px 20px;
	margin-top: 30px;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size: 14px;
	text-transform: capitalize;
	text-decoration: none !important;
}

body #container_header {
	padding-bottom: 0;
}
.content-sec-1 {
	padding: 60px 0;
}
.content-sec-1 ul, .content-sec-2 ul {
	list-style: none;
	margin-bottom: 30px;
}
.content-sec-1 ul > li:first-child strong, .content-sec-2 ul > li:first-child strong {
	background: #ff950e;
	display: inline-block;
	color: #000;
	padding: 2px 5px;
}

.blue-bg-sec {
	background: #000066;
	color: #fff;
	padding: 20px;
	margin-bottom: 30px;
	text-align: center;
	margin-top: 60px;
}
.blue-bg-sec h3, body.cpt-page .blue-bg-sec h4 {
	color: #fff;
}
.content-sec-2 ul li span {
	color: #ff3333;
	border-bottom: 2px solid #ff3333;
	padding-left: 10px;
	margin-left: 10px;
}
body.cpt-page .teacher-box-img h4 {
	color: #fff;
}
body.cpt-page #container_base1_modules, body.cpt-page #container_top3_modules, body.cpt-page #container_main,
body.cpt-page .joi-main {
	display: none;
}
.icon-box-border-top-content h4 {
	margin-left: 20px;
}
body.cpt-page .container {
	max-width: 1140px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
}
body.cpt-page li {
	padding-bottom: 10px;
	position: relative;
	padding-left: 20px;
	line-height: normal;
}
/* Corporate article lists only — not the shared header nav. position:relative on
   .joi-nav__item--mega traps the Courses mega panel inside the <li> (narrow column
   off to the right); padding-left on panel rows breaks the mega grid layout. */
body.cpt-page .joi-nav li {
	padding-bottom: 0;
	padding-left: 0;
	line-height: inherit;
}
@media (min-width: 992px) {
	body.cpt-page .joi-nav .joi-nav__item--mega {
		position: static;
	}
}
body.cpt-page .header .container {
	padding-left: 0;
	padding-right: 0;
}
body.cpt-page .hornav > ul > li {
	padding: 0 !important;
}
body.cpt-page .hornav ul ul li a {
	line-height: 40px;
}
.list-dots {
	margin-top: 30px;
}
.list-dots ul {
	list-style: disc;
}

.teacher_sec {
	margin-bottom: 40px;
}
.teacher_sec table td {
	padding: 5px;
}
.teacher_sec td img {
	width: 100%;
	padding-right: 10px;
	height: auto;
}
.teacher_title {
	font-size: 18px;
}
.teacher_title p strong {
	font-family: "Times New Roman",serif;
	margin-right: 30px;
}
.teacher_sec table p {
	margin: 5px 0;
}
.teacher_sedc {
	margin-top: 20px;
}
.teacher_sedc th {
	background: #330099;
	color: #fff;
	padding: 10px;
	font-weight: 500;
	text-align: center;
}

.all-teacher-btn {
	text-align: center;
	margin: 40px 0 50px;
	padding-top: 30px;
	border-top: 1px solid #ccc;
}
.all-teacher-btn a {
	background-color: #090;
	color: #fff !important;
	padding: 5px 20px;
	display: inline-block;
	font-size: 16px;
	text-decoration: none !important;
}

.trusted-worldwide {
	background: #1d2e38;
	padding: 60px 0;
	color: #fff;
	margin-top: 30px;
	display: inline-block;
}
#container_base2_modules {
	margin-top: 50px;
}
.faq-sec {
	padding: 60px 0;
}
.faq-sec-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.faq-sec-inner .faq-img {
	width: 215px;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	margin-right: 15px;
}
.faq-sec-inner .faq-img img {
	width: 100%;
	min-height: 300px;
	object-fit: cover;
	object-position: -113px;
}
.faq-sec-inner .faq-img span {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 30px 15px 10px 15px;
	left: 0;
	color: #fff;
	background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(85,164,224,1) 35%, rgba(11,126,209,1) 100%);
	background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(85,164,224,1) 35%,rgba(11,126,209,1) 100%);
	background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(85,164,224,1) 35%,rgba(11,126,209,1) 100%);
	font-size: 20px;
	text-transform: uppercase;
}

.faq-tab {
	display: flex;
	width: calc(100% - 230px);
}
.faq-tab > div, .faq-tab > ul {
	list-style: none;
	width: 100%;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	border-radius: 10px;
	padding: 30px;
	margin: 0 15px;
}
.faq-tab .tabs {
	max-width: 30%;
	padding: 0;
}
.faq-tab .tabsct {
	max-width: 70%;
}
.faq-tab .tabsct .tab:not(:first-child) {
	display: none;
}
.faq-tab .tabs li {
	padding: 15px;
	color: #0b7ed1;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	transition: 0.3s all ease;
}
.faq-tab .tabs li:hover,.faq-tab .tabs li:focus {
	color: #fff;
	background: #0b7ed1;
}
.faq-tab .tabs li:last-child {
	border: none;
}
.faq-tab .tabsct ul {
	padding: 0;
	list-style: none;
}
.faq-tab .tabsct ul li {
	padding-bottom: 10px;
	position: relative;
	padding-left: 20px;
}
.faq-tab .tabsct ul li::before {
	content: "";
	height: 8px;
	width: 8px;
	display: inline-block;
	background: #0e80d2;
	border-radius: 50%;
	margin-right: 10px;
	position: absolute;
	left: 0;
	top: 6px;
}

.faq-bt-content {
	margin-top: 60px;
	text-align: center;
}
.bt-content-btns a {
	font-size: 16px;
	padding: 10px 20px;
	color: #fff;
	font-weight: bold;
	margin: 15px;
	border-radius: 10px;
	display: inline-block;
}
.bt-content-btns a {
	font-size: 16px;
	padding: 10px 20px;
	color: #fff !important;
	font-weight: bold;
	margin: 15px;
	text-decoration: none !important;
}
.bt-content-btns a.orange-btn {
	background: #ff9900;
}
.bt-content-btns a.green-btn {
	background: #009933;
}

body.cpt-page .icon-box-main {
	background: #eee;
	margin-left: 60px;
	margin-bottom: 50px;
	width: calc(100% - 60px);
}
body.cpt-page .icon-box-main .icon-box-main-inner {
	position: relative;
	width: 100%;
}
body.cpt-page .icon-box-main .icon-box-main-inner .icon-box-img {
	position: absolute;
	left: -60px;
	top: 15px;
	width: 50px;
	height: 50px;
	border: 2px solid red;
	margin-right: 10px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	object-fit: cover;
	background: #fff;
}
body.cpt-page .icon-box-main .icon-box-main-inner .icon-box-img img {
	width: 100%;
	height: auto;
	padding: 8px;
	object-fit: cover;
}
body.cpt-page .icon-box-content {
	padding: 15px;
}
body.cpt-page .icon-box-title h4 {
	font-weight: bold;
}
body.cpt-page .icon-box-content.with-img > div {
	width: calc(100% - 200px);
	float: left;
	padding-right: 30px;
}

body.cpt-page .icon-box-border {
	margin: 50px 0;
	border: 4px solid #374856;
	border-radius: 50px;
	padding: 30px;
}
body.cpt-page .icon-box-border-top {
	display: flex;
	align-items: center;
}
body.cpt-page .icon-box-border-top .icon-box-border-top-img {
	width: 60px;
	margin-right: 20px;
}
body.cpt-page .icon-box-border-top .icon-box-border-top-img img {
	width: 100%;
	height: auto;
}
body.cpt-page .icon-box-border-top-content h3 {
	margin-top: 0;
	color: #006;
	font-weight: bold;
}
body.cpt-page .icon-box-border-top-content h3 span {
	color: #f33;
	border-bottom: 2px solid #f33;
	padding-left: 10px;
	margin-left: 10px;
	background: #ffc;
	text-shadow: 1px 1px 1px #000;
	font-style: italic;
	display: inline-block;
}
body.cpt-page .icon-box-border-bottom {
	padding-left: 80px;
	width: 100%;
}
body.cpt-page  h4 {
	color: #000;
}
.grey_box {
	padding: 10px;
	background: #eee;
	border-top: 2px solid #000;
	margin-top: 20px;
}

.grey_box > p:first-child {
	color: #006;
}
.grey_box > p {
	font-weight: bold;
}
.grey_box ul {
	list-style: none;
	padding: 0;
}
.grey_box ul li::before {
	content: "";
	height: 10px;
	width: 10px;
	display: inline-block;
	background: #000;
	margin-right: 10px;
}
body.cpt-page .blue-bg-sec strong {
	color: #fff;
}
.teaching-sec-inner {
	display: flex;
	flex-wrap: wrap;
	margin-top: 35px;
}
.teaching-left {
	width: 30%;
	padding-right: 30px;
}
.teaching-right {
	width: 70%;
}
.teaching-right h4 {
	text-align: center;
	color: #006;
}
.teaching-left-inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	background: #330099;
	margin-top: 50px;
	border-radius: 15px;
	border: 1px solid #330099;
	color: #fff;
}
.teacher-box-img img {
	display: inline-block;
	margin: -50px auto 0 auto;
	height: 100px;
	width: 100px;
	border-radius: 50%;
	object-fit: cover;
}
.teacher-box-img h4 {
	margin: 20px 0;
}

.teacher-box-content {
	background: #fff;
	border-radius: 15px;
	text-align: left;
	padding: 10px;
	width: 100%;
}
.teacher-box-content p {
	margin-bottom: 6px;
}
.teacher-box-content-top {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	color: #000;
	padding: 2px 0 10px 0;
	font-size: 16px;
}
.teacher-box-content-top span:last-child {
	color:#330099;
}
.teacher_sedc td {
	padding: 10px;
}
body.cpt-page .teacher-box-content > p {
	color: #666;
	font-size: 12px;
}
body.cpt-page .icon-box-content.with-img img {
	width: 100%;
	max-width: 200px;
}
.trusted-worldwide > .module-title {
	display: none;
}
#wrapper_base-2 {
	padding-top: 60px;
}
@media only screen and (max-width: 1200px) {
	.banner-area {
		margin-bottom: 30px;
	}
	.banner-area-inner > div.banner-area-content {
		width: 100%;
		max-width: 50%;
		padding: 30px 15px 30px 0;
	}
	#wrapper_top-2 .custom > p:first-child img {
		margin-top: 0;
	}
	#wrapper_top-2 .custom > p img {
		margin-top: 30px;
	}

}
@media only screen and (max-width: 1024px) {
	.banner-area-inner > div.banner-area-content, 
	.banner-area-inner > div.banner-area-img {
		width: 100%;
		max-width: 100%;
	}
	.banner-area-img img {
		margin-top: 0;
	}
	.faq-tab {
		width: 100%;
		margin-top: 30px;
	}
	.faq-tab .tabs {
		margin-left: 0;
		margin-right: 20px;
	}
	.faq-tab .tabsct {
		margin-right: 0;
	}
	.banner-area-content h2 {
		font-size: 30px;
		line-height: 40px;
	}
	.teaching-left {
		width: 40%;
	}
	.teaching-right {
		width: 60%;
	}
	.faq-sec-inner .faq-img {
		margin: 0 auto;
	}
}
@media only screen and (max-width: 767px) {
	.teacher_sedc td {
		padding: 5px;
	}
	.banner-area-inner > div.banner-area-content, 
	.banner-area-inner > div.banner-area-img {
		padding: 30px;
	}
	.faq-tab .tabs {
		margin-left: 0;
		margin-right: 0px;
	}
	.faq-tab > div, .faq-tab > ul {
		padding: 20px;
	}
	.faq-tab .tabsct ul li::before {
		height: 6px;
		width: 6px;
	}
	.teacher_sec > table:first-child td {
		display: inline-block;
		width: 100%;
	}
	.grey_box ul {
		padding: 0;
	}
	.banner-area-inner > div, 
	.banner-area-inner > div.banner-area-content {
		width: 100%;
		max-width: 100%;
	}
	.banner-area-content h2 {
		font-size: 26px;
		line-height: 36px;
	}
	.faq-tab .tabsct ul {
		padding: 20px;
	}
	.teaching-left {
		padding-right: 0;
		max-width: 450px;
		margin: 0 auto 30px;
		width: 100%;
	}
	.teaching-right {
		width: 100%;
	}
	body.cpt-page .icon-box-border-bottom {
		padding-left: 0;
	}
	body.cpt-page .icon-box-content.with-img > div {
		width: 100%;
		padding-right: 0;
	}
	body.cpt-page .icon-box-border-top-content {
		flex-wrap: wrap;
	}
}
@media only screen and (max-width: 480px) {
	.faq-tab {
		flex-wrap: wrap;
	}
	.faq-tab .tabs, .faq-tab .tabsct {
		max-width: 100%;
		padding: 0;
	}
	.faq-tab .tabsct {
		margin: 30px 0 0 0;
	}
}
.j51_icon.j51_icon_layout_row-t-i.j51_icon_align_left.animate.animate1.fadeInUp.boxed {
    visibility: visible;
}